/* Motion and typography layer for the static product site. The terminal-led
   hero stays intentionally mono; Space Grotesk is reserved for scan-friendly
   product section headlines. */
:root{--display:"Space Grotesk",system-ui,sans-serif}
h2{font-family:var(--display);font-weight:500;letter-spacing:-.045em;line-height:1.12}.hero h1{letter-spacing:-.045em}.sec-head>p{max-width:58ch}.nav{transition:background .35s ease,box-shadow .35s ease}.nav.is-scrolled{background:color-mix(in srgb,var(--bg) 82%,transparent);box-shadow:0 5px 24px rgba(18,27,22,.04)}
.site-cursor{width:28px;height:28px;position:fixed;left:0;top:0;z-index:100;border:1px solid rgba(58,107,88,.65);border-radius:50%;pointer-events:none;mix-blend-mode:multiply;transform:translate(-50%,-50%);transition:width .24s ease,height .24s ease,background .24s ease,border .24s ease}.site-cursor.is-active{width:56px;height:56px;background:rgba(139,180,159,.22);border-color:transparent}.site-meter{position:fixed;inset-inline-end:15px;top:50%;z-index:40;width:1px;height:94px;background:var(--line);transform:translateY(-50%);pointer-events:none}.site-meter span{display:block;width:3px;height:0;background:var(--moss);transform:translateX(-1px);transform-origin:top}
html.motion-active [data-reveal] .motion-block{opacity:0;transform:translateY(48px);transition:opacity .75s ease,transform .95s cubic-bezier(.16,1,.3,1)}html.motion-active [data-reveal].is-inview .motion-block{opacity:1;transform:none}html.motion-active [data-reveal] .motion-item{opacity:0;transform:translateY(30px);transition:opacity .58s ease,transform .72s cubic-bezier(.16,1,.3,1)}html.motion-active [data-reveal].is-inview .motion-item{opacity:1;transform:none;transition-delay:calc(var(--stagger,0) * 85ms)}
.grid3 .card{will-change:transform;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .24s ease,background .24s ease,box-shadow .24s ease}.grid3 .card:hover{border-color:rgba(58,107,88,.4);box-shadow:0 18px 30px rgba(31,50,41,.08)}.step{transition:background .35s ease,padding-inline-start .35s ease}.step:hover{padding-inline-start:16px;background:rgba(58,107,88,.035)}.step:hover .step-n{color:var(--moss-ink)}
.chain{perspective:1200px}.chain .node{will-change:transform;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.chain .node:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-2deg);box-shadow:0 18px 34px rgba(22,38,30,.08)}.chain .arr{transition:color .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}.chain:hover .arr{color:var(--moss);transform:translateX(4px)}
.fgroup{transition:transform .4s ease}.fgroup:hover{transform:translateX(7px)}details.f{transition:background .25s ease,padding .25s ease}details.f[open]{background:rgba(58,107,88,.035);padding:0 10px;border-radius:8px}.cmp{transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease}.cmp:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(26,38,32,.07)}.term{position:relative}.term::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 39%,rgba(156,210,185,.18) 49%,transparent 59%);transform:translateX(-140%);animation:site-scan 5s ease-in-out infinite}@keyframes site-scan{42%,100%{transform:translateX(140%)}}.cta h2{font-family:var(--display);letter-spacing:-.055em}
@media (pointer:fine){body.has-site-cursor,body.has-site-cursor a,body.has-site-cursor button,body.has-site-cursor summary{cursor:none}}@media(max-width:760px),(pointer:coarse){.site-cursor,.site-meter{display:none}}@media(prefers-reduced-motion:reduce){.site-cursor,.site-meter{display:none!important}html.motion-active [data-reveal] .motion-block,html.motion-active [data-reveal] .motion-item{opacity:1!important;transform:none!important;transition:none!important}.term::after{animation:none}}