/* ASTRAL — calm control room for organizational intelligence
   precision + warmth + systems + life
   90% charcoal/ivory · teal as support · acid green as status only */

@font-face{font-family:'Geist';src:url('/fonts/Geist-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Geist';src:url('/fonts/Geist-Medium.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'Geist';src:url('/fonts/Geist-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap;}
@font-face{font-family:'Geist Mono';src:url('/fonts/GeistMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Geist Mono';src:url('/fonts/GeistMono-Medium.woff2') format('woff2');font-weight:500;font-display:swap;}

:root{
  --bg:#090B0A;
  --bg-soft:#0D100E;
  --surface:#101310;
  --surface-raised:#151916;
  --surface-hover:#1A1F1B;
  --text:#F0F0E8;
  --text-secondary:#A1A49C;
  --text-muted:#6F746D;
  --accent:#C8FF5A;
  --accent-soft:#9FCB49;
  --teal:#73D8C5;
  --deep-green:#405733;
  --border:rgba(240,240,232,.10);
  --border-strong:rgba(240,240,232,.18);
  --danger:#FF6B6B;
  --warning:#E7C65B;
  --node-default:#70756F;
  --edge-default:rgba(240,240,232,.10);
  --ease:cubic-bezier(.22,1,.36,1);
  --hero:clamp(52px,7.2vw,96px);
  --h1:clamp(40px,5.4vw,72px);
  --h2:clamp(28px,3.6vw,44px);
  --h3:clamp(22px,2.4vw,32px);
  --body-lg:20px;
  --body:17px;
  --small:14px;
  --micro:12px;
  --container:1240px;
  --content-narrow:760px;
  --section-y:120px;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --r:20px;
  /* aliases so leftover html still works */
  --cy:var(--teal);
  --pk:var(--accent);
  --or:var(--accent-soft);
  --pu:var(--teal);
  --gr:var(--accent-soft);
  --ye:var(--warning);
  --ink:var(--bg);
  --cream:var(--text);
  --body:var(--text-secondary);
  --mute:var(--text-muted);
  --dim:var(--text-muted);
  --line:var(--border);
  --line2:rgba(240,240,232,.06);
  --panel:var(--surface);
  --sp-6:64px;
  --sp-7:120px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 15% 8%, rgba(64,87,51,.18), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(115,216,197,.07), transparent 28%),
    var(--bg);
  color:var(--text);
  font-family:'Geist',sans-serif;
  font-size:17px;
  line-height:1.55;
  letter-spacing:-.01em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;}
.glow-a,.glow-b,.scan{display:none;}

.wrap{max-width:var(--container);margin:0 auto;padding:0 28px 100px;position:relative;z-index:1;}

header{display:flex;justify-content:space-between;align-items:center;padding:28px 0 8px;gap:16px;flex-wrap:wrap;}
.term{display:none;}
.hgroup{display:flex;align-items:center;gap:28px;flex-wrap:wrap;width:100%;justify-content:space-between;}
.nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
.nav a{
  font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-muted);text-decoration:none;transition:color 180ms var(--ease);
}
.nav a:hover,.nav a.start{color:var(--text);}
.mk{text-decoration:none;color:inherit;}
.mk .a{font-weight:600;letter-spacing:-.04em;font-size:18px;line-height:1;}
.mk .b{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-muted);margin-top:5px;}

h1{font-size:var(--hero);font-weight:600;letter-spacing:-.04em;line-height:.98;margin:28px 0 22px;max-width:16ch;}
h1 .cy{color:var(--text);}
h2{font-size:var(--h2);font-weight:600;letter-spacing:-.04em;line-height:1.02;margin:0 0 18px;max-width:18ch;}
h2 .cy{color:var(--accent);}
h3{font-size:var(--h3);font-weight:600;letter-spacing:-.035em;line-height:1.05;}
.sec{
  font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-muted);margin:var(--section-y) 0 14px;
}
.sec:first-of-type{margin-top:48px;}
.hr{display:none;}
.lede{font-size:var(--body-lg);line-height:1.5;color:var(--text-secondary);max-width:var(--content-narrow);}
.lede.sm{font-size:17px;margin-top:14px;}
.lede b{color:var(--text);font-weight:500;}
.note{font-size:14px;color:var(--text-muted);margin-top:14px;max-width:640px;}
.note a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border-strong);}
.note a:hover{border-color:var(--accent);}

