
:root{
  --serif:"Fraunces",Georgia,serif;
  --sans:"Hanken Grotesk",system-ui,Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,monospace;
  --paper:#f8f4ea; --paper-soft:#fdfaf1; --raised:#ffffff; --sunken:#fdf6e6;
  --line:#e9dfc6; --line2:#decba6;
  --ink:#1a1206; --ink7:#3a3026; --ink5:#6e6359; --ink3:#a59a87;
  --accent:#f4af25; --accent-hover:#e9a30c; --accent-press:#c48808; --accent-quiet:#f3bd49;
  --link:#a8690c; --ok:#2f8a5b;
  --term-ink:#f5f0e6;
  --wrap:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;padding:0;font-family:var(--sans);font-optical-sizing:auto;background:var(--paper);color:var(--ink7);
  -webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}
img,svg{max-width:100%}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent-press);outline-offset:2px;box-shadow:0 0 0 5px rgba(244,175,37,.3);border-radius:6px}
.hb-skip{position:absolute;left:-9999px}
.hb-skip:focus{left:12px;top:12px;z-index:99;background:var(--raised);color:var(--ink);padding:10px 16px;border-radius:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}


.hb-head{position:sticky;top:0;z-index:50;background:rgba(248,244,234,.92);backdrop-filter:saturate(150%) blur(10px);-webkit-backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--line)}
.hb-head-inner{max-width:var(--wrap);margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:22px}
.hb-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.hb-brand img{display:block}
.hb-nav{margin-left:auto;display:flex;align-items:center;gap:24px}
.hb-nav a{color:var(--ink7);text-decoration:none;font-size:.93rem;font-weight:500}
.hb-nav a:hover,.hb-nav a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-press);text-decoration-thickness:2px;text-underline-offset:5px}
.hb-menu{display:none;position:relative}
.hb-menu summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1.5px solid var(--ink);border-radius:999px;font:600 .9rem var(--sans);color:var(--ink)}
.hb-menu summary::-webkit-details-marker{display:none}
.hb-menu summary svg{width:16px;height:16px;stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round}
.hb-menu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--raised);border:1px solid var(--line2);border-radius:14px;padding:8px;box-shadow:0 18px 40px -20px rgba(26,18,6,.35);display:grid}
.hb-menu-panel a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:var(--ink7);text-decoration:none;font-weight:500}
.hb-menu-panel a:hover{background:var(--paper-soft);color:var(--ink);text-decoration:none}
@media (max-width:1180px){.hb-nav{gap:18px}}
@media (max-width:900px){.hb-nav a.hb-hide{display:none}.hb-menu{display:block}.hb-nav{gap:10px}}
@media (max-width:480px){.hb-head-inner{padding:0 16px;gap:10px}.hb-brand img{width:112px;height:auto}.hb-menu summary{padding:0 12px}.hb-nav .st-btn.hb-small{padding:10px 14px}}


.st-btn{display:inline-block;padding:13px 30px;border-radius:999px;font-size:.98rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .2s ease,background .2s ease}
.st-btn:hover{transform:translateY(-1px)}
.st-btn-honey{background:var(--accent);color:var(--ink)}
.st-btn-honey:hover{background:var(--accent-hover)}
.st-btn-honey:active{background:var(--accent-press)}
.st-btn-line{border:1.5px solid var(--ink);color:var(--ink);background:transparent}
.st-btn-line:hover{background:var(--paper-soft)}
.hb-nav a.st-btn{color:var(--ink)}
.hb-nav a.st-btn:hover{text-decoration:none}
.hb-small{padding:10px 20px;font-size:.9rem}


.hb-band{position:relative;overflow:hidden;background:var(--paper)}
.hb-band.soft{background:var(--paper-soft)}
.hb-band.white{background:var(--raised)}
.hb-band+.hb-band{border-top:1px solid var(--line)}
.hb-center{max-width:var(--wrap);margin:0 auto;padding:clamp(56px,7vw,86px) 24px;text-align:center}
.hb-left{text-align:left}
.hb-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line2);border-radius:999px;
  color:var(--ink7);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:transparent}
