
:root{ /* layout: pencil-yellow hero with a phone thread, alternating paper/ink bands, yellow waitlist band */
--pencil:#F7C948;--pencil-deep:#E0AC1C;--ink:#22262B;--paper:#FBF8F1;--white:#FFFFFF;--eraser:#F2998E;--ok:#1E7F56;--muted:#59606A;--line:#DAD5C6;
--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--body)}
a{color:inherit;text-underline-offset:3px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
.band-ink :focus-visible{outline-color:var(--pencil)}
.skip{position:absolute;left:-999px;background:var(--ink);color:#fff;padding:10px 14px;z-index:9}.skip:focus{left:8px;top:8px}
.wrap{width:min(1080px,100% - 40px);margin-inline:auto}.narrow{max-width:720px}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.08;text-wrap:balance;margin:0 0 .5em;letter-spacing:-.015em}
h1{font-size:clamp(2.3rem,6vw,4rem)}h2{font-size:clamp(1.7rem,3.6vw,2.5rem)}h3{font-size:1.2rem;letter-spacing:0}
p{margin:0 0 1em;max-width:62ch}
.tag{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1em}
.lede{font-size:1.2rem;max-width:52ch}.fine{font-size:.88rem;color:var(--muted)}
.top{background:var(--pencil);border-bottom:3px solid var(--ink)}
.top-in{display:flex;align-items:center;gap:8px 22px;min-height:68px;flex-wrap:wrap;padding-block:8px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.25rem var(--display);margin-right:auto}.mark{width:34px;height:34px}
.nav{display:flex;align-items:center;gap:6px 20px;flex-wrap:wrap}.nav a{text-decoration:none;font-weight:600;font-size:.97rem}.nav a:not(.btn):hover{text-decoration:underline}
.btn{display:inline-block;font:700 1rem var(--body);padding:13px 22px;border-radius:999px;text-decoration:none;border:2.5px solid var(--ink);cursor:pointer;text-align:center}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#000}
.btn-line{background:transparent;color:var(--ink)}.btn-line:hover{background:rgba(0,0,0,.07)}
.top .btn{padding:8px 16px;font-size:.93rem}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin:1.5em 0 1em}
.hero{background:var(--pencil)}.hero-in{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;padding-block:56px 68px}
.hero .fine{color:var(--ink)}
.hl{display:inline-block;background:var(--ink);color:var(--pencil);padding:0 .22em;border-radius:.18em;transform:rotate(-3deg)}
.phone{margin:0;background:var(--white);border:3px solid var(--ink);border-radius:28px;padding:18px 16px 20px;box-shadow:8px 8px 0 var(--ink);display:flex;flex-direction:column;gap:10px}
.phone figcaption{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:4px}
.msg{max-width:86%;padding:9px 13px;border-radius:16px;font-size:.95rem;line-height:1.4}.msg p{margin:0}
.who{display:block;font-size:.7rem;font-weight:700;color:var(--muted);margin-bottom:2px}
.msg.in{background:#ECEAE3;align-self:flex-start;border-bottom-left-radius:4px}
.msg.sys{background:#FFF3C9;border:1.5px dashed var(--pencil-deep);align-self:flex-start;border-bottom-left-radius:4px}
.msg.out{background:var(--ok);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;font-weight:700;font-size:1.15rem;padding-inline:18px}.msg.out .who{color:#d7f0e4}
.msg.reply{background:#DDF1E7}
.band{padding-block:68px}.band-ink{background:var(--ink);color:#F4F1E8}.band-ink .tag{color:var(--pencil)}.band-paper{background:var(--white);border-block:1px solid var(--line)}.band-pencil{background:var(--pencil);border-top:3px solid var(--ink)}
.steps{list-style:none;padding:0;margin:1.8em 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.steps li{background:var(--white);border:2.5px solid var(--ink);border-radius:16px;padding:24px}
.num{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--pencil);border:2.5px solid var(--ink);font:700 1.2rem var(--display);margin-bottom:14px}
.steps p{margin:0;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 40px;margin-top:1.6em}
.grid article{border-top:2px solid #4a5059;padding:20px 0 6px}.grid h3{color:var(--pencil)}.grid p{color:#D5D1C6}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:1.6em 0 1em}
.plan{background:var(--white);border:2.5px solid var(--ink);border-radius:16px;padding:26px}.plan.star{background:var(--pencil);box-shadow:6px 6px 0 var(--ink)}
.price{font:700 2.8rem/1 var(--display);margin:.2em 0 .35em;font-variant-numeric:tabular-nums}.price span{font-size:1rem;font-weight:600}.plan p:last-child{margin:0}
.split,.form-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.sig{font:700 1.15rem var(--display)}
.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;padding:13px 0}.faq details p{color:var(--muted)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;background:var(--white);border:3px solid var(--ink);border-radius:20px;padding:26px;box-shadow:8px 8px 0 var(--ink)}
.field{display:flex;flex-direction:column;gap:6px}.field.wide{grid-column:1/-1}
label{font-weight:700;font-size:.93rem}.opt{font-weight:400;color:var(--muted)}
input[type=text],input[type=email],input[type=tel],select{font:inherit;padding:11px 12px;border:2px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink);width:100%}
input:focus,select:focus{outline:3px solid var(--pencil-deep);outline-offset:1px}
[aria-invalid=true]{border-color:#B3261E;background:#FFF4F2}
.check{flex-direction:row;align-items:flex-start;gap:10px}.check input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--ink)}.check label{font-weight:400;font-size:.85rem;color:var(--muted)}
.hp{position:absolute;left:-9999px}
.form-note{margin:.9em 0 0;font-weight:700}.form-note:empty{display:none}.form-note.err{color:#B3261E}.form-note.ok{color:var(--ok)}
.form .btn{width:100%}
.prose h2{font-size:1.4rem;margin-top:1.5em}.prose h1{font-size:clamp(2rem,5vw,3rem)}
.foot{background:var(--ink);color:#C9C5BA;padding-block:40px;font-size:.93rem}
.foot-in{display:flex;gap:16px 32px;flex-wrap:wrap;align-items:center;justify-content:space-between}.foot .logo{color:#fff;margin:0}
.foot nav{display:flex;gap:8px 22px;flex-wrap:wrap}.foot a{color:#fff}
.preview-bar{background:var(--ink);color:var(--pencil);font-size:.85rem;padding:8px 12px;text-align:center}
[data-page][hidden]{display:none}
@media (max-width:860px){.hero-in,.split,.form-split{grid-template-columns:1fr;gap:36px}.steps,.plans{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.phone{max-width:400px}}
@media (max-width:540px){body{font-size:16px}.grid,.form{grid-template-columns:1fr}.band{padding-block:48px}.hero-in{padding-block:36px 48px}.btns .btn{width:100%}.nav a:not(.btn){display:none}.phone,.form{box-shadow:5px 5px 0 var(--ink)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
