:root{--bg:#05060a;--bg-2:#070912;--ink:#eef0f4;--muted:rgba(238,240,244,.58);--faint:rgba(238,240,244,.4);--line:rgba(238,240,244,.1);--line-strong:rgba(238,240,244,.18);--panel:hsla(0,0%,100%,.025);--panel-2:hsla(0,0%,100%,.045);--accent:#fff;--accent-glow:hsla(0,0%,100%,.55);--maxw:1240px;--gutter:clamp(22px,5vw,64px);--font-display:"Clash Display",-apple-system,system-ui,sans-serif;--font-body:"General Sans",-apple-system,system-ui,sans-serif;--font-brand:"Cinzel","Times New Roman",serif;--ease:cubic-bezier(0.22,0.61,0.36,1);--ease-out:cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;letter-spacing:-.005em;overflow-x:hidden}::selection{background:var(--accent);color:#05060a}.atmosphere{inset:0;background:radial-gradient(130% 90% at 50% 4%,rgba(42,54,98,.22),transparent 56%),radial-gradient(100% 80% at 50% 122%,rgba(28,34,66,.16),transparent 60%),#04050a}.atmosphere,.galaxy{position:fixed;z-index:0;pointer-events:none}.galaxy{inset:-45%;transform:rotate(-21deg);background:radial-gradient(40% 15% at 50% 50%,rgba(150,140,188,.11),transparent 66%),radial-gradient(26% 12% at 36% 49%,hsla(12,45%,69%,.13),transparent 72%),radial-gradient(26% 12% at 66% 51%,rgba(110,146,214,.13),transparent 72%),radial-gradient(80% 30% at 50% 50%,rgba(78,96,168,.1),transparent 68%);filter:blur(9px);opacity:1;transition:opacity .6s var(--ease);will-change:opacity}.galaxy:after,.galaxy:before{content:"";position:absolute;inset:-12%;pointer-events:none;mix-blend-mode:screen}.galaxy:before{background:radial-gradient(30% 24% at 20% 26%,rgba(64,204,168,.12),transparent 70%),radial-gradient(28% 22% at 80% 34%,rgba(150,112,214,.12),transparent 72%),radial-gradient(26% 24% at 14% 64%,rgba(92,150,232,.1),transparent 72%)}.galaxy:after{background:radial-gradient(30% 24% at 86% 70%,rgba(74,196,152,.11),transparent 74%),radial-gradient(26% 22% at 50% 84%,rgba(120,132,226,.1),transparent 74%),radial-gradient(24% 20% at 64% 14%,rgba(180,124,206,.09),transparent 74%)}#space{position:fixed;inset:0;z-index:1;width:100vw;height:100vh;pointer-events:none}.page{position:relative;z-index:2}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}.section{padding-block:clamp(96px,15vh,200px);position:relative}.eyebrow{font-family:var(--font-body);font-size:12.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);display:inline-block}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.08;letter-spacing:.015em}.h-xl{font-size:clamp(38px,6vw,80px)}.h-lg{font-size:clamp(30px,4.4vw,58px)}.h-md{font-size:clamp(24px,3vw,38px)}.lead{font-size:clamp(18px,2vw,22px);color:var(--muted);line-height:1.55;max-width:48ch}.header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px var(--gutter);transition:background .4s var(--ease),border-color .4s var(--ease),-webkit-backdrop-filter .4s;transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s;transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s,-webkit-backdrop-filter .4s;border-bottom:1px solid transparent}.header.scrolled{background:rgba(5,6,10,.72);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-family:var(--font-brand);font-weight:600;font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;opacity:0;transform:translateY(-4px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.brand.in{opacity:1;transform:none}.brand .dot,.brand-mark{color:var(--accent)}.brand-mark{width:21px;height:21px;flex-shrink:0}.nav{display:flex;align-items:center;gap:34px}.nav a{color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:color .25s var(--ease);position:relative}.nav a:not(.btn):after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease)}.nav a:not(.btn):hover{color:var(--ink)}.nav a:not(.btn):hover:after{width:100%}.nav-links{display:flex;gap:30px}.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);font-weight:600;font-size:14.5px;letter-spacing:.01em;padding:11px 20px;border-radius:100px;cursor:pointer;text-decoration:none;border:1px solid var(--line-strong);color:var(--ink);background:transparent;transition:all .3s var(--ease)}.btn-solid,.btn:hover{background:var(--accent);color:#05060a;border-color:var(--accent)}.btn-solid:hover{filter:brightness(.9);transform:translateY(-1px)}.btn .arr{transition:transform .3s var(--ease)}.btn:hover .arr{transform:translateX(3px)}.hero{position:relative;height:100svh;min-height:620px;justify-content:center;text-align:center}.hero,.hero-inner{display:flex;flex-direction:column;align-items:center}.hero-inner{gap:clamp(20px,4vh,40px);opacity:0;transform:translateY(16px);transition:opacity 1.1s var(--ease-out) .15s,transform 1.1s var(--ease-out) .15s}.hero-inner.in{opacity:1;transform:none}.hero-lockup{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,22px)}.hero-mark{width:clamp(44px,5.5vw,70px);height:auto;color:var(--accent)}.hero-word{font-family:var(--font-brand);font-weight:500;font-size:clamp(52px,10.5vw,132px);line-height:.98;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 36px rgba(174,195,255,.12),0 2px 24px rgba(0,0,0,.35);padding-left:.12em}.hero-copy{transition:none}.hero-tagline{font-family:var(--font-display);font-weight:500;font-size:clamp(20px,2.6vw,30px);letter-spacing:.03em}.hero-sub{margin-top:12px;color:var(--muted);font-size:clamp(15px,1.6vw,18px)}.statement .big{font-family:var(--font-display);font-weight:500;font-size:clamp(26px,4vw,52px);line-height:1.22;letter-spacing:.01em;max-width:20ch}.statement .big .dim{color:var(--faint)}.sec-head{display:flex;flex-direction:column;gap:18px;max-width:60ch}.sec-head h2{margin-top:4px}.steps{margin-top:clamp(48px,7vh,96px);display:grid;grid-gap:0;gap:0;border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:90px 1fr 1.1fr;grid-gap:clamp(20px,4vw,60px);gap:clamp(20px,4vw,60px);padding:clamp(30px,4.5vh,52px) 0;border-bottom:1px solid var(--line);align-items:start}.step .idx{font-family:var(--font-display);font-size:15px;color:var(--faint);font-weight:500;padding-top:6px}.step h3{font-size:clamp(22px,2.6vw,32px)}.step .tag{display:inline-block;margin-top:14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.step p{color:var(--muted);font-size:16.5px;line-height:1.6}.step .when{display:inline-block;margin-bottom:14px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);opacity:.85}.tiers{margin-top:clamp(48px,7vh,90px);display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.tier{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px 28px 32px;display:flex;flex-direction:column;transition:border-color .4s var(--ease),background .4s var(--ease),transform .4s var(--ease);position:relative}.tier:hover{border-color:var(--line-strong);background:var(--panel-2);transform:translateY(-4px)}.tier.featured{border-color:var(--accent);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02))}.tier .pop{position:absolute;top:-11px;left:28px;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--accent);color:#05060a;padding:5px 11px;border-radius:100px}.tier .tname{font-family:var(--font-display);font-size:23px;font-weight:600}.tier .tdesc{color:var(--muted);font-size:14.5px;margin-top:6px;margin-bottom:22px}.tier ul{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:28px;flex:1 1}.tier li{display:flex;gap:11px;font-size:14.5px;color:rgba(238,240,244,.82);line-height:1.4}.tier li svg{flex-shrink:0;margin-top:3px;color:var(--accent);opacity:.85}.tier .btn{justify-content:center;width:100%}.onboarding-note{margin-top:22px;font-size:13.5px;color:var(--faint);text-align:center}.work-grid{margin-top:clamp(40px,6vh,80px);display:grid;grid-template-columns:1.6fr 1fr;grid-gap:16px;gap:16px}.case{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);transition:border-color .4s var(--ease),transform .4s var(--ease);text-decoration:none;color:inherit;display:flex;flex-direction:column}.case.live:hover{border-color:var(--line-strong);transform:translateY(-4px)}.case .thumb{aspect-ratio:16/10;background:radial-gradient(80% 120% at 50% 0,rgba(120,135,190,.22),transparent 60%),linear-gradient(160deg,#0c0f1a,#070912);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.case .thumb .thumb-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.case .thumb .mock{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,4vw,46px);letter-spacing:-.02em;color:rgba(238,240,244,.92)}.case .thumb .mock small{display:block;font-family:var(--font-body);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-top:10px}.case .body{padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px}.case .meta{display:flex;gap:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.case .ctitle{font-family:var(--font-display);font-size:clamp(22px,2.6vw,30px);font-weight:600}.case p{color:var(--muted);font-size:15px}.case .golink{margin-top:6px;font-size:13.5px;color:var(--accent);display:inline-flex;align-items:center;gap:7px}.case-compact .thumb{aspect-ratio:auto;flex:1 1;min-height:90px}.case-compact .body{padding:16px 18px 18px;gap:4px}.case-compact .ctitle{font-size:16px}.case-compact .golink{margin-top:2px;font-size:12.5px}.soon{border:1px dashed var(--line-strong);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:40px 28px;color:var(--faint);background:hsla(0,0%,100%,.012);min-height:180px}.soon .s-title{font-family:var(--font-display);font-size:18px;color:var(--muted)}.soon .s-sub{font-size:13px}.work-side{display:grid;grid-gap:16px;gap:16px;grid-template-rows:1fr 1fr}.faq-list{margin-top:clamp(48px,7vh,90px);border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(22px,3vh,32px) 0;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-display);font-size:clamp(18px,2.2vw,24px);font-weight:600;color:var(--ink);letter-spacing:.01em;transition:color .25s var(--ease)}.faq-q:hover{color:var(--accent)}.faq-icon{flex-shrink:0;width:14px;height:14px;position:relative}.faq-icon:after,.faq-icon:before{content:"";position:absolute;top:50%;left:50%;width:14px;height:1.5px;background:var(--muted);transition:transform .3s var(--ease),background .3s var(--ease)}.faq-icon:before{transform:translate(-50%,-50%)}.faq-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-item.open .faq-icon:after{transform:translate(-50%,-50%) rotate(0deg)}.faq-item.open .faq-q{color:var(--accent)}.faq-item.open .faq-icon:after,.faq-item.open .faq-icon:before{background:var(--accent)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease-out)}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a-inner{overflow:hidden}.faq-a-inner p{color:var(--muted);font-size:16.5px;line-height:1.6;max-width:62ch;padding-bottom:0;transition:padding-bottom .35s var(--ease-out)}.faq-item.open .faq-a-inner p{padding-bottom:clamp(22px,3vh,32px)}.contact-hero{padding-top:clamp(140px,22vh,200px);padding-bottom:clamp(48px,8vh,80px)}.contact-hero-inner{display:flex;flex-direction:column;gap:22px;max-width:58ch}.contact-section{padding-top:0}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:clamp(28px,4vw,36px);display:flex;flex-direction:column;gap:14px;transition:border-color .4s var(--ease),background .4s var(--ease),transform .4s var(--ease)}.contact-card:hover{border-color:var(--line-strong);background:var(--panel-2)}.contact-card-wide{grid-column:1/-1}.contact-icon{width:44px;height:44px;border-radius:12px;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--accent);background:hsla(0,0%,100%,.03)}.contact-label{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.contact-card h2{font-size:clamp(22px,2.4vw,28px)}.contact-card p{color:var(--muted);font-size:15.5px;line-height:1.6;flex:1 1}.contact-value{font-family:var(--font-display);font-size:clamp(18px,2vw,22px);font-weight:600;color:var(--ink);text-decoration:none;transition:color .25s var(--ease)}.contact-value:hover{color:var(--accent)}.contact-card .btn{margin-top:6px;align-self:flex-start}.contact-form-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:8px}.contact-form-head p{flex:1 1}.contact-note{margin-top:28px;text-align:center;font-size:14.5px;color:var(--faint)}.contact-note a{color:var(--accent);text-decoration:none;transition:opacity .25s}.contact-note a:hover{opacity:.8}.callback-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field span{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--faint)}.form-field span em{font-style:normal;font-weight:500;opacity:.75}.form-field input,.form-field select,.form-field textarea{width:100%;font-family:var(--font-body);font-size:15px;color:var(--ink);background:hsla(0,0%,100%,.03);border:1px solid var(--line-strong);border-radius:12px;padding:13px 16px;transition:border-color .25s var(--ease),background .25s var(--ease)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--accent);background:hsla(0,0%,100%,.05)}.form-field textarea{resize:vertical;min-height:110px}.form-field select{cursor:pointer}.callback-form .btn{align-self:flex-start;margin-top:4px}.callback-form .btn:disabled{opacity:.6;cursor:not-allowed}.form-error{font-size:14px;color:#ff9a9a}.callback-success{border:1px dashed var(--line-strong);border-radius:16px;padding:clamp(32px,5vw,48px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.callback-success-title{font-family:var(--font-display);font-size:22px;font-weight:600}.callback-success-text{color:var(--muted);font-size:15.5px;max-width:36ch}.cta{text-align:center}.cta-inner{border:1px solid var(--line);border-radius:28px;padding:clamp(54px,9vh,110px) var(--gutter);background:radial-gradient(100% 120% at 50% 0,rgba(110,125,180,.16),transparent 60%),var(--panel);display:flex;flex-direction:column;align-items:center;gap:26px}.cta h2{max-width:16ch}.cta .lead{text-align:center}.cta-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:6px}.footer{border-top:1px solid var(--line);padding-block:56px}.footer-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}.footer .fbrand{display:flex;align-items:center;gap:11px;font-family:var(--font-brand);font-size:27px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.fbrand-mark,.footer .fbrand .dot{color:var(--accent)}.fbrand-mark{width:27px;height:27px}.footer .ftag{color:var(--muted);margin-top:6px;font-size:15px}.footer .fnav{display:flex;gap:26px;flex-wrap:wrap}.footer .fnav a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .25s}.footer .fnav a:hover{color:var(--ink)}.footer .fcopy{color:var(--faint);font-size:13px;margin-top:30px;width:100%}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}@media (max-width:860px){.nav-links{display:none}.step{grid-template-columns:1fr;gap:10px}.step .idx{padding-top:0}.contact-grid,.form-row,.tiers,.work-grid{grid-template-columns:1fr}.contact-form-head,.footer-inner{flex-direction:column}.footer-inner{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}