.hb-band h2,.sp-hero h1{font-family:var(--serif);color:var(--ink);font-weight:600;letter-spacing:-.008em;text-wrap:balance}
.hb-band h2{margin:18px 0 0;font-size:clamp(1.75rem,3.8vw,2.5rem);line-height:1.14}

.hb-band h2 em,.sp-hero h1 em{font-style:normal;color:var(--link)}
.hb-band h3{font-family:var(--serif);color:var(--ink);font-weight:600;line-height:1.2;text-wrap:balance}
.hb-support{margin:14px auto 0;max-width:62ch;color:var(--ink5);font-size:clamp(1rem,2vw,1.22rem);text-wrap:pretty}
.hb-left .hb-support{margin-left:0}
.hb-ctas{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.hb-left .hb-ctas{justify-content:flex-start}
.sp-note{margin:22px auto 0;max-width:70ch;font-size:.92rem;color:var(--ink5);text-wrap:pretty}


.sp-hero{background-color:var(--paper);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='145.5' viewBox='0 0 56 97'%3E%3Cpath d='M28 0l28 16.2v32.3L28 64.7 0 48.5V16.2zM28 64.7l28 16.2M28 64.7L0 80.9M28 64.7V97' fill='none' stroke='%23e9dfc6' stroke-opacity='.45' stroke-width='.8'/%3E%3C/svg%3E")}
.sp-hero .hb-center{padding-top:clamp(48px,6vw,76px);padding-bottom:clamp(40px,5vw,64px)}
.sp-hero h1{margin:18px auto 0;max-width:22ch;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.08}
.sp-hero .sp-lede{margin:16px auto 0;max-width:52ch;color:var(--ink7);font-size:clamp(1.08rem,2.1vw,1.32rem);line-height:1.5;text-wrap:balance}
.sp-art{max-width:1040px;margin:clamp(28px,4vw,44px) auto 0}
.sp-art svg{display:block;width:100%;height:auto}


.sp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;text-align:left}
.sp-split.flip>:first-child{order:2}
.sp-split .hb-support{margin-left:0}
@media (max-width:900px){.sp-split{grid-template-columns:1fr}.sp-split.flip>:first-child{order:0}}


.sp-cards{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px;margin:34px auto 0;padding:0;text-align:left}
.sp-cards.two{grid-template-columns:repeat(2,1fr);max-width:880px}
.sp-cards.four{grid-template-columns:repeat(4,1fr)}
.sp-card{background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:22px}
.hb-band.white .sp-card{background:var(--paper-soft)}
.sp-card h3{margin:14px 0 6px;font-family:var(--sans);font-size:1.06rem;font-weight:700;line-height:1.3;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sp-card p{margin:0;font-size:.97rem;line-height:1.55;color:var(--ink7);text-wrap:pretty}
.sp-card .sp-ic{margin:0}
.sp-ic{width:40px;height:40px;border-radius:11px;background:var(--accent);border:1px solid var(--link);display:grid;place-items:center;flex:none}
.sp-ic svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1000px){.sp-cards.four{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.sp-cards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.sp-cards,.sp-cards.two,.sp-cards.four{grid-template-columns:1fr}}


.hx-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;max-width:880px;margin:28px auto 0;padding:0;text-align:left}
.hx-list.one{grid-template-columns:1fr;max-width:560px}
.hx-list li{display:flex;gap:10px;align-items:flex-start;color:var(--ink7);line-height:1.45}
.hx-list li b{color:var(--ink)}
.hx-list svg{width:20px;height:20px;flex:none;margin-top:1px}
.hx-list .hx{fill:var(--accent);stroke:var(--link);stroke-width:1.2}
.hx-list .tk{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sp-split .hx-list{margin-left:0}
@media (max-width:600px){.hx-list{grid-template-columns:1fr}}


.chip{display:inline-flex;align-items:center;gap:6px;font:700 .7rem/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap;vertical-align:middle}
.chip::before{content:"";width:6px;height:6px;border-radius:50%}
.chip-today{background:#e3f1e8;color:#1f5e3d;border:1px solid #bfdcc9}
.chip-today::before{background:var(--ok)}
.chip-coming{background:transparent;color:var(--ink7);border:1px dashed var(--ink5)}
.chip-coming::before{background:transparent;border:1.5px solid var(--ink5);width:4px;height:4px}


.sp-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px;margin:34px auto 0;padding:0;text-align:left}
.sp-steps li{counter-increment:s;background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:22px}
.hb-band.white .sp-steps li{background:var(--paper-soft)}
.sp-steps li::before{content:counter(s);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--ink);font:500 .95rem var(--mono);color:var(--ink);margin-bottom:12px}
.sp-steps b{display:block;color:var(--ink);font-size:1.04rem;margin-bottom:4px}
.sp-steps span{color:var(--ink7);font-size:.96rem;line-height:1.5}
@media (max-width:900px){.sp-steps{grid-template-columns:1fr}}


.term{display:block;margin:22px auto 0;padding:16px 20px;border-radius:12px;border:1px solid var(--ink7);background:var(--ink);color:var(--term-ink);
  font:500 clamp(.8rem,1.4vw,.92rem)/1.65 var(--mono);text-align:left;overflow-x:auto;max-width:100%;white-space:pre-wrap;word-break:break-word}
.term.inline{display:inline-block}
.term .p,.term .k{color:var(--accent-quiet)}
.term .d{color:var(--ink3)}
.term .ok{color:#5dd39e}
code{font-family:var(--mono);font-size:.92em;background:var(--sunken);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--ink)}


.sp-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--raised);max-width:880px;margin:30px auto 0;text-align:left}
.sp-table{width:100%;border-collapse:collapse;font-size:.97rem}
.sp-table th,.sp-table td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.sp-table tr:last-child td{border-bottom:0}
.sp-table thead th{font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink5)}
.sp-table td{color:var(--ink7)}
.sp-table td:first-child{color:var(--ink);font-weight:600}
.sp-table .num{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}


