:root{--navy:#10153f;--ink:#080a1c;--blue:#3f70b5;--orange:#ea5b24;--fog:#e5e4e2;--fog-dim:#b9b8c9;--text-on-light:#12142c;--line-light:#c9c8c4;--font-display:"Unbounded", sans-serif;--font-body:"Manrope", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--fog);color:var(--text-on-light);font-family:var(--font-body);overflow-x:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}section{position:relative}::selection{background:var(--orange);color:var(--fog)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}#grain-canvas{z-index:999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;width:100%;height:100%;position:fixed;inset:0}header{z-index:100;justify-content:space-between;align-items:center;padding:22px 40px;transition:background .3s,padding .3s;display:flex;position:fixed;top:0;left:0;right:0}header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a1ce0;padding:14px 40px}.logo{font-family:var(--font-display);letter-spacing:.02em;color:var(--fog);align-items:center;gap:8px;font-size:22px;font-weight:900;display:flex;position:relative}.logo .dot{background:var(--orange);border-radius:50%;width:8px;height:8px;display:inline-block}nav{align-items:center;gap:36px;display:flex}.nav-links{gap:32px;display:flex}nav a{font-family:var(--font-mono);color:var(--fog-dim);text-transform:uppercase;letter-spacing:.06em;font-size:13px;transition:color .2s}nav a:hover{color:var(--fog)}.cta-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:var(--orange);color:var(--ink);white-space:nowrap;cursor:pointer;border:none;border-radius:100px;padding:11px 22px;font-size:13px;font-weight:500;transition:transform .25s,background .25s;display:inline-block}.cta-btn:hover{background:var(--fog);transform:translateY(-2px)}.burger{color:var(--fog);cursor:pointer;z-index:101;background:0 0;border:none;font-size:22px;display:none}.mobile-menu{z-index:90;background:var(--navy);flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;padding:40px;transition:transform .35s;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{font-family:var(--font-display);text-transform:uppercase;color:var(--fog);font-size:32px;font-weight:700}.glitch-word{display:inline-block;position:relative}.logo[data-glitch]:before,.logo[data-glitch]:after,.glitch-word:before,.glitch-word:after{content:attr(data-text);opacity:0;pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:hidden}.glitch-word:before{color:var(--orange);clip-path:inset(0 0 60%)}.glitch-word:after{color:var(--blue);clip-path:inset(60% 0 0)}.logo[data-glitch]:before{color:var(--orange);clip-path:inset(0 0 55%)}.logo[data-glitch]:after{color:var(--blue);clip-path:inset(55% 0 0)}.is-glitching.glitch-word:before,.is-glitching.glitch-word:after,.logo.is-glitching:before,.logo.is-glitching:after{opacity:.85;animation:.32s steps(2,end) both glitch-shift}@keyframes glitch-shift{0%{transform:translate(0,0)}20%{transform:translate(-4px,1px)}40%{transform:translate(4px,-1px)}60%{transform:translate(-3px)}80%{transform:translate(3px,1px)}to{transform:translate(0,0)}}.hero{background:var(--navy);color:var(--fog);flex-direction:column;justify-content:center;min-height:100vh;padding:140px 40px 80px;display:flex;position:relative;overflow:hidden}#wave-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-inner{z-index:2;width:100%;max-width:1280px;margin:0 auto;position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--orange);align-items:center;gap:10px;margin-bottom:28px;font-size:13px;display:flex}.eyebrow-sq{background:var(--orange);width:28px;height:1px;display:inline-block}h1.hero-title{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;max-width:1100px;font-size:clamp(42px,8.2vw,128px);font-weight:900;line-height:.96}h1.hero-title .accent{color:var(--blue)}.hero-sub{color:var(--fog-dim);z-index:2;max-width:520px;margin-top:36px;font-size:19px;font-weight:400;line-height:1.5;position:relative}.hero-actions{z-index:2;flex-wrap:wrap;align-items:center;gap:24px;margin-top:48px;display:flex;position:relative}.hero-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--fog);border-bottom:1px solid var(--fog-dim);padding-bottom:4px;font-size:13px;transition:border-color .2s,color .2s}.hero-link:hover{border-color:var(--orange);color:var(--orange)}.hero-scroll{z-index:2;font-family:var(--font-mono);color:var(--fog-dim);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:36px;left:40px}.hero-scroll:after{content:"";background:linear-gradient(to bottom, var(--orange), transparent);width:1px;height:36px;animation:2s ease-in-out infinite scrollpulse}@keyframes scrollpulse{0%,to{opacity:.3}50%{opacity:1}}.logos{background:var(--ink);padding:34px 40px}.logos-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:48px;max-width:1280px;margin:0 auto;display:flex}.logos-label{font-family:var(--font-mono);color:var(--fog-dim);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:12px}.logo-names{flex-wrap:wrap;gap:44px;display:flex}.logo-names span{font-family:var(--font-display);color:var(--fog-dim);opacity:.7;text-transform:uppercase;font-size:16px;font-weight:600;transition:opacity .2s,color .2s}.logo-names span:hover{opacity:1;color:var(--fog)}.manifesto{background:var(--fog);padding:140px 40px 0}.manifesto-inner{max-width:1280px;margin:0 auto}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--orange);align-items:center;gap:10px;margin-bottom:24px;font-size:13px;display:flex}.section-eyebrow:before{content:"";background:var(--orange);width:28px;height:1px}.manifesto-text{font-family:var(--font-display);letter-spacing:-.01em;max-width:920px;font-size:clamp(28px,4vw,52px);font-weight:600;line-height:1.18}.manifesto-text .dim{color:#9a99a8}.silhouettes{background:linear-gradient(180deg,#f3f2ef,var(--fog));border:1px solid var(--line-light);border-radius:18px;height:220px;margin-top:70px;overflow:hidden}.silhouettes svg{width:100%;height:100%;display:block}.silhouettes ellipse,.silhouettes circle{fill:var(--navy)}.figure{animation:5.5s ease-in-out infinite figure-drift;animation-delay:var(--d,0s);transform-origin:bottom}@keyframes figure-drift{0%,to{opacity:.85;transform:translateY(0)scaleY(1)}50%{opacity:1;transform:translateY(-6px)scaleY(1.03)}}.stats{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:70px;padding-bottom:110px;display:grid}.stat{border-top:1px solid var(--line-light);padding-top:20px}.stat .num{font-family:var(--font-display);color:var(--navy);font-size:clamp(32px,4vw,54px);font-weight:900;display:block}.stat .label{font-family:var(--font-mono);color:#6b6a78;margin-top:10px;font-size:13px;line-height:1.4}.services{background:var(--navy);color:var(--fog);padding:140px 40px}.services-inner{max-width:1280px;margin:0 auto}.services-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:80px;display:flex}.services-head h2{font-family:var(--font-display);text-transform:uppercase;max-width:640px;font-size:clamp(34px,5vw,64px);font-weight:900;line-height:1}.services-head p{max-width:340px;color:var(--fog-dim);font-size:16px;line-height:1.5}.service-list{border-top:1px solid #e5e4e22e}.service-row{border-bottom:1px solid #e5e4e22e;grid-template-columns:90px 1fr 340px;align-items:start;gap:32px;padding:44px 0;transition:background .3s;display:grid}.service-row:hover{background:#e5e4e208}.service-idx{font-family:var(--font-mono);color:var(--orange);font-size:14px}.service-row h3{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(24px,2.6vw,34px);font-weight:700}.service-row p{color:var(--fog-dim);font-size:16px;line-height:1.55}.works{background:var(--fog);padding:140px 40px}.works-inner{max-width:1280px;margin:0 auto}.works-head{max-width:760px;margin-bottom:70px}.works-head h2{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(34px,5vw,64px);font-weight:900;line-height:1}.work-grid{background:var(--line-light);grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.work-card{background:var(--fog);flex-direction:column;justify-content:space-between;min-height:320px;padding:48px;transition:background .35s;display:flex;position:relative;overflow:hidden}.work-card:hover{background:var(--navy);color:var(--fog)}.work-card:hover .work-tag{color:var(--orange)}.work-card:hover .work-arrow{opacity:1;transform:translate(4px,-4px)}.work-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#7d7c89;font-size:12px;transition:color .3s}.work-top{justify-content:space-between;align-items:flex-start;display:flex}.work-arrow{opacity:0;color:var(--orange);font-size:20px;transition:all .3s;transform:translate(0)}.work-card h3{font-family:var(--font-display);text-transform:uppercase;margin-top:60px;font-size:clamp(26px,3vw,38px);font-weight:700}.work-card .work-meta{font-family:var(--font-mono);color:#7d7c89;margin-top:12px;font-size:13px}.work-card:hover .work-meta{color:var(--fog-dim)}.testimonials{background:var(--ink);color:var(--fog);padding:140px 40px}.testi-inner{max-width:1280px;margin:0 auto}.testi-head{font-family:var(--font-display);text-transform:uppercase;max-width:700px;font-size:clamp(30px,4.5vw,52px);font-weight:900;line-height:1}.testi-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;display:grid}.testi-card{border-top:2px solid var(--orange);padding-top:28px}.testi-card p{color:#d6d5e0;font-size:17px;line-height:1.6}.testi-name{font-family:var(--font-mono);color:var(--fog-dim);margin-top:28px;font-size:13px}.testi-name strong{color:var(--fog);font-family:var(--font-body);font-weight:700}.final-cta{background:var(--orange);color:var(--ink);text-align:center;padding:160px 40px}.final-cta-inner{max-width:900px;margin:0 auto}.final-cta h2{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(38px,7vw,92px);font-weight:900;line-height:.98}.final-cta h2:before{color:var(--navy)}.final-cta h2:after{color:var(--ink);opacity:.4}.final-cta p{color:#3a1f10;max-width:480px;margin-top:24px;margin-left:auto;margin-right:auto;font-size:18px}.final-cta .cta-btn{background:var(--ink);color:var(--fog);margin-top:44px;padding:16px 34px;font-size:14px}.final-cta .cta-btn:hover{background:var(--navy)}footer{background:var(--navy);color:var(--fog-dim);padding:64px 40px 32px}.footer-inner{max-width:1280px;margin:0 auto}.footer-top{border-bottom:1px solid #e5e4e226;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:48px;display:flex}.footer-logo{font-family:var(--font-display);color:var(--fog);font-size:28px;font-weight:900}.footer-cols{flex-wrap:wrap;gap:64px;display:flex}.footer-col h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--orange);margin-bottom:16px;font-size:12px}.footer-col a,.footer-col p{color:var(--fog-dim);margin-bottom:10px;font-size:14px;transition:color .2s;display:block}.footer-col a:hover{color:var(--fog)}.footer-bottom{font-family:var(--font-mono);color:#5c5b6b;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:28px;font-size:12px;display:flex}@media (width<=900px){.nav-links{display:none}.burger{display:block}.stats{grid-template-columns:repeat(2,1fr)}.service-row{grid-template-columns:50px 1fr}.service-row p{grid-column:2/3}.work-grid{grid-template-columns:1fr}.testi-grid{grid-template-columns:1fr;gap:56px}.services-head,.footer-top{flex-direction:column;align-items:flex-start}}@media (width<=600px){header,.hero,.logos,.manifesto,.services,.works,.testimonials,.final-cta,footer{padding-left:20px;padding-right:20px}.manifesto,.services,.works,.testimonials{padding-top:90px}.services,.works,.testimonials{padding-bottom:90px}.final-cta{padding-top:100px;padding-bottom:100px}h1.hero-title{font-size:clamp(38px,12vw,64px)}.silhouettes{height:160px}}