.btn{
  display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 22px;
  border-radius:12px;font-weight:600;letter-spacing:-.02em;text-decoration:none;font-size:15px;
  transition:background 200ms var(--ease),color 200ms var(--ease),border-color 200ms var(--ease),transform 200ms var(--ease);
}
.btn:active{transform:scale(.98);}
.btn-p{background:var(--text);color:var(--bg);border:1px solid var(--text);}
.btn-p:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);}
.btn-s{background:transparent;color:var(--text);border:1px solid var(--border-strong);}
.btn-s:hover{border-color:var(--text-secondary);}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 8px;align-items:center;}

/* signature graph */
.sig{margin:48px 0 8px;border:1px solid var(--border);border-radius:var(--radius-lg);
  background:var(--surface);padding:22px 22px 20px;position:relative;overflow:hidden;min-height:280px;}
.sig-query{
  font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--accent);margin-bottom:22px;opacity:0;animation:fadein .5s var(--ease) .6s forwards;
}
.sig-graph{position:relative;height:168px;}
.sig-node{
  position:absolute;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--node-default);transition:color .4s var(--ease);
}
.sig-node i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--node-default);
  margin-right:7px;vertical-align:middle;transition:background .4s var(--ease),box-shadow .4s var(--ease);}
.sig-node.on{color:var(--text);}
.sig-node.on i{background:var(--accent);box-shadow:0 0 0 4px rgba(200,255,90,.12);}
.sig-node.teal.on i{background:var(--teal);box-shadow:0 0 0 4px rgba(115,216,197,.14);}
.n1{left:2%;top:8%;animation:rise .5s var(--ease) .1s both;}
.n2{left:28%;top:0;animation:rise .5s var(--ease) .18s both;}
.n3{left:54%;top:14%;animation:rise .5s var(--ease) .26s both;}
.n4{left:76%;top:4%;animation:rise .5s var(--ease) .34s both;}
.n5{left:12%;top:58%;animation:rise .5s var(--ease) .42s both;}
.n6{left:42%;top:62%;animation:rise .5s var(--ease) .5s both;}
.n7{left:68%;top:56%;animation:rise .5s var(--ease) .58s both;}
.sig-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.sig-svg path{fill:none;stroke:var(--edge-default);stroke-width:1.2;
  stroke-dasharray:180;stroke-dashoffset:180;animation:draw 1s var(--ease) 1.4s forwards;}
