/* guide pages: built on style.css */
.guide{padding:clamp(112px,14vw,168px) 0 clamp(64px,9vw,120px)}
.guide__in{max-width:720px;margin:0 auto;padding:0 var(--gut)}
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font:400 var(--t-mono)/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.crumbs a{display:inline-flex;align-items:center;min-height:32px}
.crumbs a:hover{color:var(--ink)}
.crumbs span[aria-hidden]{opacity:.5}
.guide h1{font-size:clamp(32px,6.4vw,56px);line-height:1.04;letter-spacing:-.04em;font-weight:600;text-wrap:balance;margin-top:18px}
.guide__meta{margin-top:18px;color:var(--muted);font-size:var(--t-s)}
.guide__intro{font-size:clamp(18px,2.4vw,21px);line-height:1.5;color:var(--ink);margin-top:28px}
.guide h2{font-size:clamp(24px,4vw,32px);line-height:1.12;letter-spacing:-.035em;font-weight:600;margin-top:clamp(40px,6vw,60px);text-wrap:balance}
.guide h3{font-size:var(--t-m);margin-top:28px}
.guide p{margin-top:16px;line-height:1.6;max-width:68ch}
.guide ul,.guide ol{margin-top:16px;display:grid;gap:10px;padding-left:0}
.guide li{position:relative;padding-left:22px;line-height:1.55}
.guide ul li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--indigo),var(--gold))}
.guide ol{counter-reset:n}
.guide ol li{counter-increment:n;padding-left:34px}
.guide ol li::before{content:counter(n);position:absolute;left:0;top:.18em;font:500 12px/1.4 var(--mono);color:var(--violet)}
.guide a.inl{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.guide .pkgs{margin-top:20px;display:grid;gap:10px}
.guide .pkgs div{border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#fff}
.guide .pkgs b{display:flex;justify-content:space-between;gap:12px;font-weight:600}
.guide .pkgs span{display:block;margin-top:6px;color:var(--muted);font-size:var(--t-s);line-height:1.5}
.guide__cta{margin-top:clamp(44px,7vw,72px);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,5vw,40px);background:#fff;text-align:left}
.guide__cta h2{margin-top:0;font-size:clamp(24px,4.4vw,34px)}
.guide__cta p{color:var(--muted)}
.guide__cta .btn{margin-top:22px}
.guide__more{margin-top:44px}
.guide__more ul li::before{display:none}
.guide__more li{padding-left:0}
.guide__more a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--line);font-weight:600}
.guide__more a:hover{color:var(--violet)}
.nav__links a[aria-current]{color:var(--ink)}
@media (max-width:760px){
  .guide{padding-top:104px}
  .guide__cta .btn{width:100%}
}