@view-transition{navigation:auto}
::view-transition-old(root){animation:nd-vt-old .42s cubic-bezier(.2,.8,.2,1) both}
::view-transition-new(root){animation:nd-vt-new .62s cubic-bezier(.2,.8,.2,1) both}
@keyframes nd-vt-old{to{opacity:.2;filter:blur(10px);transform:scale(.985)}}
@keyframes nd-vt-new{from{opacity:.15;filter:blur(12px);transform:scale(1.012)}}

:root{
  --ink:#060d18;--ink2:#0a1423;--ink3:#0f1b2f;--paper:#f3f6fa;--paper2:#fff;
  --text:#f8fbff;--muted:#9ba9bc;--muted-dark:#5c6674;--cyan:#78e7ff;--violet:#9579ff;
  --line:rgba(255,255,255,.12);--line-dark:#dae2eb;--max:1280px;--ease:cubic-bezier(.2,.8,.2,1);
  --mx:50%;--my:20%;--accent:linear-gradient(115deg,#86edff,#947cff);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{color:inherit}
::selection{background:#c8f5ff;color:#07101d}
.skip{position:fixed;top:-70px;left:16px;z-index:1400;background:#fff;color:#08111d;padding:10px 14px;border-radius:12px}.skip:focus{top:16px}
.site-noise{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.027;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.pointer-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px circle at var(--mx) var(--my),rgba(120,231,255,.075),transparent 60%)}
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:1200;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 24px rgba(120,231,255,.35)}
.morph-cursor{position:fixed;left:0;top:0;width:18px;height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.72);pointer-events:none;z-index:1300;transform:translate(-50%,-50%);mix-blend-mode:difference;opacity:0;transition:width .24s var(--ease),height .24s var(--ease),border-radius .24s var(--ease),background .24s,opacity .2s}
.morph-cursor.visible{opacity:1}.morph-cursor.is-link{width:54px;height:54px;background:rgba(255,255,255,.1)}.morph-cursor.is-card{width:72px;height:44px;border-radius:14px;background:rgba(255,255,255,.08)}.morph-cursor.is-form{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06)}