.sig-svg path.a{stroke:rgba(200,255,90,.55);}
.sig-svg path.b{stroke:rgba(115,216,197,.45);animation-delay:1.7s;}
.sig-pack,.sig-next{
  font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  opacity:0;animation:fadein .5s var(--ease) 2.2s forwards;
}
.sig-pack{color:var(--text-secondary);margin-top:8px;}
.sig-pack b{color:var(--accent);font-weight:500;}
.sig-next{color:var(--text);margin-top:8px;}
@keyframes fadein{to{opacity:1;}}
@keyframes rise{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@keyframes draw{to{stroke-dashoffset:0;}}
@media(max-width:640px){
  .sig{min-height:320px;}
  .sig-graph{height:210px;}
  .n4{left:58%;top:88px;}
  .n7{left:62%;top:150px;}
}

.pain{margin:8px 0 16px;padding:0;list-style:none;max-width:var(--content-narrow);}
.pain li{font-size:20px;line-height:1.4;letter-spacing:-.02em;color:var(--text);
  padding:14px 0;border-bottom:1px solid var(--border);}
.pain li:last-child{border-bottom:0;}

.map{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:18px 0 8px;max-width:720px;}
.map span{font-size:18px;letter-spacing:-.02em;color:var(--text);padding:12px 0;border-bottom:1px solid var(--border);}
@media(max-width:560px){.map{grid-template-columns:1fr;}}

.ways{margin:8px 0 16px;padding:0;list-style:none;max-width:720px;}
.ways li{font-size:17px;line-height:1.45;letter-spacing:-.02em;color:var(--text);
  padding:11px 0 11px 18px;border-bottom:1px solid var(--border);position:relative;}
.ways li:before{content:"→";position:absolute;left:0;color:var(--text-muted);font-size:13px;top:12px;}
.ways li:last-child{border-bottom:0;}

.guide{margin:20px 0 8px;max-width:820px;border-top:1px solid var(--border);}
.guide-n{display:grid;grid-template-columns:1fr auto;gap:6px 28px;align-items:baseline;
  padding:22px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;}
a.guide-n{transition:background 200ms var(--ease);}
a.guide-n:hover .h{color:var(--accent);}
.guide-n .h{font-size:22px;font-weight:600;letter-spacing:-.03em;}
.guide-n .pr{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent-soft);white-space:nowrap;}
.guide-n p{grid-column:1/-1;font-size:16px;line-height:1.5;color:var(--text-secondary);max-width:62ch;margin:4px 0 0;}
@media(max-width:640px){
  .guide-n{grid-template-columns:1fr;gap:6px;}
  .guide-n .pr{white-space:normal;}
}

.stmt{margin:var(--section-y) 0 8px;padding:48px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.stmt h2{font-size:var(--h1);max-width:14ch;margin-bottom:18px;}

.stack-chips.why{margin:16px 0 18px;max-width:720px;}

.stack{margin:28px 0 12px;max-width:680px;border:1px solid var(--border);border-radius:var(--radius-lg);
  background:var(--surface);padding:26px;}
.stack.wide{max-width:720px;}
.stack-k{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-muted);margin-bottom:12px;}
.stack-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;}
.stack-chips span{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.04em;
  color:var(--text-secondary);border:1px solid var(--border);border-radius:10px;padding:6px 10px;background:var(--bg-soft);}
.stack-rail{border-left:1px solid var(--border-strong);margin:0 0 4px 8px;padding:0 0 0 20px;}
.stack-band{
  font-weight:600;letter-spacing:-.03em;font-size:22px;color:var(--bg);
  background:var(--accent);border-radius:12px;padding:12px 16px;margin:0 0 14px -22px;
}
.stack-step{padding:8px 0;position:relative;}
.stack-step:before{content:"";position:absolute;left:-20px;top:16px;width:12px;height:1px;background:var(--border-strong);}
.stack-step b{display:block;font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;font-weight:500;color:var(--teal);}
.stack-out{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);}
.stack-out p{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-muted);margin:0;}
.stack-out b{color:var(--text);font-weight:500;}

.verbs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 8px;}
@media(max-width:720px){.verbs{grid-template-columns:1fr;}}
.verb{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 24px;
  transition:transform 250ms var(--ease),border-color 250ms var(--ease);}
.verb:hover{transform:translateY(-2px);border-color:var(--border-strong);}
.verb .k{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;}
.verb h3{font-size:var(--h3);margin:0 0 10px;text-transform:none;}
.verb p{font-size:16px;color:var(--text-secondary);margin:0;}

.panel{border:1px solid var(--border);border-radius:24px;padding:28px 28px 26px;margin:16px 0 0;
  background:var(--surface);}
.panel .tag{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--teal);margin-bottom:10px;}
.panel .ttl{font-size:var(--h2);font-weight:600;letter-spacing:-.04em;line-height:1.02;
  text-transform:none;margin:0 0 14px;max-width:18ch;}
