/* ===== FINAL: premium base + Aja's colors as accents (designer panel 9/24) ===== */
:root{--go:#B0246E;--accent:#B0246E;--accent-hover:#911C5A;--ink:#1D1D1F;--ink-2:#6E6E73;--line:#E5E5EA;--paper:#FFFFFF;--sand-2:#F5F5F7;--sand:#F5F5F7;
  --lilac:#F3EFF8;--lilac-2:#E6DDF2;--lilac-3:#CBB8E8;--good:#157347;--warn:#8A5A00;
  --h:"General Sans","Inter Tight",system-ui,sans-serif;--r-s:10px;--r-m:16px;--r-l:24px}
body{background:#fff;color:var(--ink)}
h1,h2,h3{font-family:var(--h);letter-spacing:-.025em;text-wrap:balance}
.hero h1{font-weight:700;letter-spacing:-.03em}
.section-title,.start h2{font-weight:700}
.tile h3,.card h3{font-weight:600;letter-spacing:-.01em}
/* buttons */
.btn{background:var(--accent);color:#fff;border-radius:980px}
.btn:hover{background:var(--accent-hover);box-shadow:none;transform:none}
.btn-ghost,.hero .btn-ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #C7C7CC}
.btn-ghost:hover{background:#F5F5F7}
.btn:focus-visible,summary:focus-visible,.d-tab:focus-visible,.d-store:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* eyebrows: one style */
.eyebrow-s,.hero .eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:1}
.hero .eyebrow{color:var(--ink-2)}
.hero .eyebrow .sm{display:none}
@media (max-width:700px){.hero .eyebrow .lg{display:none}.hero .eyebrow .sm{display:inline}}
/* hero */
.hero{background:#fff}
.hero-vid,.hero.blocked::before{filter:none}
.hero::after{background:linear-gradient(180deg,#fff 0%,#fff 34%,rgba(255,255,255,.65) 48%,rgba(255,255,255,0) 64%)}
@media (max-width:700px){.hero::after{background:linear-gradient(180deg,#fff 0%,#fff 40%,rgba(255,255,255,.65) 58%,rgba(255,255,255,0) 78%)}}
.hero h1 .hl::after{background:var(--accent);height:.08em}
.hero .fine{background:none;padding:0;color:var(--ink-2);font-size:14px}
.hero.done .replay{opacity:0;pointer-events:none}
.nav.solid{background:rgba(255,255,255,.85);border-color:var(--line)}
/* logo: "Yep" + rotated OK approval stamp */
.wm{font-family:var(--h);font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.wm span,.d-brand span,.ph-logo span{display:inline-block;background:var(--accent);color:#fff!important;padding:.02em .22em .04em;margin-left:.08em;border-radius:.22em;transform:rotate(-4deg);letter-spacing:0;font-weight:700}
.logo .wm{font-size:26px}
/* section rhythm */
section:not(.hero){padding:96px 0}
@media (max-width:860px){section:not(.hero){padding:64px 0}}
section[id]{scroll-margin-top:88px}
.what,.pricing,.faq{background:#F5F5F7}
.trust,.demo,.about,.start{background:#fff}
.pricing{background:var(--lilac)}
/* dark bands: ink, not pure black */
.proof,.how{background:#1D1D1F}
.proof .eyebrow-s,.how .eyebrow-s{color:var(--on-dark)}
.stat{border-top:1px solid var(--lilac-3)}
.stat b{color:#fff}
.stat span{color:#A1A1A6}
.steps .n{background:var(--lilac-2);color:var(--ink)}
.how .inline-cta .btn{background:#fff;color:var(--ink)}
.how .inline-cta span{color:#A1A1A6;opacity:1}
.gone{background:#1D1D1F;border-radius:var(--r-l)}
.gone li{border-top-color:var(--lilac-3)}
/* cards: one radius family, one padding */
.tile,.today,.tier2,.about-facts li,.all-col{border-radius:var(--r-m);padding:24px}
.tile,.today,.tier2{background:#fff;border:0}
.about-facts li{border:1px solid var(--line)}
.tile i{display:block;width:auto;height:auto;background:none;border-radius:0;margin-bottom:14px}
.tile svg{width:24px;height:24px;stroke:var(--ink);stroke-width:1.6}
.ticks li::before{background-color:var(--ink)}
.price b{color:var(--ink)}
.tier2{border:1px solid var(--lilac-2)}
/* dashboard */
.dash{border:1px solid var(--line);border-radius:var(--r-l);box-shadow:0 1px 2px rgba(0,0,0,.06),0 24px 48px -16px rgba(0,0,0,.16)}
.d-top,.d-tabs{background:#fff}
.d-side{background:#FAFAFB}
.d-main{background:#FBFBFC}
.kpi{border-top-width:2px;border-top-color:var(--lilac-3);border-radius:var(--r-s)}
.kpi.warn{border-top-color:#D99A1E}
.d-card,.tbl-wrap,.flag,.store-card,.payrun{border-radius:var(--r-s)}
.bar i{background:#C7C7CC}
.d-card .bar:nth-of-type(2) i{background:var(--accent)}
.d-store.on{background:var(--ink)}
.d-store i,.sc-top i{background:var(--lilac-3);box-shadow:none}
.d-row.ok b,.ck em,.st.paid,.win strong,.pr-done{color:var(--good)}
.ck i,.thanks-check{background:var(--good)}
.win{background:#EEF6F1;border-color:#D5EADD}
.pill{background:#EEF6F1;color:var(--good)}
.needs-you .pill,.d-row.warn b{background:var(--tint-2);color:var(--accent-deep)}
.sc-row .hi{color:var(--warn)}
.flag{border-left-color:var(--good)}
.flag.needs-you{border-left-color:#D99A1E}
.flag.tracking{border-left-color:var(--ink-2)}
@media (max-width:700px){
  .d-stores,.d-tabs{flex-wrap:nowrap!important;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .d-store{flex:0 0 auto}
}
/* form: visible fields, focus ring */
form{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:0 20px 40px -12px rgba(0,0,0,.12)}
input,select{border:1px solid #8A8F98;border-radius:var(--r-s)}
input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}
/* faq */
summary{font-size:19px}
@media (max-width:700px){summary{font-size:17px}}
/* footer */
.foot-big{background:#F5F5F7;color:var(--ink)}
.fb-line{color:var(--ink)}
.fb-meta{color:var(--ink-2)}
.fb-meta .wm{color:var(--ink)}
/* mobile: single-column tiles, sticky bar room, one CTA at a time */
@media (max-width:560px){
  .tiles{grid-template-columns:1fr!important;gap:10px}
  .tile{display:grid;grid-template-columns:36px 1fr;gap:4px 12px;padding:18px}
  .tile i{grid-row:span 2;margin:2px 0 0}
  .tile h3{font-size:17px}.tile p{font-size:15px}
}
@media (max-width:760px){
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .stickybar{bottom:max(12px,env(safe-area-inset-bottom));background:var(--ink)}
  .stickybar .btn{background:var(--accent);color:#fff}
  body.bar-on .nav .btn-small{opacity:0;pointer-events:none}
}
/* readable price line over the video */
.hero .fine{display:inline-block;background:rgba(255,255,255,.88);padding:5px 12px;border-radius:999px;color:var(--ink);font-size:13.5px}
/* one eyebrow style everywhere */
.about .eyebrow-s{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}