*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101213;color:#eef0ee;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cdfc73;outline-offset:5px}::selection{background:#cdfc73;color:#101213}.skip{position:absolute;left:20px;top:-100px;background:#cdfc73;color:#111;padding:12px;z-index:10}.skip:focus{top:10px}.wrap{max-width:1280px;margin:auto;padding:0 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100px;border-bottom:1px solid #343738}.brand{font-size:24px;font-weight:700;letter-spacing:-1px}.brand span{color:#cdfc73}.navigation{display:flex;align-items:center;gap:27px;font-size:14px}.navigation a{color:#b9bfbc}.navigation a[aria-current],.navigation a:hover{color:#cdfc73}.nav-contact{border:1px solid #656d62;border-radius:30px;padding:9px 20px!important;color:#eef0ee!important}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:72px;align-items:center;padding:85px 0 80px}.eyebrow{display:block;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2px;color:#c6d0c7}h1,h2,h3{line-height:1.08;letter-spacing:-2px;margin:22px 0}h1{font-size:clamp(48px,6.7vw,88px);font-weight:500}h1 em{font-style:normal;color:#cdfc73}h2{font-size:clamp(32px,4vw,48px);font-weight:500}h3{font-size:26px;letter-spacing:-.7px}p{color:#b4bcb8;margin:18px 0;max-width:65ch}.hero p{max-width:490px;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border:1px solid #cdfc73;border-radius:30px;background:#cdfc73;color:#172012;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.button:hover{background:#e1ffa6}.button.secondary{background:transparent;color:#eef0ee;border-color:#515852}.button.secondary:hover{border-color:#cdfc73}.hero-foot{font-size:11px;letter-spacing:2px;color:#8b958e;margin-top:55px}.feature-panel{border:1px solid #4a5148;background:#1d2420;padding:30px 34px;border-radius:3px;transform:rotate(-2deg)}.big-number{font-size:160px;line-height:1.2;color:#cdfc73;letter-spacing:-15px;font-weight:500}.big-number span{font-size:75px;vertical-align:top;letter-spacing:0}.feature-line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #424b40;font-size:14px}.feature-line span:first-child{color:#929e90}.small{font-size:14px}section{margin-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.text-link{font-size:14px;border-bottom:1px solid #7f9470;padding-bottom:5px;white-space:normal}.text-link:hover{color:#cdfc73}.grid{display:grid;gap:20px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{display:block;padding:30px;border:1px solid #3a403b;background:#191d1b;border-radius:3px;transition:border-color .15s,background .15s}.card:hover{border-color:#8fbc64;background:#20271f}.card .eyebrow{font-size:11px;letter-spacing:1px;color:#a6ba91}.card p{font-size:16px}.card-link{display:block;margin-top:35px;font-size:14px;color:#d0e7b6}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.editorial{padding:55px 0;border-top:1px solid #343738;border-bottom:1px solid #343738}.editorial h2{margin-top:20px}.footer{border-top:1px solid #343738;padding:35px 0 25px;margin-top:100px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:25px;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;font-size:12px;color:#8e9991;margin-top:25px}.page-intro{padding:75px 0 55px}.page-intro h1{font-size:clamp(43px,6vw,72px)}.page-intro p{max-width:660px}.note{border-top:1px solid #343738;padding-top:35px;margin-top:55px}.note h2{font-size:30px}.principles>div{position:relative;border-bottom:1px solid #3a403b;padding:0 0 20px 44px;margin-bottom:25px}.principles span{position:absolute;left:0;color:#cdfc73;font-size:13px}.principles h3{font-size:23px;margin:0 0 10px}.principles p{font-size:16px}.article-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:65px}.article-layout aside{height:fit-content}.reading{max-width:780px;margin:0 auto}.reading h2,.article-layout h2{font-size:30px;letter-spacing:-1px;margin-top:40px}.article-meta{padding:16px 0;border-bottom:1px solid #343738;color:#9eae95;font-size:13px}blockquote{margin:25px 0;padding:22px 30px;border-left:3px solid #cdfc73;background:#1d2420;color:#d4e6c2}li{margin:12px 0;color:#b4bcb8}.contact-form{padding:30px;border:1px solid #3a403b;background:#191d1b}.contact-form label{display:block;margin:0 0 10px;font-size:14px}.contact-form select,.contact-form textarea{display:block;width:100%;background:#101513;color:#e8eee9;border:1px solid #566050;border-radius:4px;padding:13px;font:inherit;font-size:16px;margin-bottom:25px}.contact-form textarea{resize:vertical}.contact-form button{margin-bottom:15px}#feedback{font-size:14px;color:#cdfc73}#draft-area{margin-top:25px}@media(max-width:950px){.wrap{padding:0 28px}.hero{gap:30px}.hero h1{font-size:60px}.navigation{gap:15px}.three{grid-template-columns:1fr}.split{gap:40px}.big-number{font-size:120px}}@media(max-width:680px){.wrap{padding:0 22px}.topbar{height:auto;min-height:90px;flex-wrap:wrap;padding:20px 0;gap:17px}.navigation{width:100%;flex-wrap:wrap;gap:12px 20px;font-size:14px}.nav-contact{padding:5px 12px!important}.hero,.split,.article-layout{grid-template-columns:1fr}.hero{padding:45px 0;gap:35px}.hero h1{font-size:56px}.feature-panel{transform:none}.hero-foot{margin-top:30px}.two{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.page-intro{padding:45px 0 30px}.footer-top,.footer-bottom{flex-direction:column;gap:18px}.footer-links{flex-wrap:wrap}section{margin-bottom:55px}.card{padding:25px}.contact-form{padding:20px}h1{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Refined studio interface: shared across every route. */
:root{--accent:#cdfc73;--surface:#171c19;--edge:#37423a}body{background:#101411;line-height:1.7}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.wrap{max-width:1360px}.topbar{height:104px}.brand{letter-spacing:-1.2px}.navigation a{padding:8px 0;transition:color .2s}.navigation a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:9px}.menu-toggle{display:none}.hero{padding:95px 0 90px;gap:80px}.hero h1{letter-spacing:-4px}.hero .eyebrow{color:var(--accent)}.feature-panel{transform:none;border-radius:16px;background:#1b251e;border-color:#425a3c;padding:35px 38px;box-shadow:0 24px 65px #0003}.big-number{letter-spacing:-10px}.feature-line{font-size:15px}.feature-panel .small{margin-bottom:0}.button{min-height:48px;transition:background .2s,border-color .2s}.button.secondary{border-color:#687763}.eyebrow{font-size:12px;letter-spacing:1.6px}.section-heading{margin-bottom:32px}.section-heading .eyebrow{color:#a7ba9c}.grid{gap:24px}.card{border-radius:12px;background:var(--surface);border-color:var(--edge);padding:32px}.showcase-card{position:relative;overflow:hidden;isolation:isolate;min-height:310px;display:flex;flex-direction:column;transform-origin:center;transition:transform .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out}.showcase-card .eyebrow{font-size:12px;line-height:1.6}.showcase-card h3{margin:24px 0 6px;font-size:28px}.showcase-card .card-description{margin:18px 0 24px}.showcase-card .card-link{margin-top:auto;padding-top:16px;color:#cdfc73}.card-overlay{position:absolute;inset:0;z-index:2;background:#263520;display:flex;flex-direction:column;justify-content:center;padding:32px;opacity:0;transform:translateY(12px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;pointer-events:none}.overlay-title{font-size:27px;font-weight:600;line-height:1.15;letter-spacing:-.7px;color:#f0f7e9}.overlay-description{font-size:16px;line-height:1.65;color:#d5e1cd;margin:20px 0}.overlay-action{font-size:14px;color:#cdfc73;margin-top:12px}.showcase-card:focus-visible{transform:scale(1.03);box-shadow:0 16px 40px #0005;z-index:3}.showcase-card:focus-visible .card-overlay{opacity:1;transform:translateY(0)}.editorial{padding:65px 0}.principles>div{padding-bottom:26px;margin-bottom:30px}.principles h3{line-height:1.3}.page-intro{padding:82px 0 62px}.page-intro h1{letter-spacing:-3px}.page-intro p{font-size:19px}.reading{max-width:760px}.reading p,.reading li{font-size:18px}.reading h2{margin-top:48px}.article-meta{font-size:14px;line-height:1.7}.contact-form{border-radius:12px;padding:36px}.contact-form select,.contact-form textarea{border-radius:8px}.footer{padding-top:42px}.footer-bottom{font-size:14px}.hero-foot{font-size:12px;line-height:1.8}.small{color:#b2bdb3}.footer-links a:hover{color:var(--accent)}
@media(hover:hover) and (pointer:fine){.showcase-card:hover{transform:scale(1.03);border-color:#95bf73;box-shadow:0 16px 40px #0005;z-index:3}.showcase-card:hover .card-overlay{opacity:1;transform:translateY(0)}}
@media(hover:none),(pointer:coarse){.card-overlay{display:none}.showcase-card:focus-visible{transform:none}}
@media(max-width:1000px){.hero{gap:38px}.hero h1{font-size:64px}.navigation{gap:17px}.three{grid-template-columns:1fr}.showcase-card{min-height:280px}.wrap{padding:0 32px}}
@media(max-width:700px){.wrap{padding:0 22px}.topbar{height:auto;min-height:88px;padding:20px 0}.hero{padding:48px 0 60px;gap:38px}.hero h1{font-size:clamp(46px,11vw,64px);letter-spacing:-2.5px}.page-intro h1{font-size:clamp(42px,10vw,60px);letter-spacing:-2px}.feature-panel{padding:28px}.showcase-card{min-height:270px;padding:26px}.card-overlay{padding:26px}.page-intro{padding:48px 0 36px}.page-intro p{font-size:17px}.split{grid-template-columns:1fr;gap:28px}.contact-form{padding:24px}.navigation{padding-top:12px;line-height:1.7}.menu-toggle{display:none}.js .menu-toggle{display:inline-flex;min-height:44px;align-items:center;background:transparent;color:#e8efdf;border:1px solid #58664e;border-radius:24px;font:inherit;font-size:14px;padding:8px 18px;cursor:pointer}.js .navigation:not(.is-open){display:none}.js .navigation.is-open{display:flex;width:100%;border-top:1px solid #37423a;margin-top:4px}.js .navigation a{min-height:44px;display:inline-flex;align-items:center}.section-heading{gap:18px}.footer-links{gap:18px 24px}.reading p,.reading li{font-size:17px}.editorial{padding:42px 0}}
@media(prefers-reduced-motion:reduce){.showcase-card,.card-overlay,.button,.navigation a{transition:none!important}.showcase-card:hover,.showcase-card:focus-visible,.card-overlay{transform:none!important}}

.infrastructure-heading{font-size:18px;font-weight:400;line-height:1.65;letter-spacing:normal;max-width:490px;margin:18px 0}.heading-hashes{color:#c084fc}.heading-bolt{color:#facc15}.heading-gradient{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.heading-gradient{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

h2{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){h2{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.hero h1{font-size:clamp(42px,5.2vw,68px)}@media(max-width:950px){.hero h1{font-size:50px}}@media(max-width:680px){.hero h1{font-size:clamp(38px,9vw,46px)}}

.topbar .brand{font-size:28px;letter-spacing:-.8px;white-space:nowrap}

.tutorial-index>.page-intro>h1,.about-index>.page-intro>h1,.products-index>.page-intro>h1{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.tutorial-index>.page-intro>h1,.about-index>.page-intro>h1,.products-index>.page-intro>h1{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.tutorial-index .showcase-card[href="/tutorials/product-definition/"]>h3,.tutorial-index .showcase-card[href="/tutorials/product-definition/"] .overlay-title{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.tutorial-index .showcase-card[href="/tutorials/product-definition/"]>h3,.tutorial-index .showcase-card[href="/tutorials/product-definition/"] .overlay-title{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.tutorial-index .showcase-card[href="/tutorials/complete-slice/"]>h3,.tutorial-index .showcase-card[href="/tutorials/complete-slice/"] .overlay-title{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.tutorial-index .showcase-card[href="/tutorials/complete-slice/"]>h3,.tutorial-index .showcase-card[href="/tutorials/complete-slice/"] .overlay-title{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.approach-heading{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.approach-heading{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.products-index .showcase-card>h3,.products-index .showcase-card .overlay-title{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.products-index .showcase-card>h3,.products-index .showcase-card .overlay-title{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.flowbridge-detail>.page-intro>h1,.flowbridge-detail>.article-layout>aside.card>h3{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.flowbridge-detail>.page-intro>h1,.flowbridge-detail>.article-layout>aside.card>h3{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.portfolio-index>.page-intro>h1,.portfolio-index>.split>.principles>div>h3,.portfolio-index>section>.showcase-card>h3,.portfolio-index>section>.showcase-card .overlay-title{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.portfolio-index>.page-intro>h1,.portfolio-index>.split>.principles>div>h3,.portfolio-index>section>.showcase-card>h3,.portfolio-index>section>.showcase-card .overlay-title{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.orbitaltech-case>.page-intro>h1{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.orbitaltech-case>.page-intro>h1{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.home-index>section:nth-of-type(2) .showcase-card>h3,.home-index>section:nth-of-type(2) .showcase-card .overlay-title,.home-index>section:nth-of-type(4) .showcase-card>h3,.home-index>section:nth-of-type(4) .showcase-card .overlay-title{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.home-index>section:nth-of-type(2) .showcase-card>h3,.home-index>section:nth-of-type(2) .showcase-card .overlay-title,.home-index>section:nth-of-type(4) .showcase-card>h3,.home-index>section:nth-of-type(4) .showcase-card .overlay-title{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.contact-page>.page-intro>h1{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.contact-page>.page-intro>h1{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.complete-slice-page>.page-intro>h1{color:#eab3ee;background:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.complete-slice-page>.page-intro>h1{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}
/* Orbital Tech: a focused studio system */
:root{--surface:#181d1a;--edge:#354139;--accent:#cdfc73;--muted:#bec8c1;--brand-gradient:linear-gradient(100deg,#a58bc7 0%,#c28fa8 35%,#c49b7a 65%,#e3cc72 100%)}
body{background:#101411;font-size:1.0625rem;line-height:1.75}
.wrap{max-width:1400px;padding-inline:clamp(24px,5vw,72px)}
.topbar{height:96px;gap:24px;border-color:#354139}
.topbar .brand{font-size:1.8rem;letter-spacing:-1px}
.navigation{gap:24px;font-size:.875rem}
.navigation a{min-height:44px;display:inline-flex;align-items:center;position:relative}
.navigation a[aria-current]{text-decoration:none}
.navigation a[aria-current]:not(.nav-contact)::after{content:"";position:absolute;bottom:4px;left:0;width:18px;height:2px;background:var(--accent)}
.nav-contact{background:transparent}
.hero{grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,88px);padding:76px 0 72px;margin-bottom:48px;align-items:center}
.hero h1{font-size:clamp(2.8rem,5.1vw,4.35rem);line-height:1.06;letter-spacing:-.055em;margin:24px 0}
.hero h1 em{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero .hero-description{font-size:1.125rem;max-width:44ch;color:var(--muted);margin:24px 0}
.hero-foot{margin-top:32px;letter-spacing:1.5px;font-size:.75rem}
.feature-panel{padding:30px 32px;border-radius:22px;background:linear-gradient(145deg,#222a23,#151b17);border-color:#4b5748;box-shadow:0 24px 70px #0003}
.feature-panel .panel-heading{font-size:clamp(1.7rem,2.6vw,2.25rem);line-height:1.18;letter-spacing:-1px;margin:20px 0 26px;max-width:12ch}
.ecosystem-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid #3c493e;transition:color .2s ease}
.ecosystem-link strong{font-size:1.0625rem;font-weight:500}
.ecosystem-link span{font-size:.875rem;color:#b6c4b8}
.ecosystem-link:hover strong{color:var(--accent)}
.feature-panel .small{font-size:.875rem;line-height:1.65;margin-top:22px}
section{margin-bottom:88px}
.eyebrow,.showcase-card .eyebrow{font-size:.75rem;line-height:1.6;letter-spacing:1.3px}
.section-heading{margin-bottom:30px;align-items:center}
.section-heading h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.12;letter-spacing:-.045em;margin-top:14px}
.grid{gap:22px}
.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{border-radius:18px;padding:30px;background:linear-gradient(145deg,#1c221e,#171c19);border-color:var(--edge)}
.showcase-card{min-height:328px;box-shadow:0 8px 26px #0001}
.showcase-card h3{font-size:clamp(1.5rem,2.05vw,1.8rem);line-height:1.2;letter-spacing:-.035em;margin:24px 0 0}
.showcase-card .card-description{color:var(--muted);font-size:1rem;line-height:1.7;margin:20px 0 28px}
.showcase-card .card-link{font-size:.875rem;padding-top:20px;border-top:1px solid #354139}
.card-overlay{background:linear-gradient(145deg,#2b3527,#1b241c);padding:30px}
.overlay-title{font-size:1.75rem;line-height:1.2}
.overlay-description{color:#d4dfd2;font-size:1rem}
.editorial{padding:56px 0;gap:70px}
.editorial h2{line-height:1.15;letter-spacing:-.04em}
.button{font-size:.9375rem;min-height:48px;padding:12px 22px}
.button.secondary{border-color:#626e60}
.text-link{font-size:.9375rem;padding-bottom:4px}
.page-intro{padding:68px 0 48px;max-width:960px}
.page-intro h1{font-size:clamp(2.7rem,5vw,4rem);line-height:1.12;letter-spacing:-.045em}
.page-intro p{font-size:1.125rem;max-width:62ch;color:var(--muted)}
.article-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:64px;padding-bottom:40px}
.article-layout article>h2:first-child{margin-top:0}
.article-layout aside{padding:30px}
.article-layout aside h3{line-height:1.2}
.reading{max-width:780px;padding-bottom:32px}
.reading p,.reading li{font-size:1.0625rem;line-height:1.85}
.reading h2{line-height:1.25;margin-top:40px}
.article-meta{padding:18px 0;font-size:.875rem}
.principles>div{padding:0 0 24px 52px;margin-bottom:28px}
.principles span{font-size:.875rem;color:#e3cc72}
.principles h3{font-size:1.4rem}
.note{padding:32px;border:1px solid var(--edge);border-radius:18px;background:#171d19;margin-top:48px}
.note h2{margin-top:0;line-height:1.25}
.contact-form{background:#181e1a;border-radius:18px}
.contact-form label{font-size:.9375rem}
.contact-form select,.contact-form textarea{border-color:#4e5d50;border-radius:10px;line-height:1.6}
.footer{margin-top:72px;padding-top:36px;border-color:var(--edge)}
.footer .brand{font-size:1.6rem}
.footer-bottom{line-height:1.7}
@media(hover:hover) and (pointer:fine){.showcase-card:hover{transform:scale(1.02);border-color:#9baf8d;box-shadow:0 18px 42px #0004}.button:hover{box-shadow:0 5px 18px #0003}}
@media(max-width:1050px){.navigation{gap:16px}.hero{gap:32px}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.three>.showcase-card:last-child{grid-column:1/-1;min-height:280px}.split{gap:40px}.feature-panel{padding:26px}.article-layout{gap:36px}}
@media(max-width:850px){.topbar{height:auto;min-height:88px;flex-wrap:wrap;padding:20px 0}.js .menu-toggle{display:inline-flex;align-items:center;min-height:44px;border:1px solid #626e60;border-radius:99px;padding:8px 18px;background:transparent;color:#eef0ee;font:inherit;font-size:.875rem}.navigation{width:100%;flex-wrap:wrap;gap:10px 24px;padding-top:16px}.js .navigation:not(.is-open){display:none}.js .navigation.is-open{display:flex;border-top:1px solid var(--edge);margin-top:4px}.hero{grid-template-columns:1fr;gap:32px;padding:48px 0;margin-bottom:36px}.hero h1{font-size:clamp(2.8rem,7vw,4rem)}.feature-panel{max-width:none}.feature-panel .panel-heading{max-width:none}.article-layout{grid-template-columns:1fr}.article-layout aside{max-width:none}}
@media(max-width:600px){.wrap{padding-inline:22px}.topbar .brand{font-size:1.65rem}.hero h1{font-size:clamp(2.6rem,10.5vw,3.6rem)}.hero .hero-description{font-size:1rem}.three,.two,.split{grid-template-columns:1fr}.three>.showcase-card:last-child{grid-column:auto}.showcase-card,.three>.showcase-card:last-child{min-height:285px;padding:26px}.card-overlay{padding:26px}.showcase-card h3{font-size:1.6rem}.section-heading{align-items:flex-start;gap:18px}.page-intro{padding:44px 0 32px}.page-intro h1{font-size:clamp(2.25rem,8.5vw,3rem)}.page-intro p{font-size:1rem}.editorial{padding:36px 0;gap:20px}section{margin-bottom:56px}.note{padding:24px;margin-top:36px}.contact-form{padding:24px}.footer{margin-top:52px}.ecosystem-link{flex-wrap:wrap;gap:4px 18px}.footer-top,.footer-bottom{flex-direction:column}.actions .button{flex-grow:1}}
@media(prefers-reduced-motion:reduce){.ecosystem-link,.showcase-card,.button{transition:none}.showcase-card:hover{transform:none}}
@media(forced-colors:active){.hero h1 em{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}.card,.feature-panel{background:Canvas;border-color:CanvasText}}

/* Compact frames: retain content, colour and comfortable touch targets. */
.card,.feature-panel,.contact-form,.note{border-radius:15px;border-color:#354039;box-shadow:0 5px 18px #00000012}
.card,.article-layout aside,.contact-form,.note{padding:26px}
.feature-panel{padding:26px 28px;border-radius:18px;box-shadow:0 16px 46px #00000024}
.showcase-card{min-height:300px}
.showcase-card h3{margin-top:20px}
.showcase-card .card-description{margin:16px 0 22px}
.showcase-card .card-link{padding-top:16px}
.card-overlay{padding:26px;border-radius:inherit}
.feature-panel .panel-heading{margin:16px 0 22px}
.ecosystem-link{padding:16px 0}
.feature-panel .small{margin-top:18px}
@media(hover:hover) and (pointer:fine){.showcase-card:hover{box-shadow:0 12px 30px #00000030;border-color:#778d70}}
@media(max-width:1050px){.three>.showcase-card:last-child{min-height:258px}}
@media(max-width:600px){.card,.showcase-card,.article-layout aside,.contact-form,.note{padding:23px}.feature-panel{padding:23px 25px}.showcase-card,.three>.showcase-card:last-child{min-height:265px}.card-overlay{padding:23px}}
@media(forced-colors:active){.card,.feature-panel,.contact-form,.note{border-color:CanvasText;box-shadow:none}}

/* Floating icon dock, accessible without a menu toggle. */
.topbar{height:auto;min-height:112px;padding-block:16px;flex-wrap:nowrap}
.navigation,.js .navigation:not(.is-open),.js .navigation.is-open{display:flex;flex-wrap:nowrap;gap:10px;max-width:100%;width:auto;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#454545 #0a0a0a;background:rgba(10,14,12,.84);border:1px solid rgba(155,175,141,.22);border-radius:999px;padding:12px 16px;margin:0;box-shadow:0 12px 32px #00000026,inset 0 1px 0 #ffffff05;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);-webkit-overflow-scrolling:touch}
.navigation a,.navigation .nav-contact{flex:0 0 76px;width:76px;height:76px;min-height:76px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 4px!important;background:#1a1a1a;border:1px solid #2b2b2b;border-radius:14px;color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;scroll-snap-align:start}
.nav-icon{display:block;width:22px;height:22px;flex:none;transition:transform 250ms cubic-bezier(0.25,1,0.5,1)}
.navigation a:not(.nav-contact){transition:transform 250ms cubic-bezier(0.25,1,0.5,1),background-color 250ms cubic-bezier(0.25,1,0.5,1),border-color 250ms cubic-bezier(0.25,1,0.5,1)}
.navigation a span{white-space:nowrap}
.navigation a[aria-current]{background:#242424;border-color:#77816d}
.navigation a[aria-current]:not(.nav-contact)::after{display:none}
.navigation a:focus-visible{outline:2px solid #cdfc73;outline-offset:-3px}
.navigation:focus-visible{outline:2px solid #cdfc73;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.navigation a:not(.nav-contact):hover{transform:translateY(-2px) scale(1.04);background:#292f29;border-color:#778d70}.navigation a:not(.nav-contact):hover .nav-icon{transform:translateY(-2px) rotate(-3deg)}}
@media(max-width:850px){.topbar{flex-wrap:wrap;gap:14px;padding-block:18px}.navigation,.js .navigation:not(.is-open),.js .navigation.is-open{width:100%}.menu-toggle{display:none!important}}
@media(forced-colors:active){.navigation,.navigation a{background:Canvas;color:CanvasText!important;border-color:CanvasText}.navigation a[aria-current]{border:2px solid Highlight}}

/* Restore the contact link to its original outlined pill. */
.navigation .nav-contact{flex:0 0 auto;width:auto;height:auto;min-height:44px;aspect-ratio:auto;display:inline-flex;flex-direction:row;padding:9px 20px!important;border:1px solid #8fa77d;border-radius:30px;background:transparent;color:#eef0ee!important;font-size:14px;font-weight:600;align-self:center;transition:background-color 250ms cubic-bezier(0.25,1,0.5,1),border-color 250ms cubic-bezier(0.25,1,0.5,1)}
@media(hover:hover){.navigation .nav-contact:hover{background:transparent;border-color:#cdfc73}}
@media(forced-colors:active){.navigation .nav-contact{border-color:CanvasText;color:CanvasText!important}}

/* Keep the header contained and easy to scan on narrow screens. */
.topbar{min-width:0;gap:24px}
.topbar>.brand{flex-shrink:0}
.topbar>.navigation{flex-shrink:1}
@media(max-width:850px){
  .topbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;padding-block:16px}
  .topbar>.brand{justify-self:start}
  .navigation,.js .navigation:not(.is-open),.js .navigation.is-open{width:100%;box-sizing:border-box;scroll-padding-inline:16px}
}
@media(max-width:600px){
  .topbar{gap:10px;padding-block:14px}
  .navigation,.js .navigation:not(.is-open),.js .navigation.is-open{gap:8px;padding:10px 14px;border-radius:999px;scroll-padding-inline:14px}
  .navigation a:not(.nav-contact){flex-basis:68px;width:68px;height:68px;min-height:68px;gap:6px;border-radius:13px;font-size:11px}
  .navigation .nav-icon{width:20px;height:20px}
  .navigation .nav-contact{padding:9px 16px!important;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.navigation a,.navigation .nav-icon{transition:none!important}.navigation a:not(.nav-contact):hover,.navigation a:not(.nav-contact):hover .nav-icon{transform:none}}
@media(forced-colors:active){.navigation{background:Canvas;border-color:CanvasText;box-shadow:none;backdrop-filter:none}.navigation .nav-contact{border-color:CanvasText}}

/* Homepage product bento: navy surfaces, brand type and green actions. */
.home-index .product-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-index .product-bento-card{--theme:#a58bc7;--glow:165,139,199;min-height:340px;padding:28px;border:1px solid #343c50;border-radius:18px;background:#121923;box-shadow:inset 0 1px 0 #ffffff03;transition:border-color 250ms cubic-bezier(.25,1,.5,1),box-shadow 250ms cubic-bezier(.25,1,.5,1),background-color 250ms cubic-bezier(.25,1,.5,1)}
.home-index .product-bento-card:nth-child(2){--theme:#c28fa8;--glow:194,143,168}
.home-index .product-bento-card:nth-child(3){--theme:#83a9d7;--glow:131,169,215;grid-column:auto;min-height:340px}
.home-index .product-bento-card .eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1.4px;line-height:1.8;color:#a7ba9c;min-height:36px}
.home-index .product-bento-card h3{font-size:clamp(1.4rem,2.1vw,1.8rem);line-height:1.2;letter-spacing:-.7px;margin:24px 0 6px;transition:transform 250ms cubic-bezier(.25,1,.5,1)}
.home-index .product-bento-card .card-description{color:#b4bcb8;font-size:1rem;line-height:1.7;margin:18px 0 28px;transition:color 250ms cubic-bezier(.25,1,.5,1),transform 250ms cubic-bezier(.25,1,.5,1)}
.home-index .product-bento-card .card-overlay{display:none}
.home-index .product-bento-card .card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #343c50;padding-top:18px;font-size:13px;font-weight:600;color:#cdfc73}
.home-index .product-bento-card .explore-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid #526249;border-radius:50%;font-size:19px;transition:transform 250ms cubic-bezier(.25,1,.5,1),background-color 250ms cubic-bezier(.25,1,.5,1)}
.home-index .product-bento-card:focus-visible{transform:none;border-color:var(--theme);box-shadow:0 0 28px rgba(var(--glow),.18)}
@media(hover:hover) and (pointer:fine){
 .home-index .product-bento-card:hover{transform:none;background:#161e2b;border-color:var(--theme);box-shadow:0 0 28px rgba(var(--glow),.18),0 12px 30px #0003}
 .home-index .product-bento-card:hover h3{transform:translateY(-3px)}
 .home-index .product-bento-card:hover .card-description{transform:translateY(-2px);color:#e1e6e3}
 .home-index .product-bento-card:hover .explore-arrow{transform:translate(2px,-2px);background:#263128}
}
@media(max-width:850px){.home-index .product-bento{grid-template-columns:1fr}.home-index .product-bento-card,.home-index .product-bento-card:nth-child(3){min-height:280px}.home-index .product-bento-card h3{font-size:1.75rem}}
@media(max-width:600px){.home-index .product-bento-card{padding:23px}}
@media(prefers-reduced-motion:reduce){.home-index .product-bento-card *{transition:none!important;transform:none!important}}
@media(forced-colors:active){.home-index .product-bento-card{background:Canvas;border-color:CanvasText;box-shadow:none}.home-index .product-bento-card .card-link,.home-index .product-bento-card .explore-arrow{border-color:CanvasText}}

/* Profile editorial: statement left, readable biography and action right. */
.home-index .editorial{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,88px);padding:64px 0;border-top:1px solid #354039}
.home-index .editorial>div{min-width:0}
.home-index .editorial .eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.8;letter-spacing:1.8px;color:#c6d0c7}
.home-index .editorial h2{font-size:clamp(2.25rem,3.7vw,3.15rem);font-weight:600;line-height:1.13;letter-spacing:-.045em;margin:22px 0 0}
.home-index .editorial>div:nth-child(2){display:flex;flex-direction:column;align-items:stretch}
.home-index .editorial p{font-size:1.0625rem;line-height:1.9;color:#c6d0c7;max-width:54ch;margin:0 0 24px}
.home-index .editorial .button.secondary{align-self:flex-end;min-width:240px;min-height:50px;margin-top:12px;padding:12px 28px;border:1px solid #cdfc73;border-radius:999px;color:#eaf3e1;background:transparent;font-weight:600;transition:background-color 200ms ease,color 200ms ease,box-shadow 200ms ease}
@media(hover:hover) and (pointer:fine){.home-index .editorial .button.secondary:hover{background:#cdfc73;color:#172012;box-shadow:0 0 22px #cdfc7326}}
.home-index .editorial .button.secondary:focus-visible{background:#cdfc73;color:#172012}
@media(max-width:850px){.home-index .editorial{grid-template-columns:1fr;gap:32px;padding:44px 0}.home-index .editorial h2{max-width:24ch}.home-index .editorial p{max-width:65ch}}
@media(max-width:600px){.home-index .editorial{gap:26px;padding:36px 0}.home-index .editorial h2{font-size:clamp(2rem,7.5vw,2.65rem)}.home-index .editorial p{font-size:1rem}.home-index .editorial .button.secondary{min-width:0;width:100%;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.home-index .editorial .button.secondary{transition:none}}
@media(forced-colors:active){.home-index .editorial,.home-index .editorial .button.secondary{border-color:CanvasText}.home-index .editorial .button.secondary{background:Canvas;color:CanvasText;box-shadow:none}}

/* Shared dashboard architecture. Content and brand typography remain intact. */
:root{--tech-surface:#121923;--tech-border:#343c50;--motion:cubic-bezier(.25,1,.5,1)}
.wrap{max-width:1480px;padding-inline:clamp(22px,4.5vw,68px)}
.topbar{padding-block:20px;border-bottom:1px solid var(--tech-border)}
.topbar>.navigation{margin-left:auto}
.navigation,.js .navigation:not(.is-open),.js .navigation.is-open{padding:14px 18px;gap:10px}
.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(36px,6vw,88px);padding-block:84px}
.feature-panel{background:var(--tech-surface);border:1px solid var(--tech-border);padding:36px;border-radius:24px}
.ecosystem-link{border-color:var(--tech-border);padding-block:22px}
.page-intro{max-width:none;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px 64px;padding:72px 0 56px;border-bottom:1px solid var(--tech-border);margin-bottom:40px;align-items:end}
.page-intro>.eyebrow{grid-column:1/-1}
.page-intro h1{margin:0;max-width:20ch}
.page-intro p{margin:0;line-height:1.85;max-width:54ch}
.eyebrow,.showcase-card .eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1.6px;line-height:1.8}
.grid,.home-index .product-bento{gap:24px;align-items:stretch}
.three,.home-index .product-bento{grid-template-columns:repeat(3,minmax(0,1fr))}
.card,.contact-form,.note{background:var(--tech-surface);border:1px solid var(--tech-border);border-radius:20px;padding:32px}
.showcase-card,.home-index .product-bento-card,.home-index .product-bento-card:nth-child(3){--theme:#83a9d7;--glow:131,169,215;grid-column:auto;min-height:350px;padding:32px;background:var(--tech-surface);border:1px solid var(--tech-border);border-radius:20px;box-shadow:0 0 18px rgba(var(--glow),.05);transition:transform 250ms var(--motion),background-color 250ms var(--motion),border-color 250ms var(--motion),box-shadow 250ms var(--motion)}
.showcase-card:nth-child(2),.home-index .product-bento-card:nth-child(2){--theme:#a58bc7;--glow:165,139,199}
.showcase-card:nth-child(3),.home-index .product-bento-card:nth-child(3){--theme:#cdfc73;--glow:205,252,115}
.showcase-card .card-overlay{display:none}
.showcase-card .eyebrow{min-height:36px;color:#c6d0c7}
.showcase-card h3,.showcase-card .card-description{transition:transform 250ms var(--motion),color 250ms var(--motion)}
.showcase-card .card-link{margin-top:auto;min-height:54px;padding-top:20px;border-top:1px solid var(--tech-border);display:flex;align-items:center;justify-content:space-between;color:#cdfc73;font-weight:600}
.showcase-card:not(.product-bento-card) .card-link::after{content:'↗';font-size:20px;transition:transform 250ms var(--motion)}
.split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:start}
.split>*,.article-layout>*{min-width:0}
.split p{line-height:1.9}
.principles>div{padding:24px 28px 24px 64px;border:1px solid var(--tech-border);border-radius:16px;background:var(--tech-surface);margin-bottom:16px}
.principles span{left:24px;top:26px}
.article-layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:48px}
.article-layout article,.reading{padding:32px;border:1px solid var(--tech-border);border-radius:20px;background:var(--tech-surface)}
.article-layout aside{padding:32px}
.reading{max-width:900px;margin-inline:auto}
.reading p,.reading li{line-height:1.9}
.article-meta{border-bottom:1px solid var(--tech-border);margin-bottom:28px}
.note{padding:36px;margin-top:40px}
.contact-form select,.contact-form textarea{background:#101411;border:1px solid var(--tech-border);border-radius:12px;padding:14px}
.footer{border-color:var(--tech-border);padding-block:40px}
.button,.navigation .nav-contact,.home-index .editorial .button.secondary{border-radius:999px;transition:transform 250ms var(--motion),background-color 250ms var(--motion),color 250ms var(--motion),border-color 250ms var(--motion),box-shadow 250ms var(--motion)}
.button{padding:14px 28px;min-height:50px}
.navigation .nav-contact{padding:12px 24px!important;border-color:#cdfc73}
.showcase-card:focus-visible,.home-index .product-bento-card:focus-visible{transform:none;border-color:var(--theme);box-shadow:0 0 28px rgba(var(--glow),.18)}
@media(hover:hover) and (pointer:fine){
 .navigation a:not(.nav-contact):hover{transform:translateY(-4px) scale(1.04);background:#292f29}
 .navigation a:not(.nav-contact):hover .nav-icon{transform:translateY(-2px) rotate(-3deg)}
 .showcase-card:hover,.home-index .product-bento-card:hover{transform:translateY(-4px) scale(1.04);background:#161e2b;border-color:var(--theme);box-shadow:0 0 32px rgba(var(--glow),.2),0 18px 40px #0004;z-index:3}
 .showcase-card:hover h3{transform:translateY(-3px)}
 .showcase-card:hover .card-description{color:#e1e6e3;transform:translateY(-2px)}
 .showcase-card:hover .card-link::after{transform:translate(2px,-2px)}
 .button:hover,.navigation .nav-contact:hover,.home-index .editorial .button.secondary:hover{transform:translateY(-4px);background:#cdfc73;color:#172012!important;border-color:#cdfc73;box-shadow:0 0 24px #cdfc7326}
}
@media(max-width:1000px){.three,.home-index .product-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.three>.showcase-card:last-child,.home-index .product-bento-card:nth-child(3){grid-column:1/-1}.page-intro{gap:20px 36px}.article-layout{gap:28px}}
@media(max-width:850px){.hero,.split,.page-intro,.article-layout{grid-template-columns:1fr}.hero{padding-block:48px}.page-intro{padding:44px 0 32px;gap:20px}.page-intro>.eyebrow{grid-column:auto}.topbar>.navigation{margin-left:0}.article-layout{gap:24px}.split{gap:32px}.home-index .editorial{grid-template-columns:1fr}.page-intro p{max-width:65ch}}
@media(max-width:600px){.three,.two,.home-index .product-bento{grid-template-columns:1fr}.three>.showcase-card:last-child,.home-index .product-bento-card:nth-child(3){grid-column:auto}.showcase-card,.home-index .product-bento-card,.home-index .product-bento-card:nth-child(3){min-height:300px;padding:24px}.card,.contact-form,.note,.reading,.article-layout article,.article-layout aside,.feature-panel{padding:24px}.navigation,.js .navigation:not(.is-open),.js .navigation.is-open{padding:12px 14px;gap:8px}.navigation .nav-contact{padding:10px 18px!important}.principles>div{padding-right:20px}.grid,.home-index .product-bento{gap:20px}}
@media(prefers-reduced-motion:reduce){.navigation a,.navigation .nav-icon,.showcase-card,.showcase-card *,.button,.home-index .editorial .button.secondary{transition:none!important;transform:none!important}}
@media(forced-colors:active){.card,.showcase-card,.home-index .product-bento-card,.contact-form,.note,.reading,.article-layout article,.principles>div,.feature-panel{background:Canvas;border-color:CanvasText;box-shadow:none}.page-intro,.footer,.showcase-card .card-link{border-color:CanvasText}.button:hover,.navigation .nav-contact:hover{background:Highlight;color:HighlightText!important}}

/* Frameless navigation items; retain the contact pill and dock. */
.navigation a:not(.nav-contact),.navigation a:not(.nav-contact)[aria-current]{background:transparent;border-color:transparent;box-shadow:none}
@media(hover:hover) and (pointer:fine){.navigation a:not(.nav-contact):hover{background:transparent;border-color:transparent;box-shadow:none}}

/* Navigation hover highlights only the label and its currentColor icon. */
.navigation a:not(.nav-contact){transition:color 250ms cubic-bezier(.25,1,.5,1)}
@media(hover:hover) and (pointer:fine){
 .navigation a:not(.nav-contact):hover{color:#cdfc73!important;transform:none;background:transparent;border-color:transparent;box-shadow:none}
 .navigation a:not(.nav-contact):hover .nav-icon{transform:none}
}

/* Responsive header structure adapted to the existing brand and navigation. */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;padding-block:20px}
.topbar>.brand{white-space:nowrap}
.topbar>.navigation{width:auto;max-width:100%;min-width:0;margin-left:auto}
@media(max-width:850px){
 .topbar{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-height:0;padding-block:18px}
 .topbar>.brand{justify-self:center}
 .topbar>.navigation{width:100%;margin-left:0;justify-self:stretch}
 .navigation,.js .navigation:not(.is-open),.js .navigation.is-open{justify-content:safe center;scroll-padding-inline:14px}
 .navigation a:not(.nav-contact){flex-basis:64px;width:64px;height:64px;min-height:64px;font-size:11px;gap:6px}
}
@media(max-width:600px){
 .topbar{gap:12px;padding-block:16px}
 .topbar>.brand{font-size:1.5rem}
 .navigation,.js .navigation:not(.is-open),.js .navigation.is-open{padding:10px 12px;gap:6px;scroll-padding-inline:12px}
 .navigation .nav-icon{width:20px;height:20px}
}

/* Shared Explore action indicator. */
.explore-indicator{width:18px;height:18px;flex:none;vertical-align:middle;transition:transform 250ms cubic-bezier(.25,1,.5,1)}
.button:has(.explore-indicator),.text-link:has(.explore-indicator),.explore-action{display:inline-flex;align-items:center;gap:12px}
.showcase-card:not(.product-bento-card) .card-link::after{content:none}
.explore-action .explore-indicator{width:16px;height:16px}
@media(hover:hover) and (pointer:fine){a:hover>.explore-indicator,.showcase-card:hover .explore-indicator,.ecosystem-link:hover .explore-indicator{transform:translate(2px,-2px)}}
@media(prefers-reduced-motion:reduce){.explore-indicator{transition:none!important;transform:none!important}}
/* Orbital Tech — shared premium interface layer. */
:root {
  --canvas: #101213;
  --panel: #171c19;
  --line: #ffffff12;
  --ink: #eef0ee;
  --accent: #cdfc73;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}
body { background: var(--canvas); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.wrap { max-width: 1280px; margin-inline: auto; padding-inline: clamp(22px, 4vw, 56px); }
h1, h2, h3, h1 em, .overlay-title { background: none !important; -webkit-text-fill-color: var(--ink) !important; color: var(--ink) !important; }
h1 em { -webkit-text-fill-color: var(--accent) !important; }
p { color: #bec8c1; line-height: 1.85; }
section { margin-bottom: 104px; }
.eyebrow, .article-meta, .principles span { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: 1.8px; }
.eyebrow { color: var(--accent) !important; }
.topbar { position: relative; display: flex; min-height: 96px; gap: 18px; padding-block: 20px; border-color: var(--line); }
.topbar .brand { font-size: 1.65rem; }
.topbar > .navigation { margin-left: auto; }
.navigation, .js .navigation:not(.is-open), .js .navigation.is-open {
  width: auto; padding: 6px; gap: 2px; overflow: visible;
  background: #171c19cc; border: 1px solid var(--line); border-radius: 999px;
  box-shadow: 0 8px 24px #0002;
}
.navigation a:not(.nav-contact) {
  flex: 0 0 auto; width: auto; height: 42px; min-height: 42px;
  flex-direction: row; gap: 7px; padding: 8px 12px !important;
  border: 0; border-radius: 999px; font-size: 12px;
}
.navigation .nav-icon { width: 16px; height: 16px; }
.header-contact { flex: none; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 22px !important; border: 1px solid #cdfc7380; border-radius: 999px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.menu-toggle { display: none !important; }
.hero { padding-block: 80px; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); }
.feature-panel { padding: 32px; background: var(--panel); border-color: var(--line); border-radius: 28px 10px 28px 10px; box-shadow: none; }
.ecosystem-link { border-color: var(--line); }
.page-intro { padding-block: 64px 48px; border-color: var(--line); }
.grid, .home-index .product-bento { gap: 18px; }
.three, .home-index .product-bento { grid-template-columns: 1.15fr 1fr 1fr; }
.showcase-card, .home-index .product-bento-card, .home-index .product-bento-card:nth-child(3) {
  min-height: 300px; padding: 28px; background: var(--panel); border: 1px solid var(--line);
  border-radius: 22px 8px 22px 8px; box-shadow: none;
}
.showcase-card h3, .home-index .product-bento-card h3 { font-size: 1.5rem; }
.showcase-card .card-link, .home-index .product-bento-card .card-link { border-color: var(--line); color: var(--accent); }
.home-index .editorial { border-color: var(--line); padding-block: 48px; }
.home-index .editorial .button.secondary { min-width: 230px; }
.card, .contact-form, .note, .reading, .article-layout article, .article-layout aside, .principles > div { background: var(--panel); border-color: var(--line); box-shadow: none; border-radius: 24px 8px 24px 8px; }
.reading, .article-layout article { padding: 40px; }
.article-layout { gap: 32px; }
.note { padding: 32px 40px; }
.principles > div { margin-bottom: 12px; }
.footer, .article-meta { border-color: var(--line); }
a, button, .showcase-card, .home-index .product-bento-card, .button, .header-contact, .nav-icon, .explore-indicator, .home-index .editorial .button.secondary {
  transition: transform 280ms var(--ease), background-color 280ms var(--ease), color 280ms var(--ease), border-color 280ms var(--ease), opacity 280ms var(--ease) !important;
}
@media (hover: hover) and (pointer: fine) {
  .navigation a:not(.nav-contact):hover { transform: translateY(-2px); background: #262924; color: var(--accent) !important; }
  .navigation a:not(.nav-contact):hover .nav-icon { transform: none; }
  .showcase-card:hover, .home-index .product-bento-card:hover { transform: translateY(-3px); background: #222621; box-shadow: none; border-color: #cdfc7338; }
  .showcase-card:hover h3, .showcase-card:hover .card-description, .home-index .product-bento-card:hover h3, .home-index .product-bento-card:hover .card-description { transform: none; color: var(--ink); }
  .button:hover, .home-index .editorial .button.secondary:hover, .header-contact:hover { transform: translateY(-2px); background: #262924; color: var(--ink) !important; border-color: var(--accent); box-shadow: none; }
  a:hover .explore-indicator { transform: translateX(3px); }
  .ecosystem-link:hover { background: #222621; }
}
@media (max-width: 1050px) {
  .navigation a:not(.nav-contact) { padding-inline: 9px !important; gap: 5px; }
  .navigation .nav-icon { display: none; }
}
@media (max-width: 850px) {
  .topbar { display: flex; min-height: 84px; gap: 12px; }
  .topbar > .brand { margin-right: auto; }
  .menu-toggle, .js .menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; background: transparent; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); cursor: pointer; }
  .navigation, .js .navigation:not(.is-open), .js .navigation.is-open {
    position: absolute; top: calc(100% - 4px); right: 0; width: min(340px,100%); z-index: 20;
    display: flex; flex-direction: column; align-items: stretch; padding: 14px;
    border-radius: 20px; background: #171c19f5; box-shadow: 0 20px 50px #0006;
  }
  .js .navigation:not(.is-open) { visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(-8px); }
  .js .navigation.is-open { visibility: visible; opacity: 1; transform: translateY(0); }
  .navigation a:not(.nav-contact) { width: 100%; height: 48px; min-height: 48px; justify-content: flex-start; gap: 12px; padding-inline: 16px !important; }
  .navigation .nav-icon { display: block; width: 18px; height: 18px; }
  html:not(.js) .topbar { flex-wrap: wrap; }
  html:not(.js) .navigation { position: static; width: 100%; order: 4; }
  .hero, .split, .page-intro, .article-layout { grid-template-columns: 1fr; }
  section { margin-bottom: 72px; }
  .hero { padding-block: 48px; }
  .three, .home-index .product-bento { grid-template-columns: 1fr; }
  .three > .showcase-card:last-child, .home-index .product-bento-card:nth-child(3) { grid-column: auto; }
}
@media (max-width: 600px) {
  .topbar .brand { font-size: 1.35rem; }
  .header-contact { padding-inline: 14px !important; font-size: 12px; }
  .topbar { gap: 8px; }
  section { margin-bottom: 64px; }
  .reading, .article-layout article, .note, .feature-panel { padding: 24px; }
  .two { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; }
  a:hover, button:hover, .showcase-card:hover, .home-index .product-bento-card:hover, .explore-indicator { transform: none !important; }
}
@media (forced-colors: active) {
  h1, h2, h3, h1 em { -webkit-text-fill-color: CanvasText !important; }
  .navigation, .card, .feature-panel, .header-contact { background: Canvas; border-color: CanvasText; color: CanvasText !important; }
}

/* Current location stays recognizable without relying on colour alone. */
.navigation a[aria-current="page"] {
  background: #ffffff08;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.navigation a:focus-visible, .header-contact:focus-visible, .menu-toggle:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.menu-toggle[aria-expanded="true"] { border-color: var(--accent); }

/* Header identity: restrained orbital mark and crisp wordmark. */
.topbar .brand { display: inline-flex; align-items: center; gap: 11px; letter-spacing: -.045em; font-weight: 700; }
.topbar .brand-mark { width: 34px; height: 34px; flex: none; color: var(--accent); }
.topbar .brand .brand-wordmark { color: var(--ink); }
.topbar .brand .brand-wordmark > span { color: var(--accent); }
@media (max-width: 600px) { .topbar .brand { gap: 8px; } .topbar .brand-mark { width: 26px; height: 26px; } }
@media (max-width: 380px) { .topbar .brand { font-size: 1.15rem; gap: 6px; } .topbar .brand-mark { width: 23px; height: 23px; } }

/* Telemetry reference: charcoal panels, cool type and cyan action accents. */
:root {
  --canvas: #0d1117;
  --panel: #161b22;
  --line: #30363d;
  --ink: #f0f6fc;
  --muted: #a0aab5;
  --interface-accent: #00f0ff;
}
body { background: var(--canvas); color: var(--ink); }
.wrap { max-width: 1400px; padding-inline: clamp(22px, 3.5vw, 48px); }
p, .home-index .editorial p, .hero .hero-description, .page-intro p,
.showcase-card .card-description, .home-index .product-bento-card .card-description {
  color: var(--muted); line-height: 1.75;
}
.hero { gap: 40px; padding-block: 64px; }
.hero h1 { font-weight: 700; }
.section-heading h2, .page-intro h1 { font-weight: 700; }
.grid, .home-index .product-bento { gap: 28px; }
.three, .home-index .product-bento { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card, .showcase-card, .home-index .product-bento-card,
.home-index .product-bento-card:nth-child(3), .feature-panel,
.contact-form, .note, .reading, .article-layout article,
.article-layout aside, .principles > div {
  background: var(--panel); border: 1px solid var(--line);
  border-radius: 22px; box-shadow: none;
}
.showcase-card, .home-index .product-bento-card,
.home-index .product-bento-card:nth-child(3) {
  padding: 32px; min-height: 340px;
}
.showcase-card h3, .home-index .product-bento-card h3 {
  font-weight: 700; font-size: clamp(1.5rem, 2vw, 1.85rem);
  margin-top: 24px;
}
.eyebrow, .home-index .product-bento-card .eyebrow {
  color: var(--muted) !important; font-size: 11px;
  letter-spacing: 1.6px; line-height: 1.8;
}
.showcase-card .card-link, .home-index .product-bento-card .card-link,
.text-link, .principles span { color: var(--interface-accent); }
.showcase-card .card-link, .home-index .product-bento-card .card-link {
  border-color: var(--line); min-height: 58px;
}
.feature-panel { padding: 32px; }
.feature-panel .panel-heading { max-width: none; }
.ecosystem-link { padding-block: 22px; }
.ecosystem-link strong { font-weight: 600; }
.ecosystem-link span { color: var(--muted); }
.navigation, .js .navigation:not(.is-open), .js .navigation.is-open {
  background: #161b22e6; border-color: var(--line);
}
.button.secondary, .header-contact { border-color: #596774; }
.button.secondary .explore-indicator, .text-link .explore-indicator {
  color: var(--interface-accent);
}
.contact-form select, .contact-form textarea { background: var(--canvas); color: var(--ink); }
@media (hover: hover) and (pointer: fine) {
  .showcase-card:hover, .home-index .product-bento-card:hover {
    background: #20262e; border-color: var(--interface-accent);
    box-shadow: 0 0 24px #00f0ff16; transform: translateY(-3px);
  }
  .text-link:hover, .ecosystem-link:hover strong { color: var(--interface-accent); }
}
@media (max-width: 850px) {
  .hero { grid-template-columns: 1fr; padding-block: 44px; }
  .three, .home-index .product-bento { grid-template-columns: 1fr; }
  .navigation, .js .navigation.is-open { background: #161b22f5; }
}
@media (max-width: 600px) {
  .grid, .home-index .product-bento { gap: 20px; }
  .showcase-card, .home-index .product-bento-card,
  .home-index .product-bento-card:nth-child(3) { padding: 24px; min-height: 300px; }
}
@media (forced-colors: active) {
  .card, .showcase-card, .home-index .product-bento-card, .feature-panel,
  .navigation, .contact-form, .note, .reading, .article-layout article {
    background: Canvas; border-color: CanvasText; box-shadow: none;
  }
}

/* Five-product collection: three cards above two equally sized panels. */
@media (min-width: 851px) {
 .home-index .product-bento, .products-index > .grid.three { grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .home-index .product-bento > .showcase-card, .products-index > .grid.three > .showcase-card { grid-column: span 2; }
 .home-index .product-bento > .showcase-card:nth-child(n+4), .products-index > .grid.three > .showcase-card:nth-child(n+4) { grid-column: span 3; }
}

/* Homepage introduction aligned with the cyan/charcoal interface. */
.home-index .hero {
  align-items: stretch;
  gap: 28px;
  padding-block: 48px 56px;
}
.home-index .hero > div:first-child {
  padding: clamp(24px, 3vw, 40px);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 22px;
  min-width: 0;
}
.home-index .hero h1 {
  font-size: clamp(2.4rem, 4.6vw, 3.8rem);
  line-height: 1.1;
  letter-spacing: -.045em;
  margin-block: 24px;
}
.home-index .hero h1 em {
  color: var(--interface-accent) !important;
  -webkit-text-fill-color: var(--interface-accent) !important;
}
.home-index .hero .hero-description {
  font-size: 1.0625rem;
  line-height: 1.8;
  margin-block: 20px 28px;
}
.home-index .hero .actions { gap: 12px; margin-top: 24px; }
.home-index .hero .button:not(.secondary) {
  background: var(--interface-accent);
  color: #0d1117;
  border-color: var(--interface-accent);
}
.home-index .hero .button.secondary { border-color: #596774; }
.home-index .hero .hero-foot {
  border-top: 1px solid var(--line);
  padding-top: 22px;
  margin-top: 28px;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 10px;
  letter-spacing: 1.4px;
}
.home-index .hero .feature-panel { display: flex; flex-direction: column; justify-content: center; }
@media (hover: hover) and (pointer: fine) {
  .home-index .hero .button:not(.secondary):hover {
    background: #20262e;
    color: var(--interface-accent) !important;
    border-color: var(--interface-accent);
  }
}
@media (max-width: 850px) { .home-index .hero { grid-template-columns: 1fr; padding-block: 32px 40px; } }
@media (max-width: 600px) {
  .home-index .hero > div:first-child { padding: 24px; }
  .home-index .hero h1 { font-size: clamp(2rem, 8vw, 2.8rem); }
  .home-index .hero .button { width: 100%; }
}
@media (forced-colors: active) {
  .home-index .hero > div:first-child { background: Canvas; border-color: CanvasText; }
  .home-index .hero h1 em { -webkit-text-fill-color: CanvasText !important; }
}

/* Header brand aligned to the current charcoal/cyan palette. */
.topbar .brand {
  gap: 12px;
  padding: 6px 8px 6px 0;
  border-radius: 12px;
  letter-spacing: -.035em;
  transition: color 280ms var(--ease), background-color 280ms var(--ease) !important;
}
.topbar .brand-mark {
  width: 38px;
  height: 38px;
  padding: 4px;
  color: var(--interface-accent);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: visible;
  transition: transform 280ms var(--ease), border-color 280ms var(--ease), box-shadow 280ms var(--ease) !important;
}
.topbar .brand .brand-wordmark { font-weight: 700; color: var(--ink); }
.topbar .brand .brand-wordmark > span { color: var(--interface-accent); }
.topbar .brand:focus-visible { outline: 2px solid var(--interface-accent); outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) {
  .topbar .brand:hover { background: #ffffff04; }
  .topbar .brand:hover .brand-mark {
    transform: rotate(-5deg);
    border-color: var(--interface-accent);
    box-shadow: 0 0 16px #00f0ff22;
  }
}
@media (max-width: 600px) {
  .topbar .brand { gap: 8px; padding-right: 2px; }
  .topbar .brand-mark { width: 30px; height: 30px; padding: 3px; border-radius: 9px; }
}
@media (max-width: 380px) {
  .topbar .brand { font-size: 1.1rem; gap: 6px; }
  .topbar .brand-mark { width: 26px; height: 26px; }
}
@media (prefers-reduced-motion: reduce) { .topbar .brand:hover .brand-mark { transform: none; } }
@media (forced-colors: active) {
  .topbar .brand-mark { color: LinkText; background: Canvas; border-color: LinkText; box-shadow: none; }
  .topbar .brand .brand-wordmark, .topbar .brand .brand-wordmark > span { color: LinkText; }
}

/* Yellow-to-green title treatment; interface accents remain cyan. */
:root {
  --heading-gradient: linear-gradient(90deg, #f4e13d 0%, #c6e856 28%, #98ee71 52%, #5af793 78%, #2cfeac 100%);
}
h1, h2, h3 { color: #f4e13d !important; }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  h1, h2, h3 {
    background: var(--heading-gradient) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
  h1 *, h2 *, h3 *, .home-index .hero h1 em {
    background: none !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }
}
@media (forced-colors: active) {
  h1, h2, h3, h1 *, h2 *, h3 *, .home-index .hero h1 em {
    color: CanvasText !important;
    background: none !important;
    -webkit-text-fill-color: CanvasText !important;
  }
}

.comments-area { padding: 56px 0; border-top: 1px solid var(--line); }
.comments-columns { display:grid; grid-template-columns:1.2fr 1fr; gap:32px; margin-top:28px; }
.comment-form { padding:28px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.comment-form label { display:block; margin:16px 0 6px; font-weight:600; }
.comment-form input,.comment-form textarea { width:100%; min-width:0; font:inherit; background:#0d1117; color:var(--ink); border:1px solid var(--line); border-radius:10px; padding:12px; }
.comment-form textarea { resize:vertical; }
.comment-form a { text-decoration:underline; }
.comment-form .button { margin-top:12px; }
.comment-form #comment-count { display:block; font-size:14px; color:var(--muted); text-align:right; }
.comment-entry { padding:22px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.comment-entry time { display:block; font-size:14px; color:var(--muted); }
.comment-entry p { white-space:pre-wrap; }
.comment-entry button { margin-right:12px; }
.comment-trap { position:absolute; left:-10000px; }
button:disabled { opacity:.6; cursor:wait; }
@media(max-width:700px) { .comments-columns { grid-template-columns:1fr; } .comment-form { padding:20px; } }