.panel p{font-size:17px;line-height:1.55;color:var(--text-secondary);max-width:640px;}

.vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 10px;}
@media(max-width:680px){.vs{grid-template-columns:1fr;}}
.vs > div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;}
.vs .k{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-muted);margin-bottom:10px;}
.vs .org{border-color:var(--border-strong);background:var(--surface-raised);}
.vs .org .k{color:var(--accent-soft);}
.vs p{font-size:17px;line-height:1.5;color:var(--text-secondary);margin:0;}
.vs-prompt{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-muted);margin:12px 0 8px;}
.vs-q{font-size:20px;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:0 0 14px;color:var(--text);}
.vs ul{list-style:none;padding:0;margin:0 0 8px;}
.vs li{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--text-secondary);padding:7px 0;border-bottom:1px solid var(--border);}
.vs li:last-child{border-bottom:0;}
.vs-ans{color:var(--text) !important;border-left:2px solid var(--accent);padding:4px 0 4px 14px;margin-top:4px !important;}

.caps{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 8px;}
.caps.three{grid-template-columns:repeat(3,1fr);}
.cap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;}
.cap .k{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;margin-bottom:8px;color:var(--text-muted) !important;}
.cap .h{font-size:18px;font-weight:600;letter-spacing:-.03em;line-height:1.15;margin-bottom:8px;color:var(--text) !important;
  font-family:'Geist',sans-serif;text-transform:none;}
.cap p{font-size:15px;line-height:1.5;color:var(--text-secondary);}
@media(max-width:820px){.caps,.caps.three{grid-template-columns:1fr;}}

.aud{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 8px;}
.aud.four{grid-template-columns:repeat(4,1fr);}
.aud.six{grid-template-columns:repeat(3,1fr);}
.aud div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 18px;}
.aud .h{font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--text);margin-bottom:8px;
  font-family:'Geist',sans-serif;}
.aud p{font-size:15px;line-height:1.5;color:var(--text-secondary);}
@media(max-width:820px){.aud,.aud.four,.aud.six{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.aud,.aud.four,.aud.six{grid-template-columns:1fr;}}

.proof{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0 8px;}
.proof.three{grid-template-columns:repeat(3,1fr);}
.proof a{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:20px;transition:transform 250ms var(--ease),border-color 250ms var(--ease);}
.proof a:hover{transform:translateY(-2px);border-color:var(--border-strong);}
.proof .k{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-muted);margin-bottom:8px;}
.proof .t{font-size:20px;font-weight:600;letter-spacing:-.03em;margin-bottom:8px;}
.proof p{font-size:15px;color:var(--text-secondary);}
.proof .u{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.04em;color:var(--teal);margin-top:14px;}
@media(max-width:980px){.proof.three{grid-template-columns:1fr 1fr;}}
@media(max-width:760px){.proof,.proof.three{grid-template-columns:1fr;}}

.loop{margin:22px 0 6px;}
.loop-track{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.loop-n{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;}
.loop-n .i{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--text-muted);}
.loop-n .h{font-size:20px;font-weight:600;letter-spacing:-.03em;margin:8px 0 8px;font-family:'Geist',sans-serif;}
.loop-n p{font-size:15px;color:var(--text-secondary);}
@media(max-width:720px){.loop-track{grid-template-columns:1fr;}}

.model{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 8px;}
.model a{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:24px;transition:transform 250ms var(--ease),border-color 250ms var(--ease);}
.model a:hover{transform:translateY(-2px);border-color:var(--border-strong);}
.model a.pri{border-color:var(--border-strong);background:var(--surface-raised);}
.model .k{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);}
.model .h{font-size:22px;font-weight:600;letter-spacing:-.03em;margin:10px 0 12px;font-family:'Geist',sans-serif;color:var(--text) !important;line-height:1.15;}
.model p{font-size:15px;color:var(--text-secondary);min-height:0;margin:0 0 10px;}
.model p:last-of-type{margin-bottom:0;}
.model .pr{font-size:22px;font-weight:600;letter-spacing:-.03em;margin-top:18px;color:var(--text) !important;
  font-family:'Geist',sans-serif;}
