:root{
    --bg:#090909;
    --surface:#121212;
    --paper:#f1eee7;
    --ink:#111;
    --white:#f7f5ef;
    --muted:#b7b3aa;
    --muted-dark:#4e4b45;
    --line:rgba(255,255,255,.16);
    --line-dark:rgba(17,17,17,.17);
    --signal:#a7ff47;
    --accent:#ff5c35;
    --blue:#759cff;
    --container:min(1380px,calc(100vw - 80px));
    --radius:30px;
    --font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{min-width:320px;background:var(--bg);scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;min-width:320px;overflow-x:hidden;color:var(--white);background:var(--bg);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:absolute;inset:0 0 auto;height:1050px;z-index:-2;pointer-events:none;background:radial-gradient(circle at 74% 26%,rgba(117,156,255,.13),transparent 25rem),radial-gradient(circle at 25% 12%,rgba(167,255,71,.05),transparent 28rem)}
main{overflow:clip}
a{color:inherit;text-decoration:none}
ul,p,h1,h2,h3,h4{margin-top:0}
button,summary{font:inherit}
::selection{color:var(--ink);background:var(--signal)}
.container{width:var(--container);margin-inline:auto}
.skip-link{position:fixed;left:16px;top:16px;z-index:999;padding:12px 16px;color:var(--ink);background:var(--signal);border-radius:10px;font-weight:800;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid var(--signal);outline-offset:4px}

.site-nav{position:absolute;top:0;left:0;z-index:20;width:100%;padding:20px 0}
.nav-shell{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.brand{justify-self:start;display:inline-flex;min-height:46px;align-items:center;gap:10px;font-weight:850;letter-spacing:-.04em}
.brand__mark{display:grid;width:36px;height:36px;place-items:center;color:var(--ink);background:var(--signal);border-radius:50%;font:800 12px/1 var(--font-mono)}
.nav-pill{display:flex;align-items:center;gap:3px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#111}
.nav-pill a{display:inline-flex;min-height:38px;align-items:center;padding:8px 15px;color:#d4d0c7;border-radius:999px;font-size:12px;font-weight:700}
.nav-pill a:hover{color:var(--white);background:rgba(255,255,255,.09)}
.nav-status{justify-self:end;display:inline-flex;min-height:46px;align-items:center;gap:10px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;color:#dedad2;background:#111;text-transform:uppercase;font:700 10px/1.2 var(--font-mono);letter-spacing:.07em}
.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--signal);box-shadow:0 0 0 5px rgba(167,255,71,.1)}
.mobile-menu{display:none;justify-self:end;position:relative}
.mobile-menu summary{display:flex;min-width:72px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:#111;cursor:pointer;list-style:none;font:700 11px/1 var(--font-mono);text-transform:uppercase}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;right:0;top:54px;display:grid;min-width:210px;padding:8px;border:1px solid var(--line);border-radius:18px;background:#111;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.mobile-menu nav a{display:flex;min-height:44px;align-items:center;padding:10px 13px;border-radius:12px;font-weight:700}
.mobile-menu nav a:hover{background:rgba(255,255,255,.08)}

.hero{position:relative;min-height:100svh;isolation:isolate}
.hero__content{position:relative;z-index:2;display:flex;min-height:100svh;flex-direction:column;justify-content:flex-end;padding:145px 0 46px}
.hero__eyebrow{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:34px;color:#d1cdc4;text-transform:uppercase;font:700 11px/1.55 var(--font-mono);letter-spacing:.08em}
.hero__eyebrow span:last-child{max-width:360px;justify-self:end;text-align:right}
.hero__title{margin:0;max-width:1500px;font-size:clamp(72px,11.5vw,184px);font-weight:900;line-height:.79;letter-spacing:-.084em}
.hero__title span{display:block}
.hero__line--indent{padding-left:9vw}
.hero__line--accent{color:var(--signal);text-shadow:0 0 60px rgba(167,255,71,.13)}
.hero__bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;margin-top:54px}
.hero__intro{max-width:445px;margin:0;color:#c9c5bd;font-size:clamp(15px,1.2vw,18px);line-height:1.7}
.scroll-cue{display:flex;min-width:76px;min-height:48px;align-items:center;justify-content:center;padding:10px 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:var(--signal);font:800 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}
.scroll-cue:hover{background:rgba(167,255,71,.08);border-color:var(--signal)}
.hero__stack{justify-self:end;margin:0;color:#ddd9d0;text-align:right;text-transform:uppercase;font:650 11px/1.85 var(--font-mono);letter-spacing:.07em}

.hero-art{position:absolute;z-index:0;top:10%;right:-5%;width:min(58vw,870px);aspect-ratio:1;pointer-events:none;contain:layout paint}
.hero-art__halo,.hero-art__ring,.hero-art__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
.hero-art__halo{width:86%;height:86%;background:radial-gradient(circle,rgba(167,255,71,.24),rgba(117,156,255,.09) 38%,transparent 70%)}
.hero-art__ring{border:1px solid rgba(167,255,71,.32)}
.hero-art__ring--one{width:76%;height:36%;transform:translate(-50%,-50%) rotate(12deg)}
.hero-art__ring--two{width:86%;height:46%;transform:translate(-50%,-50%) rotate(62deg);border-color:rgba(117,156,255,.31)}
.hero-art__ring--three{width:94%;height:58%;transform:translate(-50%,-50%) rotate(-36deg);border-color:rgba(255,255,255,.14)}
.hero-art__core{width:31%;height:31%;background:radial-gradient(circle at 32% 28%,#fff 0 4%,#d7ffad 8%,#7ec62f 43%,rgba(34,70,10,.88) 69%,rgba(4,10,2,.08) 100%);box-shadow:0 0 80px rgba(167,255,71,.18)}

.section-kicker{display:flex;align-items:flex-start;gap:12px;color:var(--muted);text-transform:uppercase;font:800 10px/1.4 var(--font-mono);letter-spacing:.11em}
.section-kicker::before{content:"";width:7px;height:7px;flex:0 0 auto;margin-top:3px;border-radius:50%;background:currentColor}
.statement{min-height:95svh;padding:165px 0 125px}
.statement__grid{display:grid;grid-template-columns:1fr 3fr;gap:7vw}
.statement__copy{max-width:1080px;margin:0;color:#e1ded6;font-size:clamp(42px,5.6vw,90px);font-weight:650;line-height:1.015;letter-spacing:-.058em}
.statement__copy strong{color:var(--signal);font-weight:inherit}
.statement__foot{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:76px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.statement__foot p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}

.deferred-section{content-visibility:auto;contain-intrinsic-size:auto 950px}
.frameworks{padding:0 0 120px;color:var(--ink);background:var(--paper)}
.frameworks__top{display:flex;min-height:72svh;align-items:flex-end;justify-content:space-between;gap:48px;padding:130px 0 58px}
.frameworks__title{margin:0;font-size:clamp(68px,10vw,158px);font-weight:900;line-height:.81;letter-spacing:-.08em}
.frameworks__title em{display:block;padding-left:9vw;color:var(--accent);font-style:normal}
.frameworks__hint{margin:0 0 12px;text-align:right;text-transform:uppercase;font:800 10px/1.7 var(--font-mono);letter-spacing:.1em}
.framework-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.framework-card{position:relative;display:flex;min-height:590px;overflow:hidden;flex-direction:column;justify-content:space-between;padding:clamp(32px,4vw,64px);border:1px solid var(--line-dark);border-radius:var(--radius)}
.framework-card::after{content:"";position:absolute;right:-15%;bottom:-22%;width:50%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.16;box-shadow:0 0 0 48px currentColor,0 0 0 96px currentColor;pointer-events:none}
.framework-card--paper{background:#e7e3da}
.framework-card--dark{color:var(--white);background:#111}
.framework-card--signal{background:var(--signal)}
.framework-card--blue{color:var(--white);background:#2444aa}
.framework-card__meta{position:relative;z-index:1;display:flex;justify-content:space-between;gap:24px;text-transform:uppercase;font:800 10px/1.4 var(--font-mono);letter-spacing:.1em}
.framework-card h3{position:relative;z-index:1;margin:0;font-size:clamp(60px,7vw,116px);line-height:.87;letter-spacing:-.075em}
.framework-card p{position:relative;z-index:1;max-width:610px;margin:26px 0 0;font-size:clamp(17px,1.5vw,23px);line-height:1.5;letter-spacing:-.02em}
.tag-list{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tag-list li{padding:9px 12px;border:1px solid currentColor;border-radius:999px;opacity:.82;text-transform:uppercase;font:800 9px/1 var(--font-mono);letter-spacing:.08em}

.capabilities,.projects{padding:165px 0}
.section-head{display:grid;grid-template-columns:1fr 2.2fr;gap:40px;align-items:start;margin-bottom:88px}
.section-head h2{margin:0;font-size:clamp(56px,7.4vw,116px);line-height:.89;letter-spacing:-.071em}
.section-head h2 span{display:block;color:var(--blue)}
.capability{display:grid;grid-template-columns:.45fr 1fr 1.35fr .75fr;gap:30px;min-height:320px;padding:38px 0 48px;border-top:1px solid var(--line)}
.capability:last-child{border-bottom:1px solid var(--line)}
.capability__number{color:var(--muted);font:700 12px/1 var(--font-mono)}
.capability__title{margin:0;font-size:clamp(32px,3.4vw,54px);line-height:1;letter-spacing:-.055em}
.capability__body h4{max-width:500px;margin:0 0 20px;font-size:clamp(28px,2.8vw,45px);font-weight:650;line-height:1.06;letter-spacing:-.045em}
.capability__body p{max-width:640px;margin:0;color:var(--muted);line-height:1.75}
.tag-list--right{align-content:flex-start;justify-content:flex-end}

.process{padding:165px 0;color:var(--ink);background:var(--signal)}
.section-head--process .section-kicker{color:rgba(17,17,17,.62)}
.section-head--process h2 span{color:transparent;-webkit-text-stroke:1px var(--ink)}
.process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.process-card{display:flex;min-height:520px;flex-direction:column;padding:clamp(28px,4vw,54px);border:1px solid rgba(17,17,17,.2);border-radius:var(--radius);background:rgba(247,245,239,.18)}
.process-card__top{display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;font:800 10px/1.4 var(--font-mono);letter-spacing:.1em}
.process-card h3{max-width:620px;margin:auto 0 25px;font-size:clamp(39px,4.2vw,70px);line-height:.94;letter-spacing:-.062em}
.process-card p{max-width:610px;margin:0 0 34px;font-size:17px;line-height:1.7}
.process-card__code{margin:0;padding:20px;border:1px solid rgba(17,17,17,.2);border-radius:16px;background:rgba(247,245,239,.2);list-style:none;font:700 11px/1.9 var(--font-mono)}

.project{position:relative;display:grid;grid-template-columns:.5fr 1.4fr 1.25fr .55fr;gap:28px;align-items:center;min-height:235px;border-top:1px solid var(--line)}
.project:last-child{border-bottom:1px solid var(--line)}
.project__meta{margin:0;color:var(--muted);text-transform:uppercase;font:700 10px/1.75 var(--font-mono);letter-spacing:.08em}
.project h3{margin:0;font-size:clamp(29px,3.6vw,56px);line-height:.98;letter-spacing:-.055em}
.project__copy{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.project__copy span{display:inline-block;margin-top:15px;color:#ddd9d0;font-family:var(--font-mono);font-size:11px}
.project__metric{justify-self:end;display:grid;width:95px;aspect-ratio:1;place-items:center;border:1px solid currentColor;border-radius:50%;font:800 9px/1 var(--font-mono);letter-spacing:.08em}

.lab{padding:30px 0 160px}
.lab__shell{position:relative;min-height:800px;overflow:hidden;border:1px solid var(--line);border-radius:42px;background:#0e0e0e;contain:layout paint}
.lab__copy{position:relative;z-index:2;display:flex;min-height:800px;flex-direction:column;padding:46px}
.lab__eyebrow{display:flex;justify-content:space-between;gap:24px;margin:0;text-transform:uppercase;font:800 10px/1.4 var(--font-mono);letter-spacing:.1em}
.lab h2{max-width:950px;margin:145px 0 0;font-size:clamp(54px,8vw,124px);font-weight:800;line-height:.82;letter-spacing:-.075em}
.lab h2 span{display:block;padding-left:9vw;color:var(--blue)}
.lab__note{max-width:400px;margin:auto 0 0;color:#c3bfb7;font-size:14px;line-height:1.75}
.lab-art{position:absolute;right:-9%;bottom:-16%;width:min(64vw,850px);aspect-ratio:1;pointer-events:none}
.lab-art__orbit{position:absolute;inset:8%;border:1px solid rgba(117,156,255,.4);border-radius:50%;box-shadow:0 0 0 75px rgba(117,156,255,.025),0 0 0 150px rgba(167,255,71,.018)}
.lab-art__orbit::before,.lab-art__orbit::after{content:"";position:absolute;border:1px solid rgba(167,255,71,.26);border-radius:50%}
.lab-art__orbit::before{inset:18% -4%;transform:rotate(52deg)}
.lab-art__orbit::after{inset:-4% 18%;transform:rotate(-33deg)}
.lab-art__cube{position:absolute;left:50%;top:50%;width:27%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(34deg);background:linear-gradient(135deg,rgba(167,255,71,.95),rgba(117,156,255,.8));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:0 0 100px rgba(117,156,255,.28)}
.lab-art__dot{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--signal);box-shadow:0 0 25px rgba(167,255,71,.8)}
.lab-art__dot--one{left:9%;top:43%}.lab-art__dot--two{right:19%;top:9%;background:var(--blue)}.lab-art__dot--three{right:10%;bottom:30%;background:var(--accent)}

.contact{min-height:108svh;padding:175px 0 55px;color:var(--ink);background:var(--paper)}
.contact__eyebrow{display:flex;justify-content:space-between;gap:24px;margin:0;padding-bottom:20px;border-bottom:1px solid var(--line-dark);text-transform:uppercase;font:800 10px/1.4 var(--font-mono);letter-spacing:.1em}
.contact__title{margin:105px 0 0;font-size:clamp(76px,14.1vw,216px);font-weight:900;line-height:.73;letter-spacing:-.086em}
.contact__title span{display:block}.contact__title span:nth-child(2){padding-left:10vw;color:var(--accent)}
.contact__footer{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:end;margin-top:125px;padding-top:25px;border-top:1px solid var(--line-dark)}
.contact__footer p{margin:0;color:var(--muted-dark);font-size:14px;line-height:1.7}
.contact__cta{display:inline-flex;min-height:54px;align-items:center;gap:12px;padding:15px 20px;color:var(--white);background:var(--ink);border-radius:999px;font-weight:800}
.contact__cta span{width:8px;height:8px;border-radius:50%;background:var(--signal)}
.contact__copyright{justify-self:end;text-align:right;text-transform:uppercase;font:800 10px/1.7 var(--font-mono)!important;letter-spacing:.08em}

@media (hover:hover){
    .framework-card,.process-card,.project{transition:transform .25s ease,border-color .25s ease}
    .framework-card:hover,.process-card:hover{transform:translateY(-6px)}
    .project:hover{border-color:rgba(167,255,71,.55)}
    .contact__cta:hover{transform:translateY(-2px)}
}

@media (prefers-reduced-motion:no-preference){
    .hero-art__ring--one{animation:orbit-one 20s linear infinite}
    .hero-art__ring--two{animation:orbit-two 26s linear infinite reverse}
    .hero-art__ring--three{animation:orbit-three 32s linear infinite}
    .lab-art__orbit{animation:lab-spin 36s linear infinite}
    .lab-art__cube{animation:cube-float 7s ease-in-out infinite}
}
@keyframes orbit-one{to{transform:translate(-50%,-50%) rotate(372deg)}}
@keyframes orbit-two{to{transform:translate(-50%,-50%) rotate(422deg)}}
@keyframes orbit-three{to{transform:translate(-50%,-50%) rotate(324deg)}}
@keyframes lab-spin{to{transform:rotate(360deg)}}
@keyframes cube-float{50%{transform:translate(-50%,-56%) rotate(44deg)}}

@media (max-width:1050px){
    :root{--container:calc(100vw - 48px)}
    .nav-shell{grid-template-columns:1fr auto}.nav-pill{display:none}.nav-status{display:none}.mobile-menu{display:block}
    .hero-art{right:-18%;top:14%;width:75vw}
    .hero__line--indent{padding-left:4vw}
    .statement__grid,.section-head{grid-template-columns:1fr}
    .statement__copy{margin-top:32px}.statement__foot{margin-top:55px}
    .framework-card{min-height:530px}.capability{grid-template-columns:.3fr 1fr 1.5fr}.tag-list--right{display:none}
    .project{grid-template-columns:.4fr 1.35fr 1.15fr}.project__metric{display:none}
}

@media (max-width:760px){
    :root{--container:calc(100vw - 32px);--radius:23px}
    html{scroll-padding-top:75px}
    .site-nav{padding:14px 0}.brand{min-height:44px}.brand__mark{width:34px;height:34px}
    .hero__content{padding:112px 0 28px}.hero__eyebrow{grid-template-columns:1fr;gap:8px;margin-bottom:25px}.hero__eyebrow span:last-child{justify-self:start;text-align:left}
    .hero__title{font-size:clamp(62px,20vw,98px);line-height:.82}.hero__line--indent{padding-left:0}
    .hero__bottom{grid-template-columns:1fr auto;margin-top:42px}.hero__stack{display:none}.hero__intro{font-size:15px}
    .scroll-cue{min-width:66px;padding-inline:12px}
    .hero-art{right:-47%;top:20%;width:125vw;opacity:.67}
    .statement{min-height:auto;padding:115px 0 95px}.statement__copy{font-size:clamp(39px,12vw,60px)}.statement__foot{grid-template-columns:1fr;gap:20px}
    .frameworks{padding-bottom:80px}.frameworks__top{min-height:62svh;align-items:flex-start;flex-direction:column;justify-content:flex-end;padding:110px 0 45px}.frameworks__title{font-size:clamp(65px,20vw,100px)}.frameworks__hint{text-align:left}
    .framework-grid{display:flex;width:100%;overflow-x:auto;gap:12px;padding-bottom:14px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}.framework-grid::-webkit-scrollbar{height:6px}.framework-grid::-webkit-scrollbar-thumb{background:rgba(17,17,17,.35);border-radius:99px}
    .framework-card{flex:0 0 88%;min-height:500px;padding:28px;scroll-snap-align:start}.framework-card h3{font-size:70px}.framework-card p{font-size:17px}
    .capabilities,.projects{padding:115px 0}.section-head{margin-bottom:55px}.section-head h2{font-size:clamp(54px,16vw,83px)}
    .capability{grid-template-columns:45px 1fr;gap:16px;min-height:auto;padding:28px 0 48px}.capability__body{grid-column:2}.capability__body h4{font-size:29px}
    .process{padding:110px 0}.process-grid{grid-template-columns:1fr}.process-card{min-height:440px;padding:28px}.process-card h3{font-size:44px}
    .project{grid-template-columns:52px 1fr;gap:17px;align-items:start;min-height:auto;padding:29px 0 42px}.project__copy{grid-column:2}.project h3{font-size:34px}
    .lab{padding:15px 0 100px}.lab__shell,.lab__copy{min-height:690px}.lab__shell{border-radius:27px}.lab__copy{padding:25px}.lab__eyebrow{flex-direction:column;gap:6px}.lab h2{margin-top:105px;font-size:55px}.lab__note{font-size:13px}.lab-art{right:-70%;bottom:-7%;width:150vw;opacity:.72}
    .contact{min-height:100svh;padding:125px 0 38px}.contact__eyebrow{align-items:flex-start;flex-direction:column;gap:8px}.contact__title{margin-top:88px;font-size:clamp(67px,20vw,104px);line-height:.78}.contact__title span:nth-child(2){padding-left:2vw}.contact__footer{grid-template-columns:1fr;gap:28px;margin-top:90px}.contact__copyright{justify-self:start;text-align:left}
    .deferred-section{contain-intrinsic-size:auto 800px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}