.wrap{width:min(75rem,100% - 4rem);margin-inline:auto}
.site-head{border-bottom:1px solid var(--line);padding:1.05rem 0;background:var(--sheet)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.site-nav{display:flex;align-items:center;gap:1.5rem}
.site-nav>a:not(.btn){color:var(--muted);text-decoration:none;font-size:.83rem;font-weight:550}
.site-nav>a:not(.btn):hover,.site-nav>a[aria-current="page"]{color:var(--petrol)}
.site-nav>.btn:last-child{background:var(--ink);color:var(--sheet);border-color:var(--ink);min-width:90px}
.hero{padding:clamp(3rem,7vw,6.4rem) 0 4.3rem;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem)}
.hero-copy{padding-bottom:1rem}
.release-note,.workspace-label{display:flex;align-items:center;gap:.65rem;color:var(--petrol);font-size:.79rem;font-weight:600;margin-bottom:1.5rem}
.release-note>span,.workspace-label>span{height:7px;width:7px;border-radius:50%;background:var(--petrol);box-shadow:0 0 0 4px var(--accent-soft)}
.hero h1{font-size:clamp(2.65rem,4.7vw,4.2rem);font-weight:650;line-height:1.08;letter-spacing:-.055em;max-width:12.5ch;font-stretch:100%}
.hero-lede{font-size:1.07rem;line-height:1.85;color:var(--muted);margin-top:1.65rem;max-width:42ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2.1rem;align-items:center}
.hero-actions .btn{min-height:50px}
.hero-note{display:flex;align-items:center;gap:.5rem;margin-top:1.35rem;color:var(--muted);font-size:.76rem}
.local-mark{font-weight:700;color:var(--petrol);display:grid;place-items:center;width:19px;height:19px;background:var(--accent-soft);border-radius:50%}
.pack-scene{position:relative;padding:2.1rem 1.8rem 1.2rem 1rem;isolation:isolate}
.pack-scene::before{content:"";position:absolute;inset:-2rem -6rem -2rem -1.5rem;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:34px 34px;opacity:.45;mask-image:radial-gradient(ellipse,#000 10%,transparent 69%)}
.scene-caption{display:flex;justify-content:space-between;gap:1rem;font-size:.65rem;color:var(--muted);margin:0 0 .9rem;padding-right:1rem}
.scene-caption span+span::before{content:"\2192";margin-right:.5rem;color:var(--petrol)}
.pack{position:relative;padding-right:1.15rem;filter:drop-shadow(0 18px 25px #102f3b18)}
.pack-meta{display:flex;justify-content:space-between;padding:.65rem 1.2rem;background:var(--sheet);border:1px solid var(--line);border-radius:12px 12px 0 0;font-size:.63rem;color:var(--muted);font-variant-numeric:tabular-nums}
.pack-cover{background:#123e49;color:#fff;padding:1.5rem 1.2rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}
.pack-cover strong{font-size:1.4rem;line-height:1.2;letter-spacing:-.03em;font-weight:600;font-stretch:100%}
.pack-subtitle{display:block;font-size:.72rem;font-weight:400;color:#c1d6db;margin-top:.45rem;letter-spacing:0}
.pack-cover>span{font-size:.61rem;color:#b9d4d9;text-align:right}
.pack-counter{display:block;font-size:1.35rem;color:#e6f6f4;font-weight:600;margin-bottom:.15rem;font-variant-numeric:tabular-nums}
.pack-sheets{background:var(--sheet);border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px}
.pack-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;padding:1rem 1.15rem;border-top:1px solid var(--line)}
.pack-row:first-child{border-top:0}.pack-row b{font-size:.8rem;font-weight:600;display:block;letter-spacing:-.01em}
.pack-row small{display:block;color:var(--muted);font-size:.66rem;margin-top:.2rem}
.pack-row::after{content:"";position:absolute;right:-1.05rem;top:50%;translate:0 -50%;width:1.05rem;height:54%;background:var(--tab);border-radius:0 4px 4px 0;box-shadow:inset -1px 0 #0001}
.pill{display:inline-block;padding:.22rem .5rem;border-radius:6px;font-size:.62rem;font-weight:600;white-space:nowrap}
.pill-ok{background:var(--green-fill);color:var(--green)}.pill-out{background:var(--amber-fill);color:var(--amber)}
.pack-caption{display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--muted);font-size:.65rem;margin-top:1.3rem;padding-right:1rem}
.sample-dot{height:6px;width:6px;border-radius:50%;background:var(--amber)}
.principles{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem;padding-block:1.4rem;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}
.principles span{display:flex;align-items:center;gap:.7rem}.principles span::before{content:"";height:5px;width:5px;background:var(--petrol);border-radius:1px}
.band{padding:clamp(3.5rem,7vw,6rem) 0}.band-sheet{background:var(--sheet);border-block:1px solid var(--line)}
.band h2{font-size:clamp(1.9rem,3.3vw,2.8rem);line-height:1.13;font-weight:600;letter-spacing:-.045em;max-width:24ch}
.section-heading{display:grid;grid-template-columns:1fr .8fr;gap:3rem;align-items:end}
.section-heading>p{max-width:30ch;color:var(--muted);font-size:.95rem;line-height:1.85;padding-bottom:.15rem}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:3rem 0 0;counter-reset:step;gap:2rem}
.steps li{counter-increment:step;border-top:2px solid var(--line);padding-top:1.4rem}
.steps li::before{content:"0" counter(step);color:var(--petrol);display:block;font-size:.75rem;font-weight:600;margin-bottom:1.8rem}
.steps h3{font-size:1.03rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.85rem}
.steps p{font-size:.85rem;line-height:1.85;color:var(--muted)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;margin-top:3rem}
.two>div{min-width:0}.two h3{font-size:1.25rem;letter-spacing:-.025em;font-weight:600;margin-bottom:1rem}
.two p{font-size:.94rem;line-height:1.9;color:var(--muted);max-width:45ch}
#uses .two>div{border-left:1px solid var(--line);padding-left:1.8rem}
.use-icon{width:46px;height:46px;background:var(--accent-soft);color:var(--petrol);display:grid;place-items:center;border-radius:10px;font-size:1.4rem;margin-bottom:1.5rem}
#limits h2{max-width:22ch}#limits .two{gap:5rem}#limits .two h3{font-size:1rem}
.plain-list{margin:0;padding:0;list-style:none;display:grid;gap:1rem;color:var(--muted);font-size:.88rem;line-height:1.85}
.plain-list li{padding-left:1.5rem;position:relative}.plain-list li::before{content:"✓";position:absolute;left:0;color:var(--petrol);font-weight:600}
.does-not li::before{content:"—";color:var(--amber)}
.launch-band{padding-block:4.5rem}
.price{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;background:var(--accent-soft);border:1px solid var(--line);padding:3.5rem;border-radius:18px}
.band-intro{margin-top:1.3rem;max-width:47ch;color:var(--muted);font-size:.95rem;line-height:1.9}
.site-foot{padding:1.6rem 0 2rem;border-top:1px solid var(--line);font-size:.73rem;color:var(--muted)}
.site-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.site-foot .wrap>span:first-child{color:var(--ink);font-weight:650}.site-foot nav{display:flex;gap:1.5rem}
.site-foot a{color:var(--muted);text-decoration:none}.site-foot a:hover{color:var(--petrol);text-decoration:underline}
.dialog-kicker{color:var(--petrol);font-size:.75rem;font-weight:600}
.pack-scene::after{content:"";position:absolute;z-index:-1;inset:-4rem -5rem -3rem -4rem;background:url('../assets/blueprint.svg') center/contain no-repeat;opacity:.3;pointer-events:none}
.hero h1::after{content:"";display:block;width:5rem;height:4px;margin-top:1.2rem;background:var(--petrol);border-radius:9px;transform:rotate(-3deg)}
@media(max-width:64rem){.site-nav{gap:.75rem}.hero .wrap{gap:2rem}.pack-scene{padding-inline:0}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.pack-row{padding:.9rem}.pack-row b{font-size:.73rem}.pill{font-size:.58rem}.price{padding:2.5rem}.pack-cover strong{font-size:1.25rem}}
@media(max-width:52rem){.hero .wrap{grid-template-columns:1fr;gap:2rem}.hero h1{font-size:clamp(2.8rem,7vw,4rem);max-width:16ch}.hero-lede{max-width:48ch}.pack-scene{max-width:35rem;width:100%;margin-inline:auto;padding-top:.5rem}.hero{padding-bottom:2rem}.section-heading{grid-template-columns:1fr;gap:1.3rem}.section-heading>p{max-width:45ch}.two{gap:2rem}.price{grid-template-columns:1fr;gap:1.5rem}.price>.btn{justify-self:start}}
@media(max-width:40rem){.wrap{width:calc(100% - 2rem)}.site-head .wrap{flex-wrap:wrap;gap:.7rem}.site-nav{width:100%;gap:.4rem;justify-content:space-between}.site-nav>a:not(.btn){font-size:.75rem}.site-nav>.btn:last-child{min-width:70px}.settings-trigger{gap:.3rem}.site-nav .btn-small{padding-inline:.5rem;font-size:.75rem}.site-nav>a[href="#uses"]{display:none}.hero{padding-top:2.6rem}.hero h1{font-size:2.9rem;max-width:12ch}.hero-lede{font-size:1rem}.release-note{font-size:.72rem;margin-bottom:1.3rem}.hero-actions{gap:.25rem}.hero-actions .btn{font-size:.82rem}.scene-caption{font-size:.56rem}.pack-scene{padding-inline:0 .5rem}.pack-cover{padding:1.2rem 1rem}.pack-row{padding:.9rem}.pack-row b{font-size:.72rem}.pack-row small{font-size:.64rem}.pill{font-size:.57rem;padding:.2rem .35rem}.pack-caption{font-size:.58rem}.principles{padding-block:1.3rem;gap:.7rem;font-size:.7rem}.principles>span{width:100%}.steps{gap:1.8rem 1.2rem}.steps li::before{margin-bottom:1.1rem}.steps h3{font-size:.94rem}.steps p{font-size:.8rem}.two{grid-template-columns:1fr;margin-top:2rem}#limits .two{gap:2.2rem}.price{padding:2rem 1.5rem}.site-foot .wrap{align-items:flex-start;flex-direction:column}.site-foot nav{margin-top:.2rem}.pack-counter{font-size:1.15rem}}
.price .hub-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.code-input{font-size:1.6rem;letter-spacing:.35em;font-variant-numeric:tabular-nums;text-align:center}