/* A quieter, centered composition with a consistent reading width. */
.header,.section-wrap,.project-strip{width:min(100%,1248px);max-width:1248px;padding-inline:40px}
.header{height:88px}.brand{font-size:28px}.header nav{gap:28px}
.hero{padding-top:48px;column-gap:38px;grid-template-columns:1.08fr 1fr;align-items:center}
.hero-content{padding-top:6px;min-width:0}
.hero h1{font-size:clamp(58px,5.1vw,76px);line-height:1.04;letter-spacing:-4.5px;margin:23px 0}
.headline-line{display:block;overflow:hidden;padding-bottom:5px;margin-bottom:-5px}
.headline-line>span{display:block}.heading-spark{font-size:48px;font-style:normal;vertical-align:6px;margin-left:20px}
.hero .eyebrow{font-size:10px;letter-spacing:.6px}.hero-content>p{font-size:15px;line-height:1.8}
.hero-actions{margin-top:25px;gap:27px}.hero-proof{margin:27px 0 32px}
.hero-visual{height:460px;margin:0}.hero-bottom{padding-block:20px;margin-top:19px}
.visual-top,.visual-bottom{font-size:9px;left:0}.visual-bottom{bottom:10px}
.network-core{width:73px;height:73px}.network-core .brand-mark{scale:.86}
.label-1{left:1%;top:29%}.label-2{right:0;top:55%}.label-3{left:18%;bottom:18%}
.orbit-label{font-size:9px;padding:8px 10px}
.project-strip{padding-block:23px;background:transparent}.project-strip>a{font-size:20px}.strip-icon{font-size:25px}.strip-label{font-size:9px}
.about{display:block;padding-block:68px}.about>.section-kicker{margin-bottom:26px}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about h2,.section-heading h2{font-size:38px;line-height:1.18;letter-spacing:-1.8px}
.about .about-copy p{font-size:15px;line-height:1.8;margin:0}.about .about-copy p+p{margin-top:14px}
.belief{font-size:14px;margin-top:21px;gap:10px}.belief>span{font-size:22px}
.principle-row{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);padding-top:20px;margin-top:23px}
.principle-row>span{font-size:12px;color:#b9c3ae;white-space:nowrap}.principle-row b{font:10px 'IBM Plex Mono',monospace;color:#769354;margin-right:6px;font-weight:400}
.projects{padding-top:48px;padding-bottom:64px}.section-heading{margin:22px 0 31px}.section-heading p{font-size:14px}
.project-grid{gap:20px}.project-preview{height:205px;padding:0}
.preview-index,.preview-status{top:16px;font-size:9px}.preview-index{left:20px}.preview-status{right:20px}.upcoming{top:12px}
.preview-scene{position:absolute;width:420px;height:260px;top:32px;left:50%;margin-left:-210px;transform:scale(.72);transform-origin:top center}
.preview-scene .mini-app{max-width:360px;margin-top:8px}.preview-scene .math-center{top:0}.preview-scene .math-orbit{top:35%}.preview-scene .equation-chip{bottom:33px}.preview-scene .note-b{bottom:95px}.preview-scene .market-preview{padding-top:0}.preview-scene .market-chips{margin-block:14px}.preview-scene .tools-preview{padding-bottom:48px;max-width:395px}.preview-scene .tool-caption{bottom:39px}
.project-info{padding:21px 23px 0}.project-category{font-size:9px;letter-spacing:.9px}.project-title{margin:9px 0 10px}.project-title h3{font-size:28px;letter-spacing:-1px}.project-logomark{font-size:25px}
.project-info>p{font-size:14px;line-height:1.7;min-height:48px;max-width:none}.tags{margin:17px 0 20px;gap:7px}.tags span{padding:5px 8px;font-size:10px}.project-link-row{padding-block:16px}.project-link-row a{font-size:12px}.project-link-row .mono{font-size:9px}
.tools-preview{height:100%;max-width:none;margin:0;position:relative;padding:0 26px 20px;display:flex;align-items:flex-end;background:radial-gradient(circle at 75% 20%,#81d8ff22,transparent 34%),linear-gradient(135deg,#162f47,#0f2438 60%,#102033)}
.tools-window{width:100%;height:210px;border:1px solid #82c8e855;border-radius:10px 10px 0 0;background:#f5fbff;color:#15324b;box-shadow:0 18px 30px #07131d66;overflow:hidden;transform:rotate(-2deg);transition:transform .45s ease}.project-card:hover .tools-window{transform:rotate(0) translateY(-5px)}
.tools-top{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #dcecf2;background:#fff;font-size:9px}.tt-brand{font:600 10px var(--display);display:flex;gap:6px;align-items:center}.tt-brand b{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#1d81bc;color:#d9f6ff;font-size:8px}.tt-status{font:8px 'IBM Plex Mono',monospace;color:#2188bb;letter-spacing:.3px}.tt-status:first-letter{color:#4ebd84}.tools-hero{padding:18px 16px 13px;display:flex;justify-content:space-between;align-items:end;background:linear-gradient(120deg,#e7f8ff,#d5f0fc)}.tools-hero>span{font:500 25px/1 var(--display);letter-spacing:-1px}.tools-hero>span b{color:#1c80b7;font-weight:500}.tools-hero small{font-size:8px;line-height:1.45;color:#55748a}.tools-toolbar{margin:10px 13px 8px;padding:7px 9px;border:1px solid #cbdfe8;border-radius:4px;display:flex;justify-content:space-between;color:#7a94a4;font-size:8px}.tools-toolbar span:last-child{color:#2b86b7}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 13px}.tool-grid span{padding:9px 5px;background:#edf8fc;border:1px solid #d8ecf4;border-radius:4px;text-align:center;font-size:7px;color:#34647d;white-space:nowrap}.tool-grid span::first-letter{font-size:12px}
.process{padding-top:48px;padding-bottom:65px}.process-grid{gap:35px;margin-top:35px}.step-top{margin-bottom:20px;padding-top:18px}.step-top svg{height:31px;width:31px}.process-step h3{font-size:22px}.process-step p{font-size:14px}.step-note{margin-top:20px}
.closing{padding-bottom:60px}.closing-inner{padding:38px 42px}.closing h2{font-size:48px;letter-spacing:-2px;margin:22px 0 28px}.closing-spark{font-size:100px;right:45px;top:45px}.closing p{font-size:14px}.footer{padding-block:26px}.footer p{font-size:12px;max-width:none}
/* Motion has a short entrance, a gentle scroll reveal, and small hover responses. */
@keyframes enter-up{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@keyframes line-in{from{opacity:0;transform:translateY(105%) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes network-in{from{opacity:0;transform:scale(.91) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes core-breathe{50%{box-shadow:0 0 60px #baf66728}}
@media(prefers-reduced-motion:no-preference){
 .header{animation:enter-up .7s both}.hero .eyebrow{animation:enter-up .8s .12s both}
 .headline-line>span{animation:line-in 1s cubic-bezier(.2,.7,.2,1) both}.headline-line:nth-child(1)>span{animation-delay:.15s}.headline-line:nth-child(2)>span{animation-delay:.27s}.headline-line:nth-child(3)>span{animation-delay:.39s}
 .hero-content>p{animation:enter-up .85s .5s both}.hero-actions{animation:enter-up .85s .62s both}.hero-proof{animation:enter-up .85s .72s both}.hero-visual{animation:network-in 1.5s .2s both}.hero-bottom{animation:enter-up .85s .8s both}
 .network-core{animation:core-breathe 5s ease-in-out infinite}.project-strip>a{animation:enter-up .8s .7s both}
 .will-reveal{translate:0 22px;transition:opacity .85s cubic-bezier(.2,.7,.2,1),translate .85s cubic-bezier(.2,.7,.2,1),border-color .3s,transform .3s;transition-delay:var(--reveal-delay,0ms)}.will-reveal.visible{translate:0 0}
 .button-symbol{transition:transform .35s}.button:hover .button-symbol{transform:rotate(90deg)}
 .process-step:hover .step-top svg{transform:translateY(-4px)}.step-top svg{transition:transform .35s}
}
@media(min-width:801px) and (max-width:1050px){.header,.section-wrap,.project-strip{padding-inline:32px}.header nav{gap:18px}.header nav a{font-size:12px}.nav-cta{font-size:12px;padding:12px;gap:14px}.hero{column-gap:18px}.hero h1{font-size:59px;letter-spacing:-3.5px}.hero .eyebrow{font-size:8px}.hero-visual{height:405px}.visual-top,.visual-bottom{font-size:7px}.hero-content>p{font-size:14px}.heading-spark{font-size:39px;margin-left:14px}.hero-actions{gap:22px}.hero-actions .button{font-size:12px;padding:15px;gap:15px}.about-layout{gap:40px}.about h2,.section-heading h2{font-size:33px}.principle-row{gap:12px}.project-info>p{min-height:71px}.hero-bottom>.mono:last-child{display:none}.footer p{max-width:230px}}
@media(max-width:800px){.header,.section-wrap,.project-strip{padding-inline:25px}.header{height:76px}.mobile-nav{top:76px}.hero{grid-template-columns:1fr;padding-top:38px;text-align:center;column-gap:0}.hero-content{display:flex;flex-direction:column;align-items:center}.hero h1{font-size:clamp(52px,10.5vw,76px);letter-spacing:-3px;margin-block:21px}.hero .eyebrow{font-size:9px}.hero-content>p{font-size:15px}.hero-actions{gap:26px}.hero-proof{text-align:left;margin:24px 0 18px}.hero-visual{height:360px;max-width:480px;width:100%;margin:0 auto}.heading-spark{font-size:40px;vertical-align:4px;margin-left:15px}.hero-bottom{margin-top:10px}.visual-top,.visual-bottom{font-size:8px}.hero-bottom>.mono:last-child{display:none}.project-strip{padding-block:22px;gap:20px}.project-strip>a{font-size:19px;justify-content:center}.about{padding-block:45px}.about-layout{grid-template-columns:1fr;gap:25px}.about h2{font-size:35px}.about h2 br:last-child{display:none}.about .about-copy p{font-size:15px}.principle-row{gap:18px}.projects,.process{padding-top:40px;padding-bottom:45px}.section-heading h2{font-size:34px}.section-heading{gap:16px;margin-bottom:25px}.project-grid{max-width:540px;margin:auto;gap:20px}.project-preview{height:190px}.preview-scene{transform:scale(.67)}.project-info{padding:21px 21px 0}.project-info>p{min-height:0}.process-grid{gap:28px;margin-top:28px}.process-step p{font-size:15px}.process-step h3{font-size:23px}.closing{padding-bottom:44px}.closing-inner{padding:30px 25px}.closing h2{font-size:38px;letter-spacing:-1.7px}.closing-spark{font-size:70px;top:60px;right:15px}.closing-bottom{gap:23px}.footer{padding-block:25px}.footer p{max-width:none}.footer-right{flex-wrap:wrap;gap:12px}.footer .brand{font-size:24px}}
@media(max-width:400px){.header,.section-wrap,.project-strip{padding-inline:20px}.hero h1{font-size:clamp(42px,12.8vw,50px)}.hero .eyebrow{font-size:8px;letter-spacing:.25px}.hero-content>p{font-size:14px}.hero-actions{gap:20px}.hero-visual{height:305px}.hero-bottom .mono,.scroll-link{font-size:7px}.visual-top,.visual-bottom{font-size:7px}.project-strip>a{font-size:17px}.project-title h3{font-size:27px}.project-category{font-size:8px}.principle-row{gap:13px}.principle-row>span{font-size:11px}.closing h2{font-size:33px}.project-link-row .mono{font-size:8px}}
@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;translate:none}.headline-line>span{transform:none}}