.sp-cta{background:var(--raised)}
.sp-cta .hb-center{max-width:760px}


.hb-foot{background:var(--paper);color:var(--ink5);padding:clamp(44px,6vw,64px) 24px 28px;border-top:1px solid var(--line2)}
.hb-foot-inner{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px 40px;font-size:.95rem}
.hb-foot-brand p{margin:12px 0 18px;color:var(--ink7);max-width:26ch;text-wrap:pretty}
.hb-foot-logo{display:inline-block;margin-left:-10px}
.hb-foot-logo img{display:block;height:44px;width:auto}
.hb-foot-col h2{margin:6px 0 14px;font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink5)}
.hb-foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hb-foot-col a{color:var(--ink7);text-decoration:none;font-weight:500}
.hb-foot-col a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-press);text-decoration-thickness:2px;text-underline-offset:4px}
.hb-foot-base{grid-column:1/-1;margin:12px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:.85rem;color:var(--ink5);display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.made-in{display:inline-flex;align-items:center;gap:.35em;flex-wrap:wrap}
.made-in svg{width:1em;height:1em;flex:none}
.made-in .h{fill:var(--accent);stroke:var(--link);stroke-width:1.4}
@media (max-width:900px){.hb-foot-inner{grid-template-columns:1fr 1fr}.hb-foot-brand{grid-column:1/-1}}
@media (max-width:420px){.hb-foot-inner{gap:28px 20px}}
@media (max-width:600px){.sp-art{margin-left:-12px;margin-right:-12px}}


.legal{max-width:760px;margin:0 auto;padding:8px 20px 72px;font-size:17px;line-height:1.7;color:var(--ink2, inherit)}
.legal h2{font-size:22px;line-height:1.3;margin:40px 0 12px;color:var(--ink, inherit)}
.legal h3{font-size:18px;margin:28px 0 8px;color:var(--ink, inherit)}
.legal p{margin:0 0 16px}
.legal ul,.legal ol{margin:0 0 18px;padding-left:22px}
.legal li{margin:6px 0}
.legal a{color:var(--accent, #b7791f);text-underline-offset:2px}
.legal table{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:15px;display:block;overflow-x:auto}
.legal th,.legal td{border:1px solid var(--line, rgba(127,127,127,.3));padding:8px 10px;text-align:left;vertical-align:top}
.legal [id]{scroll-margin-top:88px}
