:root{--bg:#060608;--bg-2:#0d0d15;--bg-3:#13131f;--bg-card:rgba(19,19,31,0.7);--border:#1e1e30;--border-light:rgba(255,255,255,0.06);--primary:#7c6df0;--primary-light:#a89af5;--primary-dim:rgba(124,109,240,0.15);--secondary:#00e5ff;--secondary-dim:rgba(0,229,255,0.12);--accent:#ff5fa0;--accent-dim:rgba(255,95,160,0.12);--text:#eeeef5;--text-muted:#7a7a96;--text-dim:#4a4a62;--success:#00d68f;--radius:12px;--radius-lg:20px;--radius-xl:28px;--shadow-glow:0 0 40px rgba(124,109,240,0.25);--shadow-card:0 8px 40px rgba(0,0,0,0.4);--transition:0.35s cubic-bezier(0.4,0,0.2,1);--font-head:'Space Grotesk',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-body:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','SFMono-Regular',Consolas,'Liberation Mono',monospace;--nav-h:72px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}ul{list-style:none}input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--border-light) 1px,transparent 1px),linear-gradient(90deg,var(--border-light) 1px,transparent 1px);background-size:60px 60px;opacity:0.4}h1,h2,h3,h4,h5{font-family:var(--font-head);font-weight:700;line-height:1.1;letter-spacing:-0.02em}h1{font-size:clamp(2.8rem,7vw,5.5rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}h3{font-size:clamp(1.3rem,2.5vw,1.8rem)}h4{font-size:1.15rem;font-weight:600}p{color:var(--text-muted);line-height:1.8}.mono{font-family:var(--font-mono);font-size:0.85em}.gradient-text{background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg,var(--primary-light) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.container--wide{max-width:1400px}.section{padding:120px 0;position:relative}.section--sm{padding:80px 0}.section-label{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:0.75rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--primary-light);margin-bottom:20px}.section-label::before{content:'';width:24px;height:1px;background:var(--primary)}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:99px;font-family:var(--font-head);font-size:0.95rem;font-weight:600;transition:var(--transition);white-space:nowrap;position:relative;overflow:hidden}.btn::after{content:'';pointer-events:none;position:absolute;inset:0;opacity:0;transition:opacity 0.3s;border-radius:inherit;background:rgba(255,255,255,0.1)}.btn:hover::after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 24px rgba(124,109,240,0.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 36px rgba(124,109,240,0.55)}.btn-secondary{background:transparent;color:var(--text);border:1.5px solid var(--border);backdrop-filter:blur(8px)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary-light);transform:translateY(-2px)}.btn-sm{padding:10px 22px;font-size:0.85rem}.btn-lg{padding:18px 44px;font-size:1.05rem}.btn svg{width:18px;height:18px;flex-shrink:0}.glass{background:var(--bg-card);border:1px solid var(--border-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px;transition:var(--transition);position:relative;overflow:hidden}.card::before{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,109,240,0.05),transparent 60%);opacity:0;transition:opacity 0.4s}.card:hover{border-color:rgba(124,109,240,0.3);transform:translateY(-4px);box-shadow:var(--shadow-card)}.card:hover::before{opacity:1}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);transition:background 0.4s,backdrop-filter 0.4s,border-color 0.4s;border-bottom:1px solid transparent}.nav.scrolled{background:rgba(6,6,8,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--border-light)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.nav__logo{font-family:var(--font-head);font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:8px}.nav__logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:8px;display:grid;place-items:center;flex-shrink:0}.nav__logo-icon span{font-family:var(--font-mono);font-size:0.65rem;font-weight:700;color:#fff;-webkit-text-fill-color:#fff}.nav__logo-img{display:block;width:auto;max-width:180px;max-height:46px;object-fit:contain;-webkit-text-fill-color:initial}.nav__logo-text{display:inline-flex;align-items:center}.nav__links{--nav-indicator-x:0px;--nav-indicator-y:0px;--nav-indicator-w:0px;--nav-indicator-h:0px;--nav-indicator-opacity:0;position:relative;display:flex;align-items:center;gap:6px;padding:2px;isolation:isolate}.nav__links::before{content:'';pointer-events:none;position:absolute;z-index:0;top:0;left:0;width:var(--nav-indicator-w);height:var(--nav-indicator-h);border-radius:8px;background:var(--border-light);opacity:var(--nav-indicator-opacity);transform:translate3d(var(--nav-indicator-x),var(--nav-indicator-y),0);transition:transform 0.42s cubic-bezier(0.22,1,0.36,1),width 0.42s cubic-bezier(0.22,1,0.36,1),height 0.42s cubic-bezier(0.22,1,0.36,1),opacity 0.2s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.025)}.nav__links.nav__links--no-transition::before{transition:none}.nav__links li{position:relative;z-index:1}.nav__links a{position:relative;z-index:1;display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;font-size:0.9rem;font-weight:500;color:var(--text-muted);background:transparent;transition:color 0.25s ease,background 0.25s ease}.nav__links:not(.nav__links--ready) a.active{color:var(--text);background:var(--border-light)}.nav__links a:hover,.nav__links a.active{color:var(--text)}.nav__links.nav__links--ready a.active{background:transparent}.nav__links a:hover:not(.active){background:rgba(255,255,255,0.045)}.nav__cta{margin-left:16px}.nav__hamburger{display:none;flex-direction:column;gap:5px;width:28px;padding:4px}.nav__hamburger span{display:block;height:2px;background:var(--text);border-radius:2px;transition:var(--transition);transform-origin:center}.nav__hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav__mobile{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:rgba(6,6,8,0.97);backdrop-filter:blur(20px);padding:24px;border-bottom:1px solid var(--border);flex-direction:column;gap:8px;z-index:999}.nav__mobile.open{display:flex}.nav__mobile a{padding:14px 16px;border-radius:var(--radius);font-size:1.05rem;font-weight:500;color:var(--text-muted);transition:var(--transition)}.nav__mobile a:hover,.nav__mobile a.active{color:var(--text);background:var(--border-light)}.nav__mobile .btn{margin-top:8px;justify-content:center}.footer{background:var(--bg-2);border-top:1px solid var(--border);padding:clamp(56px,5vw,80px) 0 clamp(32px,4vw,40px);position:relative}.footer__grid{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(auto-fit,minmax(140px,1fr));gap:48px;margin-bottom:clamp(32px,4vw,56px)}.footer__brand p{margin-top:16px;max-width:280px;font-size:0.9rem;line-height:1.7}.footer__col h5{font-size:0.75rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px}.footer__col ul{display:flex;flex-direction:column;gap:12px}.footer__col a{font-size:0.9rem;color:var(--text-muted);transition:color 0.2s}.footer__col a:hover{color:var(--primary-light)}.footer__bottom{opacity:1 !important;transform:none !important;filter:none !important;border-top:1px solid var(--border);padding-top:32px;display:flex;align-items:center;justify-content:space-between;font-size:0.85rem;color:var(--text-dim)}.footer__socials{display:flex;gap:12px;margin-top:24px}.social-icon{width:40px;height:40px;border:1px solid var(--border);border-radius:10px;display:grid;place-items:center;color:var(--text-muted);transition:var(--transition)}.social-icon:hover{border-color:var(--primary);color:var(--primary-light);background:var(--primary-dim);transform:translateY(-2px)}.social-icon svg{width:18px;height:18px}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:var(--nav-h);overflow:hidden}.hero__content{position:relative;z-index:2;max-width:780px}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid rgba(124,109,240,0.3);background:rgba(124,109,240,0.08);border-radius:99px;font-size:0.82rem;font-weight:500;color:var(--primary-light);margin-bottom:32px}.hero__badge-dot{width:7px;height:7px;background:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(1.3)}}.hero__title{margin-bottom:24px}.hero__title span{display:block}.hero__sub{font-size:1.15rem;max-width:560px;margin-bottom:44px;line-height:1.8}.hero__ctas{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero__code{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:380px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;opacity:0.7;z-index:1}.hero__code-bar{background:var(--bg-2);padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.hero__code-dot{width:10px;height:10px;border-radius:50%}.hero__code-dot:nth-child(1){background:#ff5f57}.hero__code-dot:nth-child(2){background:#ffbd2e}.hero__code-dot:nth-child(3){background:#28ca41}.hero__code pre{padding:20px;font-family:var(--font-mono);font-size:0.78rem;line-height:1.8;overflow-x:auto}.c-keyword{color:#c792ea}.c-fn{color:#82aaff}.c-string{color:#c3e88d}.c-comment{color:#546e7a}.c-number{color:#f78c6c}.c-prop{color:#ffcb6b}.hero__blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.hero__blob-1{width:500px;height:500px;background:radial-gradient(circle,rgba(124,109,240,0.18) 0%,transparent 70%);top:-100px;right:-100px}.hero__blob-2{width:350px;height:350px;background:radial-gradient(circle,rgba(0,229,255,0.12) 0%,transparent 70%);bottom:50px;left:-80px}.hero__blob-3{width:250px;height:250px;background:radial-gradient(circle,rgba(255,95,160,0.1) 0%,transparent 70%);top:40%;right:40%}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-dim);font-size:0.75rem;letter-spacing:0.12em;text-transform:uppercase;font-family:var(--font-mono);z-index:2}.scroll-indicator__arrow{width:20px;height:20px;border-right:2px solid var(--text-dim);border-bottom:2px solid var(--text-dim);transform:rotate(45deg);animation:scrollBounce 1.8s ease-in-out infinite}@keyframes scrollBounce{0%,100%{transform:rotate(45deg) translateY(0);opacity:0.5}50%{transform:rotate(45deg) translateY(6px);opacity:1}}.marquee{overflow:hidden;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-2);position:relative}.marquee::before,.marquee::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.marquee::before{left:0;background:linear-gradient(to right,var(--bg-2),transparent)}.marquee::after{right:0;background:linear-gradient(to left,var(--bg-2),transparent)}.marquee__track{display:flex;width:max-content;animation:marqueeScroll 28s linear infinite}.marquee__track--reverse{animation-direction:reverse;animation-duration:35s}.marquee__item{display:flex;align-items:center;gap:12px;padding:0 28px;font-family:var(--font-head);font-size:0.9rem;font-weight:500;color:var(--text-muted);white-space:nowrap}.marquee__item::after{content:'·';color:var(--primary);font-size:1.2rem}.marquee + .marquee{border-top:none}@keyframes marqueeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:56px 0 0;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.stat{background:var(--bg-2);padding:32px 24px;text-align:center}.stat__number{font-family:var(--font-head);font-size:2.8rem;font-weight:700;line-height:1;margin-bottom:8px;background:linear-gradient(135deg,#fff,var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat__label{font-size:0.85rem;color:var(--text-muted)}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-split__image{position:relative}.about-split__photo{width:100%;aspect-ratio:4 / 5;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--bg-3),var(--bg-2));border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-family:var(--font-mono);font-size:0.85rem;text-align:center;position:relative;overflow:hidden}.about-split__photo::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,109,240,0.15),rgba(0,229,255,0.05))}.photo-placeholder-icon{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}.photo-placeholder-icon svg{width:48px;height:48px;opacity:0.4}.about-split__deco{position:absolute;bottom:-20px;right:-20px;width:200px;height:200px;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-3);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.about-split__deco-num{font-family:var(--font-head);font-size:2.5rem;font-weight:700;color:var(--primary-light)}.about-split__deco-label{font-size:0.8rem;color:var(--text-muted)}.about-split__text h2{margin-bottom:24px}.about-split__text p{margin-bottom:20px}.about-split__text .btn{margin-top:16px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.service-card{padding:40px 32px}.service-card__icon{width:56px;height:56px;border-radius:16px;background:var(--primary-dim);border:1px solid rgba(124,109,240,0.2);display:grid;place-items:center;margin-bottom:28px;transition:var(--transition)}.service-card__icon svg{width:26px;height:26px;color:var(--primary-light)}.service-card:hover .service-card__icon{background:var(--primary);border-color:var(--primary)}.service-card:hover .service-card__icon svg{color:#fff}.service-card h3{margin-bottom:14px;font-size:1.3rem}.service-card p{font-size:0.92rem}.service-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tag{padding:5px 14px;border-radius:99px;font-size:0.75rem;font-weight:500;background:var(--border-light);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);transition:var(--transition)}.tag:hover{border-color:var(--primary);color:var(--primary-light);background:var(--primary-dim)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.project-card{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-light);background:var(--bg-card);transition:var(--transition);position:relative}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,0.5);border-color:rgba(124,109,240,0.3)}.project-card__img{height:220px;background:linear-gradient(135deg,var(--bg-3),var(--bg-2));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-card__img-inner{position:absolute;inset:0;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center}.project-card:hover .project-card__img-inner{transform:scale(1.05)}.project-card__img-overlay{position:absolute;inset:0;background:rgba(6,6,8,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s}.project-card:hover .project-card__img-overlay{opacity:1}.project-card__body{padding:28px}.project-card__cat{display:inline-block;font-family:var(--font-mono);font-size:0.72rem;font-weight:500;color:var(--secondary);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:10px}.project-card h3{font-size:1.2rem;margin-bottom:10px}.project-card p{font-size:0.88rem;margin-bottom:20px}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px}.project-card__tags .tag{font-size:0.7rem;padding:4px 10px}.proj-gradient-1{background:linear-gradient(135deg,#1a0533,#0d1a3a,#002b2b)}.proj-gradient-2{background:linear-gradient(135deg,#0a1a0a,#1a1a33,#33001a)}.proj-gradient-3{background:linear-gradient(135deg,#1a1a00,#001a1a,#200a33)}.proj-gradient-4{background:linear-gradient(135deg,#1a0000,#001a33,#001a00)}.proj-gradient-5{background:linear-gradient(135deg,#330a00,#001933,#1a0033)}.proj-gradient-6{background:linear-gradient(135deg,#0d001a,#001a1a,#1a1a00)}.proj-pattern{position:absolute;inset:0;opacity:0.15;background-image:linear-gradient(rgba(255,255,255,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.1) 1px,transparent 1px);background-size:30px 30px}.proj-label{position:relative;z-index:1;font-family:var(--font-mono);font-size:0.75rem;color:rgba(255,255,255,0.3);text-align:center}.cta-section{text-align:center;padding:120px 0;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(124,109,240,0.12) 0%,transparent 70%);pointer-events:none}.cta-section h2{margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem)}.cta-section p{margin-bottom:44px;font-size:1.1rem;max-width:480px;margin-left:auto;margin-right:auto}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px}.skill-group h4{color:var(--text-muted);font-size:0.75rem;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{padding:8px 18px;border-radius:99px;font-size:0.82rem;font-weight:500;border:1px solid var(--border);color:var(--text-muted);background:var(--bg-3);transition:var(--transition);cursor:default}.skill-tag:hover{border-color:var(--primary);color:var(--primary-light);background:var(--primary-dim);transform:translateY(-2px)}.timeline{position:relative;margin-top:56px;padding-left:32px}.timeline::before{content:'';position:absolute;left:0;top:8px;bottom:0;width:1px;background:linear-gradient(to bottom,var(--primary),transparent)}.timeline__item{position:relative;padding-bottom:48px}.timeline__item:last-child{padding-bottom:0}.timeline__item::before{content:'';position:absolute;left:-38px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary);border:2px solid var(--bg)}.timeline__year{font-family:var(--font-mono);font-size:0.78rem;color:var(--primary-light);letter-spacing:0.1em;margin-bottom:8px}.timeline__title{font-size:1.25rem;margin-bottom:4px}.timeline__company{color:var(--text-muted);font-size:0.9rem;margin-bottom:12px}.timeline__desc{font-size:0.9rem;max-width:560px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}.value-card{text-align:center;padding:40px 24px}.value-card__icon{width:64px;height:64px;border-radius:20px;margin:0 auto 24px;display:grid;place-items:center}.value-card__icon svg{width:28px;height:28px}.value-card__icon--blue{background:rgba(0,229,255,0.1);border:1px solid rgba(0,229,255,0.2);color:var(--secondary)}.value-card__icon--purple{background:var(--primary-dim);border:1px solid rgba(124,109,240,0.2);color:var(--primary-light)}.value-card__icon--pink{background:var(--accent-dim);border:1px solid rgba(255,95,160,0.2);color:var(--accent)}.value-card__icon--green{background:rgba(0,214,143,0.1);border:1px solid rgba(0,214,143,0.2);color:var(--success)}.value-card h3{font-size:1.05rem;margin-bottom:10px}.value-card p{font-size:0.88rem}.services-grid-6{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}.service-detail-card .service-list{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px}.service-list li{font-size:0.9rem;color:var(--text-muted);display:flex;align-items:flex-start;gap:10px}.service-list li::before{content:'→';color:var(--primary);flex-shrink:0;margin-top:0.1em}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:64px;position:relative}.process-steps::before{content:'';position:absolute;top:40px;left:12.5%;right:12.5%;height:1px;background:linear-gradient(to right,transparent,var(--primary),var(--secondary),transparent)}.process-step{text-align:center;padding:0 24px;position:relative}.process-step__num{width:80px;height:80px;border-radius:50%;border:1px solid var(--border);background:var(--bg-3);display:grid;place-items:center;margin:0 auto 28px;position:relative;font-family:var(--font-mono);font-size:0.85rem;color:var(--primary-light);z-index:1;transition:var(--transition)}.process-step:hover .process-step__num{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 30px rgba(124,109,240,0.5)}.process-step h4{margin-bottom:10px}.process-step p{font-size:0.85rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.pricing-card{padding:44px 36px;position:relative}.pricing-card--featured{border-color:rgba(124,109,240,0.4);background:linear-gradient(135deg,rgba(124,109,240,0.08),rgba(0,229,255,0.04))}.pricing-card--featured::after{content:'POPULAR';position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:0.65rem;font-weight:700;letter-spacing:0.15em;padding:5px 16px;border-radius:0 0 10px 10px;font-family:var(--font-mono)}.pricing-card__tier{font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--primary-light);font-family:var(--font-mono);margin-bottom:12px}.pricing-card__price{font-family:var(--font-head);font-size:3rem;font-weight:700;line-height:1;margin-bottom:8px;color:var(--text)}.pricing-card__price sup{font-size:1.2rem;vertical-align:super;font-weight:500}.pricing-card__note{font-size:0.83rem;margin-bottom:32px}.pricing-card__features{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:36px}.pricing-card__features li{font-size:0.9rem;color:var(--text-muted);display:flex;align-items:center;gap:10px}.pricing-card__features li svg{width:16px;height:16px;color:var(--success);flex-shrink:0}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:48px 0}.filter-btn{padding:10px 24px;border-radius:99px;font-size:0.85rem;font-weight:500;border:1px solid var(--border);color:var(--text-muted);background:transparent;transition:var(--transition)}.filter-btn:hover{border-color:var(--primary);color:var(--primary-light)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 20px rgba(124,109,240,0.4)}.case-study{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-light);margin-top:80px}.case-study__visual{min-height:460px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.case-study__body{padding:56px 48px;background:var(--bg-card);display:flex;flex-direction:column;justify-content:center}.case-study__body .section-label{margin-bottom:16px}.case-study__body h3{font-size:1.8rem;margin-bottom:20px}.case-study__body p{margin-bottom:16px}.case-study__results{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.case-study__result-num{font-family:var(--font-head);font-size:2rem;font-weight:700;color:var(--primary-light);line-height:1;margin-bottom:4px}.case-study__result-label{font-size:0.8rem;color:var(--text-muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;margin-top:64px;align-items:start}.contact-info__item{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.contact-info__icon{width:48px;height:48px;border-radius:14px;background:var(--primary-dim);border:1px solid rgba(124,109,240,0.2);display:grid;place-items:center;flex-shrink:0}.contact-info__icon svg{width:22px;height:22px;color:var(--primary-light)}.contact-info__label{font-size:0.78rem;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:0.08em;margin-bottom:4px}.contact-info__value{color:var(--text);font-weight:500}.availability-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid rgba(0,214,143,0.25);background:rgba(0,214,143,0.08);border-radius:99px;font-size:0.85rem;font-weight:500;color:var(--success);margin-top:8px}.availability-badge span{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success);animation:pulse 2s infinite}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:0.82rem;font-weight:500;color:var(--text-muted);letter-spacing:0.05em}.form-input{width:100%;padding:14px 18px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:0.95rem;transition:border-color 0.25s,box-shadow 0.25s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,109,240,0.15)}.form-input::placeholder{color:var(--text-dim)}textarea.form-input{min-height:160px;resize:vertical}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237a7a96' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-success{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;gap:16px}.form-success.show{display:flex}.form-success__icon{width:72px;height:72px;border-radius:50%;background:rgba(0,214,143,0.1);border:1px solid rgba(0,214,143,0.3);display:grid;place-items:center}.form-success__icon svg{width:32px;height:32px;color:var(--success)}.form-success h3{font-size:1.6rem;margin-top:8px}.form-success p{max-width:320px}.otto-reviews-carousel{margin-top:56px;position:relative}.otto-reviews-track{position:relative;min-height:360px}.otto-review-slide{opacity:0;pointer-events:none;transform:translateY(18px) scale(0.98);transition:opacity 0.35s ease,transform 0.35s ease;position:absolute;inset:0}.otto-review-slide.is-active{opacity:1;pointer-events:auto;transform:none;position:relative}.otto-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.otto-review-card{padding:36px;min-height:320px;display:flex;flex-direction:column;gap:18px}.otto-review-card__top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.otto-review-stars{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:0.9rem;color:#ffca62}.otto-review-stars strong{color:var(--text-muted);font-size:0.78rem;margin-left:8px}.otto-review-stars .is-empty{color:rgba(255,255,255,0.18)}.otto-review-badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:6px 10px;border:1px solid rgba(0,214,143,0.25);background:rgba(0,214,143,0.08);color:var(--success);font-size:0.75rem;font-family:var(--font-mono)}.otto-review-badge svg{width:14px;height:14px}.otto-review-card h3{font-size:1.35rem;margin:0}.otto-review-card blockquote{margin:0;color:var(--text-muted);line-height:1.8;font-size:1rem;flex:1}.otto-review-card__author{color:var(--text);font-family:var(--font-mono);font-size:0.86rem}.otto-reviews-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px}.otto-carousel-btn,.otto-carousel-dot{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:var(--transition)}.otto-carousel-btn{width:44px;height:44px;border-radius:50%;font-size:1.6rem;line-height:1}.otto-carousel-btn:hover,.otto-carousel-dot:hover,.otto-carousel-dot.is-active{border-color:var(--primary);background:var(--primary-dim);color:var(--primary-light)}.otto-carousel-dots{display:inline-flex;gap:8px;align-items:center}.otto-carousel-dot{width:10px;height:10px;border-radius:50%;padding:0}.otto-review-form-card{padding:42px;margin-top:48px}.otto-review-form{display:flex;flex-direction:column;gap:20px}.otto-review-code-message{color:var(--text-dim);font-size:0.78rem;line-height:1.5}.otto-review-code-message.is-success{color:var(--success)}.otto-review-code-message.is-error{color:var(--accent)}.form-input.is-locked{border-color:rgba(0,214,143,0.35);background:rgba(0,214,143,0.06)}.otto-review-consent{display:flex;align-items:flex-start;gap:12px;color:var(--text-muted);font-size:0.88rem;line-height:1.6}.otto-review-consent input{margin-top:4px}.faq{margin-top:80px}.faq h2{margin-bottom:48px}.faq-item{border-bottom:1px solid var(--border);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 0;font-family:var(--font-head);font-size:1.05rem;font-weight:600;color:var(--text);text-align:left;transition:color 0.25s}.faq-question:hover{color:var(--primary-light)}.faq-question svg{width:20px;height:20px;flex-shrink:0;color:var(--text-muted);transition:transform 0.35s ease}.faq-item.open .faq-question svg{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{padding-bottom:24px;font-size:0.95rem;line-height:1.8}.typewriter::after{content:'|';display:inline-block;animation:blink 0.9s step-end infinite;color:var(--primary);margin-left:2px}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.page-hero{padding:calc(var(--nav-h) + 80px) 0 80px;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(124,109,240,0.1) 0%,transparent 60%);pointer-events:none}.page-hero h1{margin-bottom:20px}.page-hero p{font-size:1.1rem;max-width:560px}.tech-stack{display:flex;flex-wrap:wrap;gap:12px;margin-top:48px}.tech-pill{padding:10px 20px;border-radius:var(--radius);background:var(--bg-3);border:1px solid var(--border);font-size:0.85rem;font-weight:500;font-family:var(--font-mono);color:var(--text-muted);transition:var(--transition)}.tech-pill:hover{border-color:var(--primary);color:var(--primary-light);background:var(--primary-dim)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px}.section-header h2{margin:0}.deco-ring{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.deco-ring--sm{width:160px;height:160px}.deco-ring--md{width:340px;height:340px}.deco-ring--lg{width:600px;height:600px}.deco-ring--xl{width:900px;height:900px}.deco-ring--solid{border:1px solid var(--border-light)}.deco-ring--gradient{border:1px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,rgba(124,109,240,0.35),rgba(0,229,255,0.2)) border-box}.deco-ring--gradient-2{border:1px solid transparent;background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,linear-gradient(135deg,rgba(255,95,160,0.3),rgba(124,109,240,0.2)) border-box}.deco-ring--dashed{border:1px dashed rgba(255,255,255,0.05)}.deco-ring--glow{border:1px solid rgba(124,109,240,0.2);box-shadow:0 0 60px rgba(124,109,240,0.08) inset,0 0 60px rgba(124,109,240,0.04)}.deco-dot{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.deco-dot--primary{background:var(--primary);box-shadow:0 0 16px var(--primary)}.deco-dot--secondary{background:var(--secondary);box-shadow:0 0 16px var(--secondary)}.deco-dot--accent{background:var(--accent);box-shadow:0 0 16px var(--accent)}.deco-dot--dim{background:var(--text-dim)}.deco-cross{position:absolute;pointer-events:none;z-index:0}.deco-cross::before,.deco-cross::after{content:'';position:absolute;background:var(--text-dim);border-radius:1px;opacity:0.4}.deco-cross--sm::before{width:14px;height:1px;top:50%;left:0;transform:translateY(-50%)}.deco-cross--sm::after{width:1px;height:14px;left:50%;top:0;transform:translateX(-50%)}.deco-cross--md::before{width:22px;height:1px;top:50%;left:0;transform:translateY(-50%)}.deco-cross--md::after{width:1px;height:22px;left:50%;top:0;transform:translateX(-50%)}.deco-square{position:absolute;border:1px solid var(--border-light);border-radius:var(--radius);pointer-events:none;z-index:0}.deco-square--glow{border-color:rgba(124,109,240,0.2);background:rgba(124,109,240,0.03)}.deco-line-v{position:absolute;width:1px;pointer-events:none;z-index:0;background:linear-gradient(to bottom,transparent,var(--primary-dim),transparent)}.deco-line-h{position:absolute;height:1px;pointer-events:none;z-index:0;background:linear-gradient(to right,transparent,var(--primary-dim),transparent)}.section-overflow{overflow:hidden;position:relative}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.mb-0{margin-bottom:0 !important}.hidden{display:none !important}@media (max-width:1024px){.hero__code{display:none}.about-split{grid-template-columns:1fr;gap:48px}.about-split__image{max-width:420px}.services-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:repeat(2,1fr)}.process-steps{grid-template-columns:repeat(2,1fr);gap:48px}.process-steps::before{display:none}.footer__grid{grid-template-columns:1fr 1fr;gap:40px}.case-study{grid-template-columns:1fr}.case-study__visual{min-height:300px}.contact-grid{grid-template-columns:1fr;gap:48px}.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){h1{font-size:clamp(2.2rem,10vw,3rem)}h2{font-size:clamp(1.7rem,7vw,2.4rem)}.section{padding:80px 0}.nav__links,.nav__cta{display:none}.nav__hamburger{display:flex}.services-grid{grid-template-columns:1fr}.services-grid-6{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column;gap:12px;text-align:center}.form-row{grid-template-columns:1fr}.hero__ctas{flex-direction:column;align-items:flex-start}.stats-row{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.values-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.case-study__results{grid-template-columns:1fr}}@keyframes heroFadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{from{opacity:0}to{opacity:1}}@keyframes heroSlideLeft{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes heroSlideRight{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.ha{opacity:0;animation:heroFadeUp 0.8s cubic-bezier(0.4,0,0.2,1) forwards}.ha-l{opacity:0;animation:heroSlideLeft 0.8s cubic-bezier(0.4,0,0.2,1) forwards}.ha-r{opacity:0;animation:heroSlideRight 0.8s cubic-bezier(0.4,0,0.2,1) forwards}.ha-fi{opacity:0;animation:heroFadeIn 1s ease forwards}.ha-d0{animation-delay:0s}.ha-d1{animation-delay:0.15s}.ha-d2{animation-delay:0.3s}.ha-d3{animation-delay:0.5s}.ha-d4{animation-delay:0.7s}.ha-d5{animation-delay:0.9s}.r-up{opacity:0;transform:translateY(52px)}.r-left{opacity:0;transform:translateX(-60px)}.r-right{opacity:0;transform:translateX(60px)}.r-scale{opacity:0;transform:scale(0.84)}.r-blur{opacity:0;filter:blur(10px);transform:translateY(22px)}.r-rot-l{opacity:0;transform:translateY(44px) rotate(-5deg)}.r-rot-r{opacity:0;transform:translateY(44px) rotate(5deg)}.r-up,.r-left,.r-right,.r-scale,.r-blur,.r-rot-l,.r-rot-r{transition:opacity 0.75s cubic-bezier(0.4,0,0.2,1),transform 0.75s cubic-bezier(0.4,0,0.2,1),filter 0.75s ease;will-change:opacity,transform}.r-d1{transition-delay:0.1s}.r-d2{transition-delay:0.2s}.r-d3{transition-delay:0.3s}.r-d4{transition-delay:0.45s}.r-d5{transition-delay:0.6s}.in-view{opacity:1 !important;transform:none !important;filter:none !important}.wp-site-blocks,.wp-block-post-content{background:var(--bg);color:var(--text)}.wp-site-blocks>*,.wp-block-post-content>*{margin-block-start:0;margin-block-end:0}.wp-block-post-content>.wp-block-otto-hero,.wp-block-post-content>.wp-block-otto-page-hero,.wp-block-post-content>.wp-block-otto-about-stats,.wp-block-post-content>.wp-block-otto-about-story,.wp-block-post-content>.wp-block-otto-marquee,.wp-block-post-content>.wp-block-otto-services-overview,.wp-block-post-content>.wp-block-otto-portfolio-grid,.wp-block-post-content>.wp-block-otto-skills,.wp-block-post-content>.wp-block-otto-timeline,.wp-block-post-content>.wp-block-otto-values,.wp-block-post-content>.wp-block-otto-service-details,.wp-block-post-content>.wp-block-otto-process,.wp-block-post-content>.wp-block-otto-tech-stack,.wp-block-post-content>.wp-block-otto-pricing,.wp-block-post-content>.wp-block-otto-case-study,.wp-block-post-content>.wp-block-otto-contact-section,.wp-block-post-content>.wp-block-otto-reviews-carousel,.wp-block-post-content>.wp-block-otto-reviews-list,.wp-block-post-content>.wp-block-otto-review-form,.wp-block-post-content>.wp-block-otto-service-portal,.wp-block-post-content>.wp-block-otto-faq,.wp-block-post-content>.wp-block-otto-cta{max-width:none;width:100%}.wp-block-otto-site-header,.wp-block-otto-site-footer{margin-block-start:0 !important}.project-card__img img,.case-study__visual img,.about-split__photo img,.hero__media img,.page-hero__bg img{width:100%;height:100%;object-fit:cover;display:block}.about-split__photo.has-image,.case-study__visual.has-image,.project-card__img.has-image,.hero__media.has-image{overflow:hidden}.hero__media{position:absolute;right:4%;bottom:12%;width:min(360px,32vw);aspect-ratio:4 / 3;border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-card);z-index:2;display:none}.hero__media.has-image{display:block}.otto-visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.otto-form-message{margin-top:14px;font-size:0.9rem;text-align:center}.otto-form-message.is-error{color:var(--accent)}.otto-form-message.is-success{color:var(--success)}@media (max-width:1024px){.otto-reviews-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.otto-reviews-grid{grid-template-columns:1fr}.otto-review-form-card{padding:26px}.otto-reviews-track{min-height:430px}}@media (max-width:1024px){.hero__media{position:relative;right:auto;bottom:auto;width:100%;margin-top:40px}}.otto-single-main{background:var(--bg);min-height:100vh}.otto-single-hero{padding-top:160px;padding-bottom:48px}.otto-single-title{font-size:clamp(2.7rem,7vw,5.8rem);line-height:0.95;letter-spacing:-0.06em;margin:18px 0 18px}.otto-single-excerpt{max-width:720px;color:var(--text-muted);font-size:1.12rem}.otto-single-image img,.otto-single-image{border-radius:var(--radius-xl);overflow:hidden}.otto-single-content{padding-top:24px}.otto-single-content:where(p,li){color:var(--text-muted);line-height:1.8}.otto-single-content:where(h2,h3,h4){margin-top:1.7em}.otto-form-message{margin-top:14px;font-size:0.9rem;text-align:center}.otto-form-message.is-success{color:#7ee787}.otto-form-message.is-error{color:var(--accent)}@media (max-width:768px){.hero{min-height:auto;padding-top:calc(var(--nav-h) + 56px);padding-bottom:72px;align-items:flex-start}.hero__badge{margin-bottom:24px;padding:7px 14px;font-size:0.78rem}.hero__title{margin-bottom:20px}.hero__sub{font-size:1rem;line-height:1.72;margin-bottom:30px}.hero__ctas{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}.hero__ctas .btn{width:100%;justify-content:center;min-height:46px;padding:11px 12px;font-size:0.86rem;gap:7px}.hero__ctas .btn svg{width:15px;height:15px}.scroll-indicator{display:none}.about-split__image{width:100%;max-width:380px;margin:0 auto}.about-split__deco{width:138px;height:138px;right:-6px;bottom:-12px;border-radius:26px;padding:18px}.about-split__deco-num{font-size:2rem}.about-split__deco-label{font-size:0.72rem;line-height:1.45;text-align:center}}@media (max-width:480px){.container{padding-left:20px;padding-right:20px}.hero{padding-top:calc(var(--nav-h) + 44px);padding-bottom:64px}.hero__ctas{gap:8px}.hero__ctas .btn{min-height:44px;padding:10px 10px;font-size:0.78rem;letter-spacing:-0.01em}.hero__ctas .btn svg{width:14px;height:14px}.about-split__image{max-width:330px}.about-split__photo{border-radius:24px}.photo-placeholder-icon svg{width:38px;height:38px}.about-split__deco{width:112px;height:112px;right:6px;bottom:-10px;border-radius:22px;padding:12px}.about-split__deco-num{font-size:1.62rem}.about-split__deco-label{font-size:0.64rem;line-height:1.35}}@media (max-width:380px){.hero__ctas .btn{font-size:0.72rem;padding-left:8px;padding-right:8px}.hero__ctas .btn svg{display:none}}.footer__bottom.r-up,.footer__bottom.r-left,.footer__bottom.r-right,.footer__bottom.r-scale,.footer__bottom.r-blur,.footer__bottom.r-rot-l,.footer__bottom.r-rot-r{opacity:1 !important;transform:none !important;filter:none !important}.otto-service-portal .otto-form-message{margin:0 0 18px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);text-align:left}.otto-service-portal .otto-form-message.is-success{border-color:rgba(0,214,143,0.28);background:rgba(0,214,143,0.08)}.otto-service-portal .otto-form-message.is-error{border-color:rgba(255,93,143,0.32);background:rgba(255,93,143,0.08)}.otto-portal-card{padding:36px;margin-top:34px}.otto-portal-card h3,.otto-ticket-list h3{margin:0 0 22px;font-size:clamp(1.5rem,3vw,2rem)}.otto-ticket-login-form,.otto-ticket-create-form,.otto-ticket-reply-form{display:flex;flex-direction:column;gap:20px}.otto-portal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px;margin-top:34px}.otto-portal-summary div{display:flex;flex-direction:column;gap:6px}.otto-portal-summary span{color:var(--text-dim);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.12em;font-family:var(--font-mono)}.otto-portal-summary strong{color:var(--text);font-size:1rem}.otto-ticket-list{margin-top:48px}.otto-ticket-card{padding:30px;margin-top:20px}.otto-ticket-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.otto-ticket-card__top small{color:var(--text-dim);font-family:var(--font-mono)}.otto-ticket-card__top h4{margin:6px 0 0;font-size:1.3rem}.otto-ticket-status{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;border:1px solid var(--border-light);color:var(--text-muted);background:var(--bg-3);font-family:var(--font-mono);font-size:0.75rem;white-space:nowrap}.otto-ticket-status--open{border-color:rgba(0,214,143,0.28);color:var(--success);background:rgba(0,214,143,0.08)}.otto-ticket-status--in_progress{border-color:rgba(0,184,255,0.3);color:var(--accent-2);background:rgba(0,184,255,0.08)}.otto-ticket-status--waiting_customer{border-color:rgba(255,202,98,0.35);color:#ffca62;background:rgba(255,202,98,0.08)}.otto-ticket-status--resolved{border-color:rgba(124,109,240,0.35);color:var(--primary-light);background:rgba(124,109,240,0.09)}.otto-ticket-thread{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.otto-ticket-message{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:rgba(255,255,255,0.025)}.otto-ticket-message.is-admin{border-color:rgba(124,109,240,0.28);background:rgba(124,109,240,0.07)}.otto-ticket-message strong{display:inline-block;margin-right:10px;color:var(--text)}.otto-ticket-message small{color:var(--text-dim);font-family:var(--font-mono)}.otto-ticket-message p{margin:10px 0 0;color:var(--text-muted);line-height:1.7}.otto-ticket-reply-form textarea.form-input{min-height:96px}@media (max-width:820px){.otto-portal-summary{grid-template-columns:1fr}.otto-ticket-card__top{flex-direction:column}}@media (max-width:640px){.otto-portal-card,.otto-ticket-card{padding:22px}.otto-ticket-login-form .btn,.otto-ticket-create-form .btn,.otto-ticket-reply-form .btn{width:100%;justify-content:center}}html.otto-mobile-menu-open,body.otto-mobile-menu-open{overflow:hidden;overscroll-behavior:contain}.nav{z-index:5000}.nav__hamburger{align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:8px;border-radius:14px;position:relative;z-index:5002;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.nav__hamburger span{width:28px;flex:0 0 2px;pointer-events:none}.nav__hamburger:hover,.nav__hamburger:focus-visible,.nav.is-mobile-open .nav__hamburger{background:var(--border-light);outline:none}.nav__hamburger:focus-visible{box-shadow:0 0 0 3px rgba(124,109,240,0.28)}@media (max-width:768px){.nav.scrolled,.nav.is-mobile-open{background:rgba(6,6,8,0.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--border-light)}.nav__mobile{display:flex;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;height:calc(100dvh - var(--nav-h));max-height:calc(100dvh - var(--nav-h));padding:18px max(20px,env(safe-area-inset-left)) calc(24px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-right));background:rgba(6,6,8,0.985);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);border-top:1px solid var(--border-light);flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:5001;visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(0,-10px,0);transition:opacity 0.22s ease,transform 0.22s ease,visibility 0.22s ease}@supports not (height:100dvh){.nav__mobile{height:calc(100vh - var(--nav-h));max-height:calc(100vh - var(--nav-h))}}.nav__mobile.open,.nav.is-mobile-open .nav__mobile{visibility:visible;opacity:1;pointer-events:auto;transform:translate3d(0,0,0)}.nav__mobile a{display:flex;align-items:center;min-height:48px;padding:13px 16px;border-radius:14px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav__mobile .btn{margin-top:10px;width:100%;min-height:50px}}@media (min-width:769px){.nav__mobile,.nav__mobile.open,.nav.is-mobile-open .nav__mobile{display:none !important}html.otto-mobile-menu-open,body.otto-mobile-menu-open{overflow:auto}}@media (prefers-reduced-motion:reduce){.nav__mobile{transition:none}}body.admin-bar .nav{top:var(--wp-admin--admin-bar--height,32px)}@media (max-width:768px){body.admin-bar .nav__mobile{top:calc(var(--nav-h) + var(--wp-admin--admin-bar--height,32px));height:calc(100dvh - var(--nav-h) - var(--wp-admin--admin-bar--height,32px));max-height:calc(100dvh - var(--nav-h) - var(--wp-admin--admin-bar--height,32px))}@supports not (height:100dvh){body.admin-bar .nav__mobile{height:calc(100vh - var(--nav-h) - var(--wp-admin--admin-bar--height,32px));max-height:calc(100vh - var(--nav-h) - var(--wp-admin--admin-bar--height,32px))}}}@media (max-width:782px){body.admin-bar .nav{top:46px}body.admin-bar .nav__mobile{top:calc(var(--nav-h) + 46px);height:calc(100dvh - var(--nav-h) - 46px);max-height:calc(100dvh - var(--nav-h) - 46px)}@supports not (height:100dvh){body.admin-bar .nav__mobile{height:calc(100vh - var(--nav-h) - 46px);max-height:calc(100vh - var(--nav-h) - 46px)}}}img{max-width:100%;height:auto}@supports (content-visibility:auto){.wp-block-otto-marquee,.wp-block-otto-about-stats,.wp-block-otto-about-story,.wp-block-otto-services-overview,.wp-block-otto-portfolio-grid,.wp-block-otto-skills,.wp-block-otto-timeline,.wp-block-otto-values,.wp-block-otto-service-details,.wp-block-otto-process,.wp-block-otto-tech-stack,.wp-block-otto-pricing,.wp-block-otto-case-study,.wp-block-otto-contact-section,.wp-block-otto-reviews-carousel,.wp-block-otto-reviews-list,.wp-block-otto-review-form,.wp-block-otto-service-portal,.wp-block-otto-qr-studio,.wp-block-otto-faq,.wp-block-otto-cta{content-visibility:auto;contain-intrinsic-size:1px 620px}.project-card,.service-card,.pricing-card,.review-card,.timeline-item,.value-card{content-visibility:auto;contain-intrinsic-size:1px 360px}}.nav__links::before,[data-lax-translate-y],[data-lax-translate-x],[data-lax-rotate],[data-lax-scale]{will-change:transform,opacity}@media (max-width:768px){.nav,.nav__mobile,.glass,.card,.hero__code,.footer,.contact-form,.review-form,.ticket-portal,.otto-qr-panel{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.hero__blob,.deco-ring,.deco-dot,.deco-cross{opacity:0.5}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:0.001ms !important}.r-up,.r-left,.r-right,.r-scale,.r-rot-l,.r-rot-r,.r-blur,.ha,.ha-l,.ha-r,.ha-fi{opacity:1 !important;filter:none !important;transform:none !important}}