:root{--paper:#f3f5f6;--ink:#16191b;--muted:#6b777d;--line:#d5dbde;--blue:#12242f;--blue2:#16303e;--green:#00af8e;--white:#fff;--pad:clamp(20px,4vw,72px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;z-index:100;left:1rem;top:-5rem;background:var(--green);color:var(--ink);padding:.8rem 1rem}.skip:focus{top:1rem}.nav{position:fixed;z-index:50;left:0;top:0;width:100%;height:86px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;color:var(--paper);transition:background .45s,transform .45s}.nav.scrolled{background:rgba(18,36,47,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:flex-end;gap:.5rem}.brand img{display:block;width:132px;height:auto}.brand span{width:7px;height:7px;border-radius:50%;background:var(--green);margin-bottom:4px}.nav nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,42px);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.nav nav a{opacity:.8;transition:opacity .2s}.nav nav a:hover,.nav nav a:focus{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:.75rem 1.1rem}.menu-button{display:none;background:none;border:0;color:inherit}.hero{position:relative;min-height:100svh;background:var(--blue);color:var(--paper);overflow:hidden;padding:140px var(--pad) 55px;display:flex;align-items:flex-end}.hero-field{position:absolute;inset:0;opacity:.85}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:42vw;height:42vw;right:-8vw;top:-14vw;background:radial-gradient(circle at 35% 45%,rgba(0,175,142,.26),rgba(0,175,142,0) 69%)}.orb-b{width:55vw;height:55vw;left:22vw;bottom:-40vw;background:radial-gradient(circle,rgba(78,116,136,.32),transparent 68%)}.axis{position:absolute;background:rgba(169,192,205,.12);transform-origin:center}.axis-a{height:1px;width:78vw;right:-15vw;top:47%;transform:rotate(-18deg)}.axis-b{height:120vh;width:1px;right:28vw;top:-8vh;transform:rotate(18deg)}.human-mark{position:absolute;width:min(33vw,460px);aspect-ratio:1;right:9vw;top:50%;transform:translateY(-50%);border:1px solid rgba(243,245,246,.15);border-radius:50%;display:grid;place-items:center}.human-mark:before,.human-mark:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(243,245,246,.12)}.human-mark:before{inset:13%}.human-mark:after{inset:31%}.human-mark span{width:18px;height:18px;border-radius:50%;background:var(--green);box-shadow:0 0 0 12px rgba(0,175,142,.08)}.hero-copy{position:relative;z-index:2;width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem}.hero h1{font-size:clamp(3rem,7.8vw,8.6rem);line-height:.91;letter-spacing:-.065em;font-weight:500;max-width:1200px;margin:3vh 0 6vh}.hero h1 em{font-style:normal;color:#a9c0cd}.hero-bottom{display:grid;grid-template-columns:repeat(12,1fr);align-items:end}.hero-bottom>p{grid-column:1/span 5;max-width:590px;color:#d2dfe7;font-size:clamp(1rem,1.4vw,1.35rem)}.round-link{grid-column:11/span 2;justify-self:end;width:104px;height:104px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;transition:background .3s,color .3s}.round-link:hover{background:var(--green);color:var(--ink);border-color:var(--green)}.round-link b{font-size:1.2rem}.scene-index{position:absolute;z-index:2;right:var(--pad);top:48%;font:11px monospace;writing-mode:vertical-rl;display:flex;align-items:center;gap:10px}.scene-index span{height:60px;width:1px;background:rgba(255,255,255,.3)}.section-label{display:flex;align-items:center;gap:1rem;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.section-label span{color:var(--green);font-family:monospace}.section-label p{margin:0}.section-label.light{color:#d2dfe7}.manifesto{padding:clamp(100px,15vw,220px) var(--pad);display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.manifesto>.section-label{grid-column:1/span 3;align-self:start}.manifesto-copy{grid-column:4/span 9}.manifesto-copy p{margin:0}.manifesto .lead{color:var(--muted);font-size:clamp(1.25rem,2vw,2rem)}.manifesto .statement{font-size:clamp(3rem,6.7vw,7rem);letter-spacing:-.06em;line-height:.97;max-width:1000px;margin-top:1rem}.manifesto-detail{grid-column:7/span 4;margin-top:12vh;font-size:1.1rem}.manifesto-detail p:last-child{margin-top:2rem;font-weight:600}.transformation{height:320vh;background:var(--ink);color:var(--paper)}.transformation-stage{height:100svh;position:sticky;top:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 var(--pad)}.t-copy{position:relative;z-index:3}.t-copy span{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:#8b979d}.t-copy h2{font-weight:400;font-size:clamp(2.6rem,5vw,6rem);line-height:1.02;letter-spacing:-.05em}.t-after{justify-self:end;text-align:right;color:#d2dfe7}.t-plane{position:absolute;left:50%;top:50%;width:clamp(230px,28vw,480px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #384145;border-radius:50%;display:grid;place-items:center}.t-plane:before,.t-plane:after{content:"";position:absolute;border:1px solid #384145;border-radius:50%}.t-plane:before{inset:18%}.t-plane:after{inset:36%}.t-core{width:15px;height:15px;background:var(--green);border-radius:50%}.capabilities{background:var(--blue);color:var(--paper);padding:clamp(100px,12vw,170px) var(--pad)}.cap-intro{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin:12vh 0}.cap-intro h2{grid-column:1/span 8;font-size:clamp(2.8rem,5.2vw,6rem);line-height:1;letter-spacing:-.055em;font-weight:400;margin:0}.cap-intro p{grid-column:9/span 3;align-self:end;color:#a9c0cd}.cap-list{border-top:1px solid rgba(255,255,255,.18)}.cap-item{display:grid;grid-template-columns:1fr 10fr 1fr;gap:20px;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.18);transition:padding .35s var(--ease),background .35s}.cap-item:hover{padding-left:1rem;background:rgba(255,255,255,.025)}.cap-item>span{font:12px monospace;color:var(--green)}.cap-item h3{font-size:clamp(1.7rem,3vw,3.3rem);font-weight:400;letter-spacing:-.04em;margin:0 0 .5rem}.cap-item p{color:#a9c0cd;margin:0;max-width:760px}.cap-item b{justify-self:end;font-size:1.5rem;font-weight:400}.experience{padding:clamp(100px,12vw,170px) var(--pad)}.experience-head{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin:11vh 0}.experience-head h2{grid-column:1/span 8;margin:0;font-size:clamp(3rem,6vw,6.7rem);line-height:.96;letter-spacing:-.06em;font-weight:400}.experience-head p{grid-column:9/span 3;align-self:end;color:var(--muted);font-size:1.1rem}.cases{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px) 28px}.case-wide{grid-column:1/-1}.case-visual{height:clamp(330px,54vw,700px);background:var(--blue);position:relative;overflow:hidden}.case:not(.case-wide) .case-visual{height:clamp(330px,36vw,530px)}.case-meta{display:flex;justify-content:space-between;margin-top:1.15rem;text-transform:uppercase;letter-spacing:.08em;font-size:.67rem;color:var(--muted)}.case h3{font-weight:400;font-size:clamp(1.8rem,3vw,3.4rem);line-height:1.05;letter-spacing:-.04em;max-width:850px;margin:2rem 0 1rem}.case p{max-width:650px;color:var(--muted)}.visual-data span{position:absolute;border:1px solid rgba(169,192,205,.3);border-radius:50%;width:22vw;aspect-ratio:1;top:50%;transform:translateY(-50%)}.visual-data span:nth-child(1){left:7%}.visual-data span:nth-child(2){left:38%}.visual-data span:nth-child(3){right:7%}.visual-data:after{content:"";position:absolute;height:1px;left:15%;right:15%;top:50%;background:linear-gradient(90deg,transparent,var(--green),transparent)}.visual-data i{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:var(--green);transform:translate(-50%,-50%);box-shadow:0 0 50px 10px rgba(0,175,142,.35)}.visual-flow{display:flex;align-items:center;justify-content:center;gap:5%}.visual-flow div{width:11%;height:44%;border:1px solid rgba(169,192,205,.32);position:relative}.visual-flow div:nth-child(2){height:62%}.visual-flow div:nth-child(3){height:34%;background:rgba(0,175,142,.16);border-color:var(--green)}.visual-flow div:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--paper);left:50%;top:20%;transform:translateX(-50%)}.visual-warehouse{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12%}.visual-warehouse i{border:1px solid rgba(169,192,205,.25);background:linear-gradient(135deg,rgba(169,192,205,.09),transparent)}.visual-warehouse i:nth-child(5){border-color:var(--green);background:rgba(0,175,142,.14)}.method{background:var(--ink);color:var(--paper);padding:clamp(100px,12vw,170px) var(--pad)}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:12vh}.method-title h2{font-size:clamp(3rem,5vw,6rem);font-weight:400;line-height:1;letter-spacing:-.055em;margin:0;position:sticky;top:150px}.method ol{list-style:none;padding:0;margin:0}.method li{display:grid;grid-template-columns:60px 1fr;padding:0 0 4rem;margin-bottom:4rem;border-bottom:1px solid #384145}.method li>span{font:12px monospace;color:var(--green)}.method li h3{font-size:2rem;font-weight:400;margin:0 0 .7rem}.method li p{color:#8b979d;max-width:460px}.belief{min-height:90vh;padding:clamp(100px,12vw,170px) var(--pad);position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.belief .eyebrow{color:var(--muted)}.belief blockquote{margin:3rem 0 0;max-width:1150px;font-size:clamp(3rem,6.5vw,7.2rem);font-weight:400;line-height:.96;letter-spacing:-.06em}.belief-mark{position:absolute;right:-7vw;bottom:-15vw;width:42vw;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;z-index:0}.belief-mark:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:var(--green)}.contact{background:var(--blue);color:var(--paper);padding:clamp(100px,12vw,170px) var(--pad) 40px}.contact-top h2{font-size:clamp(3.4rem,7.7vw,8.5rem);line-height:.92;letter-spacing:-.065em;font-weight:400;max-width:1250px;margin:3rem 0 10vh}.contact-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);padding:2rem 0;font-size:clamp(1.3rem,2.4vw,2.5rem)}.contact-link b{font-weight:400}.contact footer{display:grid;grid-template-columns:2fr 2fr 3fr;align-items:end;gap:30px;margin-top:15vh;padding-top:3rem;border-top:1px solid rgba(255,255,255,.14);font-size:.8rem;color:#a9c0cd}.contact footer img{width:160px}.contact footer p{margin:0}.contact footer div{display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.nav{height:70px}.nav nav{display:none;position:absolute;top:70px;left:0;width:100%;padding:2rem var(--pad);background:var(--blue);flex-direction:column;align-items:flex-start;font-size:1rem}.nav nav.open{display:flex}.menu-button{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.menu-button i{display:block;width:20px;height:1px;background:currentColor;box-shadow:0 5px currentColor}.hero{padding-top:110px}.hero h1{font-size:clamp(3.3rem,14vw,5.7rem)}.human-mark{width:72vw;right:-30vw;top:33%;opacity:.65}.hero-bottom{display:block}.hero-bottom>p{max-width:85%}.round-link{position:absolute;right:0;bottom:0;width:82px;height:82px}.scene-index{display:none}.manifesto{display:block}.manifesto-copy{margin-top:12vh}.manifesto-detail{margin:10vh 0 0 20%}.transformation{height:auto}.transformation-stage{position:relative;height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:30vh;padding-top:20vh;padding-bottom:20vh}.t-after{align-self:flex-end}.t-plane{width:64vw}.cap-intro,.experience-head{display:block}.cap-intro h2,.experience-head h2{margin-top:10vh}.cap-intro p,.experience-head p{margin:3rem 0 0 20%}.cap-item{grid-template-columns:35px 1fr}.cap-item>b{display:none}.cases{display:block}.case{margin-bottom:15vh}.case-visual,.case:not(.case-wide) .case-visual{height:70vw;min-height:300px}.method-grid{display:block}.method-title h2{position:relative;top:auto;margin:10vh 0}.belief{min-height:75vh}.contact footer{display:block}.contact footer>*{margin-bottom:2rem!important}.contact footer div{flex-direction:column;gap:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important}.transformation{height:auto}.transformation-stage{position:relative}}