@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
:root{--bg:#171717;--ink:#f7f7f2;--muted:#b4b4b4;--coral:#ff7a59;--mint:#cbe1cc;--line:#373b37;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:6px}p{line-height:1.65}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{text-wrap:balance;letter-spacing:-.04em}h2{font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:1.06;font-weight:600}em{font-style:normal;color:var(--coral)}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.section{padding-top:120px;padding-bottom:120px}.eyebrow,.micro,.example-label{font:11px/1.6 'JetBrains Mono',monospace;letter-spacing:.06em}.eyebrow{display:block;margin-bottom:24px;color:var(--mint)}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--coral);border-radius:50%;margin-right:10px}.micro{color:var(--muted)}header{height:88px;position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:30px}.logo{font-size:30px;letter-spacing:-.06em;font-weight:800}.logo span{font-size:10px;vertical-align:top;margin-left:5px}header nav{display:flex;gap:28px;font-size:13px}header nav a:hover{color:var(--coral)}.header-cta{font-size:13px;border-bottom:1px solid var(--coral);padding:12px 0}.skip{position:fixed;top:-100px;background:var(--mint);color:var(--bg);padding:15px;z-index:100}.skip:focus{top:10px}#menu-toggle{display:none}#mobile-menu[hidden]{display:none}.hero{padding-top:44px;padding-bottom:30px}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center}.hero-top .eyebrow{margin:0}.hero-grid{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:30px;padding:62px 0 64px}h1{font-size:clamp(3.3rem,6.7vw,6.2rem);font-weight:600;line-height:1.04}.lead{font-size:23px;max-width:440px;margin:28px 0 14px;line-height:1.4}.intro{font-size:15px;color:var(--muted);max-width:480px}.actions{display:flex;align-items:center;gap:24px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 23px;min-height:52px;border:1px solid transparent;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.coral{background:var(--coral);color:var(--bg)}.coral:hover{background:#ff967c}.dark{background:var(--bg);color:var(--ink)}.dark:hover{background:#303630}.outline{border-color:#727872}.text-link{font-size:13px;display:inline-block;border-bottom:1px solid #676b66;padding:8px 0}.text-link:hover{color:var(--coral)}.hero-art{position:relative;isolation:isolate}.hero-art img{width:100%;height:auto;mix-blend-mode:lighten;position:relative;transition:transform .65s var(--ease);transform:perspective(700px) rotateY(var(--tilt,0deg))}.hero-art figcaption{font:9px 'JetBrains Mono',monospace;text-align:center;color:var(--mint);margin-top:20px}.orbital-ring{position:absolute;inset:-9% 0 6%;border:1px dashed #556353;border-radius:50%;transform:rotate(-25deg);animation:orbit 36s linear infinite}.orbital-ring:after{content:'';position:absolute;top:15%;left:12%;width:7px;height:7px;background:var(--coral);border-radius:50%}@keyframes orbit{to{transform:rotate(335deg)}}.paused .orbital-ring,.offscreen .orbital-ring{animation-play-state:paused}.hero-bottom{border-top:1px solid var(--line);padding-top:25px;gap:20px;font-size:11px;color:var(--muted)}.hero-bottom a{font:11px 'JetBrains Mono',monospace;color:var(--mint)}.hero-bottom a span{padding:0 15px;color:var(--coral)}#motion-toggle{background:none;border:0;color:var(--muted);font-size:11px;min-height:44px}.section-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end;margin-bottom:58px}.section-intro>p,.section-intro>div>p{max-width:430px;color:var(--muted);font-size:16px}.process-section{background:var(--mint);color:var(--bg);padding:100px 0}.process-section .eyebrow{color:#425342}.process-section em{color:#425342}.process-section .section-intro p{color:#374337}.example-label{display:inline-block;margin-top:24px;font-size:10px;border:1px solid #94ac95;padding:6px 9px}.demo{border:1px solid #96ab97;display:grid;grid-template-columns:.8fr 1.3fr}.demo-sidebar{padding:36px;border-right:1px solid #96ab97}.demo-sidebar .micro{color:#445945}.demo-sidebar blockquote{font-size:25px;letter-spacing:-.025em;line-height:1.4;margin:30px 0 22px}.demo-sidebar p{font-size:13px;color:#3a4b3b;margin-bottom:26px}.demo-flow{padding:20px 32px}.demo-flow ol{padding:0;margin:0;list-style:none}.demo-flow li{display:flex;align-items:center;gap:18px;padding:22px 10px;border-bottom:1px solid #a4bba5;transition:background .3s,transform .4s var(--ease)}.demo-flow li.active{background:#deebdf;transform:translateX(3px)}.step-number{font:11px 'JetBrains Mono',monospace;color:#526a54}.demo-flow h3{font-size:15px;letter-spacing:-.02em;margin-bottom:5px}.demo-flow p{font-size:12px;color:#415341}.step-state{font:9px 'JetBrains Mono',monospace;margin-left:auto}.demo-flow .demo-note{font-size:11px;margin-top:20px}.front-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.front-tabs button{text-align:left;background:none;color:var(--muted);border:0;padding:24px 0;border-bottom:2px solid transparent;font-size:29px;letter-spacing:-.03em;transition:color .2s,border-color .2s}.front-tabs button span{display:block;font-size:12px;letter-spacing:0;margin-top:9px}.front-tabs button[aria-selected=true]{color:var(--coral);border-color:var(--coral)}#front-panel{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:48px;min-height:295px}#front-panel h3{font-size:38px;line-height:1.15;margin-bottom:20px}#front-panel p{font-size:14px;color:var(--muted);max-width:420px;margin-bottom:20px}.possibilities{font-size:10px}#front-examples{padding:0;list-style:none;margin:20px 0}#front-examples li{border-bottom:1px solid var(--line);padding:20px 0;font-size:16px;display:flex;gap:20px}#front-examples li:before{content:'↗';color:var(--coral)}.production{background:#20231f}.production-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.production-grid>div>p{max-width:430px;color:var(--muted);margin:25px 0}.principles{display:grid;grid-template-columns:1fr 1fr;gap:36px}.principles article{border-top:1px solid #586253;padding-top:20px}.principles span{font:10px 'JetBrains Mono',monospace;color:var(--mint)}.principles h3{font-size:23px;font-weight:500;margin:20px 0 14px}.principles p{color:var(--muted);font-size:13px}.method-word{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);padding:10px 0 40px}.method-word>div{font-size:clamp(60px,9vw,130px);font-weight:600;line-height:1.1;color:var(--coral);border-left:1px solid var(--line);padding-left:25px}.method-word small{display:block;font:11px 'JetBrains Mono',monospace;color:var(--muted);margin-top:16px}.engagement{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding-top:55px}.engagement h3{font-size:28px;font-weight:500}.engagement ol{list-style:none;margin:0;padding:0}.engagement li{display:flex;gap:24px;margin-bottom:30px}.engagement b{font:11px 'JetBrains Mono',monospace;color:var(--coral);padding-top:3px}.engagement h4{font-weight:500;font-size:17px;margin-bottom:9px}.engagement p{font-size:13px;color:var(--muted)}.academy{padding:90px 0;background:#24211f;border-top:1px solid #514036}.academy-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.academy p{color:var(--muted);margin:24px 0 30px;max-width:450px}.academy-formats>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #5b4c43;padding:28px 0;align-items:center}.academy-formats>div>span{font:27px 'JetBrains Mono',monospace;color:var(--coral)}.academy-formats small{display:block;font-size:10px;margin-top:7px}.academy-formats h3{font-size:22px;font-weight:500}.faq-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.faq-layout>div>p{font-size:13px;color:var(--muted);margin-top:25px}.faq-layout a{color:var(--mint)}details{border-bottom:1px solid var(--line)}summary{padding:22px 24px 22px 0;font-size:15px;cursor:pointer;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;color:var(--coral)}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);padding:0 24px 24px 0}.contact{background:var(--coral);color:var(--bg);padding:90px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact .eyebrow{color:#583121}.contact h2{font-size:clamp(2.8rem,4.7vw,4.8rem)}.contact-grid>div>p{font-size:17px;max-width:370px;margin:28px 0 40px}.contact-email{display:block;font-size:24px;letter-spacing:-.03em;margin-bottom:15px}.contact-phone{font-size:15px}form{display:flex;flex-direction:column;gap:22px}fieldset{padding:0;border:0;display:flex;flex-wrap:wrap;gap:18px;margin:0 0 5px}legend{font-size:12px;margin-bottom:13px}fieldset label{font-size:12px;display:flex;align-items:center;gap:8px}input[type=radio]{accent-color:var(--bg);width:17px;height:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}form>label,.form-row label{font-size:12px;display:flex;flex-direction:column;gap:10px}input:not([type=radio]),textarea{background:transparent;border:1px solid #8c442f;border-radius:0;padding:14px;color:var(--bg);width:100%;min-width:0;font-size:13px}input::placeholder,textarea::placeholder{color:#6c392b}input:focus,textarea:focus{outline:2px solid var(--bg);outline-offset:3px}textarea{resize:vertical}form .button{width:100%}.form-note,#form-status{font-size:11px;color:#542d22}#form-status:empty{display:none}.contact :focus-visible{outline-color:var(--bg)}footer{padding-top:50px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:35px}footer p{font-size:11px;color:var(--muted);margin-top:12px}footer>div:nth-child(2){display:flex;gap:25px;font-size:12px}footer>span{font:9px 'JetBrains Mono',monospace;color:var(--muted)}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}header nav{gap:16px;font-size:11px}.hero-grid{gap:10px}.actions{gap:15px}.section-intro,.production-grid,.academy-grid,.engagement,.contact-grid{gap:40px}.step-state{display:none}.demo-sidebar{padding:24px}.demo-flow{padding:15px}.section{padding-top:85px;padding-bottom:85px}.faq-layout{gap:40px}#front-panel{gap:40px}.contact-email{font-size:21px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{height:72px;padding:0 20px}header>nav,header>.header-cta{display:none}#menu-toggle{display:block;color:var(--ink);border:0;background:none;font-size:25px;min-height:44px;min-width:44px}#mobile-menu:not([hidden]){display:flex;position:absolute;top:71px;left:0;right:0;background:var(--bg);padding:25px;flex-direction:column;font-size:15px;border-bottom:1px solid var(--line)}.hero{padding-top:26px}.hero-top>.micro{display:none}.hero-grid{grid-template-columns:1fr;padding:35px 0 32px;gap:46px}h1{font-size:clamp(3.1rem,12vw,5rem)}.lead{font-size:21px}.intro{font-size:14px}.hero-art{max-width:420px;margin:10px auto 0;width:90%}.hero-art figcaption{font-size:8px}.hero-bottom{flex-wrap:wrap;font-size:10px}.hero-bottom a{font-size:9px}.hero-bottom a span{padding:0 6px}.hero-bottom p{max-width:180px}#motion-toggle{margin-left:auto}.section-intro,.production-grid,.academy-grid,.engagement,.contact-grid,.faq-layout{grid-template-columns:1fr;gap:30px}.section-intro{margin-bottom:32px}.section-intro>p,.section-intro>div>p{font-size:14px}.process-section,.contact,.academy{padding:65px 0}.section{padding-top:70px;padding-bottom:70px}.demo{grid-template-columns:1fr}.demo-sidebar{border-right:0;border-bottom:1px solid #96ab97}.demo-sidebar blockquote{font-size:23px;margin:20px 0}.demo-flow{padding:14px}.demo-flow li{gap:12px}.demo-flow h3{font-size:14px}.demo-flow p{font-size:11px}.front-tabs button{font-size:25px}.front-tabs button span{font-size:10px;max-width:90px;line-height:1.5}#front-panel{grid-template-columns:1fr;gap:30px;padding-top:30px}#front-panel h3{font-size:32px}.principles{gap:25px}.principles h3{font-size:21px}.method-word>div{font-size:52px;padding-left:12px}.method-word small{font-size:8px}.engagement{padding-top:35px}.academy-formats h3{font-size:20px}.faq-layout h2{font-size:38px}.contact-grid{gap:40px}.contact-grid>div>p{margin:22px 0}.contact-email{font-size:25px}.form-row{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column;gap:30px}.eyebrow{font-size:10px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art img{transform:none!important}}
/* Motion pass: orbital signal, process transitions, and connected method stages. */
header{transition:box-shadow .35s,border-color .35s}header.scrolled{box-shadow:0 12px 30px #0003;border-bottom-color:#626759}.button span{transition:transform .3s var(--ease)}.button:hover span{transform:translate(3px,-3px)}.front-tabs button{position:relative}.front-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.front-tabs button[aria-selected=true]:after{transform:scaleX(1)}.principles article{transition:border-color .3s,transform .4s var(--ease)}.principles article:hover{border-color:var(--coral);transform:translateY(-4px)}.method-word{position:relative}.method-word:after{content:'';height:2px;background:var(--coral);position:absolute;left:0;right:0;bottom:-1px;transform:scaleX(0);transform-origin:left;transition:transform 1.7s var(--ease)}.method-word.connected:after{transform:scaleX(1)}.method-word>div{transition:color .35s,transform .35s}.method-word>div:hover{color:var(--mint);transform:translateY(-5px)}.demo-flow li.active .step-number{background:#171717;color:#cbe1cc}.step-number{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;transition:background .3s,color .3s}.academy-formats>div{transition:padding .35s var(--ease),border-color .35s}.academy-formats>div:hover{padding-left:12px;border-color:var(--coral)}summary:after{transition:transform .25s}details[open] summary:after{transform:rotate(180deg)}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.principles article:hover,.method-word>div:hover{transform:none}.method-word:after{transition:none}.academy-formats>div:hover{padding-left:0}}

/* New artwork: connected workflows replaces the orbital object. */
.orbital-ring{display:none}.hero-art img{mix-blend-mode:normal;border-radius:2px}.hero-art{width:100%}
/* Seamless art: feathered into the page, with bounded scroll depth. */
.hero-art img{border-radius:0;mask-image:radial-gradient(ellipse at 51% 48%,#000 36%,#000e 56%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 51% 48%,#000 36%,#000e 56%,transparent 75%);transform:translateY(var(--scroll-art-y,0px)) scale(var(--scroll-art-scale,1)) perspective(700px) rotateY(var(--tilt,0deg));transition:transform .18s linear}
.hero-art figcaption{transform:translateY(var(--scroll-caption-y,0px));transition:transform .18s linear}
@media(prefers-reduced-motion:reduce){.hero-art img,.hero-art figcaption{transform:none!important;transition:none!important}}