/* Product-led copy, glass surfaces, and restrained green light. */
@property --button-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
:root{--accent:#baf681;--signal:#baf681}
.hero{padding-bottom:clamp(64px,7vw,112px)}
::selection{background:#baf681;color:#0b130c}
.button-primary,.button-light,.button-dark{
  position:relative;isolation:isolate;overflow:hidden;color:#f3ffe9;border:1px solid transparent;
  background:linear-gradient(125deg,#2b3b2be8,#111d18ed 65%,#22392be6) padding-box,conic-gradient(from var(--button-angle),#99ba7e38 0deg,#99ba7e38 220deg,#d9ffc2 275deg,#93ed4f 310deg,#99ba7e38 360deg) border-box;
  backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #efffdf1f;animation:button-edge 7s linear infinite;
  transition:transform .25s,box-shadow .25s,filter .25s;
}
.button-primary:before,.button-light:before,.button-dark:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,#edffe11a 48%,transparent 65%);background-size:240% 100%;background-position:100% 0;transition:background-position .7s}
.button-primary:hover,.button-light:hover,.button-dark:hover{background:linear-gradient(125deg,#354f2de8,#16291bed 65%,#2d4c2ce6) padding-box,conic-gradient(from var(--button-angle),#99ba7e38 0deg,#99ba7e38 220deg,#e4ffd4 275deg,#abff66 310deg,#99ba7e38 360deg) border-box;box-shadow:inset 0 1px 0 #efffdf36;transform:translateY(-2px)}
.button:hover:before{background-position:0 0}.button>.icon{transition:transform .3s}.button:hover>.icon{transform:translateX(3px)}
@keyframes button-edge{to{--button-angle:360deg}}
.hero:before{inset:-4%;animation:cloud-drift 25s ease-in-out infinite alternate;will-change:transform}
.hero:not(.is-inview):before{animation-play-state:paused}
@keyframes cloud-drift{from{transform:translate3d(-1.2%,.6%,0) scale(1.025)}to{transform:translate3d(1.4%,-1.1%,0) scale(1.065)}}
.network-label{background:linear-gradient(130deg,#3a485330,#0c1420c9 70%);backdrop-filter:blur(22px) saturate(1.2);border-color:#e1eeff45}
.network-endpoint.is-selected{background:linear-gradient(130deg,#9bd76323,#0b2119d4 75%);border-color:#baf681a6}
.network-hub{background:linear-gradient(125deg,#d7e8f125,#091317ca 65%);backdrop-filter:blur(24px) saturate(1.25);border-color:#efffeb70}
.site-header{background:#080d0beb;backdrop-filter:blur(22px)}
.desktop-nav a:hover,.developer-points .icon,.capability-list .icon,.section-icon,.footer-top nav a:hover{color:#baf681}
.signal-dot,.chart-key{background:#baf681}.chart-line{stroke:#baf681}
.product-tablist button[aria-selected=true],.code-tabs button[aria-selected=true]{color:#d2ffa8;border-bottom-color:#baf681}
.status-pill{color:#cdfba6;background:#98d25a14}
.platform-demo{background:linear-gradient(125deg,#d1ead00a,#101a16c9 65%);border-color:#b7d2ba38;backdrop-filter:blur(18px)}
.demo-topbar{background:#1e2b23b0}.demo-main,.product-panel{background:#111b17}
.demo-caption,.protocol-foot{justify-content:flex-end}
.demo-main .product-panel{min-height:var(--platform-panel-height,488px)}
.product-panel:not([hidden]){animation:platform-panel-enter .65s cubic-bezier(.16,1,.3,1) both}
.product-panel:not([hidden]) .demo-table-row,.product-panel:not([hidden]) .meter-row{animation:platform-detail-enter .75s cubic-bezier(.16,1,.3,1) both}
.product-panel:not([hidden]) .demo-table-row:nth-child(3),.product-panel:not([hidden]) .meter-row:nth-child(4){animation-delay:.09s}
.product-panel:not([hidden]) .demo-table-row:nth-child(4),.product-panel:not([hidden]) .meter-row:nth-child(5){animation-delay:.18s}
@keyframes platform-panel-enter{from{opacity:.45;transform:translateX(15px)}to{opacity:1;transform:none}}
@keyframes platform-detail-enter{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:none}}
.demo-sidebar{background:#0a130f}.demo-sidebar-item.selected{background:#baf6810c;color:#c8efaf}
.payment-icon{color:#c2eea5;background:#baf6810d}.syntax-value{color:#c7f49f}
.developer-section,.faq-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(35px,5vw,85px);align-items:center}
.developer-copy,.faq-section>div:first-child{min-width:0;max-width:500px}
.developer-copy h2,.faq-section h2{font-size:clamp(32px,3.55vw,53px);line-height:1.1}
.developer-copy>p,.faq-section>div:first-child>p{font-size:15px;line-height:1.8;max-width:440px;color:#aebeb2}
.developer-points{gap:13px}.developer-points .icon{color:#baf681}
.code-window{min-width:0;width:100%;max-width:none;background:linear-gradient(120deg,#e0f6dd0a,#102019a6);border-color:#bddcb84a;backdrop-filter:blur(20px);transform:perspective(1600px) rotateY(-3deg);transition:transform .6s}
.code-window:hover,.code-window:focus-within{transform:perspective(1600px) rotateY(0)}
.code-tabs{background:#baf68108;border-color:#baf68129}.code-footer{background:#baf68105;border-color:#baf68120}
.code-window pre{font-size:clamp(11px,1vw,14px)}
.faq-section{align-items:start}.faq-list{min-width:0;padding:4px 26px;background:linear-gradient(130deg,#b4d5b30c,#101b16ad);border:1px solid #a8c9a52b;border-radius:14px;backdrop-filter:blur(16px)}
.faq-list summary{font-size:15px;line-height:1.55;gap:18px}.faq-list details{border-color:#b0d2a820}
.faq-list details[open] summary{color:#d6ffb6}.faq-list details>p{line-height:1.85;color:#aebfb4}
.faq-list summary>span{color:#baf681}.faq-list details:last-child{border-bottom:0}
.flow-stage.is-active .flow-node,.flow-stage.is-complete .flow-node{background:#1c3d23;border-color:#1c3d23;color:#e9ffdb}
.flow-stage.is-active .flow-node>span:last-child,.flow-stage.is-complete .flow-node>span:last-child{background:#baf681;color:#132010}
.vision-label{color:#d0f9b3;border-color:#baf68140;background:#baf68108}
.autonomy-statement strong{color:#d0f9b3}.network-center{background:linear-gradient(125deg,#baf68120,#112219c9);border-color:#baf6815c;backdrop-filter:blur(20px)}
.network-node{background:linear-gradient(120deg,#d1eddf16,#102019c4);backdrop-filter:blur(18px);border-color:#c0e2c541}
.network-node>.icon{color:#c4f69f}
.autonomy-network:before{border-color:#baf68130}.autonomy-network:after{border-color:#baf68117}
.closing-section{background:#e7eee3}.closing-inner h2>span{color:#496044}

/* Each section arrives as a composition. The content stays visible if scripting fails. */
.section-enter{animation:section-arrive .9s cubic-bezier(.16,1,.3,1) both}
.section-enter .platform-demo,.section-enter .code-window,.section-enter .faq-list{animation:surface-arrive 1.1s cubic-bezier(.16,1,.3,1) both}
.section-enter .capability-list article:nth-child(2){animation-delay:.08s}.section-enter .capability-list article:nth-child(3){animation-delay:.16s}
.section-enter .capability-list article,.section-enter .flow-stage{animation:section-arrive 1s cubic-bezier(.16,1,.3,1) both}
.section-enter .flow-stage:nth-child(2){animation-delay:.1s}.section-enter .flow-stage:nth-child(3){animation-delay:.2s}.section-enter .flow-stage:nth-child(4){animation-delay:.3s}
@keyframes section-arrive{from{opacity:.65;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes surface-arrive{from{opacity:.65;transform:perspective(1500px) translateY(35px) rotateX(7deg)}to{opacity:1;transform:perspective(1500px) translateY(0) rotateX(0)}}
.is-inview .autonomy-network .network-node{animation:machine-float 7s ease-in-out infinite alternate}
.is-inview .autonomy-network .node-b{animation-delay:-2s}.is-inview .autonomy-network .node-c{animation-delay:-4s}.is-inview .autonomy-network .node-d{animation-delay:-6s}
@keyframes machine-float{from{translate:0 -5px}to{translate:0 7px}}
.is-inview .chart-line{stroke-dasharray:1100;stroke-dashoffset:1100;animation:chart-draw 2.3s cubic-bezier(.16,1,.3,1) forwards}
@keyframes chart-draw{to{stroke-dashoffset:0}}
section:not(.is-inview) .button,.page-hidden *,.page-hidden :before,.page-hidden :after,.motion-paused *,.motion-paused :before,.motion-paused :after{animation-play-state:paused!important}
.motion-paused .section-enter,.motion-paused .section-enter *{animation:none!important}
.motion-paused .chart-line{stroke-dasharray:none!important;stroke-dashoffset:0!important}
@media(max-width:899px) and (min-width:760px){.developer-copy h2,.faq-section h2{font-size:32px}.developer-section,.faq-section{gap:30px}.developer-points{flex-direction:column}.faq-list{padding-inline:18px}}
@media(max-width:759px){.developer-section,.faq-section{grid-template-columns:minmax(0,1fr);gap:32px}.developer-copy,.faq-section>div:first-child{max-width:100%}.developer-copy h2,.faq-section h2{font-size:34px;max-width:550px}.developer-copy>p{max-width:500px}.code-window{transform:none}.faq-list{padding-inline:19px}.faq-list summary{font-size:14px}.developer-copy>p,.faq-section>div:first-child>p{font-size:14px}}
@media(max-width:599px){.autonomy-heading h2{font-size:clamp(30px,8.2vw,35px)}}
@media(prefers-reduced-motion:reduce){.hero:before,.button,.section-enter,.section-enter *,.is-inview .network-node,.is-inview .chart-line{animation:none!important}.chart-line{stroke-dasharray:none!important;stroke-dashoffset:0!important}.code-window,.code-window:hover,.code-window:focus-within{transform:none}.hero:before{will-change:auto}}