/* Emerald, mint and sage light with translucent surfaces. */
:root{--sage:#348265;--light-sage:#b4efc0;--forest:#123e33;--ink:#183e33;--muted:#48665a;--line:#bdd8c6;--wash:#e2f1e5;--ivory:#f5f8ef;--green-gradient:linear-gradient(120deg,#176951 0%,#348d67 48%,#65a84e 100%)}
body{background:radial-gradient(ellipse at 100% 20%,#c3f0db55,transparent 45%),var(--ivory)}
.site-header{background:#f5f8efd9;border-bottom:1px solid #ffffffb0;box-shadow:0 5px 28px #175c3d0a;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}
.site-header.scrolled{background:#123e33db;border-color:#b8f5d425;box-shadow:0 8px 35px #0a2b2426}
.wordmark{color:#267e5c}.wordmark strong{background:linear-gradient(110deg,#176c55,#508e3f);-webkit-background-clip:text;background-clip:text;color:transparent}
.scrolled .wordmark strong{background-image:linear-gradient(110deg,#b7efc7,#a5eddd)}
.button{background:var(--green-gradient);box-shadow:0 8px 25px #287a5433,inset 0 1px 0 #d9ffd84d;border:1px solid #c5eeb338;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{background:linear-gradient(120deg,#145e4d,#287b5c,#50963c);box-shadow:0 12px 32px #318a554d,inset 0 1px 0 #e0ffe559}
.scrolled .small-button{background:linear-gradient(110deg,#c2f2b5,#99e8ce);color:#143f31}
.nav-dropdown>div{background:#f5faf0ee;border:1px solid #fff;box-shadow:0 18px 60px #145d3929,inset 0 1px 0 white;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.nav-dropdown a:hover{background:linear-gradient(100deg,#ccebd5b3,#ddf5e5aa)}
.page-hero{background:radial-gradient(ellipse at 15% 15%,#80ba7059,transparent 55%),radial-gradient(ellipse at 95% 90%,#55cbb244,transparent 55%),linear-gradient(115deg,#163f34,#287352 65%,#428a57)}
.approach,footer{background:radial-gradient(ellipse at 85% 20%,#3fa77825,transparent 60%),linear-gradient(130deg,#10372f,#205441)}
.approach .button{background:linear-gradient(110deg,#bef1ae,#92e6c5);color:#143f31}.footer-wordmark{color:#b4efc0}
.guide-card{background:linear-gradient(135deg,#ffffffd9,#eaf8e6b3);border-color:#ffffff;box-shadow:0 8px 28px #28714e0e,inset 0 1px 0 #fff}.guide-card:hover{box-shadow:0 16px 40px #2b8b5124}
.substack-section{background:radial-gradient(ellipse at top right,#9ee5c15c,transparent 70%),linear-gradient(115deg,#d8ebcb,#edf8e9)}
/* Luminous dark backdrop gives the floating glass cards definition. */
.ecosystem-hero{color:#effbef;background:radial-gradient(ellipse at 12% 10%,#71b77b40,transparent 40%),radial-gradient(ellipse at 80% 50%,#36c3a052,transparent 45%),radial-gradient(ellipse at 40% 100%,#a8e45a29,transparent 50%),linear-gradient(140deg,#0c2b26,#174e3b 65%,#0e3930)}
.ecosystem-intro h1 em{color:#bff0ae;background:linear-gradient(110deg,#d3f5ac 15%,#a5edcc 60%,#a5dfef);-webkit-background-clip:text;background-clip:text;color:transparent}
.ecosystem-intro .eyebrow,.orbit-word{color:#c0e5ce}.hero-deck{color:#d0e5d6}.ecosystem-hero .button{background:linear-gradient(110deg,#c8f29c,#9de8c2);color:#123e32;border-color:#e0ffd2a3;box-shadow:0 8px 30px #b7ef9430,inset 0 1px 0 #ffffff8c}.ecosystem-hero .button:hover{box-shadow:0 10px 40px #b7ef9459}.ecosystem-hero .text-link{color:#e1f6df}
.orbit-ring{border-color:#aaf4c52c;box-shadow:0 0 40px #8edfb610}.orbit-word,.orbit-sticker{color:#bce6bf}.orbit-card{border:1px solid #d2ffe35c;box-shadow:0 25px 60px #001e2b45,0 0 30px #7bd6ac16,inset 0 1px 0 #ffffff55}
.orbit-plan{background:linear-gradient(140deg,#e3ffdcdd,#a6dcccbf);color:#163e30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.note-row{border-color:#4d8d6a4a}
.orbit-signal{background:linear-gradient(120deg,#2f7353bb,#286c65b3);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.orbit-signal small{color:#d6f0d8}
.ecosystem-hero-bottom{border-color:#bef8cb33;color:#bfe1c8}.ecosystem-hero .motion-control{color:#e2f6dc;background:#d1ffe414;border-color:#d1ffe44a}.ecosystem-hero .live-dot{background:#c1f18f;box-shadow:0 0 0 4px #c1f18f12}
.ecosystem-overview,.ecosystem-teaser{background:radial-gradient(ellipse at 10% 15%,#c6f1b68c,transparent 55%),radial-gradient(ellipse at 95% 85%,#acead666,transparent 50%),#edf6e9}
.ecosystem-card{border:1px solid #ffffffb3;box-shadow:0 14px 40px #316e4120,inset 0 1px 0 #ffffffb3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.os-card{background:linear-gradient(135deg,#fcfff3d9,#c5e9bebd);color:#193f30}.os-card .product-mark{color:#3c8655}
.otf-card{background:radial-gradient(ellipse at top right,#83d98c4d,transparent 65%),linear-gradient(130deg,#174333f2,#28634fec);color:#f2fbe9;border-color:#82b99d6b}.otf-card .product-mark{color:#c6f494}
.cloned-card{background:radial-gradient(ellipse at 90% 0%,#ae59c652,transparent 65%),linear-gradient(130deg,#211e35,#392347);color:#f7efff;border-color:#bf8fdf59;box-shadow:0 14px 40px #56376924,inset 0 1px 0 #efd5ff26}
.motion-showcase{background:radial-gradient(ellipse at 0% 0%,#6ab67e33,transparent 50%),radial-gradient(ellipse at 100% 90%,#40bda331,transparent 50%),linear-gradient(130deg,#10372f,#205441)}.ribbon-card{border:1px solid #b6edca45;box-shadow:0 15px 35px #041f2a30}.ribbon-type{background:linear-gradient(145deg,#d7f4b4,#a4e3cb);color:#143e2d}
.workflow-section{background:radial-gradient(ellipse at 90% 15%,#aceacc4d,transparent 55%),#f5f8ef}.workflow-demo{background:linear-gradient(130deg,#ffffffd9,#e7f5e6cc);border-color:#fff;box-shadow:0 15px 55px #337b5121,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.workflow-tabs button[aria-selected=true]{background:linear-gradient(115deg,#d5f0b7,#bcebd7);box-shadow:inset 0 -3px #398960}.flow-core{background:linear-gradient(135deg,#c7f2a1,#a6e6c9);color:#247552;box-shadow:0 10px 35px #69bf7540}.flow-token{background:#ffffffde;border-color:#fff}.flow-orbit{border-color:#5ca77670}
.studio-feature{background:radial-gradient(ellipse at 95% 30%,#d9c5f040,transparent 55%),linear-gradient(125deg,#e1efda,#eff7e8)}.studio-console{box-shadow:0 25px 65px #4d356a30,0 0 40px #b285d526}.os-board{background:linear-gradient(130deg,#ffffffd9,#cef0c7c9);border-color:#fff;box-shadow:0 15px 50px #2c7d5026,inset 0 1px 0 #fff}.board-grid>div{background:#ffffff9c;border-color:#ffffffc9}.board-header{border-color:#7daa854a}
.otf-feature{background:radial-gradient(ellipse at 10% 80%,#91ddb14d,transparent 55%),linear-gradient(125deg,#d8efca,#c9eddf)}.automation-board{background:radial-gradient(ellipse at 90% 0%,#76c99533,transparent 60%),linear-gradient(140deg,#154232,#286650);border-color:#a7ddae70;box-shadow:0 25px 60px #32875930,inset 0 1px 0 #d0ffd433}.automation-node{background:#d5ffe00f;border-color:#c4f0d140}.automation-line::after{background:#ccff9e;box-shadow:0 0 8px #ccff9e}
.ecosystem-cta{background:radial-gradient(ellipse at 25% 100%,#ade39194,transparent 60%),radial-gradient(ellipse at 85% 30%,#a1e8d580,transparent 55%),#f1f8e9}
@supports not (backdrop-filter:blur(1px)){.site-header{background:#f5f8ef}.site-header.scrolled{background:#123e33}.orbit-plan{background:#d1ecd1}.orbit-signal{background:#245f4b}}
@media(max-width:940px){.site-header nav{background:#f5f8eff5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}}
@media(prefers-reduced-transparency:reduce){.site-header{background:#f5f8ef}.site-header.scrolled{background:#123e33}.orbit-plan{background:#d1ecd1}.orbit-signal{background:#245f4b}}