/* Storyboard layer. All content remains visible without scripts. */
.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--volt);transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{position:relative;min-height:min(820px,calc(100svh - 96px));align-items:center;padding-top:56px}
h1 .hero-line{display:block;color:var(--paper);overflow:clip}h1 .hero-accent{color:var(--volt);position:relative;padding-bottom:.12em}
.hero-accent:after{content:'';position:absolute;bottom:0;left:0;width:82%;height:1px;background:var(--volt);transform:scaleX(var(--underline,1));transform-origin:left}
.hero-art:before{content:'';position:absolute;inset:-25px;background-image:radial-gradient(var(--line) .75px,transparent .75px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 72%);pointer-events:none}
.art-bottom{display:flex;flex-direction:column;gap:8px;text-align:right}.art-caption{color:var(--slate)}.art-hint{font-size:9px}.node{z-index:2}.node.is-exploring{border-color:var(--link);background:var(--raised)}.node.is-exploring .node-arrow{color:var(--link)}
.hero-foot{margin-top:40px;width:100%;align-self:end}.hero-foot a span{display:inline-block}
.product-index{position:sticky;top:96px;z-index:12;background:var(--ink);margin-bottom:24px;box-shadow:0 12px 0 var(--ink)}.product-index a{position:relative;overflow:hidden}.product-index a:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--volt);transform:scaleX(var(--chapter-progress,0));transform-origin:left}.product-index a.is-current{color:var(--paper);background:var(--raised)}.product-index a.is-current .mono{color:var(--volt)}
.product{scroll-margin-top:200px}.product-art{overflow:hidden;position:sticky;top:200px;min-height:360px}.product-copy{padding-block:24px}.product-title h3{font-size:clamp(42px,4.8vw,68px)}
.intent-picker{margin-top:40px;padding-block:24px;border-block:1px solid var(--line)}.intent-picker[hidden]{display:none}.intent-picker p{margin:0 0 16px}.intent-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.intent-options button{border:1px solid var(--line);background:transparent;color:var(--slate);border-radius:6px;padding:16px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:14px}.intent-options button span{font:500 11px 'IBM Plex Mono',monospace;color:var(--muted)}.intent-options button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.intent-options button[aria-pressed=true] span{color:var(--ink)}.intent-picker .intent-status{margin:14px 0 0;min-height:26px;font-size:14px}.intent-status:empty{display:none}
.bee-branch{position:relative;overflow:hidden;isolation:isolate;padding-top:52px}.branch-number{position:absolute;right:14px;top:2px;z-index:-1;font:600 104px/1 'Inter Tight',sans-serif;letter-spacing:-.08em;color:var(--line);opacity:.55;pointer-events:none}.bee-branch.is-selected{border-color:var(--paper)}.bee-branch.is-selected .text-link{color:var(--paper)}.bee-branch.is-selected .text-link:before{content:'↳';color:var(--volt)}
.product-highlights li{transform-origin:left}.product-art .art-meta,.product-art .art-desc{z-index:2}.talio-art .ring{background:rgba(16,26,32,.35)}.resource-bars div{transform-origin:left}.xepo-line{transform-origin:left}.xepo-signals i{transform-origin:bottom}
.process-track{height:1px;background:var(--line);margin:48px 0 -12px;position:relative}.process-track span{display:block;width:100%;height:1px;transform-origin:left;background:var(--link)}.process-grid article{position:relative}.process-grid article:before{content:'';position:absolute;top:-25px;left:0;border:1px solid var(--slate);width:8px;height:8px;border-radius:50%;background:var(--ink)}
.contact-context{color:var(--slate);border-left:2px solid var(--volt);padding-left:16px;margin-top:24px}.contact h2{max-width:480px}.contact{position:relative;overflow:hidden}.contact:before{content:'';position:absolute;width:400px;height:400px;border:1px solid var(--line);border-radius:50%;left:-270px;top:140px;pointer-events:none}
@media(min-width:1051px){.hero-art{max-height:530px}.about .split>div:first-child{position:sticky;top:160px;align-self:start}.product-copy{min-height:420px}.process-grid article{padding-right:35px}}
@media(max-width:1050px){.product-index{top:96px}.intent-options button{font-size:13px}.hero{min-height:0}.product-art{min-height:300px}}
@media(max-width:760px){.hero{padding-top:36px}.hero-art{margin-top:32px}.hero-foot{margin-top:32px}.product-index{top:80px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.product-index a{padding:14px 6px;font-size:11px;justify-content:center;gap:0;text-align:center}.product-index a .mono,.product-index a>span:last-child{display:none}.product{scroll-margin-top:150px}.product-art{position:relative;top:auto;min-height:270px}.product-copy{padding-block:0}.product-title h3{font-size:44px}.intent-options{grid-template-columns:1fr;gap:8px}.intent-options button{font-size:14px;padding:13px 16px}.bee-branch{padding-top:48px}.branch-number{font-size:94px}.process-track{display:none}.process-grid article:before{display:none}.hero-art:before{inset:0}.art-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-art{position:relative;top:auto}.reading-progress{display:none}}

.product-cta{margin-top:20px}
/* Offset the sticky chapter rail without double-counting page scroll padding. */
.product{scroll-margin-top:80px}
@media(max-width:760px){.product{scroll-margin-top:24px}}
/* Ambient circuits sit behind content, never capture input or change layout. */
.ambient-host{position:relative;isolation:isolate}.ambient-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;color:var(--line);opacity:.7}.ambient-layer svg{position:absolute;width:100%;height:100%;max-height:1000px;inset:0}.ambient-grid{opacity:.52}.ambient-drift{opacity:.65}.ambient-packet{opacity:0}.product>.ambient-layer svg{opacity:.6}.contact>.ambient-layer{opacity:.5}.hero>.ambient-layer{inset:0}
@media(max-width:760px){.ambient-layer{opacity:.4}.ambient-drift{display:none}.hero>.ambient-layer{inset:0}}
@media(prefers-reduced-motion:reduce){.ambient-packet,}
/* Process markers belong to the rail, independently of card entrance transforms. */
.process-track{margin:40px 0 0;width:calc((100% - 96px) / 3 * 2 + 96px)}
.process-track i{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);background:var(--ink);border:1px solid var(--slate);border-radius:50%}
.process-track i:nth-of-type(1){left:0}.process-track i:nth-of-type(2){left:50%}.process-track i:nth-of-type(3){left:100%}
.process-grid{margin-top:24px}.process-grid article:before,.process-grid .step:after{display:none}.process-grid .step{margin-bottom:20px}
/* Animate the bar surface, never compress its label. */
.resource-bars div{position:relative;isolation:isolate;--bar-progress:1;font-size:11px}
.resource-bars div:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--line);opacity:.65;transform:scaleX(var(--bar-progress));transform-origin:left}
@media(min-width:761px){.process-grid h3{min-height:2.24em}}
@media(max-width:760px){.process-track{display:none}.process-grid{margin-top:32px}.process-grid article{padding-left:20px;border-left:1px solid var(--line)}}