.route-transition{position:fixed;inset:0;z-index:1190;pointer-events:none;visibility:hidden;overflow:hidden}
.route-transition.play{visibility:visible}.route-transition i{position:absolute;display:block}
.route-transition .rt-logo{position:absolute;left:50%;top:50%;width:88px;transform:translate(-50%,-50%) scale(.7);opacity:0;z-index:4;filter:drop-shadow(0 10px 36px rgba(0,0,0,.25))}
.route-transition.play .rt-logo{animation:rtLogo .78s var(--ease) both}
@keyframes rtLogo{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-18deg)}42%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}72%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(.88) rotate(10deg)}}
.route-transition.prism:before,.route-transition.prism:after,.route-transition.iris:before,.route-transition.iris:after,.route-transition.bloom:before,.route-transition.bloom:after{content:"";position:absolute;left:50%;top:50%}
.route-transition.play.prism:before{width:16vmin;height:16vmin;background:linear-gradient(135deg,#7aeaff,#8b73ff 58%,#08111e);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:rtPrism .82s var(--ease) both}
.route-transition.play.prism:after{width:10vmin;height:10vmin;border:1px solid rgba(255,255,255,.8);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:rtRing .82s var(--ease) both}
@keyframes rtPrism{0%{transform:translate(-50%,-50%) rotate(45deg) scale(0);opacity:0}28%{opacity:1}54%,70%{transform:translate(-50%,-50%) rotate(145deg) scale(16);opacity:1}100%{transform:translate(-50%,-50%) rotate(225deg) scale(0);opacity:0}}
@keyframes rtRing{0%{transform:translate(-50%,-50%) scale(.1) rotate(-45deg);opacity:0}44%{transform:translate(-50%,-50%) scale(6) rotate(45deg);opacity:1}100%{transform:translate(-50%,-50%) scale(12) rotate(140deg);opacity:0}}
.route-transition.play.iris:before{width:9vmax;height:9vmax;border-radius:50%;background:#08111e;animation:rtIris .8s var(--ease) both}
.route-transition.play.iris:after{width:4vmax;height:4vmax;border-radius:50%;background:radial-gradient(circle,#fff 0 6%,#87edff 7% 16%,#8f78ff 17% 27%,transparent 28%);animation:rtIrisGlow .8s var(--ease) both}
@keyframes rtIris{0%{transform:translate(-50%,-50%) scale(0)}54%,70%{transform:translate(-50%,-50%) scale(20)}100%{transform:translate(-50%,-50%) scale(0)}}
@keyframes rtIrisGlow{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}44%{transform:translate(-50%,-50%) scale(2);opacity:1}100%{transform:translate(-50%,-50%) scale(6);opacity:0}}
.route-transition.play.slice i:nth-of-type(1),.route-transition.play.slice i:nth-of-type(2){left:-15vw;width:130vw;height:60vh;background:#08111e;transform:skewY(-8deg) scaleY(0);animation:rtSlice .8s var(--ease) both}
.route-transition.play.slice i:nth-of-type(1){top:-8vh;transform-origin:top}.route-transition.play.slice i:nth-of-type(2){bottom:-8vh;transform-origin:bottom;animation-delay:.04s}
@keyframes rtSlice{0%{transform:skewY(-8deg) scaleY(0)}48%,68%{transform:skewY(-8deg) scaleY(1.25)}100%{transform:skewY(-8deg) scaleY(0)}}
.route-transition.play.bloom:before{width:18vmin;height:18vmin;border-radius:28% 72% 63% 37% / 34% 42% 58% 66%;background:conic-gradient(from 20deg,#8ff0ff,#8370ff,#0d1727,#8ff0ff);animation:rtBloom .86s var(--ease) both}
.route-transition.play.bloom:after{width:12vmin;height:12vmin;border-radius:58% 42% 34% 66% / 55% 33% 67% 45%;border:1px solid rgba(255,255,255,.75);animation:rtBloomRing .86s var(--ease) both}
@keyframes rtBloom{0%{transform:translate(-50%,-50%) rotate(0) scale(0);opacity:0}46%,68%{transform:translate(-50%,-50%) rotate(155deg) scale(14);opacity:1}100%{transform:translate(-50%,-50%) rotate(290deg) scale(0);opacity:0}}
@keyframes rtBloomRing{0%{transform:translate(-50%,-50%) rotate(0) scale(.2);opacity:0}44%{transform:translate(-50%,-50%) rotate(-100deg) scale(4);opacity:1}100%{transform:translate(-50%,-50%) rotate(-220deg) scale(10);opacity:0}}

nav{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(6,13,24,.64);backdrop-filter:blur(20px) saturate(130%)}
.nav-inner{max-width:var(--max);margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:188px}.brand img{width:100%}.nav-links{display:flex;gap:25px;color:#c8d2df;font-size:14px}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--accent);transition:right .35s var(--ease)}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-links a.active{color:#fff}
.nav-actions{display:flex;gap:10px;align-items:center}.nav-ghost,.nav-cta{padding:11px 15px;border:1px solid rgba(255,255,255,.16);border-radius:999px;transition:.35s var(--ease);font-size:13px}.nav-ghost{background:rgba(255,255,255,.025);color:#cdd6e2}.nav-cta{background:#f8fbff;color:#07101c;font-weight:720}.nav-ghost:hover,.nav-cta:hover{transform:translateY(-2px)}
.menu-btn{display:none;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:12px;padding:10px 12px}
.mobile-menu{display:none;position:fixed;z-index:49;top:70px;left:12px;right:12px;padding:18px;border:1px solid var(--line);background:rgba(8,16,29,.96);backdrop-filter:blur(18px);border-radius:20px}.mobile-menu.open{display:grid;gap:6px}.mobile-menu a{padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.07)}

main{position:relative;z-index:1}
.hero{min-height:100svh;display:flex;align-items:flex-end;padding:150px 24px 72px;position:relative;overflow:hidden;isolation:isolate}
.hero-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 94%)}
.hero-orb{position:absolute;z-index:-2;width:min(65vw,860px);aspect-ratio:1;border-radius:50%;right:-15%;top:4%;background:radial-gradient(circle at 32% 30%,rgba(104,228,255,.36),rgba(139,108,255,.2) 34%,rgba(15,23,42,.03) 68%,transparent 73%);filter:blur(8px);transform:translate3d(0,var(--parallax,0px),0)}
.hero-inner{max-width:var(--max);width:100%;margin:auto;position:relative;z-index:2}.hero-topline{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px}
.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#9aecff;display:flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:32px;height:1px;background:#9aecff}.hero-est{font-size:10px;letter-spacing:.22em;color:#9aa9bd;text-transform:uppercase;display:flex;align-items:center;gap:10px}.hero-est span{width:34px;height:1px;background:var(--accent)}
h1{font-size:clamp(64px,9.25vw,148px);line-height:.865;letter-spacing:-.068em;font-weight:690;margin:0;max-width:1180px}.grad{background:linear-gradient(112deg,#fff 15%,#9bf0ff 47%,#aa91ff 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.maskline{display:block;overflow:hidden;padding-bottom:.06em}.maskline>span{display:block;transform:translateY(108%);animation:heroUp 1s var(--ease) forwards}.maskline:nth-child(2)>span{animation-delay:.12s}@keyframes heroUp{to{transform:translateY(0)}}
.hero-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:end;margin-top:50px}.hero-copy{max-width:720px;color:#c3cfdd;font-size:clamp(18px,2vw,27px);line-height:1.5;margin:0}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 19px;border:1px solid var(--line);cursor:pointer;transition:transform .35s var(--ease),background .35s,box-shadow .35s;will-change:transform}.btn.primary{background:#f9fbff;color:#07101d;font-weight:720}.btn.secondary{background:rgba(255,255,255,.04)}.btn.dark{background:#0b1424;color:#fff;border-color:#0b1424}.btn:hover{box-shadow:0 14px 40px rgba(0,0,0,.18)}
.hero-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metric{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:100px}.metric strong{display:block;font-size:30px;letter-spacing:-.04em}.metric span{color:var(--muted);font-size:13px;line-height:1.35}

.page-hero{padding:170px 24px 86px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;right:-10%;top:-20%;width:52vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(120,231,255,.15),rgba(149,121,255,.08) 40%,transparent 70%)}.page-hero .wrap{position:relative;z-index:1}.page-hero h1{font-size:clamp(62px,8vw,118px);max-width:1060px}.page-hero p{max-width:760px;color:#b8c5d4;font-size:20px;line-height:1.65;margin-top:28px}
.breadcrumb{display:flex;gap:10px;align-items:center;color:#7f8da0;font-size:12px;margin-bottom:28px}.breadcrumb a:hover{color:#fff}

.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;background:#08111f}.ticker-track{display:inline-flex;gap:34px;padding:16px 0;animation:ticker 24s linear infinite;color:#9aa8bb;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.ticker-track b{color:#eef6ff}.ticker-track span:after{content:"✦";margin-left:34px;color:#6fe6ff}@keyframes ticker{to{transform:translateX(-50%)}}

section{padding:112px 24px;position:relative}.wrap{max-width:var(--max);margin:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:56px}.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8beaff}.kicker.dark{color:#6d59c8}h2{font-size:clamp(44px,6.2vw,84px);line-height:.94;letter-spacing:-.058em;margin:8px 0 0;font-weight:680}.section-copy{max-width:520px;color:var(--muted);font-size:18px;line-height:1.67;margin:0}.paper{background:var(--paper);color:#09101b}.paper .section-copy,.paper .muted{color:var(--muted-dark)}
.reveal{opacity:0;transform:translateY(32px);filter:blur(7px);transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease)}.reveal.in{opacity:1;transform:none;filter:none}.stagger>*{opacity:0;transform:translateY(24px)}.stagger.in>*{animation:staggerIn .7s var(--ease) forwards}.stagger.in>*:nth-child(2){animation-delay:.06s}.stagger.in>*:nth-child(3){animation-delay:.12s}.stagger.in>*:nth-child(4){animation-delay:.18s}.stagger.in>*:nth-child(5){animation-delay:.24s}.stagger.in>*:nth-child(6){animation-delay:.3s}@keyframes staggerIn{to{opacity:1;transform:none}}

.work-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:26px}.work-card{position:relative;min-height:650px;border-radius:30px;overflow:hidden;background:#0d1524;isolation:isolate;transition:transform .45s var(--ease);transform-style:preserve-3d}.work-card img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;transition:transform .8s var(--ease),filter .6s;transform:scale(1.015) translate3d(var(--tx,0),var(--ty,0),0)}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,9,16,.94),rgba(5,9,16,.08) 60%,transparent)}.work-card:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(360px circle at var(--card-x,50%) var(--card-y,50%),rgba(255,255,255,.16),transparent 62%);opacity:0;transition:opacity .35s}.work-card:hover:before{opacity:1}.work-meta{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.tag{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px)}.work-meta h3{font-size:34px;letter-spacing:-.04em;margin:12px 0 4px}.work-meta p{margin:0;color:#d2dbe7}.work-link{position:absolute;inset:0;z-index:3}

.services-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}.service{min-height:310px;padding:28px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .4s var(--ease),background .4s}.service:before{content:"";position:absolute;inset:auto -30% -80% -30%;height:70%;background:radial-gradient(circle,rgba(103,220,255,.18),transparent 65%);opacity:0;transition:.4s}.service:hover{background:#fff;transform:translateY(-5px);box-shadow:0 24px 60px rgba(16,24,40,.08)}.service:hover:before{opacity:1}.service .num{font-size:12px;color:#7d8796}.service h3{font-size:26px;margin:0 0 10px;letter-spacing:-.04em}.service p{font-size:14px;line-height:1.63;color:#647080}.service .arrow{position:absolute;right:22px;top:20px;font-size:18px;color:#727f90}.service-link{position:absolute;inset:0;z-index:2}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{min-height:310px;border:1px solid var(--line);border-radius:24px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));transition:transform .4s var(--ease),border-color .4s,background .4s}.step:hover{transform:translateY(-7px);border-color:rgba(104,228,255,.34);background:linear-gradient(180deg,rgba(104,228,255,.055),rgba(255,255,255,.02));box-shadow:0 24px 70px rgba(0,0,0,.18)}.step .n{color:#8beaff;font-size:12px}.step h3{font-size:29px;letter-spacing:-.035em;margin:78px 0 12px}.step p{color:var(--muted);line-height:1.62}
.statement{padding:145px 24px;background:linear-gradient(180deg,#0a1423,#07101d);overflow:hidden}.statement blockquote{max-width:1050px;margin:0 auto;font-size:clamp(35px,5vw,70px);line-height:1.04;letter-spacing:-.045em;text-align:center}.statement cite{display:block;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#8beaff;font-style:normal;margin-top:28px}

.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.split.reverse{grid-template-columns:1.1fr .9fr}.prose{font-size:18px;line-height:1.76;color:var(--muted)}.paper .prose{color:var(--muted-dark)}.prose h3{color:inherit;font-size:26px;letter-spacing:-.03em;margin:30px 0 8px}.prose p{margin:0 0 18px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{border:1px solid var(--line);border-radius:22px;padding:24px;background:rgba(255,255,255,.035);min-height:220px}.feature .icon{font-size:22px;color:#8beaff}.feature h3{font-size:23px;margin:55px 0 8px}.feature p{color:var(--muted);line-height:1.6;font-size:14px}.paper .feature{border-color:var(--line-dark);background:#fff}.paper .feature p{color:var(--muted-dark)}
.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:22px 0;border-top:1px solid var(--line)}.paper .timeline-item{border-color:var(--line-dark)}.timeline-item b{color:#8beaff}.paper .timeline-item b{color:#6d59c8}.timeline-item h3{margin:0 0 8px;font-size:27px}.timeline-item p{margin:0;color:var(--muted);line-height:1.65}.paper .timeline-item p{color:var(--muted-dark)}
.big-list{display:grid;border-top:1px solid var(--line)}.big-list a{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);transition:padding .3s var(--ease),color .3s}.big-list a:hover{padding-left:12px;color:#8beaff}.big-list .label{font-size:28px;letter-spacing:-.03em}.big-list .sub{font-size:13px;color:var(--muted)}
.paper .big-list{border-color:var(--line-dark)}.paper .big-list a{border-color:var(--line-dark)}.paper .big-list .sub{color:var(--muted-dark)}

.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq details{border:1px solid var(--line-dark);border-radius:18px;padding:20px 22px;background:#fff;transition:box-shadow .35s}.faq details[open]{box-shadow:0 18px 55px rgba(9,16,27,.08)}.faq summary{cursor:pointer;font-weight:700}.faq p{color:#65707e;line-height:1.62;margin-bottom:0}
.quote{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:start}.form{background:#fff;color:#0b111b;border-radius:30px;padding:28px;box-shadow:0 24px 90px rgba(0,0,0,.16)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#616b79}.field input,.field textarea,.field select{width:100%;border:1px solid #dde4ec;background:#f9fbfd;border-radius:14px;padding:14px 15px;color:#101722;outline:none;transition:.25s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#83dff3;box-shadow:0 0 0 3px rgba(104,228,255,.17)}.field textarea{min-height:150px;resize:vertical}.fine{font-size:12px;color:#7c8796;line-height:1.5;margin:0}.fine a{text-decoration:underline}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-card{border:1px solid var(--line);border-radius:24px;padding:25px;min-height:220px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;justify-content:space-between}.contact-card h3{font-size:25px;margin:0}.contact-card p{color:var(--muted);line-height:1.6}.contact-card a{color:#8beaff}
.login-panel{max-width:560px;margin:auto}.portal-note{border:1px solid var(--line);border-radius:20px;padding:22px;background:rgba(255,255,255,.035);color:#b7c3d1;line-height:1.65;margin-bottom:22px}.login-panel .form{padding:30px}
.callout{border-radius:30px;padding:36px;background:linear-gradient(135deg,rgba(120,231,255,.11),rgba(149,121,255,.08));border:1px solid rgba(255,255,255,.12)}.paper .callout{border-color:var(--line-dark);background:linear-gradient(135deg,#fff,#eef4fb)}
.case-hero-img{border-radius:30px;overflow:hidden;min-height:620px;position:relative}.case-hero-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.case-hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,9,16,.45),transparent 50%)}

.footer{padding:58px 24px;border-top:1px solid var(--line);background:#060d18}.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.3fr .65fr .65fr .65fr;gap:42px}.footer-brand{width:210px}.footer h4{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8492a7}.footer a{display:block;color:#c7d1df;margin:9px 0;font-size:14px}.footer p{color:#8f9caf;line-height:1.65}.footer-bottom{max-width:var(--max);margin:40px auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#77879c;font-size:12px;line-height:1.5}
.cookie{position:fixed;z-index:200;left:18px;right:18px;bottom:18px;max-width:760px;margin:auto;background:rgba(10,18,31,.94);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:18px;box-shadow:0 20px 80px rgba(0,0,0,.45);display:none}.cookie.show{display:block}.cookie-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.cookie p{font-size:13px;line-height:1.55;color:#c5d0de;margin:0}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.cookie button{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;padding:9px 12px;border-radius:999px;cursor:pointer}.cookie .accept{background:#fff;color:#09111c}

.legal-hero{padding:170px 24px 42px}.legal{max-width:920px;margin:auto;padding:10px 24px 110px}.legal h1{font-size:clamp(52px,7vw,88px);line-height:.93}.legal .updated{color:#90a0b4;margin-top:18px}.legal h2{font-size:30px;letter-spacing:-.03em;margin:46px 0 14px}.legal p,.legal li{color:#c5cfdb;line-height:1.78}.legal ul{padding-left:22px}.legal .notice{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);margin:26px 0}.legal a{text-decoration:underline;text-underline-offset:3px}
.not-found{min-height:100svh;display:grid;place-items:center;text-align:center;padding:120px 24px}.not-found h1{font-size:clamp(100px,20vw,240px);background:linear-gradient(120deg,#fff,#76e6ff,#aa8bff);-webkit-background-clip:text;color:transparent}.not-found p{color:var(--muted);font-size:20px}

.page-enter .page-hero .eyebrow,.page-enter .page-hero h1,.page-enter .page-hero p,.page-enter .page-hero .cta-row{animation:pageIn .85s var(--ease) both}.page-enter .page-hero h1{animation-delay:.05s}.page-enter .page-hero p{animation-delay:.12s}.page-enter .page-hero .cta-row{animation-delay:.18s}@keyframes pageIn{from{opacity:0;transform:translateY(26px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:1050px){.nav-links{display:none}.menu-btn{display:block}.nav-ghost{display:none}.hero-bottom,.work-grid,.quote,.split,.split.reverse{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}.process-grid,.feature-grid{grid-template-columns:1fr 1fr}.work-card{min-height:540px}.footer-inner{grid-template-columns:1fr 1fr}.hero-metrics{max-width:620px}.contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){section{padding:84px 18px}.hero{padding:136px 18px 54px}.page-hero{padding:145px 18px 72px}.section-head{align-items:flex-start;flex-direction:column}.services-grid,.process-grid,.feature-grid,.faq,.form-grid,.contact-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.brand{width:154px}.nav-inner{padding:12px 16px}.nav-cta{padding:10px 12px}h1{font-size:58px}.hero-topline{align-items:flex-start;gap:12px}.hero-est{font-size:9px;letter-spacing:.14em}.hero-metrics{grid-template-columns:1fr 1fr}.metric{padding:17px}.work-card{min-height:500px}.footer-inner{grid-template-columns:1fr}.footer-bottom,.cookie-row{flex-direction:column;align-items:flex-start}.timeline-item{grid-template-columns:52px 1fr}.big-list a{grid-template-columns:44px 1fr auto}.big-list .label{font-size:22px}}
@media(pointer:coarse){.morph-cursor{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.maskline>span{animation:none!important;transform:none}.reveal,.stagger>*{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}.route-transition{display:none!important}.hero-orb{transform:none!important}}


/* === NOVADRAFT FINAL AUTH + CONSENT === */
.account-shell{min-height:100svh;padding:150px 24px 90px;display:grid;place-items:center;position:relative;overflow:hidden}
.account-shell:before{content:"";position:absolute;inset:-20%;background:
 radial-gradient(circle at 18% 25%,rgba(120,231,255,.12),transparent 25%),
 radial-gradient(circle at 82% 22%,rgba(149,121,255,.12),transparent 25%),
 radial-gradient(circle at 50% 100%,rgba(120,231,255,.07),transparent 34%);pointer-events:none}
.account-wrap{width:min(1120px,100%);display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;position:relative;z-index:1}
.account-intro{padding:34px;display:flex;flex-direction:column;justify-content:space-between;min-height:660px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));overflow:hidden;position:relative}
.account-intro:after{content:"";position:absolute;width:360px;height:360px;right:-170px;bottom:-170px;border-radius:38% 62% 71% 29% / 48% 43% 57% 52%;background:conic-gradient(from 20deg,rgba(120,231,255,.35),rgba(149,121,255,.25),rgba(120,231,255,.08));filter:blur(8px);animation:authMorph 10s ease-in-out infinite alternate}
@keyframes authMorph{to{transform:rotate(44deg) scale(1.13);border-radius:68% 32% 45% 55% / 36% 64% 36% 64%}}
.account-intro h1{font-size:clamp(52px,6vw,88px);line-height:.92}
.account-intro p{max-width:480px;color:#b9c6d6;line-height:1.65}
.account-points{display:grid;gap:14px;position:relative;z-index:1}
.account-point{display:flex;gap:12px;align-items:flex-start;color:#c4cfdd;font-size:14px}
.account-point b{color:#fff}
.auth-card{background:#fff;color:#0b111b;border-radius:30px;padding:30px;box-shadow:0 30px 110px rgba(0,0,0,.3);align-self:center}
.auth-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:24px}
.auth-head h2{font-size:40px;margin:0;letter-spacing:-.045em}.auth-head p{margin:7px 0 0;color:#697483;line-height:1.5;font-size:14px}
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dce3eb;background:#fff;color:#111827;border-radius:14px;padding:13px 14px;font-weight:650;cursor:pointer;transition:.25s}
.social-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(15,23,42,.07)}
.social-icon{width:20px;height:20px;display:grid;place-items:center;font-weight:800}
.auth-divider{display:flex;align-items:center;gap:12px;color:#8a95a4;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:22px 0}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e3e8ef;flex:1}
.auth-form{display:grid;gap:13px}.auth-field{display:grid;gap:7px}.auth-field label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#5d6774}.auth-field input{border:1px solid #dce3eb;background:#f9fbfd;border-radius:14px;padding:14px 15px;color:#101722;outline:none}.auth-field input:focus{border-color:#83dff3;box-shadow:0 0 0 3px rgba(104,228,255,.17)}
.auth-row{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:13px;color:#6c7684}.auth-row a{text-decoration:underline;text-underline-offset:3px}
.auth-submit{width:100%;border:0;border-radius:14px;background:#0a1424;color:#fff;padding:14px 16px;font-weight:750;cursor:pointer;transition:.3s var(--ease)}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(10,20,36,.18)}
.auth-foot{text-align:center;color:#75808f;font-size:13px;margin-top:18px}.auth-foot a{color:#111827;font-weight:700}
.auth-legal{font-size:11px;line-height:1.55;color:#7a8593;margin-top:15px}.auth-legal a{text-decoration:underline}
.password-meter{height:4px;border-radius:999px;background:#e9eef4;overflow:hidden}.password-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#78e7ff,#9579ff);transition:width .25s}
.auth-status{display:none;border-radius:12px;padding:11px 12px;font-size:13px;line-height:1.45}.auth-status.show{display:block}.auth-status.info{background:#eef7ff;color:#264760}.auth-status.error{background:#fff1f2;color:#9f1239}.auth-status.success{background:#ecfdf5;color:#166534}
.oauth-note{margin-top:14px;padding:12px;border-radius:12px;background:#f6f8fb;color:#6c7684;font-size:12px;line-height:1.5}
.account-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:8px 11px;color:#c4cfdd;font-size:11px;letter-spacing:.08em;text-transform:uppercase}

/* Cookie center */
.cookie-fab{position:fixed;right:18px;bottom:18px;z-index:205;border:1px solid rgba(255,255,255,.15);background:rgba(8,16,29,.88);backdrop-filter:blur(16px);color:#fff;border-radius:999px;padding:11px 14px;box-shadow:0 14px 50px rgba(0,0,0,.28);cursor:pointer;font-size:12px}
.consent-backdrop{position:fixed;inset:0;z-index:300;background:rgba(2,6,12,.58);backdrop-filter:blur(8px);display:none;place-items:center;padding:20px}.consent-backdrop.show{display:grid}
.consent-panel{width:min(720px,100%);background:#fff;color:#0b111b;border-radius:26px;padding:26px;box-shadow:0 30px 110px rgba(0,0,0,.34)}
.consent-panel h2{font-size:34px;margin:0}.consent-panel>p{color:#687383;line-height:1.6}
.consent-list{display:grid;gap:12px;margin:20px 0}.consent-item{display:grid;grid-template-columns:1fr auto;gap:18px;padding:16px;border:1px solid #e0e6ed;border-radius:16px}.consent-item h3{margin:0 0 6px;font-size:16px}.consent-item p{margin:0;color:#778290;font-size:13px;line-height:1.5}
.switch{position:relative;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#d8dee6;border-radius:999px;cursor:pointer;transition:.25s}.slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.25s}.switch input:checked+.slider{background:#111827}.switch input:checked+.slider:before{transform:translateX(20px)}.switch input:disabled+.slider{opacity:.6;cursor:not-allowed}
.consent-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}.consent-actions button{border:1px solid #dce3eb;background:#fff;color:#111827;border-radius:999px;padding:10px 14px;cursor:pointer}.consent-actions .primary{background:#111827;color:#fff;border-color:#111827}
.cookie-policy-table{width:100%;border-collapse:collapse;margin-top:24px}.cookie-policy-table th,.cookie-policy-table td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--line);font-size:14px}.cookie-policy-table th{color:#fff}.cookie-policy-table td{color:#c5cfdb;line-height:1.55}

/* Account nav */
.account-links{display:flex;gap:8px;align-items:center}.account-links a{font-size:13px}
.nav-signup{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15)}
.nav-login{padding:10px 14px;border-radius:999px;color:#cbd5e1}

@media(max-width:980px){.account-wrap{grid-template-columns:1fr}.account-intro{min-height:auto}.social-grid{grid-template-columns:1fr}.account-links{display:none}}
@media(max-width:650px){.account-shell{padding:120px 16px 70px}.account-intro,.auth-card{padding:22px;border-radius:22px}.auth-head h2{font-size:34px}.consent-panel{padding:20px}.consent-actions{justify-content:stretch}.consent-actions button{flex:1}.cookie-policy-table{display:block;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.account-intro:after{animation:none}.social-btn,.auth-submit{transition:none}}

.footer-inner{grid-template-columns:1.25fr repeat(4,.58fr)}
@media(max-width:1050px){.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.footer-inner{grid-template-columns:1fr}}


/* === NOVADRAFT CONNECTED BACKEND UI === */
.live-status{display:none;border-radius:12px;padding:11px 12px;font-size:13px;line-height:1.45;margin-top:12px}.live-status.show{display:block}.live-status.info{background:#eef7ff;color:#264760}.live-status.error{background:#fff1f2;color:#9f1239}.live-status.success{background:#ecfdf5;color:#166534}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
.account-dashboard{padding:150px 24px 90px;min-height:100svh}.dashboard-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px;max-width:1180px;margin:auto}.dashboard-side,.dashboard-main{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.035);padding:26px}.dashboard-side{position:sticky;top:95px;height:max-content}.dashboard-side h2{font-size:32px;margin-bottom:8px}.dashboard-email{color:var(--muted);font-size:14px;word-break:break-word}.dashboard-nav{display:grid;gap:8px;margin-top:28px}.dashboard-nav a,.dashboard-nav button{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:#d9e2ef;cursor:pointer;text-align:left}.dashboard-nav a:hover,.dashboard-nav button:hover{background:rgba(255,255,255,.065)}
.dashboard-main h1{font-size:clamp(48px,7vw,84px);margin-bottom:24px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-form .full{grid-column:1/-1}.profile-form label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9aa8ba}.profile-form input{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);color:#fff;padding:13px 14px;outline:none}.profile-form input:focus{border-color:#78e7ff}.profile-form button{grid-column:1/-1}
.portal-shell{padding:150px 24px 90px;min-height:100svh}.portal-top{max-width:1180px;margin:0 auto 34px}.portal-top h1{font-size:clamp(56px,8vw,100px)}.project-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));padding:24px;min-height:270px}.project-card-top{display:flex;justify-content:space-between;gap:20px;color:#93a2b6;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.project-status{color:#8beaff}.project-card h3{font-size:29px;margin:55px 0 12px}.project-card p{color:var(--muted);line-height:1.6}.progress-track{height:7px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#78e7ff,#9579ff);border-radius:inherit}
.portal-empty{border:1px dashed var(--line);border-radius:20px;padding:28px;color:var(--muted);line-height:1.65;grid-column:1/-1}
.project-detail{max-width:1000px;margin:auto;padding:150px 24px 100px}.project-detail h1{font-size:clamp(52px,7vw,90px)}.project-meta{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.project-pill{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#cbd5e1;font-size:12px}.project-panel{border:1px solid var(--line);border-radius:24px;padding:24px;background:rgba(255,255,255,.03);margin-top:20px}.message-item{padding:14px 0;border-bottom:1px solid var(--line)}.message-item p{margin:0 0 6px;color:#dbe4f0}.message-item small{color:#79899e}.file-row{width:100%;display:flex;justify-content:space-between;gap:20px;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:#dce6f2;cursor:pointer}.file-row span{color:#8beaff}
.admin-shell{padding:140px 24px 100px;min-height:100svh}.admin-wrap{max-width:1240px;margin:auto}.admin-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:34px}.admin-head h1{font-size:clamp(52px,7vw,96px)}.admin-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.admin-panel{border:1px solid var(--line);border-radius:24px;padding:22px;background:rgba(255,255,255,.03);margin-bottom:18px}.admin-panel h2{font-size:29px;margin-top:0}.admin-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line)}.admin-row strong,.admin-row span{display:block}.admin-row span{color:var(--muted);font-size:12px;margin-top:5px}.admin-row p{color:#aebaca;line-height:1.5;margin:8px 0 0;max-width:640px}.admin-row button,.admin-row select{border:1px solid var(--line);background:#101a2b;color:#fff;border-radius:10px;padding:8px 10px}.admin-create{display:grid;gap:10px}.admin-create input,.admin-create textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:12px;padding:11px 12px}.admin-create textarea{min-height:95px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.cms-case{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:center;border:1px solid var(--line-dark);border-radius:24px;padding:24px;background:#fff}.cms-case img{border-radius:18px;width:100%;height:240px;object-fit:cover}.cms-case h3{font-size:28px}.cms-case p{color:var(--muted-dark);line-height:1.6}
.setup-strip{border:1px solid rgba(120,231,255,.25);background:rgba(120,231,255,.06);border-radius:18px;padding:16px 18px;color:#bfefff;line-height:1.55;margin:18px 0}.setup-strip code{background:rgba(255,255,255,.07);padding:2px 5px;border-radius:6px}
@media(max-width:900px){.dashboard-grid,.admin-grid{grid-template-columns:1fr}.dashboard-side{position:static}.project-grid{grid-template-columns:1fr}.cms-case{grid-template-columns:1fr}}
@media(max-width:650px){.account-dashboard,.portal-shell,.admin-shell{padding:120px 16px 70px}.profile-form{grid-template-columns:1fr}.profile-form .full{grid-column:auto}.admin-head{align-items:flex-start;flex-direction:column}}


/* === NOVADRAFT FINAL ACCOUNT WORKFLOW UI === */
.account-section{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.account-section h2{font-size:30px;margin:0 0 14px}.account-section p{color:var(--muted);line-height:1.6}
.notice-list{display:grid;gap:10px}.notice-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.notice-row.unread{border-color:rgba(120,231,255,.3);background:rgba(120,231,255,.05)}.notice-row strong{display:block}.notice-row p{margin:5px 0 0;font-size:13px}.notice-row small{color:#718198;white-space:nowrap}
.briefs-shell{padding:150px 24px 90px;min-height:100svh}.briefs-wrap{max-width:1180px;margin:auto}.briefs-top{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.brief-list{display:grid;gap:14px}.brief-card{border:1px solid var(--line);border-radius:22px;padding:20px;background:rgba(255,255,255,.03)}.brief-top,.approval-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.brief-top small,.approval-head small{color:#73839a}.brief-card h3{font-size:25px;margin:18px 0 8px}.brief-card p{color:var(--muted);line-height:1.6}.brief-actions,.approval-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.brief-actions button,.approval-actions button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:999px;padding:9px 12px;cursor:pointer}.brief-actions button:hover,.approval-actions button:hover{background:rgba(255,255,255,.09)}
.brief-form{background:#fff;color:#0b111b;border-radius:26px;padding:24px;display:grid;gap:12px;box-shadow:0 24px 90px rgba(0,0,0,.18)}.brief-form h2{font-size:34px;margin:0}.brief-form label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#626d7b}.brief-form input,.brief-form textarea,.brief-form select{width:100%;border:1px solid #dce3eb;background:#f9fbfd;border-radius:13px;padding:12px 13px;color:#111827}.brief-form textarea{min-height:95px;resize:vertical}
.update-card,.approval-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:rgba(255,255,255,.025);margin-top:12px}.update-card span{color:#718198;font-size:12px}.update-card h3,.approval-card h3{font-size:24px;margin:10px 0 8px}.update-card p,.approval-card p{color:var(--muted);line-height:1.62}.approval-note{padding:12px;border-radius:12px;background:rgba(120,231,255,.06);color:#c9eefa;margin-top:12px}
.file-upload{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:16px}.file-upload input[type=file]{border:1px dashed var(--line);border-radius:13px;padding:11px;color:#cbd5e1}.file-upload button{border:1px solid var(--line);background:#fff;color:#09111c;border-radius:13px;padding:12px 14px;font-weight:700;cursor:pointer}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(255,255,255,.025)}.security-card h3{margin:0 0 8px;font-size:20px}.security-card p{font-size:13px}.danger{border-color:rgba(244,63,94,.25)!important}.danger button{background:#3a1119!important;border-color:rgba(244,63,94,.3)!important}
.admin-project-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-project-tools .admin-panel:first-child{grid-column:1/-1}
@media(max-width:900px){.briefs-top,.security-grid,.admin-project-tools{grid-template-columns:1fr}.admin-project-tools .admin-panel:first-child{grid-column:auto}}
@media(max-width:650px){.briefs-shell{padding:120px 16px 70px}.file-upload{grid-template-columns:1fr}.notice-row{grid-template-columns:1fr}.notice-row small{white-space:normal}}