*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface-page);color:var(--text-primary);font:var(--type-body);-webkit-font-smoothing:antialiased}
a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--saina-black);text-decoration-thickness:2px}
section[id]{scroll-margin-top:64px}
.wrap{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-6)}
.eyebrow{font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary)}
.inv .eyebrow{color:var(--text-inverse-secondary)}
.h-display{font:var(--weight-display) clamp(40px,6.4vw,76px)/1.02 var(--font-display);letter-spacing:var(--tracking-display);margin:0;text-wrap:balance}
.h-sec{font:var(--weight-display) clamp(30px,4vw,46px)/1.06 var(--font-display);letter-spacing:var(--tracking-display);margin:0;text-wrap:balance}
.h3{font:var(--type-h3);letter-spacing:var(--tracking-heading);margin:0}
.lede{font:var(--weight-regular) var(--text-md)/1.55 var(--font-sans);color:var(--text-secondary);margin:0;text-wrap:pretty;max-width:60ch}
.inv .lede{color:var(--text-inverse-secondary)}
p{text-wrap:pretty}
.mono{font-family:var(--font-mono)}
section{padding:var(--space-24) 0;border-top:1px solid var(--border-default)}
.inv{background:var(--surface-inverse);color:var(--text-inverse);border-top:0}
.sec-head{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-12);max-width:720px}
.sec-head .stack{display:flex;flex-direction:column;gap:var(--space-4)}
nav.top{position:sticky;top:0;z-index:10;background:var(--surface-page);border-bottom:1px solid var(--border-default)}
nav.top .wrap{display:flex;align-items:center;gap:var(--space-8);height:64px}
nav.top .links{display:flex;gap:var(--space-6);margin-left:auto}
nav.top .links a{font:var(--weight-medium) var(--text-sm)/1 var(--font-sans);text-decoration:none;color:var(--text-secondary)}
nav.top .links a:hover{color:var(--text-primary)}
@media (max-width:720px){nav.top .links{display:none}nav.top .cta{margin-left:auto}}
.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border:1.5px solid var(--text-primary);font:var(--weight-medium) var(--text-md)/1 var(--font-sans);text-decoration:none;color:var(--text-primary)}
.btn.sm{height:34px;padding:0 14px;font-size:var(--text-sm)}
.btn.primary{background:var(--text-primary);color:var(--surface-page)}
.btn.primary:hover{color:var(--surface-page);opacity:.88}
.btn.ghost{background:var(--surface-page);color:var(--text-primary);border-color:var(--border-strong)}
.btn.ghost:hover{border-color:var(--text-primary)}
.field{display:flex;flex-direction:column;gap:var(--space-2)}
.field .v{font:var(--weight-regular) var(--text-md)/1.45 var(--font-sans)}
.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.note{font:var(--type-small);color:var(--text-secondary);margin:0}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border-strong)}
.three>div{padding:var(--space-6) var(--space-6) 0 0;display:flex;flex-direction:column;gap:var(--space-3)}
.three>div+div{padding-left:var(--space-6);border-left:1px solid var(--border-default)}
@media (max-width:820px){.three{grid-template-columns:minmax(0,1fr)}.three>div+div{padding-left:0;border-left:0;border-top:1px solid var(--border-default);margin-top:var(--space-6)}}
.three p{margin:0;color:var(--text-secondary)}
footer{background:var(--surface-inverse);color:var(--text-inverse-secondary);border-top:1px solid var(--border-inverse);padding:var(--space-8) 0;font:var(--type-small)}
footer .wrap{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center;justify-content:space-between}
footer a{color:var(--text-inverse-secondary)}
footer a:hover{color:var(--text-inverse)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-12);align-items:end}
@media (max-width:940px){.hero-grid{grid-template-columns:minmax(0,1fr)}}
.details{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);font:500 var(--text-xs)/1 var(--font-mono);color:var(--text-secondary)}
.details span{display:flex;align-items:center;gap:8px}.details span::before{content:"";width:5px;height:5px;background:var(--saina-ink)}
.ghs{height:740vh;padding:0;border-top:0;position:relative}
.ghs-pin{position:sticky;top:64px;height:calc(100vh - 64px);display:flex;flex-direction:column;background:var(--surface-page)}
.ghs-head{position:relative;display:flex;justify-content:center;align-items:baseline;gap:var(--space-6);max-width:var(--content-max);width:100%;margin:0 auto;padding:var(--space-5) var(--space-6) var(--space-4)}
.ghs-head h1{margin:0;text-align:center;font:var(--weight-display) clamp(18px,1.8vw,24px)/1.2 var(--font-display);letter-spacing:var(--tracking-heading);text-wrap:balance}
.ghs-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--ghs-bg,var(--surface-page))}
body.helm-canvas .ghs-stage{border-top:1px solid var(--border-default)}
.ghs-title{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);max-width:760px}
.ghs-ast{color:inherit;text-decoration:none;margin-left:2px}
.ghs-note{margin:0;text-align:center;font:var(--type-small);color:var(--text-secondary);text-wrap:balance}
.ghs-note a{color:inherit}
.ghs-bar{height:2px;background:var(--border-default)}.ghs-bar i{display:block;height:100%;background:var(--saina-ink)}
.hero-after{padding:var(--space-24) 0;border-top:1px solid var(--border-default)}
.hero-after .hero-grid{align-items:start}
.strip{background:var(--surface-inverse);color:var(--text-inverse);padding:var(--space-5) 0}
.strip .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3) var(--space-6);font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase}
.strip span{display:flex;align-items:center;gap:10px}.strip span+span::before{content:"";width:4px;height:4px;background:var(--saina-grey-600)}
.notfor{display:flex;gap:var(--space-4);align-items:baseline;margin-top:var(--space-12);padding:var(--space-5) var(--space-6);background:var(--surface-card);border:1px solid var(--border-default)}
.notfor p{margin:0}
@media (max-width:600px){.notfor{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}
.grid6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border-strong);border-left:1px solid var(--border-default)}
.grid6>div{padding:var(--space-6);border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-default);background:var(--surface-card);display:flex;flex-direction:column;gap:var(--space-3)}
.grid6 p{margin:0;color:var(--text-secondary);font:var(--type-small)}
@media (max-width:900px){.grid6{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:600px){.grid6{grid-template-columns:minmax(0,1fr)}}
.how-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-12);align-items:start}
@media (max-width:900px){.how-grid{grid-template-columns:minmax(0,1fr)}}
.steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--border-strong)}
.steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-3);padding:var(--space-5) 0;border-bottom:1px solid var(--border-default)}
.steps li>.mono{font-size:13px;color:var(--text-secondary);padding-top:3px}
.steps p{margin:4px 0 0;color:var(--text-secondary)}
.th-note{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--space-4);margin-top:var(--space-12);padding:var(--space-6);border:1px solid var(--border-strong)}
.th-note p{margin:0;color:var(--text-secondary)}.th-note b{color:var(--text-primary);font-weight:600}
.uc{border:1px solid var(--border-default);background:var(--surface-card);margin-top:-1px}
.uc-head{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--border-default);flex-wrap:wrap}
.uc-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.uc-in,.uc-out{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);min-width:0}
.uc-out{border-left:1px solid var(--border-default);background:var(--saina-grey-50)}
@media (max-width:860px){.uc-body{grid-template-columns:minmax(0,1fr)}.uc-out{border-left:0;border-top:1px solid var(--border-default)}}
@media (max-width:600px){.uc-head,.uc-in,.uc-out{padding-left:var(--space-5);padding-right:var(--space-5)}}
.num-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12);align-items:center}
.stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--border-strong)}
.stats>div{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6) var(--space-6) 0 0}
.stats>div+div{padding-left:var(--space-6);border-left:1px solid var(--border-default)}
.stat-n{font:var(--weight-display) clamp(44px,5vw,64px)/1 var(--font-display);letter-spacing:var(--tracking-display)}
@media (max-width:900px){.num-grid{grid-template-columns:minmax(0,1fr)}}
.excel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--border-strong);border-left:1px solid var(--border-default)}
.excel>div{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8);border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-default);background:var(--surface-card)}
.excel p{margin:0;color:var(--text-secondary)}
.excel-stat{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding-top:var(--space-6)}
.next{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-12);align-items:start;padding-top:var(--space-12);border-top:1px solid var(--border-default)}
@media (max-width:900px){.excel,.next{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.excel>div{padding:var(--space-5)}}
.deploy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
@media (max-width:900px){.deploy{grid-template-columns:minmax(0,1fr)}}
.dcard{border:1px solid var(--border-inverse);background:transparent;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}
.dcard p{margin:0;color:var(--text-inverse-secondary);font:var(--type-small);font-size:14px}
.fam{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12);align-items:center}
@media (max-width:860px){.fam{grid-template-columns:minmax(0,1fr)}}
.famcard{background:var(--surface-card);border:1px solid var(--border-strong);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}
.closer{padding:var(--space-24) 0}