@font-face{font-family:"InterB";src:url("/breadly-assets/fonts/Inter-Variable.ttf") format("truetype");font-weight:100 900;font-display:block}
/* ============ Breadly v7 · vibrant peach, zero grey ============ */
:root{
  --peach:#FF8055;--peach-deep:#EE6A3F;--peach-hot:#FF9466;--peach-text:#C4501F;--peach-light:#FFC7A8;
  --blush:#FFF1EA;--blush-2:#FFF8F4;--cream:#FFFFFF;--card:#FFFFFF;--tint:#FAF6F3;--alt:#FFFCFA;--track:#F3ECE7;
  --ink:#1E1916;--body:#3A302B;--muted:#7A6A62;--muted2:#A08D84;
  --line:#EFE7E2;--line-2:#E6DAD3;
  --plum:#1E1916;--plum-2:#3A302B;
  --grad:linear-gradient(135deg,#FF8F5E 0%,#EE6A3F 100%);
  --sh1:0 1px 2px rgba(40,28,20,.05),0 8px 24px rgba(40,28,20,.06);
  --sh2:0 2px 6px rgba(40,28,20,.05),0 24px 56px rgba(40,28,20,.10);
  --sh-peach:0 10px 24px rgba(238,106,63,.30);
  --r-lg:28px;--r-md:20px;--r-sm:14px;
  --fs-h1:64px;--fs-h2:44px;--fs-h3:21px;--fs-lede:18px;--fs-body:15px;--fs-sm:13px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:InterB,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";overflow-x:hidden;font-weight:450}
::selection{background:var(--peach-light);color:var(--ink)}
a{color:inherit;text-decoration:none}
button{font:inherit;border:0;background:none;cursor:pointer;color:inherit}
:focus-visible{outline:3px solid var(--peach-light);outline-offset:2px;border-radius:10px}
img{display:block;max-width:100%}
.ico{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.wrap{max-width:1232px;margin:0 auto;padding:0 32px}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
section{position:relative}
.sec{padding:80px 0 0}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--peach-text)}
.eyebrow .ico{width:15px;height:15px;color:var(--peach-deep)}
.h2{font-size:var(--fs-h2);line-height:1.08;font-weight:780;letter-spacing:-.038em;margin-top:14px;text-wrap:balance}
.h2 em{font-style:normal;color:var(--peach-deep)}
.lede{font-size:var(--fs-lede);line-height:1.55;color:var(--muted);margin-top:14px;max-width:640px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.sample-tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--muted);background:var(--card);border:1px solid var(--line);padding:5px 10px;border-radius:999px;white-space:nowrap}
.sample-tag .ico{width:13px;height:13px;color:var(--peach-deep)}
.btn{height:48px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:650;font-size:15.5px;letter-spacing:-.01em;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn .ico{width:18px;height:18px}
.btn-ink{background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(30,25,22,.20)}
.btn-ink:hover{background:#2E2622}
.btn-orange,.btn-peach{background:var(--grad);color:#fff;box-shadow:var(--sh-peach)}
.btn-orange:hover,.btn-peach:hover{box-shadow:0 14px 30px rgba(238,106,63,.38)}
.btn-ghost{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.link{display:inline-flex;align-items:center;gap:6px;font-weight:650;font-size:15px;color:var(--ink)}
.link .ico{width:17px;height:17px;transition:transform .15s;color:var(--peach-deep)}
.link:hover .ico{transform:translateX(3px)}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{height:72px;display:flex;align-items:center;gap:36px}
.brandmark{display:flex;align-items:center;gap:9px;font-weight:800;font-size:22px;letter-spacing:-.04em}
.nav-links{display:flex;gap:2px}
.nav-links a{font-size:15px;font-weight:550;color:var(--body);padding:8px 13px;border-radius:999px}
.nav-links a:hover{background:var(--tint);color:var(--ink)}
.nav-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.nav-r .login{font-size:15px;font-weight:550;color:var(--body);padding:8px 12px}
.nav .btn{height:42px;font-size:14.5px;padding:0 18px}
.burger{display:none;width:44px;height:44px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);place-items:center}
.burger .ico{width:20px;height:20px}

/* HERO */
.hero{padding:40px 0 56px;overflow:hidden;min-height:0;max-height:none;display:flex;align-items:center;background:#fff}
.hero>.wrap{width:100%}
.hero::before{content:none}
.hero-art::before{content:"";position:absolute;left:50%;top:52%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,128,85,.16),rgba(255,128,85,.05) 60%,rgba(255,128,85,0));pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;position:relative}
.hero-copy{grid-column:1 / span 7}
.hero-art{grid-column:8 / span 5}
.hero .kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:var(--peach-text);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 7px;box-shadow:var(--sh1)}
.hero .kicker b{background:var(--grad);color:#fff;font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px}
.hero h1{font-size:var(--fs-h1);line-height:1.02;letter-spacing:-.045em;font-weight:800;text-wrap:balance;margin-top:22px}
.hero h1 .g{display:block;background:linear-gradient(100deg,#FF8055 5%,#E85A2C 85%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}
.hero .sub{font-size:19px;line-height:1.55;color:var(--muted);margin-top:20px;max-width:580px}
.bigsearch{margin-top:30px;background:var(--card);border-radius:24px;padding:8px 8px 8px 22px;display:flex;align-items:center;gap:14px;box-shadow:0 0 0 1.5px rgba(238,106,63,.40),0 20px 50px rgba(238,106,63,.16),0 2px 4px rgba(40,28,20,.05);max-width:640px}
.bigsearch>.ico{width:23px;height:23px;color:var(--peach-deep)}
.bigsearch input{flex:1;border:0;outline:0;font:inherit;font-size:18.5px;font-weight:500;color:var(--ink);background:transparent;min-width:0;height:56px;letter-spacing:-.01em}
.bigsearch input::placeholder{color:var(--muted2)}
.bigsearch .btn{height:56px;border-radius:18px;padding:0 26px;font-size:16px}
.try{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;max-width:660px}
.try>span{font-size:13.5px;font-weight:600;color:var(--muted);margin-right:2px}
.chip{height:35px;padding:0 13px 0 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13.5px;font-weight:550;color:var(--body);display:inline-flex;align-items:center;gap:6px;letter-spacing:-.01em;transition:all .15s}
.chip .ico{width:14px;height:14px;color:var(--peach-deep)}
.chip:hover,.chip.on{border-color:var(--peach-light);background:#fff;color:var(--ink)}
.hero-cta{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap}
.trust{display:flex;align-items:center;gap:20px;margin-top:26px;flex-wrap:wrap;font-size:14px;color:var(--muted);font-weight:500}
.trust span{display:inline-flex;align-items:center;gap:7px}
.trust .ico{width:17px;height:17px;color:var(--peach-deep)}
.hero-art{position:relative;height:560px}
.hero-art .mascot{position:absolute;left:50%;top:50%;width:620px;max-width:none;transform:translate(-50%,-50%);filter:drop-shadow(0 30px 40px rgba(120,60,30,.10))}
.float{position:absolute;background:var(--card);border-radius:18px;box-shadow:var(--sh2);border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap;z-index:2}
.float b{display:block;font-size:14.5px;color:var(--ink);font-weight:750;letter-spacing:-.01em}
.float .fi{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none}
.float .fi .ico{width:18px;height:18px}
.fi.soft{background:var(--tint);color:var(--peach-deep)}
.fi.hot{background:var(--grad);color:#fff}
.f1{left:-24px;top:40px}
.f2{right:-14px;bottom:118px}
.f3{left:10px;bottom:64px}
.f-sample{position:absolute;right:14px;bottom:24px}

/* CATEGORIES */
.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cat{position:relative;overflow:hidden;border-radius:var(--r-md);padding:22px;background:var(--card);border:1px solid var(--line);display:grid;grid-template-columns:48px 1fr 32px;gap:16px;align-items:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}
.cat:hover{transform:translateY(-2px);box-shadow:var(--sh2);border-color:var(--peach-light)}
.cat .ci{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--peach-deep);transition:all .2s}
.cat .ci .ico{width:22px;height:22px;stroke-width:1.8}
.cat:hover .ci{border-color:var(--peach-light)}
.cat h3{font-size:17.5px;font-weight:720;letter-spacing:-.02em}
.cat p{font-size:13px;font-weight:500;color:var(--muted);margin-top:3px}
.cat p b{color:var(--ink);font-weight:650}
.cat .arrow{width:32px;height:32px;border-radius:50%;background:var(--tint);display:grid;place-items:center;color:var(--muted)}
.cat:hover .arrow{color:var(--peach-deep)}
.cat .arrow .ico{width:15px;height:15px}


/* SEARCH RESULTS */
.results{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.rpanel{grid-column:1 / span 8;background:var(--card);border-radius:var(--r-lg);padding:24px;box-shadow:var(--sh2);border:1px solid var(--line)}
.rside-col{grid-column:9 / span 4}
.qbar{display:flex;align-items:center;gap:12px;height:56px;border-radius:18px;background:var(--cream);border:1.5px solid rgba(238,106,63,.40);padding:0 8px 0 18px;font-size:17px;font-weight:600;letter-spacing:-.01em}
.qbar>.ico{width:20px;height:20px;color:var(--peach-deep)}
.qbar .x{margin-left:auto;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:var(--muted2)}
.rfilters{display:flex;align-items:center;gap:8px;margin:16px 0 6px;flex-wrap:wrap}
.fchip{height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:550;color:var(--body);display:inline-flex;align-items:center;gap:6px;background:var(--card)}
.fchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.fchip.on .ico{color:var(--peach-light)}
.fchip .ico{width:14px;height:14px}
.rmeta{margin-left:auto;font-size:13px;color:var(--muted);font-weight:550;display:flex;align-items:center;gap:6px}
.rmeta b{color:var(--ink)}
.rlist{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.rcard{display:grid;grid-template-columns:28px 56px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px 18px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);transition:box-shadow .2s,border-color .2s}
.rcard:hover{box-shadow:var(--sh1);border-color:var(--peach-light)}
.rcard.top{background:#fff;border-color:var(--peach-light)}
.rcard.sel{box-shadow:inset 3px 0 0 var(--peach-deep)}
.rnum{font-size:18px;font-weight:750;color:var(--muted2);letter-spacing:-.03em;text-align:center}
.rcard.top .rnum{color:var(--peach-deep)}
.appic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;letter-spacing:-.03em;box-shadow:inset 0 -4px 0 rgba(30,20,10,.10),inset 0 1px 0 rgba(255,255,255,.28),0 4px 12px rgba(40,28,20,.12);flex:none;position:relative;overflow:hidden}
.appic .ico{width:26px;height:26px;stroke-width:2.2}
.appic.sm{width:44px;height:44px;border-radius:13px;font-size:18px}
.appic.sm .ico{width:21px;height:21px}
.appic.xs{width:34px;height:34px;border-radius:10px;font-size:14px}
.appic.xs .ico{width:17px;height:17px}
.rname{display:flex;align-items:center;gap:8px;font-size:17.5px;font-weight:750;letter-spacing:-.02em;flex-wrap:wrap}
.ptag{font-size:10.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--peach-text);background:var(--blush);border-radius:6px;padding:3px 7px}
.ctag{font-size:12px;font-weight:550;color:var(--muted);background:var(--tint);border-radius:999px;padding:3px 9px}
.rpitch{font-size:14.5px;color:var(--muted);margin-top:4px;line-height:1.45}
.rstats{display:flex;align-items:center;gap:16px;margin-top:10px;font-size:13px;color:var(--muted);font-weight:550;flex-wrap:wrap}
.rstats>span{display:inline-flex;align-items:center;gap:5px}
.rstats b{color:var(--ink)}
.stars{color:var(--peach);display:inline-flex;gap:1px}
.stars .ico{width:13px;height:13px;fill:var(--peach);stroke:var(--peach)}
.kept{display:inline-flex;align-items:center;gap:7px}
.kept .kb{width:54px;height:6px;border-radius:9px;background:var(--track);overflow:hidden}
.kept .kb i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#FFB08A,#EE6A3F)}
.kept b{color:var(--peach-text)}
.scores{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.score{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:550;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 9px 4px 5px}
.score b{font-size:12px;font-weight:750;color:#fff;background:var(--peach-deep);border-radius:6px;padding:2px 6px;letter-spacing:-.01em}
.score b{background:var(--ink)}
.score.lt b{background:var(--ink)}
.rside{display:flex;flex-direction:column;align-items:flex-end;gap:9px;min-width:150px}
.earn{height:40px;padding:0 15px 0 12px;border-radius:999px;background:var(--grad);color:#fff;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:7px;box-shadow:0 8px 18px rgba(238,106,63,.26);white-space:nowrap}
.earn .ico{width:16px;height:16px}
.visit{height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);font-size:14px;font-weight:650;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:var(--card)}
.visit .ico{width:15px;height:15px;color:var(--peach-deep)}
.price{font-size:12.5px;font-weight:550;color:var(--muted)}
.cmp{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;user-select:none}
.cmp i{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line-2);background:var(--card);display:grid;place-items:center;color:#fff}
.cmp i .ico{width:12px;height:12px;stroke-width:3;opacity:0}
.cmp.on{color:var(--ink)}
.cmp.on i{background:var(--peach-deep);border-color:var(--peach-deep)}
.cmp.on i .ico{opacity:1}
.ctray{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 10px 10px 16px;border-radius:16px;background:var(--ink);color:#fff;font-size:14px;font-weight:600}
.ctray .ics{display:flex}
.ctray .ics .appic{box-shadow:0 0 0 2px var(--ink);margin-right:-6px}
.ctray span{color:rgba(255,246,240,.75);font-weight:500}
.ctray .btn{height:38px;font-size:14px;padding:0 16px;margin-left:auto}
.rnote{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;border-radius:14px;background:var(--tint);border:1px solid var(--line);color:var(--body);font-size:14px;font-weight:550}
.rnote .ico{width:18px;height:18px;color:var(--peach-deep)}
.rnote .sample-tag{margin-left:auto}
.howrank{background:radial-gradient(70% 45% at 100% 0%,rgba(255,128,85,.20),rgba(255,128,85,0) 60%),linear-gradient(160deg,#2A221E,#1E1916);color:#fff;border-radius:var(--r-lg);padding:26px 24px 24px;position:relative;overflow:hidden}
.howrank .hbadge{width:52px;height:52px;border-radius:16px;background:var(--grad);display:grid;place-items:center;box-shadow:0 10px 24px rgba(238,106,63,.35)}
.howrank .hbadge .ico{width:26px;height:26px;color:#fff}
.howrank h3{font-size:22px;font-weight:750;letter-spacing:-.025em;margin-top:18px}
.howrank .hs{font-size:14px;color:rgba(255,246,240,.72);margin-top:4px}
.howrank ul{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:14px;padding-top:18px;border-top:1px solid rgba(255,240,230,.16)}
.howrank li{display:flex;gap:12px;font-size:13.5px;line-height:1.45;color:rgba(255,246,240,.72)}
.howrank li b{color:#fff;display:block;font-size:14.5px;font-weight:650}
.howrank li .n{width:30px;height:30px;border-radius:10px;background:rgba(255,240,230,.08);display:grid;place-items:center;flex:none;color:var(--peach)}
.howrank li .n .ico{width:15px;height:15px}
.minist{margin-top:16px;background:var(--card);border-radius:var(--r-md);padding:18px;box-shadow:var(--sh1);border:1px solid var(--line)}
.minist .k{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--peach-text)}
.minist h4{font-size:17px;font-weight:750;letter-spacing:-.02em;margin-top:6px}
.minist .icons{display:flex;margin-top:12px}
.minist .icons .appic{margin-right:-8px;box-shadow:0 0 0 3px #fff,0 4px 10px rgba(40,28,20,.12)}
.minist .row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.pill-earn{font-size:12.5px;font-weight:700;color:var(--peach-text);background:var(--blush);border-radius:999px;padding:5px 10px;display:inline-flex;gap:5px;align-items:center}
.pill-earn .ico{width:13px;height:13px}

/* TOP LISTS
   Fluid columns so N whole cards fit the wrap. The old --bleed math
   stretched the track to the viewport edge, so the last card was
   always sliced in half. Arrow buttons live on the track, not the
   heading, so they line up with the cards they move. */
.carousel-wrap{position:relative}
.carousel{
  --car-gap:24px;
  --car-count:4;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - (var(--car-count) - 1) * var(--car-gap)) / var(--car-count));
  gap:var(--car-gap);
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  padding:6px 0 12px;
  margin:0;
  scrollbar-width:none;
}
.carousel::-webkit-scrollbar{display:none}
/* Sit the prev/next buttons on the cover row, at each end of the track. */
.carousel-wrap .car-nav{
  position:absolute;
  top:90px;
  left:10px;
  right:10px;
  z-index:2;
  display:flex;
  justify-content:space-between;
  pointer-events:none;
  transform:translateY(-50%);
}
.carousel-wrap .car-nav button{pointer-events:auto}
.car-nav button:disabled{opacity:.35;cursor:default}
.car-nav button:disabled:hover{background:var(--card)}
.list{scroll-snap-align:start;background:var(--card);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh1);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.list:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.cover{height:168px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:14px}
.cover .art{position:absolute;inset:0}
.cover .num{position:relative;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.92);color:var(--ink);padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}
.cover .num .ico{width:13px;height:13px;color:var(--peach-deep)}
.list .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.list h3{font-size:18px;font-weight:750;letter-spacing:-.022em;line-height:1.22}
.list .by{font-size:13.5px;color:var(--muted);font-weight:450;line-height:1.45}
.list .foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px}
.stackic{display:flex}
.stackic .appic{margin-right:-7px;box-shadow:0 0 0 2.5px #fff}
.list .saves{font-size:12.5px;font-weight:650;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.list .saves .ico{width:14px;height:14px;color:var(--peach-deep)}
.car-nav{display:flex;gap:8px}
.car-nav button{width:46px;height:46px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2),0 8px 20px rgba(40,28,20,.10);display:grid;place-items:center;color:var(--ink)}
.car-nav button:hover{background:var(--tint)}
.car-nav button .ico{width:19px;height:19px}
@media (max-width:1100px){
  .carousel{--car-count:3}
}

/* STACKS */
.stacks-sec{background:var(--alt);border-top:1px solid #F6F0EC;border-bottom:1px solid #F6F0EC;padding-bottom:88px;margin-top:0;padding-top:88px}
.stacks{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:stretch}
.sx{grid-column:1 / span 6;background:var(--card);border-radius:var(--r-lg);padding:28px;box-shadow:var(--sh2);position:relative;overflow:hidden;border:1px solid var(--line)}
.sgrid{grid-column:7 / span 6}
.sx-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.sx-badge{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--grad);border-radius:999px;padding:5px 11px;display:inline-flex;align-items:center;gap:6px}
.sx-badge .ico{width:13px;height:13px}
.sx h3{font-size:28px;font-weight:780;letter-spacing:-.035em;margin-top:12px;line-height:1.1}
.sx .for{font-size:15px;color:var(--muted);margin-top:6px}
.sx .icons{display:flex;flex:none;margin-top:4px}
.sx .icons .appic{margin-left:-10px;box-shadow:0 0 0 3px #fff,0 4px 10px rgba(40,28,20,.12)}
.sx-tools{margin-top:22px;display:flex;flex-direction:column;gap:4px;border-radius:var(--r-md);background:var(--tint);padding:6px;border:1px solid var(--line)}
.sxt{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--card)}
.sxt .role{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted2)}
.sxt .nm{font-size:15.5px;font-weight:750;letter-spacing:-.02em;display:flex;align-items:center;gap:7px}
.sxt .ds{font-size:13px;color:var(--muted);margin-top:1px}
.sxt .rt{text-align:right}
.sxt .rt .p{font-size:13.5px;font-weight:650}
.sxt .rt .e{font-size:12px;font-weight:700;color:var(--peach-text);margin-top:2px}
.sxt .rt .e.no{color:var(--muted2);font-weight:550}
.sx-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.sum{border-radius:16px;padding:13px 14px;background:var(--tint);border:1px solid var(--line)}
.sum .k{font-size:12px;font-weight:600;color:var(--muted)}
.sum .v{font-size:22px;font-weight:780;letter-spacing:-.03em;margin-top:3px}
.sum.hot{background:var(--grad);color:#fff;border-color:transparent}
.sum.hot .k{color:rgba(255,255,255,.88)}
.sum.pos .v{color:var(--peach-text)}
.perk{margin-top:12px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1.5px dashed var(--peach-light);background:#fff;font-size:14px;color:var(--body)}
.perk .pi{width:36px;height:36px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--peach-deep);display:grid;place-items:center;flex:none}
.perk .pi .ico{width:18px;height:18px}
.perk b{color:var(--ink);font-weight:700}
.sx-cta{display:flex;align-items:center;gap:10px;margin-top:18px}
.sx-cta .fine{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:500;text-align:right}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sc{background:var(--card);border-radius:var(--r-md);padding:20px;box-shadow:var(--sh1);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;transition:transform .2s,box-shadow .2s,border-color .2s}
.sc:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--peach-light)}
.sc .icons{display:flex}
.sc .icons .appic{margin-right:-9px;box-shadow:0 0 0 3px #fff,0 3px 8px rgba(40,28,20,.12)}
.sc h4{font-size:17px;font-weight:750;letter-spacing:-.022em;margin-top:6px}
.sc .who{font-size:13.5px;color:var(--muted);line-height:1.45}
.sc .vals{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:550;color:var(--muted);margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.sc .vals b{color:var(--ink);font-size:13.5px}
.sc .earnl{font-size:13px;font-weight:700;color:var(--peach-text);display:flex;align-items:center;gap:5px}
.sc .earnl .ico{width:14px;height:14px}
.sc .tools{font-size:12.5px;color:var(--muted2);font-weight:550;line-height:1.5}
.sc .kt{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:550;color:var(--muted)}
.sc .kt .kb{flex:1;height:6px;border-radius:9px;background:var(--track);overflow:hidden}
.sc .kt .kb i{display:block;height:100%;background:linear-gradient(90deg,#FFB08A,#EE6A3F);border-radius:9px}
.sc .kt b{color:var(--peach-text)}
.sc .perkl{font-size:12.5px;color:var(--body);background:var(--tint);border-radius:10px;padding:7px 10px;display:flex;gap:6px;align-items:center}
.sc .perkl .ico{width:14px;height:14px;color:var(--peach-deep)}

/* HOW REWARDS WORK */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.step{background:var(--card);border-radius:var(--r-lg);padding:0 26px 28px;box-shadow:var(--sh1);border:1px solid var(--line);position:relative;overflow:hidden}
.step .stage{height:232px;margin:0 -26px 22px;display:grid;place-items:center;position:relative;background:var(--alt);border-bottom:1px solid var(--line)}
.step .n{position:absolute;left:20px;top:20px;height:28px;padding:0 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);display:inline-flex;align-items:center;font-weight:700;font-size:12px;letter-spacing:.06em;color:var(--peach-text);z-index:2}
.step h3{font-size:22px;font-weight:750;letter-spacing:-.028em}
.step p{font-size:15px;line-height:1.55;color:var(--muted);margin-top:8px}
.step .mini{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.step .mini span{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--body);display:inline-flex;align-items:center;gap:5px}
.step .mini .ico{width:13px;height:13px;color:var(--peach-deep)}
/* step visuals */
.vis{width:280px;background:var(--card);border-radius:18px;border:1px solid var(--line);box-shadow:0 18px 40px rgba(40,28,20,.12);padding:12px;position:relative;z-index:1}
.vis .vq{display:flex;align-items:center;gap:8px;height:38px;border-radius:12px;background:var(--cream);border:1.5px solid rgba(238,106,63,.35);padding:0 12px;font-size:13px;font-weight:600;color:var(--ink)}
.vis .vq .ico{width:15px;height:15px;color:var(--peach-deep)}
.vis .vr{display:flex;align-items:center;gap:10px;padding:9px 4px 3px}
.vis .vr+.vr{border-top:1px solid var(--line);margin-top:6px;padding-top:9px}
.vis .vr b{display:block;font-size:13px;font-weight:700;letter-spacing:-.01em}
.vis .vr span{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}
.vis .vr em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--peach-text);background:var(--blush);border-radius:999px;padding:3px 8px;white-space:nowrap}
.vis .vbar{height:5px;border-radius:9px;background:var(--track);margin-top:5px;overflow:hidden;width:110px}
.vis .vbar i{display:block;height:100%;background:linear-gradient(90deg,#FFB08A,#EE6A3F)}
.vis.vtry .vt{display:flex;align-items:center;gap:10px}
.vis.vtry .vt b{font-size:14px;font-weight:750}
.vis.vtry .vt span{display:block;font-size:11.5px;color:var(--muted)}
.vis.vtry .vbtn{margin-top:12px;height:38px;border-radius:999px;background:var(--grad);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}
.vis.vtry .vbtn .ico{width:14px;height:14px}
.vis.vtry .vrev{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--muted);font-weight:550}
.vis.vtry .vrev .stars .ico{width:12px;height:12px}
.vis.pay{background:linear-gradient(160deg,#2A221E,#1E1916);border:0;color:#fff;padding:16px}
.vis.pay .k{font-size:11.5px;color:rgba(255,246,240,.7);font-weight:500}
.vis.pay .amt{font-size:34px;font-weight:800;letter-spacing:-.04em;margin-top:2px}
.vis.pay .amt small{font-size:20px;opacity:.8}
.vis.pay .row{display:flex;gap:8px;margin-top:10px}
.vis.pay .row span{flex:1;background:rgba(255,240,230,.12);border-radius:10px;padding:7px 9px;font-size:11px;color:rgba(255,246,240,.75)}
.vis.pay .row b{display:block;color:#fff;font-size:13px}
.vtoast{position:absolute;z-index:2;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 28px rgba(40,28,20,.14);padding:8px 12px 8px 8px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap}
.vtoast i{width:26px;height:26px;border-radius:8px;background:var(--grad);display:grid;place-items:center;color:#fff}
.vtoast i .ico{width:14px;height:14px}
.cashout{margin-top:24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--card);border-radius:var(--r-md);padding:16px 22px;box-shadow:var(--sh1);border:1px solid var(--line)}
.cashout .lbl{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--peach-text)}
.cashout .opt{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650}
.cashout .opt i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:14px;background:var(--tint);color:var(--peach-deep)}
.cashout .opt i .ico{width:17px;height:17px}
.cashout .min{margin-left:auto;font-size:14px;font-weight:550;color:var(--muted);display:flex;align-items:center;gap:7px}
.cashout .min .ico{width:16px;height:16px;color:var(--peach-deep)}

/* CHALLENGES + WALLET */
.cw{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.cw>div:first-child{grid-column:1 / span 5}
.cw .panels{grid-column:6 / span 7}
.cw-list{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:16px}
.cw-list li{display:flex;gap:14px;align-items:flex-start}
.cw-list .li{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--tint);color:var(--peach-deep)}
.cw-list .li .ico{width:20px;height:20px}
.cw-list b{display:block;font-size:16px;font-weight:700;letter-spacing:-.015em}
.cw-list span{font-size:14.5px;color:var(--muted);line-height:1.45}
.panels{position:relative;display:flex;gap:20px;justify-content:center;padding:16px 0}
.panels::before{content:"";position:absolute;inset:40px -10px;border-radius:40px;background:linear-gradient(140deg,#FCF9F7,#F8F1EC);border:1px solid #F4EDE8;z-index:0}
.pwrap{position:relative;z-index:1;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(40,28,20,.20),0 0 0 1px rgba(238,106,63,.14);background:#fff;height:fit-content}
.pwrap:nth-child(2){margin-top:44px}
@media (min-width:981px){.panels{zoom:.9}}

/* REVIEWS */
.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rv{background:var(--card);border-radius:var(--r-lg);padding:24px;box-shadow:var(--sh1);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.rv-top{display:flex;align-items:center;gap:12px}
.av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:750;color:#fff;font-size:15px;flex:none}
.rv-top b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em}
.rv-top span{font-size:13px;color:var(--muted);font-weight:500}
.rv .stars .ico{width:15px;height:15px}
.rv blockquote{font-size:16px;line-height:1.6;color:var(--body);letter-spacing:-.005em}
.rv .badges{display:flex;flex-wrap:wrap;gap:7px}
.vb{font-size:12px;font-weight:650;border-radius:999px;padding:5px 10px 5px 8px;display:inline-flex;align-items:center;gap:5px}
.vb .ico{width:14px;height:14px}
.vb.g{background:var(--ink);color:#fff}
.vb.g .ico{color:var(--peach-light)}
.vb.o{background:var(--blush);color:var(--peach-text)}
.vb.n{background:#fff;color:var(--body);border:1px solid var(--line)}
.vb.n .ico{color:var(--peach-deep)}
.rv .rsc{display:flex;gap:8px}
.rv-prod{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:14px;font-weight:700}
.rv-prod span{font-weight:500;color:var(--muted);font-size:13px}
.rv-prod .helpful{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:550;display:flex;align-items:center;gap:5px}
.rv-prod .helpful .ico{width:14px;height:14px;color:var(--peach-deep)}
.rv-note{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:14px;color:var(--muted);font-weight:500;justify-content:center}
.rv-note .ico{width:17px;height:17px;color:var(--peach-deep)}

/* EXTENSION */
.ext{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.ext>div:first-child{grid-column:1 / span 4}
.ext .bw{grid-column:5 / span 8;margin-left:24px}
.ext-feats{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.ef{display:flex;gap:14px;padding:14px;border-radius:18px;background:var(--card);box-shadow:var(--sh1);border:1px solid var(--line)}
.ef .li{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--tint);color:var(--peach-deep)}
.ef .li .ico{width:19px;height:19px}
.ef b{display:block;font-size:15px;font-weight:700;letter-spacing:-.015em}
.ef span{font-size:14px;color:var(--muted);line-height:1.45}
.bw{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 40px 90px rgba(40,28,20,.18),0 0 0 1px rgba(238,106,63,.16);position:relative}
.bw-bar{height:48px;background:#FAF6F3;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--line)}
.bw-bar .lights{display:flex;gap:7px}
.bw-bar .lights i{width:12px;height:12px;border-radius:50%;display:block}
.bw-bar .lights i:nth-child(1){background:#EE6A3F}.bw-bar .lights i:nth-child(2){background:#FFA070}.bw-bar .lights i:nth-child(3){background:#FFC7A8}
.bw-bar .omni{flex:1;height:32px;border-radius:999px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;color:var(--muted);max-width:560px}
.bw-bar .omni .ico{width:14px;height:14px;color:var(--peach-deep)}
.bw-bar .ex{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--muted)}
.bw-bar .ex .ico{width:18px;height:18px}
.bw-bar .bx{width:32px;height:32px;border-radius:10px;background:#fff;display:grid;place-items:center;position:relative}
.bw-bar .bx img{width:26px;height:26px;border-radius:50%}
.bw-bar .bx em{position:absolute;right:-6px;bottom:-4px;font-style:normal;font-size:10px;font-weight:800;color:#fff;background:var(--peach-deep);border-radius:999px;padding:1px 5px;box-shadow:0 0 0 2px #FAF6F3}
.bw-view{height:540px;position:relative;overflow:hidden;background:linear-gradient(160deg,#F3F4FF 0%,#FFFFFF 62%)}
.site-mock{padding:26px 40px}
.sm-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600;color:#555C9E}
.sm-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;color:#1C1F4A;letter-spacing:-.03em}
.sm-logo i{width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,#6B72F0,#3F46C8);display:grid;place-items:center;color:#fff}
.sm-logo i .ico{width:16px;height:16px}
.sm-nav .sp{flex:1}
.sm-btn{height:38px;padding:0 16px;border-radius:10px;background:#4A52D9;color:#fff;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:7px}
.sm-btn .ico{width:15px;height:15px}
.sm-hero{margin-top:40px;max-width:380px}
.sm-hero .pill{display:inline-flex;font-size:12.5px;font-weight:700;color:#4A52D9;background:#E8EAFF;border-radius:999px;padding:5px 11px}
.sm-hero h4{font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-top:16px;color:#1C1F4A}
.sm-hero p{font-size:15.5px;color:#555C9E;margin-top:14px;line-height:1.5;max-width:290px}
.sm-hero .ctas{display:flex;gap:10px;margin-top:22px}
.sm-wave{position:absolute;left:40px;right:470px;bottom:56px;height:80px;display:flex;align-items:center;gap:5px}
.sm-wave i{flex:1;border-radius:9px;background:linear-gradient(180deg,#6B72F0,#C4C8FF)}
.dockx{position:absolute;right:0;top:120px;width:58px;height:66px;border-radius:22px 0 0 22px;background:var(--grad);box-shadow:0 10px 26px rgba(238,106,63,.34);display:flex;align-items:center;padding-left:8px;z-index:4}
.dockx img{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.8)}
.dockx .ping{position:absolute;top:7px;left:6px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--peach-deep)}
.dockx .ping::after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:var(--peach-deep)}
.popx{position:absolute;right:86px;bottom:30px;z-index:5;display:flex;align-items:flex-end}
.popx .card{width:330px;background:#fff;border-radius:22px;padding:16px 18px 18px;box-shadow:0 30px 70px rgba(40,28,20,.24),0 2px 8px rgba(40,28,20,.08);border:1px solid var(--line);position:relative;margin-bottom:62px;margin-right:-10px}
.popx .card::after{content:"";position:absolute;right:-8px;bottom:34px;width:16px;height:16px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(-45deg);border-radius:0 0 4px 0}
.popx .pt{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}
.popx .pt .tg{font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--peach-text);background:var(--blush);border-radius:6px;padding:3px 6px}
.popx .pt .cl{margin-left:auto;color:var(--muted2)}
.popx h4{font-size:18px;font-weight:750;letter-spacing:-.025em;line-height:1.28;margin-top:10px}
.popx h4 em{font-style:normal;color:var(--peach-deep)}
.popx p{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.45}
.popx .pb{display:flex;gap:8px;margin-top:14px}
.popx .pb .btn{height:42px;font-size:14px;padding:0 16px}
.popx .pb .btn:first-child{flex:1}
.popx .buddy{width:150px;flex:none;margin-bottom:-18px}
.popx .once{position:absolute;right:0;top:-36px;font-size:12px;font-weight:650;color:var(--muted);background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:999px;padding:5px 10px;display:inline-flex;gap:5px;align-items:center}
.popx .once .ico{width:13px;height:13px;color:var(--peach-deep)}
.callout{position:absolute;z-index:6;font-size:12.5px;font-weight:650;color:#fff;background:var(--ink);border-radius:999px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 8px 20px rgba(30,25,22,.22)}
.callout .ico{width:14px;height:14px;color:var(--peach-light)}
.co1{right:72px;top:132px}

/* BRANDS */
.brands{margin-top:80px}
.bband{background:radial-gradient(45% 70% at 0% 100%,rgba(255,128,85,.12),rgba(255,128,85,0) 60%),linear-gradient(150deg,#2A221E,#1E1916 70%);color:#fff;border-radius:32px;padding:52px 56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;position:relative;overflow:hidden}
.bband>div:first-child{grid-column:1 / span 7}
.bband .bpts{grid-column:8 / span 5}
.bband .eyebrow{color:var(--peach-light)}
.bband .eyebrow .ico{color:var(--peach-light)}
.bband h2{font-size:40px;line-height:1.08;font-weight:780;letter-spacing:-.035em;margin-top:14px;position:relative}
.bband h2 em{font-style:normal;color:var(--peach)}
.bband p{font-size:17px;line-height:1.55;color:rgba(255,246,240,.75);margin-top:14px;max-width:560px;position:relative}
.bband .btns{display:flex;gap:12px;margin-top:28px;position:relative}
.bband .btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,240,230,.35)}
.bpts{display:grid;gap:12px;position:relative}
.bpt{display:flex;gap:14px;align-items:center;background:rgba(255,240,230,.07);border:1px solid rgba(255,240,230,.14);border-radius:18px;padding:16px 18px}
.bpt .li{width:42px;height:42px;border-radius:13px;background:rgba(255,240,230,.08);color:var(--peach);display:grid;place-items:center;flex:none}
.bpt .li .ico{width:20px;height:20px}
.bpt b{display:block;font-size:15.5px;font-weight:700}
.bpt span{font-size:14px;color:rgba(255,246,240,.68)}

/* FAQ */
.faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.faq>div:first-child{grid-column:1 / span 4}
.faq>div:last-child{grid-column:5 / span 8;padding-left:24px}
.faq-card{margin-top:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;box-shadow:var(--sh1);display:flex;gap:14px;align-items:flex-start;max-width:340px}
.faq-card .li{width:40px;height:40px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;flex:none}
.faq-card .li .ico{width:19px;height:19px}
.faq-card b{display:block;font-size:15px;font-weight:700}
.faq-card span{display:block;font-size:13.5px;color:var(--muted);line-height:1.45;margin-top:2px}
.faq-card a{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:650;color:var(--peach-text);margin-top:8px}
.faq-card a .ico{width:14px;height:14px}
.qa{border-radius:18px;background:var(--card);border:1px solid var(--line);margin-bottom:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.qa[open]{border-color:var(--peach-light);box-shadow:var(--sh1)}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:20px 22px;font-size:17px;font-weight:650;letter-spacing:-.015em}
.qa summary::-webkit-details-marker{display:none}
.qa summary .pm{margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--peach-deep);display:grid;place-items:center;flex:none;transition:transform .2s}
.qa summary .pm .ico{width:16px;height:16px}
.qa[open] summary .pm{transform:rotate(45deg);background:var(--grad);color:#fff}
.qa .ans{padding:0 22px 22px;font-size:15.5px;line-height:1.6;color:var(--muted);max-width:720px}
.qa .ans b{color:var(--ink);font-weight:650}

/* FINAL CTA + FOOTER */
.cta-final{margin-top:80px}
.cf{border-radius:32px;background:radial-gradient(40% 70% at 85% 50%,rgba(255,128,85,.20),rgba(255,128,85,0) 70%),linear-gradient(150deg,#2A221E,#1E1916 70%);padding:56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;position:relative;overflow:hidden;color:#fff}
.cf>div:first-child{grid-column:1 / span 7;position:relative}
.cf .cf-vis{grid-column:8 / span 5}
.cf h2{font-size:48px;font-weight:800;letter-spacing:-.042em;line-height:1.04}
.cf p{font-size:18px;margin-top:12px;color:rgba(255,246,240,.72)}
.cf h2 em{font-style:normal;color:var(--peach)}
.cf .btns{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.cf .btn-white{background:#fff;color:var(--ink);box-shadow:0 10px 24px rgba(40,28,20,.22)}
.cf .btn-white .ico{color:var(--peach-deep)}
.cf .btn-clear{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,240,230,.30)}
.cf-vis{position:relative;height:250px}
.cf-vis .card{position:absolute;background:#fff;border-radius:20px;box-shadow:0 20px 44px rgba(10,6,4,.35);color:var(--ink)}
.cf-vis .c1{left:0;top:6px;width:300px;padding:16px}
.cf-vis .c1 .k{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--peach-text)}
.cf-vis .c1 .row{display:flex;align-items:center;gap:10px;margin-top:12px}
.cf-vis .c1 .row+.row{padding-top:10px;border-top:1px solid var(--line)}
.cf-vis .c1 b{font-size:14px;font-weight:700;display:block}
.cf-vis .c1 span{font-size:12px;color:var(--muted)}
.cf-vis .c1 em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:var(--peach-text);background:var(--blush);border-radius:999px;padding:3px 9px}
.cf-vis .c2{left:170px;top:146px;width:200px;padding:14px 16px;background:#fff;color:var(--ink);border:1px solid var(--line)}
.cf-vis .c2 .k{font-size:11.5px;color:var(--muted)}
.cf-vis .c2 .v{font-size:28px;font-weight:800;letter-spacing:-.04em;margin-top:2px}
.cf-vis .c2 .s{font-size:11.5px;color:var(--peach-text);font-weight:650;margin-top:2px;display:flex;align-items:center;gap:4px}
.cf-vis .c2 .s .ico{width:12px;height:12px}
footer{margin-top:88px;border-top:1px solid var(--line);padding:56px 0 40px}
.fgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.fgrid>div:first-child{grid-column:1 / span 4}
.fgrid>div:not(:first-child){grid-column:span 2}
.fgrid p{font-size:14.5px;color:var(--muted);line-height:1.55;margin-top:14px;max-width:300px}
.fgrid h5{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--peach-text);margin-bottom:14px}
.fgrid a{display:block;font-size:15px;font-weight:500;color:var(--body);padding:5px 0}
.fgrid a:hover{color:var(--peach-deep)}
.fgrid a.brandmark{display:flex;font-size:22px;font-weight:800;color:var(--ink);padding:0}
.fbot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .hero-copy{grid-column:1 / span 7}.hero-art{grid-column:8 / span 5}
  .hero h1{font-size:56px}
  .cw>div:first-child,.cw .panels{grid-column:1 / -1}
  .cw .panels{margin-top:32px}
  .rpanel,.rside-col{grid-column:1 / -1}
  .rside-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
  .rside-col .minist{margin-top:0}
}
@media (max-width:980px){
  :root{--fs-h2:32px}
  .wrap{padding:0 18px}
  .sec{padding-top:68px}
  .lede{font-size:16px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:26px}
  .nav .wrap{height:62px;gap:10px}
  .nav-links,.nav-r .login{display:none}
  .nav .btn{height:40px;font-size:13.5px;padding:0 14px}
  .nav .btn .long{display:none}
  .burger{display:grid}
  .brandmark{font-size:20px}
  .hero{padding:24px 0 8px;min-height:0;max-height:none;display:block}
  .hero::before{right:-360px;top:120px}
  .hero .wrap{grid-template-columns:minmax(0,1fr)}
  .hero-copy,.hero-art{grid-column:1 / -1}
  .results>*,.stacks>*,.cw>*,.ext>*,.faq>*,.bband>*,.cf>*,.fgrid>*{grid-column:1 / -1!important}
  .results,.stacks,.cw,.ext,.faq,.bband,.cf{grid-template-columns:minmax(0,1fr)!important}
  .ext .bw{margin-left:0;margin-top:26px}
  .faq>div:last-child{padding-left:0;margin-top:20px}
  .panels{zoom:.9}
  .popx .card{min-width:0}
  .hero .kicker{font-size:12px}
  .hero h1{font-size:40px;letter-spacing:-.04em;margin-top:16px}
  .hero .sub{font-size:16.5px;margin-top:14px}
  .hero-art{height:320px;order:-1;margin:-8px -18px 0}
  .hero-art .mascot{width:330px}
  .float{font-size:11.5px;padding:7px 10px 7px 7px;border-radius:14px;gap:7px}
  .float b{font-size:12.5px}
  .float .fi{width:28px;height:28px;border-radius:9px}
  .float .fi .ico{width:15px;height:15px}
  .f1{left:12px;top:14px}.f2{display:none}.f3{left:auto;right:12px;bottom:40px}
  .f-sample{right:12px;bottom:8px}
  .bigsearch{margin-top:22px;padding:6px 6px 6px 16px;border-radius:20px;gap:10px}
  .bigsearch input{font-size:16px;height:50px}
  .bigsearch .btn{height:50px;padding:0 16px;border-radius:16px}
  .bigsearch .btn span{display:none}
  .try{gap:7px}
  .chip{height:34px;font-size:13px}
  .hero-cta{margin-top:22px;gap:14px}
  .hero-cta .btn{width:100%}
  .trust{gap:8px 14px;font-size:13px}
  .cats{grid-template-columns:1fr 1fr;gap:10px}
  .cat{padding:14px;grid-template-columns:1fr;gap:10px;align-content:start}
  .cat .ci{width:38px;height:38px;border-radius:11px}
  .cat .ci .ico{width:19px;height:19px}
  .cat h3{font-size:15px}
  .cat p{font-size:12px}
  .cat p .sub{display:none}
  .cat .arrow{display:none}
  .cat:last-child{grid-column:1/-1}
  .rcard:nth-child(4),.rside-col .minist:not(.sbreak),.sgrid .sc:nth-child(n+3),.reviews .rv:nth-child(3){display:none}
  .step .stage{height:200px}
  .scores{gap:6px}
  .rpanel{padding:14px;border-radius:24px;margin:0 -6px}
  .qbar{font-size:15px;height:50px}
  .rmeta{margin-left:0;width:100%}
  .rcard{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px;align-items:start}
  .rcard .rnum{display:none}
  .appic{width:44px;height:44px;border-radius:13px;font-size:18px}
  .appic .ico{width:21px;height:21px}
  .rname{font-size:16px}
  .rpitch{font-size:13.5px}
  .rstats{gap:6px 12px;font-size:12.5px}
  .rside{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;min-width:0;flex-wrap:wrap}
  .rside .price{order:-1;width:100%}
  .ctray{flex-wrap:wrap}
  .ctray .btn{margin-left:0;width:100%}
  .rnote{flex-wrap:wrap;font-size:13px}
  .rnote .sample-tag{margin-left:0}
  .rside-col{grid-template-columns:1fr}
  .carousel{--car-count:2;--car-gap:16px;padding:6px 0 16px;margin:0}
  .carousel-wrap .car-nav{top:80px}
  .sx{padding:20px;border-radius:24px}
  .sx h3{font-size:24px}
  .sx .icons{display:none}
  .sgrid{margin-top:16px;grid-template-columns:1fr}
  .sxt{grid-template-columns:40px 1fr;gap:10px}
  .sxt .rt{grid-column:2;text-align:left;display:flex;gap:10px;align-items:center}
  .sxt .rt .e{margin-top:0}
  .sx-sum{grid-template-columns:1fr 1fr}
  .sum.hot{grid-column:1/-1}
  .sx-cta{flex-wrap:wrap}
  .sx-cta .fine{margin-left:0;text-align:left;width:100%}
  .steps{grid-template-columns:1fr;gap:14px}
  .cashout{gap:12px}
  .cashout .min{margin-left:0}
  .panels{flex-direction:column;align-items:center;gap:16px}
  .panels::before{inset:60px -18px}
  .pwrap:nth-child(2){margin-top:0}
  .reviews{grid-template-columns:1fr;gap:14px}
  .rv-note{text-align:left;align-items:flex-start}
  .bw-view{height:480px}
  .popx .once{display:none}
  .popx .pb .btn{padding:0 12px;font-size:13px;height:40px}
  .popx .pb .btn .ico{width:15px;height:15px}
  .site-mock{padding:18px}
  .sm-nav a,.sm-nav .sm-btn{display:none}
  .sm-hero{margin-top:22px;max-width:250px}
  .sm-hero h4{font-size:28px}
  .sm-hero p,.sm-hero .ctas{display:none}
  .sm-wave{display:none}
  .bw-bar .omni{font-size:12px}
  .bw-bar .ex .ico{display:none}
  .popx{right:6px;left:12px;bottom:40px}
  .popx .card{width:auto;flex:1;margin-bottom:44px;padding:14px;margin-right:-24px}
  .popx h4{font-size:16px}
  .popx .buddy{width:84px;margin-left:-4px}
  .popx .card::after{display:none}
  .dockx{top:70px}
  .co1{display:none}
  .brands{margin-top:76px}
  .stacks-sec{margin-top:0;padding-top:56px;padding-bottom:56px}
  .bband{padding:30px 22px;border-radius:26px;row-gap:24px}
  .bband h2{font-size:30px}
  .bband p{font-size:15.5px}
  .bband .btns{flex-direction:column}
  .qa summary{font-size:16px;padding:16px}
  .qa .ans{padding:0 16px 18px;font-size:14.5px}
  .faq-card{display:none}
  .cta-final{margin-top:76px}
  .cf{padding:32px 22px 28px;border-radius:26px}
  .cf h2{font-size:34px}
  .cf p{font-size:16px}
  .cf .btns .btn{width:100%}
  .cf-vis{height:250px;margin-top:26px}
  .cf-vis .c1{left:0;width:270px}
  .cf-vis .c2{left:auto;right:0;top:148px}
  .hero-art::before{width:340px;height:340px}
  footer{margin-top:56px;padding-top:40px}
  .fgrid{grid-template-columns:1fr 1fr!important;row-gap:26px}
  .fgrid>div{grid-column:auto!important}
  .fgrid>div:first-child{grid-column:1/-1!important}
  .fbot{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  /* One full card on phones so nothing is sliced at the edge. */
  .carousel{--car-count:1}
  .carousel-wrap .car-nav{top:76px}
}

.vis.vtry,.vis.pay{margin-top:40px}
.sbreak .sbh{display:flex;align-items:center;gap:12px;margin-top:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.sbreak .sbh h4{margin-top:0}
.sbreak .sbh span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:550;margin-top:3px}
.sbreak .sbh .stars .ico{width:12px;height:12px}
.sbr{display:grid;grid-template-columns:118px 1fr 30px;align-items:center;gap:10px;margin-top:12px;font-size:13px;font-weight:550;color:var(--body)}
.sbr i{height:8px;border-radius:9px;background:var(--track);overflow:hidden;display:block}
.sbr i b{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#FFB08A,#EE6A3F)}
.sbr em{font-style:normal;font-weight:750;color:var(--ink);text-align:right}
.sbf{display:flex;align-items:center;gap:7px;margin-top:14px;padding:9px 12px;border-radius:12px;background:var(--tint);font-size:13px;color:var(--body);font-weight:550}
.sbf .ico{width:15px;height:15px;color:var(--peach-deep)}
.sbf b{color:var(--peach-text)}

/* ---- extension panel (from v4, scoped) ---- */
.xp .panel{width:380px;height:720px;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}
.xp .panel.float{border-radius:26px;box-shadow:0 24px 60px rgba(40,28,20,.12),0 0 0 1px rgba(40,28,20,.07)}
.xp .panel::before{content:"";position:absolute;left:50%;top:-150px;width:560px;height:360px;transform:translateX(-50%);background:radial-gradient(closest-side,#FFF0E8 0%,rgba(255,248,244,.6) 55%,rgba(255,255,255,0) 100%);pointer-events:none}
.xp .panel>*{position:relative}
.xp .pbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;flex:none}
.xp .brand{display:flex;align-items:center;gap:7px;font-weight:800;font-size:15.5px;letter-spacing:-.025em}
.xp .pbar-r{display:flex;align-items:center;gap:2px}
.xp .sample{font-size:10px;font-weight:600;color:#A08D84;background:rgba(255,246,240,.9);padding:3px 8px;border-radius:999px;margin-right:4px}
.xp .ibtn{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#A08D84}
.xp .ibtn .ico{width:17px;height:17px}
.xp .hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;flex:none}
.xp .hero .halo{width:100px;height:88px;display:grid;place-items:center;position:relative}
.xp .hero .halo::before{content:"";position:absolute;inset:8px 6px 0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,128,85,.18),rgba(255,128,85,0))}
.xp .hero h1{font-size:21px;font-weight:800;letter-spacing:-.03em;margin-top:2px;line-height:1.2}
.xp .hero p{font-size:13px;color:var(--muted);margin-top:3px}
.xp .hero p b{color:var(--peach-deep);font-weight:700}
.xp .chead{display:flex;align-items:center;gap:10px;padding:0 16px 0 12px;flex:none;min-height:58px}
.xp .cav{flex:none}
.xp .bubble{position:relative;flex:1;background:#FFF8F4;border:1px solid #EFE7E2;border-radius:16px;padding:9px 12px;font-size:13px;line-height:1.4;color:#3A302B}
.xp .bubble::before{content:"";position:absolute;left:-6px;top:50%;width:10px;height:10px;margin-top:-5px;background:#FFF8F4;border-left:1px solid #EFE7E2;border-bottom:1px solid #EFE7E2;transform:rotate(45deg)}
.xp .bubble b{font-weight:700;color:var(--ink)}
.xp .tabs{margin:8px 16px 12px;background:var(--blush-2);border-radius:999px;padding:4px;display:grid;grid-template-columns:1.02fr 1.12fr .96fr;gap:2px;flex:none}
.xp .tab{height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;color:#7A6A62;position:relative;letter-spacing:-.01em}
.xp .tab .ico{width:15px;height:15px}
.xp .tab.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(40,28,20,.07),0 4px 14px rgba(40,28,20,.08)}
.xp .tab.on .ico{color:var(--peach-deep);stroke-width:2.3}
.xp .tdot{width:6px;height:6px;border-radius:50%;background:var(--peach-deep);display:block;margin-left:-2px;margin-top:-8px}
.xp .pbody{flex:1;padding:0 16px 16px;display:flex;flex-direction:column;gap:12px;min-height:0}
.xp .pbody>*{flex-shrink:0}
.xp .label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted2)}
.xp .sh{display:flex;align-items:center;justify-content:space-between}
.xp .sh h3{font-size:15px;font-weight:800;letter-spacing:-.02em}
.xp .sh a,.xp .sh .lnk{font-size:12.5px;font-weight:600;color:var(--peach-deep);display:flex;align-items:center;gap:2px}
.xp .sh .lnk .ico{width:14px;height:14px}
.xp .sh .meta2{font-size:11.5px;color:var(--muted2);font-weight:600;display:flex;align-items:center;gap:4px}
.xp .sh .meta2 .ico{width:13px;height:13px}
.xp .search{background:#fff;border:1.5px solid rgba(238,106,63,.30);border-radius:22px;padding:14px 12px 10px 16px;box-shadow:0 12px 30px rgba(238,106,63,.10),0 1px 2px rgba(40,28,20,.05)}
.xp .search .ph{font-size:16.5px;font-weight:500;color:#A08D84;line-height:1.38;letter-spacing:-.015em;padding-right:8px}
.xp .search .ph .caret{display:inline-block;width:2px;height:19px;background:var(--peach-deep);vertical-align:-3px;margin-right:2px;border-radius:2px}
.xp .search .row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.xp .search .tools{display:flex;gap:6px}
.xp .tool{height:28px;padding:0 10px;border-radius:999px;background:#FFF8F4;font-size:12px;font-weight:600;color:#7A6A62;display:flex;align-items:center;gap:5px}
.xp .tool .ico{width:13px;height:13px}
.xp .send{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#FF8F5E,#EE6A3F);display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px rgba(238,106,63,.32)}
.xp .send .ico{width:17px;height:17px;stroke-width:2.4}
.xp .helper{font-size:12.5px;color:var(--muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:-4px}
.xp .helper .ico{width:14px;height:14px;color:var(--peach-deep)}
.xp .chips{display:flex;flex-wrap:wrap;gap:7px 6px;margin-top:8px}
.xp .chip{height:31px;padding:0 11px 0 9px;border-radius:999px;background:#fff;border:1px solid #EFE7E2;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:5px;color:#3A302B;letter-spacing:-.01em}
.xp .chip .ico{width:13px;height:13px;color:var(--peach-deep)}
.xp .drop{border-radius:22px;padding:14px 16px;background:linear-gradient(140deg,#FFF8F4 0%,#FFF3EC 100%);border:1px solid #EFE7E2;position:relative;overflow:hidden}
.xp .drop::after{content:"";position:absolute;right:-50px;top:-60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,128,85,.2),rgba(255,128,85,0))}
.xp .drop .top{display:flex;align-items:center;gap:11px}
.xp .drop .nm{font-size:14.5px;font-weight:800;letter-spacing:-.01em}
.xp .drop .sub{font-size:11.5px;color:#7A6A62;font-weight:500;margin-top:1px}
.xp .drop .flag{margin-left:auto;align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#C4501F;background:rgba(255,255,255,.7);padding:4px 8px;border-radius:999px}
.xp .drop h4{font-size:16.5px;font-weight:800;letter-spacing:-.025em;margin-top:11px;line-height:1.25}
.xp .drop p{font-size:12.5px;color:#7A6A62;margin-top:4px;line-height:1.45}
.xp .drop .foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px}
.xp .timer{font-size:11.5px;font-weight:600;color:#7A6A62;display:flex;align-items:center;gap:5px}
.xp .timer .ico{width:13px;height:13px}
.xp .appicon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px;flex:none;box-shadow:inset 0 -3px 0 rgba(30,20,10,.10),0 2px 6px rgba(40,28,20,.08);letter-spacing:-.02em}
.xp .btn-s{height:34px;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.xp .btn-s .ico{width:14px;height:14px}
.xp .btn-s.ghost{background:#fff;color:var(--ink);border:1px solid #E6DAD3}
.xp .btn-s.orange{background:var(--peach-deep);color:var(--ink)}
.xp .qbar{display:flex;align-items:center;gap:10px;height:46px;border-radius:999px;border:1.5px solid rgba(238,106,63,.36);padding:0 5px 0 14px;box-shadow:0 8px 20px rgba(238,106,63,.09);font-size:14px;font-weight:600;background:#fff;flex:none}
.xp .qbar>.ico{color:var(--peach-deep);width:17px;height:17px}
.xp .qbar .q{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.xp .qbar .clr{width:22px;height:22px;border-radius:50%;background:#FFF0E8;display:grid;place-items:center;color:#A08D84}
.xp .qbar .clr .ico{width:12px;height:12px;stroke-width:2.6}
.xp .qbar .send{width:34px;height:34px}
.xp .note{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#A08D84;margin-top:-4px;padding:0 4px}
.xp .note span{display:flex;align-items:center;gap:5px}
.xp .note .ico{width:13px;height:13px}
.xp .note b{color:#7A6A62;font-weight:600}
.xp .plist{display:flex;flex-direction:column;gap:9px}
.xp .pcard{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:12px 12px 11px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(40,28,20,.04)}
.xp .pcard .appicon{width:42px;height:42px;border-radius:12px;font-size:18px}
.xp .pname{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:800;letter-spacing:-.015em;line-height:1.2}
.xp .plabel{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#C4501F;background:#FFF0E8;border-radius:6px;padding:2px 6px}
.xp .rank{margin-left:auto;font-size:11px;font-weight:700;color:#FFC7A8}
.xp .ppitch{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.4}
.xp .pmeta{display:flex;align-items:center;gap:7px;margin-top:8px}
.xp .tag{font-size:11px;font-weight:600;color:#7A6A62;background:#FFF8F4;border-radius:999px;padding:3px 8px;white-space:nowrap}
.xp .rating{font-size:11px;color:#A08D84;font-weight:600;display:flex;align-items:center;gap:3px;white-space:nowrap}
.xp .rating .ico{width:11px;height:11px;fill:#FF8055;stroke:#FF8055}
.xp .reward{margin-left:auto;font-size:11.5px;font-weight:700;color:#C4501F;background:#FFF0E8;border-radius:999px;padding:4px 9px 4px 7px;display:flex;align-items:center;gap:4px;white-space:nowrap}
.xp .reward .ico{width:12px;height:12px;stroke-width:2.3}
.xp .visit{margin-left:auto;font-size:11.5px;font-weight:600;color:#7A6A62;display:flex;align-items:center;gap:1px;white-space:nowrap}
.xp .visit .ico{width:13px;height:13px}
.xp .statcard{border-radius:20px;padding:12px 14px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 20px rgba(40,28,20,.06)}
.xp .st-top{display:flex;align-items:center;gap:12px}
.xp .flame{width:40px;height:40px;border-radius:13px;background:linear-gradient(150deg,#FFF0E8,#FFD9C4);display:grid;place-items:center;color:var(--peach-deep);flex:none}
.xp .flame .ico{width:21px;height:21px;fill:rgba(238,106,63,.18)}
.xp .st-top .big{font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.xp .st-top .small{font-size:11.5px;color:var(--muted2);font-weight:500;margin-top:1px}
.xp .st-today{margin-left:auto;text-align:right;padding-left:14px;border-left:1px solid var(--line)}
.xp .st-today .big{color:var(--peach-text)}
.xp .week{display:flex;justify-content:space-between;margin-top:10px}
.xp .wd{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--muted2);width:34px}
.xp .wd i{width:22px;height:22px;border-radius:50%;background:#FFF8F4;display:grid;place-items:center;color:#fff}
.xp .wd i .ico{width:12px;height:12px;stroke-width:3}
.xp .wd.done i{background:linear-gradient(150deg,#FF8F5E,#EE6A3F)}
.xp .wd.today i{background:#fff;box-shadow:inset 0 0 0 2px var(--peach-deep);color:var(--peach-deep)}
.xp .wd.today{color:var(--ink)}
.xp .tier{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(40,28,20,.12)}
.xp .tier-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:600;color:var(--muted)}
.xp .tchip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px 3px 6px;border-radius:999px}
.xp .tchip .ico{width:12px;height:12px}
.xp .tchip.bronze{background:#FFF0E8;color:#B0561F}
.xp .tchip.silver{background:#FFF8F4;color:#7A6A62}
.xp .bar{height:8px;background:#FFF0E8;border-radius:99px;overflow:hidden;margin:8px 0 6px}
.xp .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#FFB08A,#EE6A3F)}
.xp .tier-foot{font-size:11px;color:var(--muted2);display:flex;justify-content:space-between}
.xp .tier-foot b{color:var(--ink);font-weight:700}
.xp .cc{border:1px solid var(--line);border-radius:18px;padding:11px 12px;background:#fff}
.xp .cc-top{display:flex;gap:11px;align-items:flex-start}
.xp .cicon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none}
.xp .cicon .ico{width:19px;height:19px}
.xp .ct{flex:1;min-width:0}
.xp .ct .krow{display:flex;align-items:center;justify-content:space-between;gap:8px}
.xp .ct .k{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted2)}
.xp .ct h4{font-size:13.5px;font-weight:700;letter-spacing:-.01em;margin-top:1px;line-height:1.3}
.xp .ct p{font-size:11.5px;color:var(--muted);margin-top:1px}
.xp .pts{font-size:11px;font-weight:800;color:var(--peach-text);background:var(--blush);padding:2px 8px;border-radius:999px;white-space:nowrap}
.xp .pts.rw{color:#C4501F;background:#FFF0E8;display:flex;align-items:center;gap:4px}
.xp .pts.rw .ico{width:12px;height:12px}
.xp .cc-bot{display:flex;align-items:center;gap:10px;margin-top:8px;padding-left:51px;min-height:30px}
.xp .cc-bot .bar{flex:1;margin:0;height:6px}
.xp .cc-bot .stp{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap}
.xp .cc-bot .btn-s{height:30px;font-size:12px;padding:0 12px}
.xp .cc.done{background:#FFFFFF;border-color:#FFD9C4}
.xp .pts.ok{display:flex;align-items:center;gap:4px;background:var(--peach-text);color:#fff}
.xp .pts.ok .ico{width:11px;height:11px;stroke-width:3}
.xp .done-row{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--peach-text)}
.xp .done-row .ck{width:18px;height:18px;border-radius:50%;background:var(--peach-text);color:#fff;display:grid;place-items:center}
.xp .done-row .ck .ico{width:11px;height:11px;stroke-width:3}
.xp .cc .fine{font-size:11px;color:var(--muted2);flex:1}
.xp .bal{border-radius:22px;padding:15px 16px 12px;background:radial-gradient(120% 95% at 100% 0%,rgba(255,128,85,.42),rgba(255,128,85,0) 55%),radial-gradient(80% 80% at 0% 100%,rgba(238,106,63,.16),rgba(238,106,63,0) 60%),linear-gradient(160deg,#2A221E,#1E1916);color:#fff;position:relative;overflow:hidden}
.xp .bal .l{font-size:12px;color:rgba(255,246,240,.72);font-weight:500;display:flex;justify-content:space-between;align-items:center}
.xp .bal .l .usd{font-size:10.5px;font-weight:700;background:rgba(255,240,230,.14);padding:2px 7px;border-radius:999px;color:rgba(255,246,240,.85)}
.xp .amt{font-size:39px;font-weight:800;letter-spacing:-.045em;line-height:1.05;margin-top:3px}
.xp .amt small{font-size:24px;letter-spacing:-.03em;opacity:.8}
.xp .split{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;margin-top:11px}
.xp .mini{background:rgba(255,240,230,.11);border-radius:14px;padding:8px 11px}
.xp .mini .k{font-size:10.5px;color:rgba(255,246,240,.66);font-weight:500}
.xp .mini .v{font-size:15px;font-weight:700;letter-spacing:-.01em;margin-top:1px}
.xp .mini .s{font-size:10.5px;color:#FFC7A8;font-weight:600;display:flex;align-items:center;gap:4px;margin-top:1px}
.xp .mini .s .ico{width:11px;height:11px}
.xp .btn-cash{margin-top:11px;height:42px;border-radius:999px;background:linear-gradient(145deg,#FF8F5E,#EE6A3F);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 8px 20px rgba(238,106,63,.30)}
.xp .btn-cash .ico{width:16px;height:16px;stroke-width:2.4}
.xp .bal .fine{font-size:10.5px;color:rgba(255,246,240,.6);text-align:center;margin-top:7px}
.xp .redeem{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}
.xp .rtile{border:1px solid var(--line);border-radius:15px;padding:10px 8px 9px;text-align:center;background:#fff;position:relative}
.xp .rtile .ri{width:30px;height:30px;border-radius:10px;margin:0 auto 6px;display:grid;place-items:center;font-weight:800;font-size:13px}
.xp .rtile .ri .ico{width:16px;height:16px}
.xp .rtile b{display:block;font-size:12px;font-weight:700;letter-spacing:-.01em}
.xp .rtile span{display:block;font-size:10.5px;color:var(--muted2);margin-top:1px}
.xp .rtile.best{border-color:#FFC7A8;background:#FFFFFF}
.xp .rtile.best span{color:var(--peach-text);font-weight:700}
.xp .acts{margin-top:4px}
.xp .act{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.xp .act:last-child{border-bottom:0}
.xp .act .ai{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;font-weight:800;font-size:13px;color:#fff}
.xp .act .ai .ico{width:15px;height:15px}
.xp .act .tx{flex:1;min-width:0}
.xp .act .tx b{display:block;font-size:13px;font-weight:600;letter-spacing:-.01em}
.xp .act .tx span{display:block;font-size:11px;color:var(--muted2);margin-top:1px}
.xp .act .v{font-size:13px;font-weight:700;text-align:right;white-space:nowrap}
.xp .act .v.plus{color:var(--peach-text)}
.xp .act .v small{display:block;font-size:10px;font-weight:600;color:#D2702E;margin-top:1px}

.xp .panel{height:auto;min-height:0;width:380px}
.xp .pbody{padding-bottom:18px}

[hidden]{display:none!important}:focus-visible{outline:3px solid #C4501F;outline-offset:4px}button{font-family:inherit}button.cmp{background:transparent}dialog{border:1px solid var(--line);border-radius:24px;padding:28px;max-width:680px;width:calc(100% - 32px);max-height:85dvh;color:var(--ink)}dialog::backdrop{background:#1e191666}dialog form{text-align:right}dialog h2{font-size:26px;margin:16px 0}dialog p{line-height:1.7}dialog table{width:100%;border-collapse:collapse}dialog th,dialog td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.policy-note{padding-block:32px;font-size:13px;color:var(--muted)}.policy-note h2{font-size:18px}h1,h2{text-wrap:balance}p{text-wrap:pretty}@media(max-width:980px){.nav.menu-open .nav-links{display:flex;position:absolute;top:72px;left:0;right:0;background:white;padding:24px;flex-wrap:wrap;border-bottom:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.real-tools{padding-top:32px;padding-bottom:32px}.real-tools h2{font-size:24px;letter-spacing:-.6px;margin-bottom:8px}.real-tools>p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:20px}.real-tools-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.real-tools-grid a{display:flex;align-items:center;gap:10px;padding:16px 12px;border:1px solid #e8e1d7;border-radius:16px;background:#fff;font-size:13px;font-weight:650}.real-tools-grid img{object-fit:contain;flex-shrink:0}.real-tools-grid a>span:last-child{margin-left:auto;color:#6b6359}.real-tools-grid a:focus-visible{outline:3px solid #98713f;outline-offset:3px}@media(max-width:1000px){.real-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.real-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.official-service-logo{display:inline-block;object-fit:contain;flex-shrink:0;vertical-align:middle}footer a .official-service-logo{margin-right:6px}
/* Toast mascot palette: baked orange, cream, and cocoa. */
:root{--peach:#F29A38;--peach-deep:#D97A22;--peach-hot:#FFB34E;--peach-text:#A85417;--peach-light:#FFD6A1;--blush:#FFF3DF;--blush-2:#FFFAF0;--cream:#FFFCF6;--tint:#FCF5E9;--alt:#FFFCF6;--line:#EFE1CE;--grad:linear-gradient(135deg,#FFB34E,#E8872C)}
.hero{background:#FFFCF6}.hero-art .mascot{object-fit:contain}.brandmark img,.toast-brand-icon{object-fit:contain}.sec.alt{background:#FFFAF0}

/* Breadly's rounded two-tone feature illustrations. */
.breadly-feature-icon{display:inline-block;object-fit:contain;flex-shrink:0;vertical-align:middle}
.cat .ci,.fi,.li,.cicon{background:#fff8ee!important}
.eyebrow .breadly-feature-icon{width:20px;height:20px}
/* Focused homepage UX: clear entry point, current product, progressive detail. */
.mobile-explore,.mobile-walkthrough{display:none!important}
.hero-cta{margin-top:28px;gap:22px}.hero .sub{max-width:52ch}.hero .trust{margin-top:24px}
.discovery-search{max-width:980px;margin:0 0 32px}.discovery-search .bigsearch{margin-top:0}.discovery-search .try{margin-top:14px}
.product-walkthrough{padding-top:52px}.walkthrough-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none}.walkthrough-steps>li{min-width:0}.walkthrough-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.step-number{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:var(--blush);color:var(--peach-text);font-weight:750;font-variant-numeric:tabular-nums}.walkthrough-heading h3{font-size:22px;line-height:1.25;text-wrap:balance}.walkthrough-steps p{font-size:16px;line-height:1.6;color:var(--muted);min-height:52px;margin-bottom:20px;text-wrap:pretty}.walkthrough-screen{height:390px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 8px 24px #3926190a}.walkthrough-screen img{display:block;width:100%;height:auto}
.rcard.simple-tool-card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:22px 18px;align-items:start}.simple-tool-card .rmain{min-width:0}.simple-tool-card .rname{font-size:18px;line-height:1.35}.simple-tool-card .rpitch{font-size:14px;line-height:1.65;margin-top:5px}.tool-details{grid-column:1 / -1;margin-top:3px}.tool-details summary{display:list-item;margin-left:62px;width:fit-content;min-height:40px;padding:9px 0;color:var(--peach-text);font-size:14px;font-weight:700;cursor:pointer}.tool-details summary::marker{color:var(--peach-text)}.tool-details summary:focus-visible{outline:3px solid var(--peach-text);outline-offset:4px;border-radius:4px}.tool-detail-content{margin-top:12px;padding:18px;background:var(--cream,#fff8ee);border-radius:14px;border:1px solid var(--line)}.tool-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tool-detail-content .rstats{display:flex;flex-wrap:wrap;gap:12px}.tool-detail-content .scores{margin-top:14px}.tool-detail-content .rside{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:980px){.walkthrough-steps{gap:16px}.walkthrough-heading h3{font-size:19px}.walkthrough-screen{height:320px}}
@media(max-width:980px){
.desktop-install,.desktop-secondary{display:none!important}.mobile-explore{display:inline-flex!important}.mobile-walkthrough{display:inline-flex!important}
.hero .wrap{display:flex!important;flex-direction:column!important}.hero-copy{order:0!important;width:100%}.hero-art{order:1!important;margin:24px auto 0!important;width:min(100%,370px)!important;height:340px!important;min-height:0!important}.hero-art .mascot{max-height:320px;object-fit:contain}.hero .hero-copy h1{font-size:clamp(36px,9vw,48px);text-wrap:balance}.hero .sub{font-size:17px;line-height:1.65;margin-top:20px}.hero-cta{margin-top:24px!important;gap:16px!important;flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%;min-height:50px}.hero-cta .link{justify-content:center;text-align:center}.hero .trust{gap:12px;font-size:11px;margin-top:22px}.hero-art .float{font-size:10px;padding:10px;gap:8px}.hero-art .float b{font-size:12px}.hero-art .fi{width:32px;height:32px}.hero-art .fi img{width:22px;height:22px}
.product-walkthrough{padding-top:32px}.walkthrough-steps{grid-template-columns:1fr;gap:32px}.walkthrough-heading h3{font-size:22px}.walkthrough-steps p{min-height:0;margin-bottom:16px}.walkthrough-screen{height:320px;max-width:380px;margin-inline:auto}.walkthrough-steps>li:first-child .walkthrough-screen img{margin-top:-135px}.walkthrough-steps>li:nth-child(2) .walkthrough-screen{height:300px}.walkthrough-steps>li:nth-child(3) .walkthrough-screen{height:315px}.walkthrough-steps>li:nth-child(3) .walkthrough-screen img{margin-top:-110px}
.discovery-search .bigsearch input{font-size:16px;min-width:0}.discovery-search .try{gap:8px;flex-wrap:wrap}.discovery-search .chip{white-space:normal;text-align:left;min-height:40px}.simple-tool-card .tool-details{grid-column:1 / -1}.tool-details summary{margin-left:62px}.tool-detail-content{padding:14px}.rfilters{flex-wrap:wrap}.rmeta{margin-left:0}.simple-tool-card .rstats{font-size:12px}.simple-tool-card .rside{grid-column:auto}.simple-tool-card .rpitch{font-size:14px}.nav .mobile-explore{font-size:12px;min-height:40px}
}
@media(max-width:980px){.hero-art .mascot{width:min(330px,100%)}.rcard.simple-tool-card{display:grid}.walkthrough-screen img{max-width:100%}}
@media(max-width:980px){.hero-art::before{max-width:100%;inset-inline:0}.panels.xp{zoom:1;width:100%}.panels.xp .pwrap{width:100%;max-width:380px}.panels.xp .panel{width:100%}.panels.xp::before{inset-inline:0}.xp .pbody{padding-inline:12px}.xp .cc-bot{flex-wrap:wrap}}
.simple-tool-card>.appic{width:44px;height:44px;border-radius:12px}.simple-tool-card>.appic .ico{width:24px;height:24px}

/* Consistent content measure and a tighter section rhythm. */
.wrap{max-width:1160px}.hero{padding:32px 0 40px}.hero-art{height:470px}.hero .sub{max-width:510px}.lede{max-width:580px}.nav .wrap{gap:24px}.nav-links a{padding-inline:10px}
.extension-captures{grid-column:6 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px;min-width:0}.extension-captures figure{min-width:0}.extension-captures figure:nth-child(2){margin-top:0}.extension-captures img{width:100%;height:auto;aspect-ratio:460/800;object-fit:cover;border-radius:20px;border:1px solid var(--line);box-shadow:var(--sh1)}.extension-captures figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:10px;text-align:center}
@media(max-width:1100px){.extension-captures{grid-column:1 / -1;margin-top:28px;max-width:700px;justify-self:center}}
@media(max-width:980px){.sec{padding-top:56px}.sec-head{margin-bottom:24px}.hero{padding:28px 0 24px}.wrap{padding-inline:24px}.brands,.cta-final{margin-top:56px}.extension-captures{gap:12px}.extension-captures figure:nth-child(2){margin-top:0}}
@media(max-width:480px){.wrap{padding-inline:20px}.extension-captures{grid-template-columns:1fr;max-width:360px}.extension-captures figure:nth-child(2){margin-top:0}.hero .sub{line-height:1.5}}

/* Official product marks replace letter and generic-symbol app tiles. */
.breadly-home .appic.product-logo{background:#fff;color:transparent;padding:4px;border:1px solid var(--line);box-shadow:0 3px 8px rgba(40,28,20,.08)}
.breadly-home .appic.product-logo .brand-logo{display:block;width:100%;height:100%;padding:2px;object-fit:contain;background:#fff;border-radius:inherit}

/* A measured spacing rhythm across the homepage, with room to breathe on mobile. */
.breadly-home .sec{padding-block:clamp(40px,4vw,48px)}
.breadly-home .sec-head{margin-bottom:24px;gap:20px}
.breadly-home .real-tools{padding-block:24px}
.breadly-home .real-tools>p{margin-bottom:18px}
.breadly-home .real-tools-grid{gap:12px}
.breadly-home .brands,.breadly-home .cta-final{margin-top:32px}
.breadly-home .product-walkthrough{padding-top:48px}
.breadly-home .walkthrough-steps{column-gap:24px;row-gap:24px}
.breadly-home .walkthrough-steps p{margin-bottom:16px}
@media(max-width:980px){
  .breadly-home .sec{padding-block:36px}
  .breadly-home .sec-head{margin-bottom:20px;gap:14px}
  .breadly-home .real-tools{padding-block:20px}
  .breadly-home .brands,.breadly-home .cta-final{margin-top:32px}
  .breadly-home .product-walkthrough{padding-top:36px}
  .breadly-home .walkthrough-steps{row-gap:28px}
}
@media(max-width:560px){
  .breadly-home .sec{padding-block:30px}
  .breadly-home .sec-head{margin-bottom:18px}
  .breadly-home .real-tools{padding-block:16px}
  .breadly-home .real-tools-grid{gap:8px}
  .breadly-home .real-tools-grid a{padding:12px 10px;gap:8px}
  .breadly-home .brands,.breadly-home .cta-final{margin-top:24px}
  .breadly-home .product-walkthrough{padding-top:30px}
  .breadly-home .walkthrough-steps{row-gap:24px}
}