.model .pr.soft{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  font-weight:500;color:var(--text-muted) !important;}
.model .px{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent-soft);margin:0 0 14px;}
.model .go{font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--accent);margin-top:16px;}
.model .aside{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.04em;line-height:1.45;
  color:var(--text-muted);margin-top:12px;}
@media(max-width:760px){.model{grid-template-columns:1fr;}}

.who{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start;margin-top:18px;}
@media(max-width:760px){.who{grid-template-columns:1fr;}.pf{max-width:280px;}}
.pf{border:1px solid var(--border);border-radius:24px;overflow:hidden;background:var(--surface);}
.pf img{width:100%;height:auto;display:block;aspect-ratio:608/760;object-fit:cover;filter:saturate(.78) contrast(1.04);}
.pfc{padding:14px 16px;border-top:1px solid var(--border);}
.pfc b{display:block;font-size:16px;font-weight:600;letter-spacing:-.02em;}
.pfc span{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);}
.wt p{font-size:17px;line-height:1.55;color:var(--text-secondary);margin-bottom:14px;}
.wstats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;padding:16px 0;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.wstats div b{font-size:28px;font-weight:600;letter-spacing:-.04em;color:var(--text) !important;line-height:1;}
.wstats div small{display:block;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--text-muted);margin-top:6px;line-height:1.4;}
.wstats .path{font-size:16px;letter-spacing:-.03em;line-height:1.2;}

.cta{border:1px solid var(--border);border-radius:28px;padding:36px 32px;margin:var(--section-y) 0 48px;
  background:var(--surface);display:flex;justify-content:space-between;align-items:flex-start;gap:28px;flex-wrap:wrap;}
.cta .a{font-size:var(--h2);font-weight:600;letter-spacing:-.04em;line-height:1.05;max-width:16ch;}
.cta .b{font-size:clamp(22px,2.6vw,34px);font-weight:600;letter-spacing:-.035em;line-height:1.12;color:var(--text);margin-top:12px;max-width:14ch;}
.cta .r{font-size:16px;color:var(--text-secondary);line-height:1.6;}
.cta .r a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border-strong);}
.cta .r a:hover{border-color:var(--accent);}
.cta .r a.btn{margin:8px 0 0;display:inline-flex;border-bottom:1px solid transparent;}
.cta .r a.btn-p{color:var(--bg);border:1px solid var(--text);}
.cta .r a.btn-p:hover{border-color:var(--accent);color:var(--bg);}
.cta .r .note a{border-bottom:1px solid var(--border-strong);}
.model a.pri .pr,.model a.pri .go{color:var(--accent);font-size:16px;margin-top:16px;}

footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0;
  border-top:1px solid var(--border);font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--text-muted);}
footer a{color:var(--text-muted);text-decoration:none;}
footer a:hover{color:var(--text);}

.sticky{position:sticky;bottom:14px;z-index:20;margin:0 auto;max-width:var(--container);padding:0 28px;
  opacity:0;pointer-events:none;transform:translateY(8px);
  transition:opacity 220ms var(--ease),transform 220ms var(--ease);}
.sticky.on{opacity:1;pointer-events:auto;transform:none;}
.sticky .inner{display:flex;gap:10px;justify-content:flex-end;padding:10px 0;}
@media(max-width:640px){
  .sticky .inner{justify-content:stretch;}
  .sticky .btn-s{display:none;}
  .sticky .btn{flex:1;}
  h1{margin-top:14px;font-size:clamp(36px,9.4vw,46px);}
  .lede{font-size:18px;}
  .sec:first-of-type{margin-top:22px;}
  :root{--section-y:84px;}
  .wrap{padding:0 18px 128px;}
  .mk .b{max-width:none;}
}