/* Town · Who it's for pages (shared) */

.hh{padding:clamp(3.5rem,8vw,6.5rem) 0 clamp(2.5rem,5vw,4rem);text-align:center;background:radial-gradient(60% 50% at 50% 0%,#fff8d6 0%,rgba(255,248,214,0) 70%)}
.hh h1{max-width:15ch;margin:0 auto .9rem}
.hh .lead{max-width:56ch;margin:0 auto 1.8rem}
.hh .hero-cta{justify-content:center}
.hh-trust{margin-top:2.2rem;font-size:.85rem;color:var(--muted-fg)}
.hh-trust b{display:inline-block;color:var(--foreground);font-weight:500;margin:0 .6rem}
.hx{position:relative;max-width:1080px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;padding:0 40px 30px;text-align:left}
.hx-app{border:1px solid var(--border);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.04);font-size:13px;color:var(--foreground)}
.hx-top{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:#fafafa}.hx-top i{width:10px;height:10px;border-radius:50%;background:#e4e4e7}.hx-top span{margin-left:10px;font-size:11.5px;color:var(--muted-fg);background:#fff;border:1px solid var(--border);border-radius:6px;padding:2px 10px}
.hx-in{display:grid;grid-template-columns:170px 1fr;min-height:420px}
.hx-side{border-right:1px solid var(--border);padding:16px 10px;display:flex;flex-direction:column;gap:2px;background:#fcfcfc}
.hx-logo{font-size:15px;letter-spacing:-.03em;padding:0 10px 14px}
.hx-side span{padding:7px 10px;border-radius:7px;color:var(--muted-fg);font-weight:500}.hx-side span.on{background:#f4f4f5;color:var(--foreground)}
.hx-main{padding:18px 20px;display:grid;gap:14px;align-content:start}
.hx-head{display:flex;justify-content:space-between;align-items:flex-end}.hx-head small{color:var(--muted-fg);font-size:12px}.hx-head h4{margin:0;font-size:20px;letter-spacing:-.03em}
.hx-tabs{display:inline-flex;background:#f4f4f5;border-radius:8px;padding:3px;gap:2px}.hx-tabs span{padding:4px 10px;border-radius:6px;font-size:12px;color:var(--muted-fg);font-weight:500}.hx-tabs span.on{background:#fff;color:var(--foreground);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.hx-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hx-kpis>div{border:1px solid var(--border);border-radius:12px;padding:12px}
.hx-kpis small{display:block;color:var(--muted-fg);font-size:11.5px}.hx-kpis b{display:block;font-size:22px;letter-spacing:-.035em;margin:2px 0}.hx-kpis em{font-style:normal;font-size:11px;font-weight:600;padding:1px 6px;border-radius:999px}
.hx-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}
.hx-card{border:1px solid var(--border);border-radius:12px;padding:12px}
.hx-ct{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hx-ct b{font-size:13px}
.hx-card .mk-chart{height:150px}
.hx-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#15803d}.hx-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}
.hx-orders>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:8px 0;border-top:1px solid var(--border);font-size:12px;align-items:center}.hx-orders>div:first-child{border-top:0}
.hx-orders span{color:var(--muted-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-orders strong{font-weight:600}
.hx-phone{position:absolute;left:0;bottom:0;width:180px;border:7px solid #09090b;border-radius:30px;background:#09090b;box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
.hx-scr{background:#fff;border-radius:23px;overflow:hidden;font-size:11.5px}
.hx-ph-hero{height:120px;background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:12px}.hx-ph-hero small{font-size:10px;opacity:.85}.hx-ph-hero b{font-size:14px;line-height:1.15;letter-spacing:-.02em}
.hx-ph-item{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--border)}.hx-ph-item i{width:40px;height:40px;border-radius:8px;background-size:cover;background-position:center}.hx-ph-item b{display:block;font-size:11.5px}.hx-ph-item span{color:var(--muted-fg);font-size:11px}.hx-ph-item em{font-style:normal;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
.hx-ph-cta{margin:10px;background:#fcd740;border-radius:8px;text-align:center;font-weight:600;padding:9px 0;font-size:11.5px}
.hx-toast{position:absolute;right:0;bottom:0;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;gap:10px;align-items:center;box-shadow:0 16px 40px -14px rgba(0,0,0,.3);font-size:12px}.hx-toast b{display:block}.hx-toast span{color:var(--muted-fg);font-size:11.5px}
@media(max-width:860px){.hx{padding:0 0 20px}.hx-in{grid-template-columns:1fr}.hx-side{display:none}.hx-kpis{grid-template-columns:1fr 1fr}.hx-grid{grid-template-columns:1fr}.hx-phone{display:none}.hx-toast{position:relative;left:auto;bottom:auto;margin:12px auto 0;width:fit-content}.hx-tabs{display:none}}
.hh-shot{max-width:1040px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.25);background:#fff;text-align:left}
.hh-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:#fafafa}
.hh-bar i{width:10px;height:10px;border-radius:50%;background:#e4e4e7}
.hh-bar span{margin-left:10px;font-size:.78rem;color:var(--muted-fg);background:#fff;border:1px solid var(--border);border-radius:6px;padding:2px 10px}
.hh-shot img{width:100%;display:block;aspect-ratio:16/8.5;object-fit:cover;object-position:top}
.hstats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff}
.hstats div{padding:1.6rem 1.4rem;border-left:1px solid var(--border)} .hstats div:first-child{border-left:0}
.hstats b{display:block;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--foreground)}
.hstats span{display:block;margin-top:.5rem;font-size:.9rem;color:var(--muted-fg)}
.hstory{display:block;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;color:var(--foreground);transition:border-color .15s}
.hstory:hover{border-color:var(--ring);text-decoration:none}
.hstory img{width:100%;aspect-ratio:16/10;object-fit:cover}
.hstory div{padding:1rem 1.1rem 1.15rem} .hstory b{display:block;font-size:1.35rem;letter-spacing:-.03em}
.hstory span{font-size:.88rem;color:var(--muted-fg)}
.hlogos{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.6rem}
.hlogos span{display:inline-flex;align-items:center;justify-content:center;height:56px;min-width:120px;padding:0 1rem;border:1px solid var(--border);border-radius:10px;background:#fff}
.hlogos img{max-height:26px;width:auto}
.hsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.hsteps .card{padding:1.5rem} .hsteps small{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--muted);font-weight:600;font-size:.8rem;margin-bottom:.9rem}
.hsteps h3{margin:0 0 .35rem;font-size:1.1rem} .hsteps p{margin:0;font-size:.95rem}
#home-lead .home-lead-card{border:1px solid var(--border);border-radius:16px;padding:clamp(1.4rem,3vw,2.4rem);background:#fff;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.4rem,3vw,2.6rem);align-items:center;box-shadow:var(--shadow-sm)}
#home-lead .home-lead-sub{margin:1rem 0 0;max-width:46ch}
#home-lead .home-lead-list{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.5rem;font-weight:500;color:var(--foreground);font-size:.95rem}
#home-lead .tool label{display:block;margin:.75rem 0 .35rem}
#home-lead .tool input{width:100%}
#home-lead .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
#home-lead .form-row label{margin-top:0}
@media(max-width:860px){.hstats{grid-template-columns:1fr 1fr}.hstats div:nth-child(3){border-left:0}.hstats div:nth-child(n+3){border-top:1px solid var(--border)}.hsteps{grid-template-columns:1fr}#home-lead .home-lead-card{grid-template-columns:1fr}}
@media(max-width:420px){#home-lead .form-row{grid-template-columns:1fr;gap:0}}

.w-phone{position:relative;padding:7px;border-radius:40px;background:#0a0a0f;border:1px solid #27272a;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);}
.w-scr{position:relative;aspect-ratio:9/16;border-radius:30px;overflow:hidden;background:#fff}
.vp{position:absolute;left:0;top:0;width:300px;height:533.33px;transform-origin:0 0;transform:scale(var(--k,1));overflow:hidden;background:var(--bg,#fff);color:var(--fg,#111);font:12px/1.35 'Geist',system-ui,sans-serif;text-align:left}
.s-hd{position:absolute;inset:0 0 auto 0;height:50px;z-index:3;display:flex;align-items:center;gap:8px;padding:0 12px;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.s-hd img{max-width:120px;object-fit:contain}
.s-open{margin-left:auto;font-size:9.5px;font-weight:700;color:#fff;background:#16a34a;border-radius:5px;padding:3px 6px}
.s-bg{width:26px;height:26px;border:1.5px solid;border-radius:6px;display:grid;place-items:center;font-size:13px}
.s-cnt{position:absolute;inset:50px 0 0 0;overflow:hidden}
.s-in{padding:10px 12px 90px;animation:pscroll var(--t,16s) ease-in-out infinite;animation-delay:var(--dl,0s);will-change:transform}
.s-in.still{animation:none}
@keyframes pscroll{0%,12%{transform:translateY(0)}48%,60%{transform:translateY(var(--y,0px))}96%,100%{transform:translateY(0)}}
.s-bar{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;height:52px;border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 6px 20px rgba(0,0,0,.18);display:flex;align-items:center;gap:8px;padding:0 7px}
.s-bar i{flex:0 0 38px;height:38px;border-radius:50%;border:1px solid #e5e5ea;display:grid;place-items:center;font-style:normal;font-size:15px;color:#333;position:relative;background:#fff}
.s-bar b{flex:1;height:38px;border-radius:19px;display:grid;place-items:center;font-size:12.5px;font-weight:700;letter-spacing:.03em}
.s-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:9px;font-style:normal;font-size:10px;font-weight:700;display:grid;place-items:center;animation:bump 2.4s ease-in-out infinite}
@keyframes bump{0%,80%,100%{transform:scale(1)}88%{transform:scale(1.35)}}
.s-pills{display:flex;gap:6px;overflow:hidden;margin-bottom:8px}
.s-pills span{flex:0 0 auto;padding:6px 11px;border-radius:999px;border:1px solid #d9d9df;font-weight:600;font-size:11px;white-space:nowrap}
.s-search{border:1px solid #d9d9df;border-radius:999px;padding:6px 11px;color:#999;font-size:11px;margin-bottom:10px;background:#fff}
.s-h4{margin:4px 0 8px;font-size:15px;font-weight:800;letter-spacing:.01em}
.s-h4c{margin:16px 0 10px;font-size:18px;text-align:center;font-weight:600}
.s-serif{font-family:Georgia,'Times New Roman',serif}
.s-it{background:#fff;border:1px solid #ececf0;border-radius:12px;overflow:hidden;margin-bottom:10px;color:#1a1a1a}
.s-it .s-im{height:118px;background:#ddd center/cover}
.s-ib{padding:8px 10px 10px}
.s-ib b{display:block;font-size:13px;margin:4px 0 2px}
.s-ib small{display:block;color:#777;font-size:10.5px;line-height:1.3}
.s-pop{display:inline-block;font-size:8.5px;font-weight:800;background:#fff3c4;color:#8a6a00;border-radius:999px;padding:2px 7px}
.s-pr{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.s-pr strong{font-size:13px}
.s-add{border:1.5px solid;border-radius:999px;padding:3px 12px;font-weight:700;font-size:11px}
.s-hero{margin:-10px -12px 6px;padding:34px 18px 26px;min-height:300px;background:#222 center/cover;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px}
.s-hero.light{background:transparent;color:inherit;min-height:280px}
.s-hero small{font-size:9px;letter-spacing:.2em;font-weight:600}
.s-hero h3{margin:0;font-weight:700}
.s-hero p{margin:0;font-size:11.5px;opacity:.9;max-width:240px}
.s-tag{border:1px solid rgba(224,122,44,.5);border-radius:999px;padding:4px 10px;color:#e8c9a6}
.s-btn{display:inline-grid;place-items:center;height:36px;padding:0 16px;border-radius:6px;font-weight:700;font-size:11px;letter-spacing:.08em;margin-top:4px}
.s-btn.ghost{border:1px solid rgba(255,255,255,.6);color:#fff}
.s-dish{margin-bottom:12px}
.s-dish .s-im{height:150px;border-radius:12px;background:#ccc center/cover}
.s-dish b{display:block;margin-top:6px;font-size:13.5px}
.s-dish small{display:block;opacity:.7;font-size:10.5px}
.s-res .s-ph{height:120px;margin:-10px -12px 0;background:center/cover}
.s-rcard{margin:-26px 4px 0;position:relative;background:#5fc08b;color:#13311f;border-radius:14px;padding:14px;display:grid;gap:7px;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.s-rcard h4{margin:0;font-size:15px;letter-spacing:.06em}
.s-rcard small{font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.s-rcard p{margin:0;font-size:10px;opacity:.85}
.s-step{display:flex;justify-content:center;align-items:center;gap:12px}
.s-step i{width:30px;height:30px;border-radius:50%;background:#1b1b1b;color:#fff;font-style:normal;display:grid;place-items:center;font-size:15px}
.s-step b{width:44px;height:40px;border-radius:8px;background:#1b1b1b;color:#fff;display:grid;place-items:center;font-size:20px}
.s-chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
.s-chips span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.6);font-weight:600;font-size:10.5px;color:#222}
.s-chips span.on{background:#1b1b1b;color:#fff}
.s-form{background:#fff;border:1px solid #eadfd3;border-radius:12px;padding:10px 12px;margin:10px 0;display:grid;gap:2px;color:#2a160c}
.s-form h4{margin:0 0 4px;font-size:14px}
.s-form label{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #f1e8de;font-size:11px;color:#8a7466}
.s-form label:first-of-type{border-top:0}
.s-form label span{color:#2a160c;font-weight:600}
.s-form .s-btn{margin-top:6px}
.s-loy{text-align:center;padding-top:6px}
.s-loy h4{margin:0;font-size:20px;letter-spacing:.04em}
.s-loy>small{display:block;color:#8a7466;font-size:9px;letter-spacing:.06em}
.s-ring{position:relative;width:150px;height:150px;margin:14px auto 6px}
.s-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.s-arc{animation:arc 4s ease-in-out infinite alternate}
@keyframes arc{from{stroke-dashoffset:200}to{stroke-dashoffset:60}}
.s-ring div{position:absolute;inset:0;display:grid;place-content:center;line-height:1}
.s-ring b{font-size:38px;letter-spacing:-.03em}.s-ring span{font-size:11px;color:#8a7466}
.s-loy p{margin:4px 0 12px;font-size:12px}
.s-gift{text-align:center;display:grid;gap:9px;padding-top:6px}
.s-gift small{font-size:9px;letter-spacing:.2em;font-weight:600}
.s-gift h3{margin:0}
.s-gc{position:relative;height:150px;border-radius:14px;background:linear-gradient(135deg,#1b1410,#3a2a1c);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:14px;color:#f2c230;box-shadow:0 12px 26px rgba(0,0,0,.25)}
.s-gc img{height:34px}
.s-gc span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#d9c7a4}
.s-gc b{position:absolute;right:14px;bottom:12px;font-size:30px}
.s-gift .s-chips span{background:#fff;border:1px solid #e3dccf}
.s-gift .s-chips span.on{background:#111;color:#f2c230}
.card .phone:after{content:"Try it in the dashboard →";position:absolute;left:50%;bottom:16px;transform:translate(-50%,8px);opacity:0;z-index:5;white-space:nowrap;background:var(--gold);color:var(--gold-ink);font-weight:600;font-size:13px;padding:8px 14px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.35);transition:opacity .25s,transform .25s;pointer-events:none}

/* ===== Who it's for pages ===== */
.w-hero .eyebrow{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);background:#fff;border-radius:999px;padding:.3rem .8rem;font-size:.8rem;letter-spacing:0;text-transform:none;color:var(--foreground);font-weight:500}
.w-hero h1{max-width:17ch}
.w-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;margin:1.6rem 0 0;padding:0;list-style:none;font-size:.92rem;color:var(--foreground);font-weight:500}
.w-checks li::before{content:"✓";display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;margin-right:.45rem;border-radius:50%;background:var(--brand,#fcd740);font-size:.7rem;font-weight:800;color:#09090b;vertical-align:1px}
.w-ex{display:block;text-align:center;margin-top:.6rem;font-size:.78rem;color:var(--muted-fg)}
.hx .hx-ph-hero{height:132px}
/* phone */
.w-phone{width:100%;max-width:250px;margin:0 auto}
.w-phone .vp{transform:scale(var(--k,.8))}
/* proof strip */
.w-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border);border-radius:16px;background:#fff;overflow:hidden}
.w-proof>div{padding:1.4rem 1.3rem;border-left:1px solid var(--border)}.w-proof>div:first-child{border-left:0}
.w-proof b{display:block;font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.04em;line-height:1.05;font-weight:700}
.w-proof span{display:block;margin-top:.45rem;font-size:.88rem;color:var(--muted-fg);line-height:1.4}
.w-proof span em{font-style:normal;color:var(--foreground);font-weight:600}
/* pains */
.w-pains{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.w-pain{border:1px solid var(--border);border-radius:16px;background:#fff;padding:1.4rem 1.4rem 1.3rem;display:flex;flex-direction:column}
.w-pain .ic{font-size:1.5rem;line-height:1;margin-bottom:.8rem}
.w-pain h3{font-size:1.08rem;margin:0 0 .45rem;letter-spacing:-.02em}
.w-pain p{margin:0;font-size:.93rem;line-height:1.55}
.w-pain .fix{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border);font-size:.92rem;line-height:1.55;color:var(--foreground)}
.w-pain .fix b{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#fff8d6;color:#7a5c00;border-radius:999px;padding:.15rem .55rem;margin-right:.4rem}
/* real customers */
.w-real{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start}
.w-rc{border:1px solid var(--border);border-radius:18px;background:#fff;padding:1.1rem 1.1rem 1.2rem;text-align:center}
.w-rc .w-phone{max-width:220px}
.w-rc>h3{margin:1rem 0 .15rem;font-size:1.05rem}
.w-rc>p{margin:0;font-size:.88rem;color:var(--muted-fg)}
.w-rc>.st{display:inline-block;margin-top:.7rem;font-weight:700;font-size:.85rem;background:#f4f4f5;border-radius:999px;padding:.25rem .7rem}
.w-rc.ph{padding:0;overflow:hidden;text-align:left}
.w-rc.ph img{width:100%;aspect-ratio:4/3.2;object-fit:cover;display:block}
.w-rc.ph div{padding:1rem 1.1rem 1.2rem}.w-rc.ph div>p{margin:0;font-size:.88rem;color:var(--muted-fg)}
.w-rc.ph div>h3{font-size:1.05rem;margin:0 0 .2rem}
.w-rc.ph b.big{display:block;font-size:1.7rem;letter-spacing:-.04em;line-height:1.05;margin-bottom:.25rem}
.w-real-more{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.4rem}
.w-real-more span{border:1px solid var(--border);border-radius:999px;background:#fff;padding:.35rem .8rem;font-size:.85rem}
.w-real-more span b{font-weight:700}
/* calculator */
.w-calc{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:center;border:1px solid var(--border);border-radius:18px;background:#fff;padding:clamp(1.3rem,3vw,2.3rem);box-shadow:var(--shadow-sm)}
.w-calc h2{margin:.2rem 0 .6rem}
.w-calc label{display:flex;justify-content:space-between;font-weight:600;font-size:.92rem;margin:1.3rem 0 .5rem}
.w-calc label output{font-variant-numeric:tabular-nums}
.w-calc input[type=range]{width:100%;accent-color:#09090b}
.w-calc .w-note{font-size:.8rem;color:var(--muted-fg);margin-top:1rem}
.w-out{border-radius:16px;background:#09090b;color:#fafafa;padding:1.6rem 1.5rem}
.w-out small{display:block;color:#a1a1aa;font-size:.85rem}
.w-out .big{display:block;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;letter-spacing:-.045em;line-height:1;margin:.35rem 0 1.2rem;color:#fcd740;font-variant-numeric:tabular-nums}
.w-out .rows>div{display:flex;justify-content:space-between;padding:.6rem 0;border-top:1px solid #27272a;font-size:.92rem}
.w-out .rows b{font-variant-numeric:tabular-nums}
.w-out .rows .g{color:#4ade80}
/* features */
.w-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.w-feat{border:1px solid var(--border);border-radius:14px;background:#fff;padding:1.2rem}
.w-feat i{font-style:normal;display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:10px;background:#fff8d6;font-size:1.1rem;margin-bottom:.75rem}
.w-feat h3{font-size:1rem;margin:0 0 .3rem}.w-feat p{margin:0;font-size:.9rem;line-height:1.5}
/* faq + related */
.w-faq{max-width:780px;margin:0 auto}
.w-rel{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center}
.w-rel a{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:999px;background:#fff;padding:.45rem .9rem;color:var(--foreground);font-weight:500;font-size:.92rem}
.w-rel a:hover{border-color:var(--ring);text-decoration:none}
/* mock catering form */
.mk-form{display:grid;gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.mk-form>div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .8rem;border-top:1px solid var(--border);font-size:12.5px}.mk-form>div:first-child{border-top:0}
.mk-form span{color:var(--muted-fg)}.mk-form b{font-weight:600;text-align:right}
/* multi-location table */
.mk-locs>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--border);font-size:12.5px}.mk-locs>div:first-child{border-top:0}
.mk-locs span{color:var(--muted-fg)}.mk-locs i{display:block;height:6px;border-radius:3px;background:#f4f4f5;width:90px;overflow:hidden}.mk-locs i u{display:block;height:100%;background:#fcd740}
/* hub */
.w-types{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.w-type{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;color:var(--foreground);transition:border-color .15s,transform .2s}
.w-type:hover{border-color:var(--ring);text-decoration:none;transform:translateY(-3px)}
.w-type img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#f4f4f5}
.w-type div{padding:.9rem 1rem 1.05rem}.w-type b{display:block;font-size:1rem;letter-spacing:-.02em}
.w-type span{display:block;font-size:.85rem;color:var(--muted-fg);margin-top:.2rem;line-height:1.4}
.w-type em{display:inline-block;margin-top:.55rem;font-style:normal;font-size:.75rem;font-weight:600;background:#fff8d6;color:#7a5c00;border-radius:999px;padding:.1rem .5rem}
.w-ops{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.w-op{border:1px solid var(--border);border-radius:16px;background:#fff;padding:1.2rem;color:var(--foreground);display:flex;flex-direction:column;gap:.35rem;transition:border-color .15s}
.w-op:hover{border-color:var(--ring);text-decoration:none}
.w-op i{font-style:normal;font-size:1.5rem}.w-op b{font-size:1.02rem}.w-op span{font-size:.86rem;color:var(--muted-fg);line-height:1.45}.w-op u{text-decoration:none;font-weight:600;font-size:.85rem;margin-top:auto;padding-top:.4rem}
.w-belt{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.w-belt-row{display:flex;gap:1.1rem;width:max-content;animation:wbelt 70s linear infinite;padding:6px 0 10px}
.w-belt:hover .w-belt-row{animation-play-state:paused}
.w-belt .w-bc{width:210px;flex:none;text-align:center}
.w-belt .w-bc .w-phone{max-width:210px}
.w-belt .w-bc>b{display:block;margin-top:.7rem;font-size:.92rem}.w-belt .w-bc>span{display:block;font-size:.8rem;color:var(--muted-fg)}
@keyframes wbelt{to{transform:translateX(-50%)}}
@media(max-width:1000px){.w-ops{grid-template-columns:repeat(3,1fr)}.w-types{grid-template-columns:repeat(3,1fr)}.w-feats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.w-proof{grid-template-columns:1fr 1fr}.w-proof>div:nth-child(3){border-left:0}.w-proof>div:nth-child(n+3){border-top:1px solid var(--border)}.w-pains{grid-template-columns:1fr 1fr}.w-calc{grid-template-columns:1fr}
.w-real{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.w-real>*{scroll-snap-align:center}}
@media(max-width:640px){.w-pains{grid-template-columns:1fr}.w-ops{grid-template-columns:1fr 1fr}.w-types{grid-template-columns:1fr 1fr}.w-feat{padding:1rem}.w-feat p{font-size:.85rem}.w-type div{padding:.75rem .8rem .9rem}}
@media(max-width:380px){.w-ops{grid-template-columns:1fr}.w-feats{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.w-belt-row,.s-in,.s-arc,.s-badge{animation:none!important}}

/* ===== Compare pages ===== */
.w-bills{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:860px;margin:clamp(2rem,4vw,3rem) auto 0;text-align:left}
.w-bill{border:1px solid var(--border);border-radius:16px;background:#fff;padding:1.3rem 1.4rem;box-shadow:0 30px 70px -40px rgba(0,0,0,.35)}
.w-bill.town{border-color:#e7bf1f;box-shadow:0 0 0 1px #fcd740 inset,0 30px 70px -40px rgba(0,0,0,.35)}
.w-bill>small{display:block;font-size:.78rem;color:var(--muted-fg);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.w-bill>b{display:block;font-size:1.15rem;letter-spacing:-.02em;margin:.2rem 0 .8rem}
.w-bill .ln{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px dashed var(--border);font-size:.92rem}
.w-bill .ln span{color:var(--muted-fg)}.w-bill .ln strong{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.w-bill .ln strong.w-bad{color:#b91c1c}.w-bill .ln strong.w-ok{color:#15803d}
.w-bill .tot{display:flex;justify-content:space-between;gap:1rem;padding-top:.8rem;margin-top:.3rem;border-top:2px solid var(--foreground);font-weight:700}
.w-src{font-size:.78rem;color:var(--muted-fg);text-align:center;margin:.9rem auto 0;max-width:70ch}
.w-src a{color:inherit;text-decoration:underline}
.w-vs{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff}
.w-vs table{width:100%;border-collapse:collapse;font-size:.95rem}
.w-vs th,.w-vs td{padding:.85rem 1.1rem;text-align:left;border-top:1px solid var(--border);vertical-align:top}
.w-vs thead th{border-top:0;background:#fafafa;font-size:.85rem;color:var(--muted-fg);font-weight:600}
.w-vs thead th.t{color:var(--foreground)}
.w-vs td:first-child{font-weight:600;width:28%}
.w-vs td.t{background:#fffdf3}
.w-vs td.t::before{content:"✓ ";color:#15803d;font-weight:700}
.w-vs-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.w-vs-wrap table{min-width:560px}
.w-alert{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid #fecaca;background:#fef2f2;border-radius:14px;padding:1rem 1.2rem;color:#7f1d1d}
.w-alert b{color:#991b1b}.w-alert a{color:#991b1b;font-weight:600}
.w-count{display:flex;gap:.6rem;justify-content:center;margin-top:1.4rem}
.w-count div{border:1px solid var(--border);background:#fff;border-radius:12px;padding:.7rem 1rem;min-width:84px;text-align:center}
.w-count b{display:block;font-size:1.8rem;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.w-count span{font-size:.75rem;color:var(--muted-fg)}
.w-calc select{width:100%;height:2.5rem;border:1px solid var(--border);border-radius:8px;padding:0 .6rem;font:inherit;background:#fff}
.w-ask{counter-reset:q;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.w-ask li{counter-increment:q;border:1px solid var(--border);border-radius:12px;background:#fff;padding:1rem 1rem 1rem 3rem;position:relative;font-size:.95rem}
.w-ask li::before{content:counter(q);position:absolute;left:1rem;top:1rem;width:1.4rem;height:1.4rem;border-radius:6px;background:#fff8d6;color:#7a5c00;font-weight:700;font-size:.8rem;display:grid;place-items:center}
.w-cmps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.w-cmp{display:flex;flex-direction:column;gap:.35rem;border:1px solid var(--border);border-radius:16px;background:#fff;padding:1.2rem;color:var(--foreground)}
.w-cmp:hover{border-color:var(--ring);text-decoration:none}
.w-cmp b{font-size:1.05rem}.w-cmp span{font-size:.9rem;color:var(--muted-fg);line-height:1.45}.w-cmp em{font-style:normal;font-size:.78rem;font-weight:600;color:#7a5c00;background:#fff8d6;border-radius:999px;padding:.1rem .55rem;align-self:flex-start}
.w-cmp u{text-decoration:none;font-weight:600;font-size:.88rem;margin-top:auto;padding-top:.4rem}
@media(max-width:860px){.w-bills{grid-template-columns:1fr}.w-ask{grid-template-columns:1fr}.w-cmps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.w-cmps{grid-template-columns:1fr}.w-vs th,.w-vs td{padding:.7rem .8rem;font-size:.88rem}}
.w-bill .tot span:last-child{text-align:right}