:root{
  --ink:#0B1024;--ink-2:#3B4363;--muted:#6A7190;--bg:#FBFBF7;--surface:#F2F1EA;--card:#fff;--line:#E4E2D8;
  --navy:#0E1A4F;--navy-2:#16277A;--action:#E1001F;--action-ink:#fff;--lime:#FFE1E4;--lime-ink:#0B1024;
  --display:"Bricolage Grotesque","Arial Black",system-ui,sans-serif;--body:"Figtree",system-ui,sans-serif;
  --r:16px;--wrap:1180px
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#EEF0F8;--ink-2:#C3C8DD;--muted:#9097B4;--bg:#080B18;--surface:#0F1430;--card:#131A3A;--line:#232C55}}
:root[data-theme="dark"]{--ink:#EEF0F8;--ink-2:#C3C8DD;--muted:#9097B4;--bg:#080B18;--surface:#0F1430;--card:#131A3A;--line:#232C55}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--body)}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);line-height:1.04;margin:0;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.6rem,6.4vw,5rem);font-weight:800}
h2{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800}
h3{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 .8rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--action)}
.lede{font-size:1.2rem;color:var(--ink-2);max-width:60ch}
section{padding:96px 0}
.sec-head{max-width:760px;margin-bottom:44px}
.sec-head>*+*{margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:999px;font:700 1rem/1 var(--body);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,filter .15s}
.btn:hover{transform:translateY(-1px)}
.btn.go{background:var(--action);color:var(--action-ink)}
.btn.lime{background:var(--lime);color:var(--lime-ink)}
.btn.ghost{border-color:currentColor;background:transparent}
.btn small{font-weight:600;opacity:.8}
/* header */
.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.45rem/1 var(--display);letter-spacing:-.03em}
.brand b{color:var(--action)}
.nav{display:flex;align-items:center;gap:2px}
.nav a{text-decoration:none;font-weight:600;font-size:.97rem;padding:9px 12px;border-radius:999px;color:var(--ink-2)}
.nav a:hover{background:var(--surface);color:var(--ink)}
.nav .btn{margin-left:8px;padding:11px 18px;color:var(--action-ink)}
.nav .login{color:var(--ink)}
.menu-btn{display:none;border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 14px;font:700 .95rem var(--body)}
@media (max-width:980px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--bg);flex-direction:column;align-items:stretch;padding:12px 20px 22px;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .nav .btn{margin:8px 0 0}
}
/* hero */
.hero{padding:72px 0 88px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1 em{font-style:normal;color:var(--action)}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero .fine{margin-top:16px;color:var(--muted);font-size:.95rem}
.stage{position:relative;aspect-ratio:1/1;max-width:520px;justify-self:center;width:100%}
.stage .blob{position:absolute;inset:6%;border-radius:42% 58% 55% 45%/48% 42% 58% 52%;background:var(--lime);animation:morph 14s ease-in-out infinite}
.stage .logo{position:absolute;width:58%;left:-2%;top:6%;filter:drop-shadow(0 24px 40px #0B102433);animation:float 7s ease-in-out infinite}
.phone{position:absolute;right:0;bottom:0;width:42%;aspect-ratio:9/18.5;background:#0B1024;border-radius:30px;padding:9px;box-shadow:0 30px 60px #0B102444;animation:float 7s ease-in-out infinite reverse}
.phone .scr{background:#fff;border-radius:22px;height:100%;overflow:hidden;color:#0B1024;font-size:.62rem;display:flex;flex-direction:column}
.phone .scr .bar{background:#E1001F;color:#fff;padding:14px 10px 10px;font:800 .82rem/1.1 var(--display)}
.phone .scr .bar small{display:block;font:600 .55rem var(--body);opacity:.85;margin-top:3px}
.phone .item{display:flex;justify-content:space-between;padding:7px 10px;border-bottom:1px solid #eee;font-weight:600}
.phone .cta{margin:auto 10px 10px;background:#0B1024;color:#fff;border-radius:999px;text-align:center;padding:8px;font-weight:800}
.phone .icons{display:flex;justify-content:space-around;padding:8px 6px;color:#E1001F;font-weight:800}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes morph{0%,100%{border-radius:42% 58% 55% 45%/48% 42% 58% 52%}50%{border-radius:58% 42% 45% 55%/42% 58% 42% 58%}}
@media (prefers-reduced-motion:reduce){.stage *{animation:none!important}}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}.stage{max-width:420px}}
/* actions marquee */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:26px 0;border-block:1px solid var(--line);background:var(--surface)}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:.95rem}
.chip i{width:10px;height:10px;border-radius:50%;display:inline-block}
/* compare */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px;display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center}
.panel.good{background:var(--navy);color:#fff;border-color:var(--navy)}
.panel.good p{color:#C7CEF0}
.panel h3{margin-bottom:8px}
.panel p{color:var(--ink-2)}
.panel ul{margin:12px 0 0;padding-left:1.1em}
@media (max-width:900px){.compare{grid-template-columns:1fr}.panel{grid-template-columns:110px 1fr}}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.step{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px;position:relative}
.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--lime);color:var(--lime-ink);font:800 1.3rem var(--display);margin-bottom:18px}
.step p{color:var(--ink-2);margin-top:8px}
@media (max-width:860px){.steps{grid-template-columns:1fr}}
/* gallery */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.sl{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s}
.sl:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0B10241a}
.sl img{width:100%;aspect-ratio:1/1;object-fit:contain}
.sl h3{font-size:1.1rem}
.sl p{color:var(--muted);font-size:.92rem}
.sl .dl{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.sl .dl a{font-weight:700;font-size:.85rem;text-decoration:none;padding:7px 12px;border-radius:999px;border:1.5px solid var(--line)}
.sl .dl a.make{background:var(--action);border-color:var(--action);color:#fff}
/* uses */
.uses{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.use{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px}
.use p{color:var(--ink-2);font-size:.97rem;margin-top:6px}
@media (max-width:980px){.uses{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.uses{grid-template-columns:1fr}}
/* features */
.dark{background:var(--navy);color:#fff}
.dark .lede{color:#C7CEF0}
.dark .eyebrow{color:var(--lime)}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff1f;border-radius:24px;overflow:hidden}
.feat{background:var(--navy);padding:28px}
.feat b{display:block;font:800 1.15rem var(--display);margin-bottom:8px}
.feat p{color:#C7CEF0;font-size:.97rem}
.domains{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.domains span{font:700 .78rem var(--body);background:#ffffff14;border:1px solid #ffffff2a;padding:5px 10px;border-radius:999px;color:#fff}
@media (max-width:900px){.feats{grid-template-columns:1fr}}
/* pricing */
.toggle{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:28px}
.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.price{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px;position:relative}
.price.best{border:2px solid var(--action);box-shadow:0 24px 50px #E1001F22}
.price .tagline{position:absolute;top:-13px;left:24px;background:var(--action);color:#fff;font:800 .75rem var(--body);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.price .amt{font:800 3rem/1 var(--display);letter-spacing:-.03em}
.price .amt small{font:600 1rem var(--body);color:var(--muted);letter-spacing:0}
.price s{color:var(--muted);font-weight:600}
.price ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.95rem;color:var(--ink-2)}
.price li::before{content:"✓";color:var(--action);font-weight:800;margin-right:8px}
.price .btn{margin-top:auto}
.trial{margin-top:22px;display:flex;flex-wrap:wrap;gap:14px 28px;color:var(--ink-2);font-weight:600}
@media (max-width:1000px){.prices{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.prices{grid-template-columns:1fr}}
/* faq */
.faq{max-width:820px}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{cursor:pointer;font:700 1.15rem var(--display);list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::after{content:"+";color:var(--action);font-size:1.5rem;line-height:1}
details[open] summary::after{content:"–"}
details p{margin-top:10px;color:var(--ink-2)}
/* cta */
.final{background:var(--action);color:#fff;border-radius:32px;padding:56px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.final p{color:#FFE0E3;margin-top:10px;font-size:1.1rem}
@media (max-width:760px){.final{grid-template-columns:1fr;padding:36px}}
/* scanned banner */
.scanned{display:none;background:var(--lime);color:var(--lime-ink);font-weight:700;text-align:center;padding:12px 20px}
.scanned.show{display:block}
.scanned a{color:inherit}
/* footer */
footer{padding:64px 0 40px;border-top:1px solid var(--line);margin-top:40px;color:var(--ink-2);font-size:.95rem}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
footer h4{font:800 1rem var(--display);color:var(--ink);margin:0 0 10px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
footer a{text-decoration:none}
footer a:hover{color:var(--action)}
footer .legal{margin-top:36px;font-size:.84rem;color:var(--muted)}
@media (max-width:820px){footer .cols{grid-template-columns:1fr 1fr}}
.page-hero{padding:72px 0 30px}
.page-hero .lede{margin-top:16px}

/* red ScanLogos with live QR */
.rsl{position:relative;aspect-ratio:1/1;background:#fff;border-radius:14px;overflow:hidden}
.rsl img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.rsl .patch{position:absolute;background:#EB1C24}
.rsl .q{position:absolute;background:#fff;padding:3%;box-sizing:border-box}
.rsl .q canvas{display:block!important;width:100%!important;height:100%!important;image-rendering:pixelated}
.rsl .q img{display:none!important}
.sl .dest{font-size:.85rem;color:var(--action);font-weight:700}
.stage .rsl.logo{background:transparent;border-radius:24px;box-shadow:0 24px 50px #0B102433}
.gal .sl{padding:14px}
.filter{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:-10px 0 26px}
.filter input{flex:1;min-width:220px;padding:13px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:600 1rem var(--body)}
.use .rsl{width:96px}
.panel .rsl{width:150px}

/* food label maker */
.flm{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}
@media (max-width:900px){.flm{grid-template-columns:1fr}}
.flm fieldset{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:18px 20px;margin:0 0 18px}
.flm legend{font:800 1.05rem var(--display);padding:0 6px}
.fld{display:block;margin:10px 0}
.fld>span:first-child{display:block;font-weight:700;font-size:.9rem;margin-bottom:5px}
.fld .in{display:flex;align-items:center;gap:6px}
.fld input,.fld select,.flm textarea{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:400 1rem var(--body)}
.fld em{font-style:normal;color:var(--muted);font-weight:700;min-width:2.2em}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:520px){.grid2{grid-template-columns:1fr}}
.alls{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0}
.alls>span{width:100%;font-weight:700;font-size:.9rem}
.alls label,.chk{display:flex;gap:6px;align-items:center;font-size:.95rem}
.flm .row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.flm-out{position:sticky;top:90px}
.label-card{background:#fff;border-radius:18px;padding:22px;border:1px solid var(--line);display:flex;justify-content:center}
.label-card svg{width:100%;max-width:340px;height:auto}
.flm .note{color:var(--muted);font-size:.85rem}
.flm .up{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}
.flm .up p{color:var(--ink-2);margin:8px 0 14px}

[hidden]{display:none!important}
.fld select{appearance:auto}

/* ---- v3 pages ---- */
.apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.app{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff);text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.app:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(14,26,79,.12)}
.app img{width:58px;height:78px;object-fit:cover;border-radius:10px;flex:none;background:#eef0f6}
.app span{flex:1;display:flex;flex-direction:column;gap:3px}.app small{color:var(--muted);line-height:1.35}
.app em{font-style:normal;font-weight:800;color:var(--action);font-size:.9rem}
.cow{position:relative;display:block;max-width:420px;width:100%}
.cow img{width:100%;height:auto;display:block}
.cow .q{position:absolute;background:#fff;padding:5%;box-sizing:border-box;display:flex}
.cow .q canvas{width:100%;height:100%;image-rendering:pixelated}
.cow.mini{max-width:220px}
.cowband{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:34px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff)}
.cowband>div:last-child{flex:1;min-width:220px}.cowband h3{margin:0 0 6px}.cowband p{margin:0 0 14px;color:var(--muted)}
.port{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.port img{width:100%;height:auto;border-radius:14px;background:#fff;border:1px solid var(--line);display:block}
.port figure{margin:0}.port.big{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.person{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff)}
.person img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}
.person h3{margin:14px 0 2px}.person .role{color:var(--action);font-weight:700;font-size:.92rem;margin:0 0 8px}.person p{color:var(--muted)}
.video{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#000;max-width:960px}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose h2{margin:30px 0 10px;font-size:1.5rem}.prose p,.prose li{color:var(--ink-2,var(--muted));line-height:1.7}.prose ul{padding-left:20px}
.feats.light .feat{background:var(--surface,#fff);border:1px solid var(--line)}
.feats.light .feat b{color:var(--ink)}.feats.light .feat p{color:var(--muted)}
.cow-home{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
@media(max-width:820px){.cow-home{grid-template-columns:1fr}}
.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.tool{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);display:flex;flex-direction:column;gap:8px}
.tool p{color:var(--muted);flex:1}

/* ---- smart label creator / product page ---- */
.slc-find{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff);margin:10px 0 26px}
.slc-find h2{margin:0 0 6px;font-size:1.5rem}
.slc-search{display:flex;gap:10px;margin-top:10px}.slc-search input{flex:1;min-width:0;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font:400 1rem var(--body);background:var(--bg);color:var(--ink)}
.slc-res{display:grid;gap:10px;margin-top:12px}
.res{display:flex;gap:12px;align-items:center;text-align:left;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--bg);cursor:pointer;color:var(--ink);font:inherit}
.res:hover{border-color:var(--action)}.res img,.res .ph{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#fff;flex:none;display:grid;place-items:center;font-weight:800;color:var(--muted)}
.res span{flex:1;display:flex;flex-direction:column}.res small{color:var(--muted)}.res em{font-style:normal;font-weight:800;color:var(--action)}
.note.bad{color:#C0392B;font-weight:700}
.slc .flm-out{position:sticky;top:88px;align-self:start}
.pp-frame{border:10px solid #0B1024;border-radius:28px;max-height:620px;overflow:auto;background:#fff}
.pp{color:#0B1024;background:#fff;padding:18px;border-radius:18px;font-family:var(--body,Figtree,Arial,sans-serif)}
.pp h1{font-size:1.7rem;margin:0}.pp h2{font-size:1.15rem;margin:0 0 8px}
.pp-head{display:flex;gap:14px;align-items:center}.pp-img{width:96px;height:96px;object-fit:contain;border-radius:12px;background:#f4f5f9;flex:none}
.pp-sub{color:#5B6280;margin:4px 0 0}.pp-price{font:800 1.5rem var(--display,Arial);margin:6px 0 0}.pp-price small{font:600 .85rem var(--body,Arial);color:#5B6280}
.pp-al{margin-top:14px;padding:10px 12px;border-radius:12px;background:#FFF4D6;border:1px solid #F2D27A}
.pp-may{color:#5B6280;font-size:.92rem}
.pp-sec{margin-top:18px;padding-top:14px;border-top:1px solid #E4E7F0}.pp-sec p{line-height:1.6}
.pp-cta{display:flex;gap:10px;flex-wrap:wrap}.pp-foot{margin-top:20px;color:#5B6280;font-size:.82rem}
.nf{border:2px solid #000;padding:6px 8px;max-width:320px;font-family:Arial,Helvetica,sans-serif;color:#000;background:#fff}
.nf h3{font:900 2rem/1 'Arial Black',Arial;margin:0;letter-spacing:-.5px}.nf p{margin:2px 0;font-size:.9rem}
.nf .ss{display:flex;justify-content:space-between;border-bottom:10px solid #000;padding-bottom:4px}
.nf .cal{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:5px solid #000;padding:2px 0}
.nf .cal span{font-size:.8rem;font-weight:700;display:flex;flex-direction:column}.nf .cal b{font-size:1.6rem;font-weight:900}.nf .cal strong{font-size:2.3rem;font-weight:900}
.nf table{width:100%;border-collapse:collapse;font-size:.88rem}.nf th,.nf td{border-top:1px solid #000;padding:2px 0;text-align:left;font-weight:400}
.nf td{text-align:right;font-weight:700}.nf .h td{text-align:right;font-weight:700;border-top:0;font-size:.78rem}
.nf tr.i th{padding-left:14px}.nf tr.ii th{padding-left:28px}.nf tr.p th{border-bottom:10px solid #000}.nf tr.v th,.nf tr.v td{font-weight:400}
.nf .fn{font-size:.7rem;border-top:5px solid #000;padding-top:4px;margin-top:2px}
.rc-banner{background:#B3001B;color:#fff;border-radius:16px;padding:18px;margin-bottom:16px}
.rc-banner strong{display:block;font:800 1.45rem/1.2 var(--display,Arial);margin:6px 0}.rc-banner p{margin:6px 0;color:#fff}
.rc-banner a{color:#fff}.rc-tag{display:inline-block;background:#fff;color:#B3001B;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;padding:4px 10px;border-radius:999px}
.rc-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px!important}.rc-btns .btn{background:#fff!important;color:#B3001B!important;border:0}.rc-btns .rc-fda{background:transparent!important;color:#fff!important;border:2px solid #fff}
.rc-note{font-size:.85rem;opacity:.9}.rc-details{margin-top:6px}.rc-details summary{cursor:pointer;font-weight:700;padding:8px 0}
.rc legend{color:#B3001B}.switch{display:flex;align-items:center;gap:12px;cursor:pointer;margin:8px 0}
.switch input{position:absolute;opacity:0}.switch span{width:56px;height:32px;border-radius:999px;background:#C9CEE0;position:relative;transition:.2s;flex:none}
.switch span::after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:.2s}
.switch input:checked+span{background:#B3001B}.switch input:checked+span::after{left:28px}.switch input:focus-visible+span{outline:3px solid #0E1A4F}
.rc-on{color:#B3001B;font-weight:800}.rc-off{color:var(--muted)}
.slc-mine ul{padding-left:18px}.slc-mine li{margin:4px 0}
.fld.full{grid-column:1/-1}
.rc-sell .feat b{color:#fff}
@media(max-width:820px){.slc .flm-out{position:static}}
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;padding:4px;gap:4px;margin:4px 0 10px;flex-wrap:wrap}
.seg label{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:700}
.seg input{position:absolute;opacity:0}.seg label:has(input:checked){background:var(--ink);color:var(--bg)}
.seg label:has(input:focus-visible){outline:3px solid var(--action)}
/* pricing */
.pr-top{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between}
.pr-top .seg button{border:0;background:transparent;padding:9px 16px;border-radius:999px;font:700 1rem var(--body);color:var(--ink);cursor:pointer}
.pr-top .seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.pr-email{min-width:280px;flex:1;max-width:420px;margin:0}
.pr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.pr-card{position:relative;border:1px solid var(--line);border-radius:22px;padding:24px;background:var(--surface,#fff);display:flex;flex-direction:column}
.pr-card.best{border:2px solid var(--action);box-shadow:0 18px 40px rgba(225,0,31,.12)}
.pr-card .tagline{position:absolute;top:-12px;left:20px;background:var(--action);color:#fff;font-weight:800;font-size:.8rem;padding:4px 12px;border-radius:999px}
.pr-card h3{margin:0}.pr-card .who{color:var(--muted);margin:4px 0 10px}
.pr-card .amt{margin:0}.pr-card .amt b{font:800 2.6rem var(--display)}.pr-card .amt small{color:var(--muted);font-weight:700}
.pr-card .save{color:#0F8A4B;font-weight:700;margin:2px 0 0}
.pr-card ul{list-style:none;padding:0;margin:14px 0 20px;flex:1}.pr-card li{padding:6px 0 6px 26px;position:relative;line-height:1.4}
.pr-card li::before{content:"✓";position:absolute;left:0;color:var(--action);font-weight:900}
.pr-free{margin-top:40px;padding:22px;border:1px dashed var(--line);border-radius:18px}
.slc-acct{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);margin:6px 0 16px}
.slc-acct #ac-in{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rc-lock{background:#FFF4D6;border:1px solid #F2D27A;border-radius:12px;padding:10px 12px;font-weight:700}