:root { --ink:#f4f4ff; --muted:#9a9bad; --line:rgba(255,255,255,.11); --deep:#07081a; --deep-2:#0b0c22; --violet:#a855f7; --blue:#5577ff; --cyan:#20e3ea; --font:'Manrope',Arial,sans-serif; --display:'Space Grotesk',Arial,sans-serif; --mono:'DM Mono',monospace; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--deep); font-family:var(--font); overflow-x:hidden; } a { color:inherit; text-decoration:none; } button { font:inherit; } .container { width:min(1180px,calc(100% - 64px)); margin:0 auto; position:relative; z-index:2; } .page-noise { pointer-events:none; position:fixed; inset:0; z-index:20; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); } #particles { position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.7; } .section-grid:before { content:''; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(129,134,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(129,134,255,.055) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,transparent,black 15%,black 80%,transparent); }
.site-header { height:92px; position:fixed; inset:0 0 auto; z-index:10; border-bottom:1px solid transparent; background:rgba(7,8,26,0); backdrop-filter:blur(0); -webkit-backdrop-filter:blur(0); transition:background .28s ease,border-color .28s ease,backdrop-filter .28s ease; } .site-header.is-scrolled { background:rgba(7,8,26,.88); border-color:rgba(255,255,255,.08); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); } .nav { height:92px; display:flex; align-items:center; justify-content:space-between; } .brand { display:inline-flex; align-items:center; gap:10px; font-family:var(--display); font-weight:700; font-size:19px; letter-spacing:-.7px; white-space:nowrap; } .brand img { width:31px; height:31px; } .brand small { font:500 9px var(--mono); letter-spacing:1.4px; color:#b5b8dd; vertical-align:middle; margin-left:3px; } .nav-links { display:flex; gap:32px; margin-left:auto; margin-right:33px; } .nav-links a { color:#b9bac9; font-size:13px; font-weight:600; transition:color .2s; } .nav-links a:hover { color:#fff; } .button { display:inline-flex; justify-content:center; align-items:center; gap:16px; min-height:50px; padding:0 22px; border-radius:7px; font-size:13px; font-weight:700; transition:transform .25s,box-shadow .25s,background .25s; } .button span { font-size:19px; font-weight:400; transition:transform .25s; } .button:hover { transform:translateY(-2px); } .button:hover span { transform:translate(2px,-2px); } .button-small { min-height:40px; border:1px solid rgba(136,147,255,.5); padding:0 15px; background:rgba(95,104,233,.07); } .button-small:hover { background:rgba(95,104,233,.2); box-shadow:0 0 24px rgba(89,110,255,.25); } .button-primary { color:#fff; background:linear-gradient(110deg,#843fe3,#5775fd 60%,#20cbdc); box-shadow:0 10px 30px rgba(91,83,255,.25), inset 0 1px rgba(255,255,255,.22); } .button-primary:hover { box-shadow:0 12px 38px rgba(91,83px,255,.46),inset 0 1px rgba(255,255,255,.22); } .menu-toggle { display:none; border:0; padding:8px 0 8px 10px; color:#fff; background:transparent; } .menu-toggle span { display:block; width:24px; height:1.5px; margin:5px; background:currentColor; transition:transform .25s; }
.hero { isolation:isolate; min-height:790px; position:relative; padding:168px 0 70px; overflow:hidden; } .hero:after { content:''; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 79% 41%,rgba(57,77,237,.13),transparent 25%),radial-gradient(circle at 52% -2%,rgba(157,58,240,.13),transparent 25%); } .hero-content { max-width:1180px; } .eyebrow,.section-kicker { color:#a5a6bb; font:11px var(--mono); letter-spacing:1.1px; } .hero-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:28px; color:#b6b8d1; animation:fadeUp .75s ease both; } .hero-eyebrow i { width:7px; height:7px; border-radius:50%; background:#43eff8; box-shadow:0 0 11px #43eff8; } h1,h2,h3,p { margin:0; } h1 { max-width:740px; position:relative; z-index:2; font:700 clamp(48px,6.05vw,82px)/.99 var(--display); letter-spacing:-3.6px; animation:fadeUp .8s .08s ease both; } h1 em,h2 em { font-style:normal; background:linear-gradient(100deg,#ca7dff,#6b82ff 47%,#29e1e8); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .hero-copy { max-width:460px; color:#b2b3c4; font-size:16px; line-height:1.7; margin-top:28px; animation:fadeUp .8s .16s ease both; } .hero-actions { display:flex; align-items:center; gap:28px; margin-top:35px; animation:fadeUp .8s .25s ease both; } .text-link { display:inline-flex; align-items:center; gap:12px; color:#e0e1eb; font-size:13px; font-weight:700; } .text-link b { color:#55deeb; font-size:18px; transition:transform .25s; } .text-link:hover b { transform:translate(3px,-3px); } .hero-meta { display:flex; gap:38px; margin-top:88px; animation:fadeUp .8s .33s ease both; } .hero-meta div { display:flex; gap:9px; align-items:flex-start; } .hero-meta strong { color:#55566d; font:11px var(--mono); } .hero-meta span { color:#a4a5b7; font-size:10px; text-transform:uppercase; line-height:1.45; letter-spacing:.6px; }
.hero-visual { position:absolute; z-index:1; width:560px; height:480px; top:170px; left:calc(50% + 55px); animation:visualEnter 1.1s .2s ease both; } .visual-aura { position:absolute; width:480px; height:480px; top:8px; left:30px; background:radial-gradient(circle,rgba(88,93,255,.2),transparent 64%); filter:blur(5px); } .interface-card { position:absolute; overflow:hidden; border:1px solid rgba(141,158,255,.26); box-shadow:0 25px 70px rgba(4,2,31,.65), inset 0 1px rgba(255,255,255,.08); background:linear-gradient(130deg,rgba(23,25,60,.95),rgba(10,12,37,.91)); backdrop-filter:blur(8px); } .card-back { width:370px; height:220px; right:4px; top:20px; opacity:.55; border-radius:13px; transform:rotate(12deg); background:linear-gradient(135deg,#37328b,#152359); } .card-back span { display:block; width:50%; height:7px; margin:26px; border-radius:8px; background:rgba(170,184,255,.28); } .card-main { border-radius:12px; width:432px; height:310px; right:55px; top:64px; transform:perspective(900px) rotateY(-8deg) rotateX(4deg); animation:floatCard 6s ease-in-out infinite; } .card-top { height:38px; padding:0 13px; display:flex; align-items:center; gap:5px; border-bottom:1px solid rgba(255,255,255,.07); } .card-top i { width:5px; height:5px; border-radius:50%; background:#ff738a; } .card-top i:nth-child(2){background:#ffd15a}.card-top i:nth-child(3){background:#57e49f}.card-top b { margin-left:10px; color:#a7abd1; font:8px var(--mono); } .dash-nav { position:absolute; width:75px; inset:38px auto 0 0; padding-top:19px; border-right:1px solid rgba(255,255,255,.06); } .dash-nav span { display:block; width:43px; height:5px; margin:13px auto; border-radius:10px; background:#414568; } .dash-nav .active { background:linear-gradient(90deg,#a252f0,#5881ff); box-shadow:0 0 10px #7654f0; } .dash-content { padding:23px 20px 0 94px; } .dash-title small,.metric-grid small { color:#888dac; font:7px var(--mono); letter-spacing:.8px; } .dash-title b { display:block; margin-top:4px; font-size:14px; }.dash-title em { color:#9e6bff; font-style:normal; }.metric-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:19px; }.metric-grid div { padding:9px 10px; border:1px solid rgba(161,172,255,.1); border-radius:4px; background:rgba(255,255,255,.025); }.metric-grid b { display:block; margin:5px 0 3px; font:600 13px var(--display); }.metric-grid em { color:#66e5bb; font:7px var(--mono); font-style:normal; }.chart { position:relative; height:90px; margin:18px -3px 0; border-bottom:1px solid rgba(255,255,255,.1); }.chart svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.chart path { fill:none; stroke:#8b62fb; stroke-width:2; filter:drop-shadow(0 0 4px #8558ff); }.chart-bars { display:flex; align-items:end; justify-content:space-between; height:100%; opacity:.5; }.chart-bars i { width:1px; height:76%; background:linear-gradient(transparent,rgba(124,123,255,.5)); }.code-card { position:absolute; right:0; bottom:43px; z-index:3; padding:13px 17px; border:1px solid rgba(102,195,255,.25); border-radius:5px; color:#c8cbe7; background:rgba(11,13,39,.8); box-shadow:0 10px 30px #060517; font:10px var(--mono); animation:floatSmall 5s 1s ease-in-out infinite; }.code-card span { color:#cb6eff; }.code-card b { color:#5de5ee; font-weight:400; }.floating-tag { position:absolute; z-index:4; color:#c5c9ea; font:9px var(--mono); letter-spacing:1px; }.floating-tag b { color:#6ee6ee; font-weight:400; }.tag-top { top:0; left:0; transform:rotate(-90deg) translate(-70px,-14px); transform-origin:top left; }.tag-bottom { right:-30px; bottom:5px; transform:rotate(-90deg); }.scroll-hint { position:absolute; z-index:3; bottom:39px; left:50%; color:#74758b; font:9px var(--mono); letter-spacing:1px; text-transform:uppercase; transform:translateX(-50%); }.scroll-hint span { display:block; width:1px; height:30px; margin:0 auto 8px; background:linear-gradient(#7985f3,transparent); animation:scrollLine 1.8s infinite; }
.intro { display:grid; grid-template-columns:28% 1fr; padding:140px 0 154px; }.intro-copy { display:grid; grid-template-columns:1fr 260px; gap:66px; }.intro h2,.section-heading h2,.projects-head h2 { font:600 clamp(35px,4vw,56px)/1.08 var(--display); letter-spacing:-2.4px; }.intro h2 span,.section-heading h2 span,.projects-head h2 span { color:#7d7f96; }.intro p { align-self:end; color:#a5a6b7; font-size:14px; line-height:1.75; }.services { padding-bottom:150px; }.section-heading { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:55px; }.section-heading .section-kicker { padding-top:9px; }.services-list { border-top:1px solid var(--line); }.service-card { position:relative; display:grid; grid-template-columns:80px 104px minmax(0,1fr) 45px; align-items:center; gap:20px; min-height:158px; padding:20px 15px; border-bottom:1px solid var(--line); transition:background .35s,padding .35s; }.service-card:before { content:''; position:absolute; inset:0; z-index:-1; opacity:0; background:linear-gradient(90deg,rgba(113,72,255,.14),transparent 65%); transition:opacity .35s; }.service-card:hover { padding-left:28px; }.service-card:hover:before { opacity:1; }.service-number { color:#6d6e85; font:11px var(--mono); }.service-icon { width:46px; height:46px; position:relative; color:#a878ff; }.icon-orbit { border:1px solid #9d6dff; border-radius:50%; }.icon-orbit i { position:absolute; width:7px; height:7px; top:8px; left:7px; border-radius:50%; background:#6ae7ed; box-shadow:0 0 10px #6ae7ed; }.icon-orbit b { position:absolute; width:51px; height:18px; top:14px; left:-3px; border:1px solid #697aff; border-radius:50%; transform:rotate(-35deg); }.icon-blocks i { position:absolute; width:19px; height:19px; border:1px solid #6bdfe8; }.icon-blocks i:nth-child(1){left:2px;top:2px}.icon-blocks i:nth-child(2){right:2px;top:13px;border-color:#9865ef}.icon-blocks i:nth-child(3){left:13px;bottom:1px;border-color:#587aff}.icon-spark { display:grid; place-items:center; font:38px/1 var(--display); color:#66e3eb; text-shadow:0 0 17px rgba(102,227,235,.55); }.icon-window { border:1px solid #727bff; border-radius:4px; }.icon-window i { display:block; height:9px; border-bottom:1px solid #727bff; }.icon-window b { position:absolute; width:25px; height:16px; bottom:8px; left:10px; border-left:1px solid #c374ff; border-bottom:1px solid #c374ff; transform:skewY(-25deg); }.service-card h3 { font:600 22px var(--display); letter-spacing:-.8px; }.service-card p { max-width:500px; margin-top:8px; color:#9899ac; font-size:13px; line-height:1.55; }.service-card > a,.project-info > a { display:grid; place-items:center; width:37px; height:37px; border:1px solid rgba(174,181,255,.31); border-radius:50%; color:#8ddce9; font-size:18px; transition:background .25s,transform .25s; }.service-card:hover > a,.project-info > a:hover { color:#fff; background:#5e64ed; border-color:#5e64ed; transform:rotate(45deg); }
.statement { isolation:isolate; position:relative; min-height:610px; display:flex; align-items:center; overflow:hidden; background:linear-gradient(120deg,#0d1031,#080a23 55%,#0a0920); }.statement:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(14,15,50,.8),transparent 70%),radial-gradient(circle at 70% 50%,rgba(83,44,196,.3),transparent 27%); }.statement-glow { position:absolute; width:500px; height:500px; border-radius:50%; right:7%; top:50%; transform:translateY(-50%); background:radial-gradient(circle,rgba(102,84,246,.35),rgba(84,33,154,.1) 40%,transparent 67%); }.statement-content { max-width:1180px; }.statement h2 { max-width:690px; margin:29px 0 25px; font:600 clamp(39px,4.4vw,63px)/1.02 var(--display); letter-spacing:-2.8px; }.statement p { max-width:470px; color:#b3b4c7; font-size:14px; line-height:1.75; margin-bottom:28px; }.process-ring { position:absolute; width:415px; height:415px; top:50%; left:calc(50% + 138px); transform:translateY(-50%); border:1px solid rgba(173,184,255,.17); border-radius:50%; animation:slowSpin 28s linear infinite; }.process-ring:before,.process-ring:after { content:''; position:absolute; border:1px solid rgba(173,184,255,.12); border-radius:50%; }.process-ring:before { inset:32px; }.process-ring:after { inset:83px; }.process-ring svg { width:100%; height:100%; fill:#9898c3; font:11px var(--mono); letter-spacing:3.5px; }.ring-center { position:absolute; inset:calc(50% - 44px); display:grid; place-content:center; text-align:center; animation:slowSpin 28s linear infinite reverse; }.ring-center img { width:43px; margin:auto; }.ring-center span { margin-top:7px; color:#c9ccec; font:9px var(--mono); letter-spacing:3px; }.orbit-dot { position:absolute; top:58px; left:35px; width:10px; height:10px; border-radius:50%; background:#65e7ef; box-shadow:0 0 16px #65e7ef; }.process { padding:143px 0; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }.process-step { min-height:231px; padding:24px 24px; border:1px solid var(--line); border-radius:5px; background:linear-gradient(145deg,rgba(36,37,74,.32),rgba(9,10,30,.4)); transition:transform .3s,border .3s,background .3s; }.process-step:hover { border-color:rgba(125,141,255,.52); background:linear-gradient(145deg,rgba(54,48,120,.42),rgba(15,16,47,.6)); transform:translateY(-7px); }.process-step > span { display:block; color:#8f68ef; font:11px var(--mono); }.process-step div { padding-top:70px; }.process-step h3 { font:600 20px var(--display); letter-spacing:-.6px; }.process-step p { margin-top:10px; color:#9293a8; font-size:12px; line-height:1.65; }
.projects { padding:133px 0 142px; background:#0a0b1d; }.projects-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:57px; }.projects-head p { max-width:280px; color:#9e9fb0; font-size:13px; line-height:1.65; }.projects-grid { display:grid; grid-template-columns:1.24fr .76fr; gap:46px 24px; }.project:last-child { grid-column:2; }.project-visual { position:relative; overflow:hidden; min-height:327px; border:1px solid rgba(255,255,255,.08); background:#151536; }.project-featured .project-visual { min-height:400px; }.visual-label { position:absolute; right:15px; bottom:13px; color:rgba(255,255,255,.68); font:8px var(--mono); letter-spacing:.8px; }.visual-nova { display:grid; place-items:center; background:radial-gradient(circle at 52% 45%,#2d2b8e,transparent 40%),linear-gradient(125deg,#17154c,#080c2c 60%,#171056); }.nova-window { position:relative; width:67%; height:74%; padding:27px 34px; overflow:hidden; border:1px solid rgba(201,203,255,.48); border-radius:8px; background:rgba(8,10,43,.55); box-shadow:0 18px 50px rgba(6,4,39,.7); }.nova-window:after { content:''; position:absolute; width:260px; height:190px; right:-80px; bottom:-90px; border-radius:50%; background:radial-gradient(circle,#8656ff,transparent 65%); }.nova-window > div { width:7px; height:7px; border-radius:50%; background:#a570ff; box-shadow:14px 0 #6cbcf8,28px 0 #68eff0; }.nova-window b { display:block; margin-top:42px; color:#e7e6f7; font:600 37px var(--display); letter-spacing:-3px; }.nova-window b span { color:#8c64ff; }.nova-window p { margin-top:9px; color:#a4a7cc; font-size:12px; line-height:1.4; }.nova-window i { position:absolute; left:34px; bottom:36px; width:52%; height:4px; border-radius:8px; background:#7773ed; box-shadow:0 12px 0 rgba(123,120,211,.5),0 24px 0 rgba(123,120,211,.25); }.visual-arch { padding:32px 29px; background:linear-gradient(135deg,#d7c8b7,#8d6c59); color:#251c19; }.arch-logo { font:700 21px var(--display); letter-spacing:1px; }.arch-logo sup { font-size:7px; }.visual-arch > p { position:relative; z-index:2; margin-top:57px; font:500 27px/1.02 var(--display); letter-spacing:-1.4px; }.arch-building { position:absolute; width:90%; height:54%; right:-20px; bottom:-13px; transform:skewY(-16deg); background:repeating-linear-gradient(90deg,rgba(34,27,24,.84) 0 13px,transparent 13px 21px),linear-gradient(#5b4032,#b8896c); opacity:.78; }.visual-pulse { display:grid; place-items:center; background:#bbd2ac; color:#18332d; }.pulse-grid { position:absolute; inset:0; opacity:.25; background-image:linear-gradient(#587968 1px,transparent 1px),linear-gradient(90deg,#587968 1px,transparent 1px); background-size:23px 23px; }.pulse-display { position:relative; width:68%; height:77%; padding:25px; border:3px solid #25453d; border-radius:20px; background:#9ebf99; box-shadow:8px 9px 0 #25453d; }.pulse-display small { font:9px var(--mono); letter-spacing:1.2px; }.pulse-display b { display:block; margin-top:10px; font:600 34px/1 var(--display); letter-spacing:-2px; }.pulse-display b span { color:#f6654e; }.pulse-display p { margin-top:9px; font-size:11px; }.pulse-display i { position:absolute; bottom:21px; right:25px; font:12px var(--mono); font-style:normal; }.project-info { display:flex; justify-content:space-between; gap:20px; padding-top:17px; }.project-info span { color:#88899e; font:9px var(--mono); letter-spacing:.6px; }.project-info h3 { margin-top:8px; font:600 23px var(--display); letter-spacing:-.9px; }.project-info p { margin-top:6px; color:#9495a8; font-size:12px; }.marquee { overflow:hidden; padding:19px 0; color:#090a1c; background:linear-gradient(90deg,#9974fa,#637bf9,#45dce7); white-space:nowrap; }.marquee div { display:inline-block; font:600 18px var(--display); letter-spacing:.7px; animation:marquee 26s linear infinite; }.marquee i { margin:0 21px; font-style:normal; }
.cta { isolation:isolate; position:relative; min-height:600px; display:flex; align-items:center; overflow:hidden; }.cta:after { content:''; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 50% 52%,rgba(91,63,238,.25),transparent 31%),linear-gradient(#0b0c22,#090a1d); }.cta-orb { position:absolute; width:560px; height:560px; left:50%; top:49%; border:1px solid rgba(143,128,255,.16); border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 55px rgba(122,102,255,.035),0 0 0 110px rgba(122,102,255,.023),inset 0 0 110px rgba(114,80,255,.08); }.cta-content { text-align:center; }.cta-content .section-kicker { color:#b1b4d1; }.cta h2 { margin:25px 0 19px; font:600 clamp(42px,5vw,70px)/1.02 var(--display); letter-spacing:-3px; }.cta p { max-width:420px; margin:0 auto 28px; color:#b5b5c5; font-size:14px; line-height:1.65; }.button-large { min-height:56px; padding:0 26px; }.cta-coordinates { position:absolute; right:32px; bottom:27px; color:#65667d; font:9px var(--mono); letter-spacing:1px; }.footer { background:#060715; padding:47px 0 25px; }.footer-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:43px; }.footer-top p { max-width:260px; color:#9394a8; font-size:12px; line-height:1.6; }.footer-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:23px; border-top:1px solid var(--line); color:#77788d; font:10px var(--mono); }.footer-bottom div { display:flex; gap:22px; }.footer-bottom a { transition:color .2s; }.footer-bottom a:hover { color:#c9cbdf; }.back-top { color:#a5a6ba; }
.reveal { opacity:0; transform:translateY(25px); transition:opacity .7s ease,transform .7s ease; }.reveal.is-visible { opacity:1; transform:none; }.services-list .reveal:nth-child(2){transition-delay:.08s}.services-list .reveal:nth-child(3){transition-delay:.16s}.services-list .reveal:nth-child(4){transition-delay:.24s}.process-grid .reveal:nth-child(2){transition-delay:.1s}.process-grid .reveal:nth-child(3){transition-delay:.2s}.process-grid .reveal:nth-child(4){transition-delay:.3s}.projects-grid .reveal:nth-child(2){transition-delay:.1s}.projects-grid .reveal:nth-child(3){transition-delay:.2s}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes visualEnter{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:none}}@keyframes floatCard{0%,100%{transform:perspective(900px) rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:perspective(900px) rotateY(-8deg) rotateX(4deg) translateY(-11px)}}@keyframes floatSmall{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slowSpin{to{transform:translateY(-50%) rotate(360deg)}}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes marquee{to{transform:translateX(-50%)}}
@media (max-width:980px){.hero{min-height:850px}.hero-visual{opacity:.75;transform:scale(.78);transform-origin:top right;left:auto;right:-94px;top:250px}.intro{grid-template-columns:1fr;gap:28px}.intro-copy{grid-template-columns:1fr 230px}.process-ring{left:auto;right:-135px}.projects-grid{grid-template-columns:1fr 1fr}.project:last-child{grid-column:auto}.service-card{grid-template-columns:55px 72px 1fr 36px}.process-grid{gap:12px}.process-step{padding:20px 16px}.footer-bottom{gap:14px}.footer-bottom div{gap:12px}}
@media (max-width:720px){.container{width:min(100% - 40px,580px)}.site-header,.nav{height:76px}.nav-links,.nav-cta{display:none}.menu-toggle{display:block}.nav-links.is-open{position:absolute; display:flex; flex-direction:column; gap:0; padding:12px 20px 18px; top:67px; left:20px; right:20px; margin:0; border:1px solid rgba(161,167,255,.2); border-radius:7px; background:rgba(12,13,35,.96); box-shadow:0 18px 45px rgba(0,0,0,.35)}.nav-links.is-open a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.nav-links.is-open a:last-child{border:0}.hero{min-height:740px;padding-top:135px}.hero:after{background:radial-gradient(circle at 120% 42%,rgba(67,87,237,.25),transparent 36%),radial-gradient(circle at 52% -2%,rgba(157,58,240,.12),transparent 25%)}h1{font-size:clamp(43px,12vw,62px);letter-spacing:-2.6px}.hero-copy{font-size:14px;max-width:400px}.hero-actions{gap:20px}.hero-visual{display:none}.hero-meta{gap:16px;margin-top:83px}.hero-meta span{font-size:8px}.hero-meta strong{font-size:9px}.scroll-hint{display:none}.intro{padding:90px 0}.intro-copy{grid-template-columns:1fr;gap:23px}.intro h2,.section-heading h2,.projects-head h2{font-size:37px;letter-spacing:-1.8px}.services{padding-bottom:90px}.section-heading{display:block;margin-bottom:34px}.section-heading .section-kicker{padding:0 0 21px}.service-card{grid-template-columns:33px 48px 1fr;gap:11px;min-height:134px;padding:18px 0}.service-card > a{display:none}.service-card:hover{padding-left:8px}.service-card h3{font-size:17px}.service-card p{font-size:11px}.statement{min-height:640px}.statement-content{padding-top:0}.statement h2{font-size:40px;letter-spacing:-2px}.statement p{max-width:350px}.process-ring{width:285px;height:285px;right:-130px;top:auto;bottom:-102px;opacity:.56}.process{padding:88px 0}.process-grid{grid-template-columns:1fr 1fr;gap:10px}.process-step{min-height:193px}.process-step div{padding-top:50px}.process-step h3{font-size:18px}.process-step p{font-size:11px}.projects{padding:88px 0}.projects-head{display:block;margin-bottom:34px}.projects-head p{margin-top:20px}.projects-grid{grid-template-columns:1fr;gap:38px}.project:last-child{grid-column:auto}.project-featured .project-visual,.project-visual{min-height:280px}.nova-window{width:75%;height:70%;padding:21px}.nova-window b{margin-top:28px;font-size:30px}.cta{min-height:540px}.cta h2{font-size:44px;letter-spacing:-2.3px}.cta-orb{width:360px;height:360px}.cta-coordinates{display:none}.footer-top{display:block;padding-bottom:34px}.footer-top p{margin-top:20px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}.footer-bottom div{order:-1}.back-top{display:none}}
.button-primary:hover { box-shadow:0 12px 38px rgba(91,83,255,.46),inset 0 1px rgba(255,255,255,.22); }
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.visual-diets{display:grid;place-items:center;background:radial-gradient(circle at 72% 24%,rgba(245,152,212,.72),transparent 24%),linear-gradient(135deg,#362147,#832a75 55%,#eb889d);color:#fff}.diets-display{position:relative;width:67%;min-height:72%;padding:24px 25px;border:1px solid rgba(255,255,255,.53);border-radius:12px;background:rgba(36,15,52,.34);box-shadow:11px 12px 0 rgba(41,13,49,.4);backdrop-filter:blur(8px)}.diets-display small{font:9px var(--mono);letter-spacing:1.2px;opacity:.75}.diets-display b{display:block;margin-top:11px;font:600 36px/.85 var(--display);letter-spacing:-2px}.diets-display b span{color:#ffc2e7}.diets-display p{margin-top:15px;font-size:11px;line-height:1.35}.diets-lines{position:absolute;right:25px;bottom:23px;left:25px}.diets-lines i{display:block;width:100%;height:3px;margin-top:8px;border-radius:8px;background:rgba(255,228,246,.7)}.diets-lines i:nth-child(2){width:72%;opacity:.6}.diets-lines i:nth-child(3){width:44%;opacity:.35}.project-private{align-self:center;display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid rgba(185,187,211,.35);border-radius:999px;color:#aeb0c3;font:8px var(--mono);letter-spacing:.8px;white-space:nowrap}