:root{
  --bg:#05070c;--bg2:#0a0f18;--panel:#0e1522;--panel2:#121b2b;--line:rgba(255,255,255,.09);
  --text:#f7f8fb;--muted:#97a2b4;--soft:#c9d0dc;--accent:#5ef0b2;--accent2:#7ea6ff;
  --shadow:0 24px 70px rgba(0,0,0,.35);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 18% -10%,rgba(94,240,178,.13),transparent 36rem),
radial-gradient(circle at 90% 10%,rgba(126,166,255,.10),transparent 36rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.shell{max-width:1240px;margin:0 auto;padding:0 22px}.topbar{position:sticky;top:0;z-index:70;border-bottom:1px solid var(--line);background:rgba(5,7,12,.78);backdrop-filter:blur(20px)}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:950;letter-spacing:-.055em;font-size:20px}.brand span{color:var(--accent)}.navlinks{display:flex;gap:28px;color:var(--muted);font-size:14px}.navlinks a:hover{color:#fff}.nav-cta{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-weight:700;font-size:13px;background:rgba(255,255,255,.035)}
.hero{padding:76px 0 38px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#a7ffd8;background:rgba(94,240,178,.075);border:1px solid rgba(94,240,178,.18);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em}.eyebrow i{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px rgba(94,240,178,.7)}h1{font-size:clamp(54px,7vw,92px);line-height:.94;letter-spacing:-.065em;margin:24px 0 24px;font-weight:950}.hero p{font-size:19px;line-height:1.65;color:var(--muted);max-width:720px}.searchbox{margin-top:32px;display:flex;gap:10px;padding:9px;border:1px solid rgba(255,255,255,.13);background:rgba(12,18,29,.85);border-radius:20px;box-shadow:0 20px 65px rgba(0,0,0,.25)}.searchbox input{flex:1;background:transparent;border:0;outline:0;color:#fff;padding:14px 14px;font-size:16px;min-width:0}.searchbox button,.primary{border:0;background:#fff;color:#05070c;font-weight:850;padding:14px 20px;border-radius:14px;cursor:pointer}.quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.chip{border:1px solid var(--line);padding:8px 11px;border-radius:999px;color:var(--muted);font-size:12px;background:rgba(255,255,255,.025)}.chip:hover{color:#fff;border-color:rgba(255,255,255,.22)}
.hero-stack{position:relative;min-height:520px}.float-card{position:absolute;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#111826;box-shadow:var(--shadow)}.float-card img{width:100%;height:100%;object-fit:cover}.float-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(2,5,10,.88))}.float-card .label{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.float-card .label b{font-size:20px}.float-card .label span{display:block;color:#c8d0dd;font-size:12px;margin-top:4px}.fc1{width:68%;height:340px;right:0;top:0;transform:rotate(2deg)}.fc2{width:54%;height:280px;left:0;bottom:20px;transform:rotate(-4deg)}.fc3{width:40%;height:210px;right:3%;bottom:0;transform:rotate(4deg)}
.section{padding:62px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.section-head h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;margin:0}.section-head p{max-width:520px;color:var(--muted);line-height:1.55;margin:0}.kicker{color:var(--accent);text-transform:uppercase;font-weight:850;letter-spacing:.18em;font-size:11px;margin-bottom:8px}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,34%);overflow-x:auto;gap:16px;padding:2px 2px 18px;scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,25,39,.94),rgba(10,15,24,.94));border-radius:26px;overflow:hidden;transition:.25s transform,.25s border-color}.card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18)}.card-media{height:270px;background:#0b1019;position:relative;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.card-media.product img{object-fit:contain;padding:18px;background:radial-gradient(circle at 50% 50%,rgba(94,240,178,.08),transparent 56%)}.pill{position:absolute;top:14px;left:14px;z-index:2;background:rgba(5,7,12,.78);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(10px);padding:7px 10px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.pill.green{color:#b9ffe0;border-color:rgba(94,240,178,.25)}.card-body{padding:20px}.card h3{margin:0 0 6px;font-size:24px;letter-spacing:-.03em}.card p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}.price{font-size:19px;font-weight:850;margin-top:12px}.meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.meta span{padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.045);font-size:11px;color:#c3cbda}
.world-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:260px 260px;gap:16px}.world{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--line);min-height:220px}.world.big{grid-row:span 2}.world img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.world:hover img{transform:scale(1.04)}.world::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(2,5,10,.82))}.world-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.world-copy small{color:#c6d0dd}.world-copy h3{font-size:28px;margin:4px 0 0;letter-spacing:-.035em}.world.big .world-copy h3{font-size:38px}
.feed{display:grid;gap:18px}.feed-row{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);background:rgba(12,18,29,.78);border-radius:30px;overflow:hidden;min-height:380px}.feed-row:nth-child(even){grid-template-columns:1.1fr .9fr}.feed-row:nth-child(even) .feed-media{order:2}.feed-media{min-height:360px;background:#0c111b}.feed-media img{width:100%;height:100%;object-fit:cover}.feed-media.product img{object-fit:contain;padding:34px}.feed-copy{padding:38px;display:flex;flex-direction:column;justify-content:center}.feed-copy h3{font-size:38px;line-height:1.02;letter-spacing:-.045em;margin:0 0 14px}.feed-copy p{color:var(--muted);line-height:1.65;margin:0 0 20px}.inline-link{font-weight:850;color:#fff}.inline-link span{color:var(--accent)}
.notice{border:1px solid rgba(255,204,90,.2);background:rgba(255,204,90,.05);padding:14px 16px;border-radius:16px;color:#b7bfcd;font-size:12px;line-height:1.55}.footer{border-top:1px solid var(--line);margin-top:40px}.footer .shell{padding-top:28px;padding-bottom:32px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:12px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
/* comparison */
.compare-hero{padding:58px 0 24px}.compare-title{max-width:870px}.compare-title h1,.compare-title h2{font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.04em;margin:0}.product-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.stage-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,#111a29,#090e16);padding:20px}.stage-card.featured{border-color:rgba(94,240,178,.38);box-shadow:0 0 0 1px rgba(94,240,178,.08),0 24px 80px rgba(12,110,76,.10)}.stage-img{height:300px;display:flex;align-items:center;justify-content:center}.stage-img img{max-height:100%;width:100%;object-fit:contain}.stage-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.stage-card h3{font-size:29px;margin:8px 0 2px;letter-spacing:-.04em}.stage-card .sub{color:var(--muted);font-size:13px}.stage-card .price{font-size:22px;margin:12px 0}.cta-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 15px;border-radius:13px;font-weight:850;font-size:13px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.btn.main{background:#fff;color:#05070c;border-color:#fff}.adnote{display:inline-flex;align-items:center;width:max-content;margin-top:9px;padding:4px 7px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.025);color:#7f8a9b;font-size:9px;line-height:1;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{border:1px solid var(--line);border-radius:22px;padding:22px;background:rgba(255,255,255,.022)}.choice b{display:block;font-size:17px;margin-bottom:7px}.choice p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:26px;background:rgba(12,18,29,.72)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:18px 20px;border-bottom:1px solid var(--line)}th{color:#fff;font-size:13px;background:rgba(255,255,255,.025)}td{color:#cbd2dd;font-size:13px}tr:last-child td{border-bottom:0}.best{color:var(--accent);font-weight:800}.sticky-compare{position:sticky;top:80px;z-index:30;margin:24px 0 0;border:1px solid var(--line);border-radius:18px;background:rgba(6,10,16,.88);backdrop-filter:blur(18px);padding:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sticky-compare a{padding:11px 12px;border-radius:12px;text-align:center;font-size:12px;font-weight:800;color:#cbd2df}.sticky-compare a:hover{background:rgba(255,255,255,.06);color:#fff}
.search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:90;border:1px solid var(--line);border-radius:18px;background:rgba(7,10,16,.97);box-shadow:var(--shadow);overflow:hidden;display:none}.search-wrap{position:relative}.result{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}.result:last-child{border-bottom:0}.result:hover{background:rgba(255,255,255,.05)}.result small{color:var(--muted)}
@media(max-width:900px){.navlinks{display:none}.hero-grid{grid-template-columns:1fr}.hero-stack{min-height:420px}.world-grid{grid-template-columns:1fr 1fr;grid-template-rows:340px 240px 240px}.world.big{grid-column:span 2;grid-row:auto}.product-stage{grid-template-columns:1fr}.stage-img{height:280px}.choice-grid{grid-template-columns:1fr}.feed-row,.feed-row:nth-child(even){grid-template-columns:1fr}.feed-row:nth-child(even) .feed-media{order:0}.rail{grid-auto-columns:minmax(280px,72%)}.sticky-compare{top:74px}}
@media(max-width:620px){.shell{padding:0 15px}.hero{padding-top:48px}.hero h1,.hero h2{font-size:52px}.hero p{font-size:16px}.searchbox{border-radius:16px}.searchbox button{display:none}.hero-stack{min-height:360px}.fc1{width:78%;height:235px}.fc2{width:62%;height:210px}.fc3{width:46%;height:150px}.section{padding:44px 0}.section-head{display:block}.section-head p{margin-top:10px}.rail{grid-auto-columns:84%}.world-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.world.big{grid-column:auto}.world{height:260px}.world.big{height:340px}.feed-copy{padding:28px 22px}.feed-copy h3{font-size:32px}.feed-media{min-height:280px}.stage-card{padding:16px}.stage-img{height:230px}.compare-hero{padding-top:42px}.sticky-compare a{font-size:10px;padding:9px 6px}.nav-cta{display:none}}

/* polish */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 72%)}
.brand{display:flex;align-items:center}.brand:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);margin-right:9px;box-shadow:0 0 22px rgba(94,240,178,.65)}
.nav-cta,.btn,.searchbox button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.nav-cta:hover,.btn:hover,.searchbox button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.trustbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.trustitem{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:12px 14px;border-radius:16px}.trustitem b{display:block;font-size:13px}.trustitem span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--line)}.stat{padding:22px;background:#090e16}.stat b{display:block;font-size:24px;letter-spacing:-.04em}.stat span{font-size:11px;color:var(--muted)}
.section.alt{background:linear-gradient(180deg,transparent,rgba(126,166,255,.035),transparent)}
@media(max-width:760px){.trustbar{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,1fr)}.nav{height:62px}.nav-cta{display:none}.hero{padding-top:42px}.hero-stack{min-height:390px}.fc1{height:260px}.fc2{height:210px}.fc3{height:170px}.section{padding:46px 0}.rail{grid-auto-columns:84%}}

/* premium content blocks */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(180deg,rgba(18,27,43,.7),rgba(8,13,21,.72))}.feature .num{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(94,240,178,.1);color:var(--accent);font-weight:900;font-size:12px;margin-bottom:22px}.feature h3{font-size:20px;letter-spacing:-.03em;margin:0 0 8px}.feature p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.cta-banner{position:relative;overflow:hidden;border:1px solid rgba(94,240,178,.2);border-radius:30px;background:radial-gradient(circle at 80% 20%,rgba(94,240,178,.13),transparent 28rem),linear-gradient(135deg,#101a27,#080d15);padding:42px}.cta-banner h2{font-size:clamp(32px,5vw,58px);line-height:.98;letter-spacing:-.055em;margin:0 0 12px;max-width:760px}.cta-banner p{color:var(--muted);max-width:650px;line-height:1.65;margin:0 0 22px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.btn.secondary{background:rgba(255,255,255,.04);color:#fff}.micro{font-size:10px;color:#738095;line-height:1.5}.legal{max-width:860px;margin:0 auto;padding:64px 22px}.legal h1{font-size:clamp(38px,6vw,64px);margin:0 0 32px}.legal h2{font-size:20px;margin:34px 0 10px}.legal p,.legal li{color:var(--soft);line-height:1.7;font-size:15px}.legal a{color:var(--accent)}.legal .muted{color:var(--muted);font-size:12px}.empty-state{min-height:62vh;display:grid;place-items:center;text-align:center;padding:40px 22px}.empty-state h1{font-size:clamp(48px,8vw,90px);margin:0 0 10px}.empty-state p{color:var(--muted);max-width:600px;line-height:1.6}.logo-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,rgba(94,240,178,.16),rgba(126,166,255,.12));border:1px solid var(--line);font-weight:950;color:var(--accent)}
@media(max-width:900px){.feature-grid{grid-template-columns:1fr 1fr}.cta-banner{padding:30px}}
@media(max-width:620px){.feature-grid{grid-template-columns:1fr}.stat-strip{grid-template-columns:1fr 1fr}.cta-banner{padding:26px 20px;border-radius:24px}.legal{padding:46px 18px}.trustitem{padding:11px 12px}}

:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* image-led commerce polish */
.gallery-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:240px 240px;gap:14px}
.gallery-item{position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:#0b111b;min-height:220px}
.gallery-item.big{grid-row:span 2}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.gallery-item.product-shot img{object-fit:contain;padding:24px;background:radial-gradient(circle at 50% 45%,rgba(94,240,178,.08),transparent 56%),#0b111b}
.gallery-item:hover img{transform:scale(1.035)}
.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(3,6,11,.86))}
.gallery-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}
.gallery-copy b{display:block;font-size:18px;letter-spacing:-.025em}.gallery-copy span{display:block;color:#c4ccd8;font-size:11px;margin-top:4px}
.emotion-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.emotion-card{position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--line);min-height:320px;background:#0b111b}
.emotion-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.emotion-card:hover img{transform:scale(1.035)}
.emotion-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(2,5,10,.88))}
.emotion-card .copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.emotion-card .copy small{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.13em}.emotion-card .copy h3{font-size:25px;margin:6px 0 0;letter-spacing:-.035em}
.product-stage.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:320px 220px 220px}.gallery-item.big{grid-column:span 2;grid-row:auto}.emotion-strip{grid-template-columns:1fr 1fr}.product-stage.two{grid-template-columns:1fr}}
@media(max-width:620px){.gallery-grid{grid-template-columns:1fr;grid-template-rows:none}.gallery-item.big{grid-column:auto}.gallery-item{height:260px}.gallery-item.big{height:340px}.emotion-strip{grid-template-columns:1fr}.emotion-card{min-height:300px}}

.emotion-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.emotion-grid .emotion-card{position:relative;margin:0;min-height:390px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#0b1019}
.emotion-grid .emotion-card img{width:100%;height:100%;object-fit:cover}
.emotion-grid .emotion-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,6,10,.9))}
.emotion-grid .emotion-card figcaption{position:absolute;left:22px;right:22px;bottom:20px;z-index:2}
.emotion-grid .emotion-card figcaption b{display:block;font-size:25px;letter-spacing:-.03em}
.emotion-grid .emotion-card figcaption span{display:block;color:#c7ced9;font-size:13px;margin-top:4px}
.stage-img img[src*="urwahn.com"]{filter:drop-shadow(0 24px 32px rgba(0,0,0,.32))}
@media(max-width:760px){.emotion-grid{grid-template-columns:1fr}.emotion-grid .emotion-card{min-height:300px}}

/* conversion-focused image polish */
.emotion-strip .emotion-card{min-height:340px;isolation:isolate}
.emotion-strip .emotion-card:after{background:linear-gradient(180deg,rgba(2,5,10,.03) 26%,rgba(2,5,10,.90) 100%)}
.emotion-strip .emotion-card .copy{bottom:20px}
.emotion-strip .emotion-card .copy h3{max-width:300px;line-height:1.05}
.gallery-item,.emotion-card,.world,.card{box-shadow:0 18px 55px rgba(0,0,0,.16)}
@media(max-width:620px){.emotion-strip .emotion-card{min-height:285px}}


/* banger trust + conversion layer */
.hero{position:relative;background:
radial-gradient(circle at 18% 18%,rgba(94,240,178,.10),transparent 27rem),
radial-gradient(circle at 82% 24%,rgba(126,166,255,.12),transparent 30rem)}
.hero:after{content:"";position:absolute;left:50%;top:14%;width:min(760px,72vw);height:420px;transform:translateX(-50%);pointer-events:none;filter:blur(42px);opacity:.7;background:radial-gradient(ellipse,rgba(94,240,178,.055),rgba(126,166,255,.035) 42%,transparent 70%)}
.hero-grid{position:relative;z-index:1}
.float-card{transition:border-color .25s ease,box-shadow .25s ease,filter .25s ease}
.float-card:hover{border-color:rgba(255,255,255,.2);box-shadow:0 30px 90px rgba(0,0,0,.46);filter:saturate(1.06)}
.searchbox{box-shadow:0 20px 70px rgba(0,0,0,.28),0 0 0 1px rgba(94,240,178,.025),0 0 48px rgba(94,240,178,.045)}
.brand-proof{padding:4px 0 18px}
.brand-proof-inner{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:18px;padding:10px 12px;background:linear-gradient(90deg,rgba(94,240,178,.035),rgba(255,255,255,.025),rgba(126,166,255,.035));box-shadow:0 14px 44px rgba(0,0,0,.16)}
.brand-proof-label{color:#7f8a9c;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;margin-right:4px}
.brand-proof-inner a{padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.028);font-size:12px;font-weight:900;letter-spacing:.015em;transition:.2s ease}
.brand-proof-inner a:hover{border-color:rgba(94,240,178,.3);background:rgba(94,240,178,.07);color:#caffea}
.brand-proof-note{color:#657084;font-size:10px;margin-left:4px}

.stage-card.featured:before{content:"Empfohlen für dieses Einsatzprofil";position:absolute;right:14px;top:14px;z-index:3;padding:6px 8px;border-radius:999px;background:rgba(94,240,178,.1);border:1px solid rgba(94,240,178,.24);color:#b9ffe0;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:620px){
  .brand-proof-inner{justify-content:flex-start;gap:7px}
  .brand-proof-label{width:100%;margin-bottom:1px}
  .brand-proof-note{width:100%;margin-left:0}
  .stage-card.featured:before{position:static;display:inline-block;margin-bottom:8px}
}


/* expanded partner catalogue */
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.partner-card{position:relative;overflow:hidden;min-height:280px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#111a29,#080d15);padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s transform,.25s border-color,.25s box-shadow}
.partner-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18);box-shadow:0 22px 60px rgba(0,0,0,.25)}
.partner-card.has-image{padding:0}
.partner-card.has-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.partner-card.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,11,.04),rgba(3,6,11,.92))}
.partner-card .partner-copy{position:relative;z-index:2}
.partner-card.has-image .partner-copy{margin-top:auto;padding:22px}
.partner-card small{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.partner-card h3{font-size:27px;line-height:1.02;letter-spacing:-.04em;margin:8px 0}
.partner-card p{margin:0;color:#c2cad7;font-size:13px;line-height:1.55}
.brand-swatch{height:126px;border-radius:20px;border:1px solid rgba(255,255,255,.07);display:flex;align-items:flex-end;padding:16px;font-size:36px;font-weight:950;letter-spacing:-.06em;background:
radial-gradient(circle at 18% 18%,rgba(94,240,178,.18),transparent 48%),
radial-gradient(circle at 80% 25%,rgba(126,166,255,.20),transparent 45%),
rgba(255,255,255,.025)}
.brand-swatch.warm{background:radial-gradient(circle at 18% 18%,rgba(255,190,100,.18),transparent 48%),radial-gradient(circle at 78% 26%,rgba(255,105,135,.15),transparent 44%),rgba(255,255,255,.025)}
.brand-swatch.gold{background:radial-gradient(circle at 18% 18%,rgba(255,219,128,.20),transparent 48%),radial-gradient(circle at 78% 26%,rgba(170,125,255,.13),transparent 44%),rgba(255,255,255,.025)}
.brand-swatch.wood{background:radial-gradient(circle at 18% 18%,rgba(170,111,66,.22),transparent 48%),radial-gradient(circle at 78% 26%,rgba(214,171,112,.14),transparent 44%),rgba(255,255,255,.025)}
.brand-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch;margin-top:28px}
.brand-hero-copy{border:1px solid var(--line);border-radius:30px;padding:32px;background:linear-gradient(145deg,rgba(18,27,43,.88),rgba(8,13,21,.88))}
.brand-hero-copy h2{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.05em;margin:0 0 14px}
.brand-hero-copy p{color:var(--muted);line-height:1.65}
.brand-hero-media{border:1px solid var(--line);border-radius:30px;overflow:hidden;min-height:360px;background:radial-gradient(circle at 50% 45%,rgba(94,240,178,.08),transparent 55%),#0b111b}
.brand-hero-media img{width:100%;height:100%;object-fit:cover}
.brand-hero-media.center img{object-fit:contain;padding:28px}
.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.info-strip div{border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.025)}
.info-strip b{display:block;font-size:13px}.info-strip span{display:block;color:var(--muted);font-size:11px;margin-top:4px}
@media(max-width:900px){.partner-grid{grid-template-columns:1fr 1fr}.brand-hero{grid-template-columns:1fr}.info-strip{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.partner-grid{grid-template-columns:1fr}.partner-card{min-height:250px}.info-strip{grid-template-columns:1fr}.brand-hero-copy{padding:24px}.brand-hero-media{min-height:280px}}


/* emotional commerce imagery v2 */
.visual-break{position:relative;min-height:460px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#0b111b;margin-top:26px;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.visual-break img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.visual-break:hover img{transform:scale(1.025)}
.visual-break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,11,.88),rgba(3,6,11,.42) 52%,rgba(3,6,11,.08))}
.visual-break-copy{position:absolute;z-index:2;left:32px;bottom:30px;max-width:520px}
.visual-break-copy small{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-weight:850;font-size:10px}
.visual-break-copy h2{font-size:clamp(32px,5vw,56px);line-height:1;letter-spacing:-.05em;margin:7px 0 10px}
.visual-break-copy p{margin:0;color:#d1d8e3;line-height:1.55}
.product-shot-photo{width:100%;height:100%;object-fit:cover!important;border-radius:18px}
.brand-hero-media.screenshot img{object-fit:cover;padding:0}
.partner-card.has-image img.screenshot{object-position:top center}
@media(max-width:620px){.visual-break{min-height:340px}.visual-break-copy{left:20px;right:20px;bottom:20px}.visual-break:after{background:linear-gradient(180deg,rgba(3,6,11,.10),rgba(3,6,11,.90))}}


/* AuraGlobal universe maxing */
.universe-section{padding:34px 0 18px}
.universe-hero{position:relative;min-height:610px;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#090d14;box-shadow:0 30px 100px rgba(0,0,0,.38);isolation:isolate}
.universe-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.universe-hero:hover>img{transform:scale(1.035);filter:saturate(1.05)}
.universe-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,11,.93) 0%,rgba(3,6,11,.62) 36%,rgba(3,6,11,.16) 68%,rgba(3,6,11,.18) 100%),linear-gradient(0deg,rgba(3,6,11,.70),transparent 48%)}
.universe-copy{position:absolute;z-index:2;left:clamp(24px,5vw,62px);bottom:clamp(28px,6vw,64px);max-width:610px}
.universe-copy .kicker{color:#baffdf}
.universe-copy h2{font-size:clamp(43px,6.2vw,80px);line-height:.94;letter-spacing:-.06em;margin:8px 0 16px}
.universe-copy p{max-width:560px;font-size:16px;line-height:1.65;color:#d2d9e5;margin:0}
.universe-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.universe-pills span{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(4,7,12,.42);backdrop-filter:blur(14px);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.universe-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:180px;gap:14px;margin-top:14px}
.universe-card{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.09);background:#0b111b;box-shadow:0 18px 50px rgba(0,0,0,.22);isolation:isolate}
.universe-card:nth-child(1),.universe-card:nth-child(4){grid-column:span 7;grid-row:span 2}
.universe-card:nth-child(2),.universe-card:nth-child(3){grid-column:span 5}
.universe-card:nth-child(5),.universe-card:nth-child(6){grid-column:span 5}
.universe-card:nth-child(6){grid-column:span 7}
.universe-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .4s ease}
.universe-card:hover img{transform:scale(1.045);filter:saturate(1.07)}
.universe-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,11,.02) 30%,rgba(3,6,11,.90) 100%)}
.universe-card-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}
.universe-card-copy small{color:#aaffd7;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.universe-card-copy h3{font-size:clamp(22px,2.5vw,34px);line-height:1;letter-spacing:-.045em;margin:5px 0 0}
.universe-card.pet{box-shadow:0 22px 70px rgba(122,210,183,.09)}
.universe-card.food{box-shadow:0 22px 70px rgba(255,143,62,.12)}
.universe-card.beauty{box-shadow:0 22px 70px rgba(255,153,190,.10)}
.universe-card.jewelry{box-shadow:0 22px 70px rgba(255,207,96,.09)}
.universe-card.home{box-shadow:0 22px 70px rgba(190,139,84,.10)}
.partner-card.has-image{min-height:340px}
.partner-card.has-image img{filter:saturate(1.02)}
.partner-card.has-image:hover img{transform:scale(1.045)}
.partner-card.has-image:after{background:linear-gradient(180deg,rgba(3,6,11,.02) 34%,rgba(3,6,11,.94) 100%)}
.brand-hero-media.editorial{min-height:430px}
.brand-hero-media.editorial img{object-fit:cover;padding:0;transform:scale(1.01)}
.stage-img.editorial{height:310px;overflow:hidden;border-radius:20px;margin-top:14px;background:#0a0f18}
.stage-img.editorial img{width:100%;height:100%;max-height:none;object-fit:cover;transition:transform .55s ease}
.stage-card:hover .stage-img.editorial img{transform:scale(1.04)}
.mood-duo{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:18px}
.mood-shot{position:relative;min-height:300px;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#0b111b}
.mood-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mood-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(3,6,11,.87))}
.mood-shot span{position:absolute;z-index:2;left:18px;bottom:16px;font-size:11px;font-weight:850;color:#edf3fa}
.visual-break{min-height:510px}
.visual-break img{filter:saturate(1.04) contrast(1.02)}
@media(max-width:900px){
 .universe-hero{min-height:520px}
 .universe-grid{grid-template-columns:1fr 1fr;grid-auto-rows:260px}
 .universe-card,.universe-card:nth-child(n){grid-column:auto;grid-row:auto}
 .universe-card:nth-child(1),.universe-card:nth-child(4){grid-column:span 2}
 .mood-duo{grid-template-columns:1fr}
}
@media(max-width:620px){
 .universe-section{padding-top:18px}
 .universe-hero{min-height:520px;border-radius:26px}
 .universe-hero:after{background:linear-gradient(0deg,rgba(3,6,11,.94),rgba(3,6,11,.12) 74%)}
 .universe-copy{left:20px;right:20px;bottom:24px}
 .universe-copy h2{font-size:46px}
 .universe-grid{grid-template-columns:1fr;grid-auto-rows:280px}
 .universe-card,.universe-card:nth-child(n){grid-column:auto}
 .partner-card.has-image{min-height:290px}
 .brand-hero-media.editorial{min-height:320px}
 .visual-break{min-height:390px}
}


/* stability + sharpness cleanup */
img{image-rendering:auto}
.float-card,.card,.world,.emotion-card,.partner-card,.universe-card,.stage-card{will-change:auto}
.float-card img,.card img,.world img,.emotion-card img,.partner-card img,.universe-card img,.stage-img img,.visual-break img,.brand-hero-media img{
  transform:none!important;
  filter:none!important;
  transition:none!important;
}
.float-card:hover,.card:hover,.partner-card:hover{transform:translateY(-2px)}
.world:hover img,.emotion-card:hover img,.universe-card:hover img,.stage-card:hover .stage-img img,.visual-break:hover img,.partner-card.has-image:hover img{transform:none!important}
.universe-section{padding:28px 0 10px}
.universe-hero{min-height:520px;border-radius:30px;box-shadow:0 24px 72px rgba(0,0,0,.28)}
.universe-hero>img{object-position:center}
.universe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:300px;gap:14px;margin-top:14px}
.universe-card,.universe-card:nth-child(n){grid-column:auto!important;grid-row:auto!important}
.universe-card{border-radius:24px}
.universe-card img{object-position:center}
.universe-card-copy{left:18px;right:18px;bottom:17px}
.universe-card-copy h3{font-size:27px}
.stage-img.editorial{height:280px;border-radius:18px}
.stage-img.editorial.crop-left img{object-position:18% center}
.stage-img.editorial.crop-center img{object-position:50% center}
.stage-img.editorial.crop-right img{object-position:82% center}
.brand-hero-media.editorial{min-height:400px}
.visual-break{min-height:440px;box-shadow:0 18px 55px rgba(0,0,0,.20)}
.visual-break-copy{max-width:500px}
.clean-universe-link{position:relative;display:block;min-height:340px;margin-top:26px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#090e16}
.clean-universe-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clean-universe-link:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,11,.88),rgba(3,6,11,.24) 65%,rgba(3,6,11,.08))}
.clean-universe-link .copy{position:absolute;z-index:2;left:28px;bottom:26px;max-width:470px}
.clean-universe-link .copy small{color:var(--accent);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:9px}
.clean-universe-link .copy h3{font-size:38px;line-height:1;letter-spacing:-.045em;margin:7px 0 8px}
.clean-universe-link .copy p{margin:0;color:#c9d1dd;line-height:1.55}
@media(max-width:900px){
 .universe-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:280px}
 .universe-card:nth-child(n){grid-column:auto!important}
}
@media(max-width:620px){
 .universe-hero{min-height:460px;border-radius:24px}
 .universe-grid{grid-template-columns:1fr;grid-auto-rows:270px}
 .universe-card-copy h3{font-size:25px}
 .stage-img.editorial{height:240px}
 .brand-hero-media.editorial{min-height:300px}
 .visual-break{min-height:340px}
 .clean-universe-link{min-height:300px;border-radius:22px}
 .clean-universe-link .copy{left:20px;right:20px;bottom:20px}
 .clean-universe-link .copy h3{font-size:31px}
}


/* layout hardening v3 — fixes overlap, laptop widths and image clarity */
html,body{max-width:100%;overflow-x:hidden}
.hero-grid>*{min-width:0}
.float-card{display:block}
.universe-section{position:relative;z-index:1;clear:both}
.universe-section .shell{position:relative}
.universe-hero{display:block;width:100%;min-height:clamp(500px,48vw,620px)}
.universe-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.universe-copy{max-width:min(610px,calc(100% - 40px))}
.brand-proof{position:relative;z-index:2;clear:both}
.section{position:relative;clear:both}
.hero-stack{isolation:isolate}
.float-card,.universe-card,.world,.emotion-card,.card,.partner-card,.brand-hero-media,.visual-break{contain:paint}
@media(max-width:1080px){
  .hero{padding-top:58px}
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero-grid>div:first-child{max-width:880px}
  .hero-stack{width:min(100%,780px);min-height:430px;margin:0 auto}
  .hero h1,.hero h2{font-size:clamp(52px,8vw,78px);max-width:820px}
  .hero p{max-width:760px}
  .trustbar{max-width:820px}
  .universe-hero{min-height:540px}
}
@media(max-width:760px){
  .hero{padding-top:38px}
  .hero h1,.hero h2{font-size:clamp(44px,13vw,60px);line-height:.96;margin-top:18px}
  .hero-stack{min-height:340px}
  .fc1{width:78%;height:230px}
  .fc2{width:60%;height:190px;bottom:10px}
  .fc3{width:42%;height:145px;bottom:0}
  .universe-hero{min-height:500px}
  .universe-copy{left:20px;right:20px;bottom:22px;max-width:none}
  .universe-copy h2{font-size:clamp(40px,12vw,52px)}
}
@media(max-width:430px){
  .hero-stack{min-height:315px}
  .fc1{height:205px}
  .fc2{height:170px}
  .fc3{height:128px}
  .universe-hero{min-height:460px}
}


/* cleanliness pass v4 — stable text flow, consistent cards, less visual noise */
:where(h1,h2,h3,p,.label,.copy,.world-copy,.universe-card-copy,.visual-break-copy){overflow-wrap:anywhere}
:where(h1,h2,.section-head h2,.universe-copy h2,.cta-banner h2){text-wrap:balance}
.hero-grid,.section-head,.feed-row,.brand-hero,.product-stage,.choice-grid,.feature-grid,.world-grid,.universe-grid{min-width:0}
.hero-grid>*,.section-head>*,.feed-row>*,.brand-hero>*,.product-stage>*,.choice-grid>*,.feature-grid>*{min-width:0}
.float-card .label b,.float-card .label span{display:block;max-width:100%}
.float-card .label b{line-height:1.08}.float-card .label span{line-height:1.35}
.card-body,.feed-copy,.brand-hero-copy,.feature,.choice{min-width:0}
.card p,.feature p,.choice p,.section-head p{hyphens:auto}
.universe-card,.world,.emotion-card,.card,.partner-card,.stage-card{isolation:isolate}
.universe-card img,.world img,.emotion-card img,.card-media img,.partner-card img,.stage-img img{backface-visibility:hidden}
.rail{overscroll-behavior-inline:contain}
.searchbox{min-height:64px}
.searchbox input{width:100%}
@media(min-width:1081px) and (max-width:1240px){
  .shell{max-width:1120px}
  .hero-grid{grid-template-columns:1.04fr .96fr;gap:34px}
  .hero h1,.hero h2{font-size:clamp(58px,6.5vw,78px)}
  .hero-stack{min-height:480px}
  .fc1{height:310px}.fc2{height:255px}.fc3{height:190px}
}
@media(max-width:900px){
  .section-head{align-items:flex-start}
  .brand-proof-inner{overflow:hidden}
}
@media(max-width:620px){
  .searchbox{min-height:58px;padding:7px}
  .searchbox input{padding:12px 11px}
  .trustbar{gap:8px}
  .trustitem{border-radius:14px}
  .universe-card,.world,.emotion-card,.card,.partner-card,.stage-card{border-radius:20px}
}


/* render-performance pass v5 — faster first paint without changing layout */
@supports(content-visibility:auto){
  .brand-proof,.universe-section,.section,.footer{content-visibility:auto;contain-intrinsic-size:1px 700px}
  .hero,.topbar{content-visibility:visible}
}
img{content-visibility:auto}


/* conversion-flow pass v6 — quicker path from hero to real comparisons */
section[id]{scroll-margin-top:86px}
.brand-proof-label{color:#aaffd7}
#discover{padding-top:46px}
#discover .rail{scroll-padding-inline:2px}
#discover .card:first-child{border-color:rgba(94,240,178,.18)}
@media(max-width:620px){#discover{padding-top:34px}.brand-proof-note{color:#7d899c}}


/* mobile conversion CTA v7 */
.mobile-compare-bar{display:none}
@media(max-width:760px){
  body{padding-bottom:84px}
  .mobile-compare-bar{display:flex;position:fixed;z-index:70;left:14px;right:14px;bottom:12px;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(8,12,20,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 50px rgba(0,0,0,.38);text-decoration:none}
  .mobile-compare-bar span{display:flex;flex-direction:column;min-width:0}
  .mobile-compare-bar b{font-size:13px;line-height:1.2;color:#fff}
  .mobile-compare-bar small{font-size:10px;line-height:1.3;color:#93a0b3;margin-top:2px}
  .mobile-compare-bar strong{flex:none;font-size:12px;color:#b7ffd9;background:rgba(81,232,169,.09);border:1px solid rgba(81,232,169,.18);padding:9px 11px;border-radius:12px}
}


/* conversion clarity v8 */
.search-helper{margin:8px 4px 0;color:#78859a;font-size:11px;line-height:1.45}
.card-body{display:flex;flex-direction:column;height:100%}
.card-body .meta{margin-bottom:14px}
.card-cta{margin-top:auto;display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;font-size:12px;font-weight:900;color:#b9ffda;letter-spacing:.01em;transition:transform .18s ease,color .18s ease}
.card:hover .card-cta{transform:translateX(3px);color:#d7ffe8}
@media(max-width:620px){
  .search-helper{font-size:10px;margin-top:7px}
  .card-cta{font-size:11px}
}


/* premium interaction polish v9 */
.mobile-compare-bar{transition:opacity .22s ease,transform .22s ease}
.mobile-compare-bar.is-hidden{opacity:0;transform:translateY(18px);pointer-events:none}
:where(a,button,input):focus-visible{outline:2px solid rgba(124,255,196,.8);outline-offset:3px}
.card,.world,.emotion-card,.universe-card,.partner-card,.float-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.card:hover,.world:hover,.emotion-card:hover,.universe-card:hover,.partner-card:hover{
  border-color:rgba(255,255,255,.14);
  box-shadow:0 18px 50px rgba(0,0,0,.22)
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* conversion polish v10 — clearer product decisions + stronger merchant handoff */
.stage-card{display:flex;flex-direction:column;min-height:100%}
.stage-card .stage-img{margin:8px 0 2px}
.stage-card .price{font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.stage-card .cta-row{margin-top:auto;padding-top:18px}
.stage-card .cta-row .btn.main{width:100%;min-height:48px;border-radius:15px;background:linear-gradient(135deg,#ffffff,#dfffee);box-shadow:0 12px 34px rgba(94,240,178,.10);font-size:13px}
.stage-card .cta-row .btn.main:hover{box-shadow:0 16px 40px rgba(94,240,178,.16);transform:translateY(-2px)}
.stage-card .adnote{margin-top:10px;color:#8794a8;background:rgba(255,255,255,.018)}
.stage-card .adnote:after{content:"";}
.table-wrap{position:relative;box-shadow:inset -18px 0 28px -28px rgba(255,255,255,.22)}
.table-wrap th{position:sticky;top:0;z-index:3;background:#101723}
.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;z-index:2;background:#0c121d;box-shadow:10px 0 18px -18px rgba(255,255,255,.28)}
.table-wrap th:first-child{z-index:4;background:#111925}
.compare-title p{max-width:760px}
.compare-title:after{content:"Anbieterpreise können sich ändern · Angaben und Endpreise beim Anbieter prüfen";display:block;margin-top:14px;color:#758297;font-size:10px;line-height:1.5;letter-spacing:.02em}
@media(max-width:620px){
  .stage-card .cta-row .btn.main{min-height:46px;font-size:12px}
  .compare-title:after{font-size:9px;margin-top:11px}
  .table-wrap{border-radius:20px}
  .table-wrap th,.table-wrap td{padding:15px 14px}
}


/* motion commerce v11 — lightweight click-to-play video */
.motion-section{overflow:hidden}
.motion-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.video-card{position:relative;display:block;width:100%;min-height:390px;padding:0;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#080d15;color:#fff;text-align:left;cursor:pointer;box-shadow:0 22px 68px rgba(0,0,0,.22);isolation:isolate}
.video-card-wide{min-height:520px}
.video-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .35s ease}
.video-card:hover>img{transform:scale(1.025);filter:saturate(1.06)}
.video-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(2,5,10,.05) 24%,rgba(2,5,10,.30) 52%,rgba(2,5,10,.94) 100%)}
.video-play{position:absolute;z-index:3;left:50%;top:46%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:999px;display:grid;place-items:center;padding-left:4px;background:rgba(255,255,255,.92);color:#07100d;font-size:22px;box-shadow:0 12px 44px rgba(0,0,0,.32),0 0 0 9px rgba(255,255,255,.08);transition:transform .2s ease,box-shadow .2s ease}
.video-card:hover .video-play{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 16px 48px rgba(0,0,0,.38),0 0 0 11px rgba(94,240,178,.10)}
.video-copy{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;display:flex;flex-direction:column;align-items:flex-start}
.video-copy small{color:#aaffd7;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.14em}
.video-copy b{font-size:clamp(22px,3vw,34px);line-height:1.02;letter-spacing:-.04em;margin-top:7px;max-width:620px}
.video-copy em{font-style:normal;color:#c6cfda;font-size:11px;margin-top:8px}
.video-card.is-playing{background:#000}
.video-card.is-playing iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5}
.video-card.is-playing>img,.video-card.is-playing>.video-shade,.video-card.is-playing>.video-play,.video-card.is-playing>.video-copy{display:none}
@media(max-width:900px){.motion-grid{grid-template-columns:1fr}.video-card,.video-card-wide{min-height:420px}}
@media(max-width:620px){.video-card,.video-card-wide{min-height:310px;border-radius:22px}.video-play{width:58px;height:58px;font-size:18px}.video-copy{left:18px;right:18px;bottom:17px}.video-copy b{font-size:24px}}


/* discoverability polish v12 — make the expanded comparison rail obvious */
.rail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-4px 0 12px;color:#78859a;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.rail-buttons{display:flex;gap:7px}
.rail-buttons button{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#dbe2ec;font-size:17px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.rail-buttons button:hover{transform:translateY(-1px);border-color:rgba(94,240,178,.28);background:rgba(94,240,178,.06)}
.rail-buttons button:disabled{opacity:.35;cursor:default;transform:none}
[data-live-rail]{scroll-behavior:smooth}
@media(max-width:620px){
  .rail-toolbar{margin-top:-2px;font-size:9px}
  .rail-buttons button{width:34px;height:34px;border-radius:11px}
}


/* intent-first polish v13 */
.quick{align-items:center}
.quick-label{color:#66758a;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-right:2px}
.chip{cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}
.chip:hover{transform:translateY(-1px);background:rgba(255,255,255,.045)}
.chip-all{color:#aaffd7;border-color:rgba(94,240,178,.16);background:rgba(94,240,178,.045)}
.rail{scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail>.card{scroll-snap-align:start;scroll-snap-stop:normal}
@media(max-width:620px){
  .quick{gap:7px}
  .quick-label{width:100%;margin:2px 0 0}
}


/* trust polish v14 */
.trustbar{position:relative}
.trustitem{background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.055)}
.trustitem b{letter-spacing:-.01em}
.trustitem span{line-height:1.45}


/* category-breadth polish v15 */
#worlds .world-copy small{text-transform:uppercase;letter-spacing:.08em;font-size:10px}
#worlds .world-copy h3{max-width:14ch}


/* trust + accessibility polish v16 */
.notice strong{color:#dce7f3;font-weight:900}
.searchbox input::placeholder{color:#738095;opacity:1}
.search-results:empty{display:none!important}
.card-media img,.universe-card img,.float-card img{transition:transform .45s ease,filter .3s ease}
@media(hover:hover){.card:hover .card-media img,.universe-card:hover img,.float-card:hover img{transform:scale(1.018)}}
@media(max-width:620px){.notice{font-size:10px;line-height:1.6}.searchbox button{min-height:44px}}

/* shopping-universe expansion v17 */
.shop-categories{padding:18px 0 6px;background:#080d15;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.category-scroll{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:10px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-scroll a{min-width:120px;text-decoration:none;color:#fff;background:#0d141f;border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;padding-bottom:12px;transition:.2s ease}.category-scroll a:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.15)}.category-scroll img{width:100%;height:86px;object-fit:cover;display:block;margin-bottom:10px}.category-scroll b,.category-scroll span{display:block;padding:0 11px}.category-scroll b{font-size:13px}.category-scroll span{font-size:10px;color:#8290a4;margin-top:3px}
.partner-spotlights{padding:54px 0 18px;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.035),transparent 45%)}.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.spotlight{position:relative;min-height:430px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.09);color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 25px 70px rgba(0,0,0,.28)}.spotlight>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.spotlight:hover>img{transform:scale(1.035)}.spotlight-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,9,.88) 0%,rgba(3,5,9,.55) 53%,rgba(3,5,9,.18) 100%);z-index:1}.spotlight-copy{position:absolute;z-index:3;left:32px;bottom:30px;max-width:62%}.spotlight-copy small{font-size:10px;letter-spacing:.15em;font-weight:900;color:#b7ffd9}.spotlight-copy h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.055em;line-height:.95;margin:8px 0 12px}.spotlight-copy p{font-size:14px;line-height:1.55;color:#d9e0e8;margin:0 0 20px}.spotlight-copy span{display:inline-flex;background:#fff;color:#07100d;padding:12px 16px;border-radius:999px;font-size:12px;font-weight:900}.spotlight-mini{position:absolute;z-index:3;right:18px;top:18px;width:128px;display:grid;gap:9px}.spotlight-mini img{width:128px;height:116px;object-fit:cover;border-radius:17px;border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 28px rgba(0,0,0,.22)}
@media(max-width:900px){.category-scroll{grid-template-columns:repeat(8,140px)}.spotlight-grid{grid-template-columns:1fr}.spotlight{min-height:390px}}
@media(max-width:620px){.shop-categories{padding-top:12px}.category-scroll{grid-template-columns:repeat(8,112px);gap:8px}.category-scroll a{min-width:112px;border-radius:15px}.category-scroll img{height:72px}.partner-spotlights{padding-top:36px}.spotlight{min-height:380px;border-radius:22px}.spotlight-copy{left:20px;bottom:20px;max-width:78%}.spotlight-copy p{font-size:12px}.spotlight-mini{width:88px;right:12px;top:12px}.spotlight-mini img{width:88px;height:78px;border-radius:13px}}

/* mockup-match v18 */
body{background:#f4f4f2;color:#101010}.shell{max-width:1460px}.mock-nav{position:absolute;top:0;left:0;right:0;z-index:40;background:rgba(8,8,8,.72);border:0;backdrop-filter:blur(14px)}.mock-nav .nav{height:68px}.mock-nav .brand,.mock-nav .navlinks a{color:#fff}.mock-nav .brand{letter-spacing:.25em;font-size:24px}.mock-nav .brand span{font-size:11px}.nav-icons{display:flex;align-items:center;gap:18px}.nav-icons>a:not(.nav-cta){color:#fff;text-decoration:none;font-size:25px}.mock-nav .nav-cta{background:#fff;color:#111;border:0;border-radius:16px;padding:13px 20px}
.mock-hero{height:345px;position:relative;overflow:hidden;color:#fff}.mock-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mock-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.78),rgba(4,4,4,.20) 60%,rgba(4,4,4,.45))}.mock-hero-inner{height:100%;position:relative;padding-top:96px}.mock-hero-copy h1{font-size:48px;line-height:.98;letter-spacing:-.055em;margin:0}.mock-hero-copy p{font-size:14px;line-height:1.45;margin-top:14px}.mock-search-wrap{position:absolute;left:31%;right:29%;bottom:30px}.mock-search{background:#fff;border:0;box-shadow:0 8px 30px rgba(0,0,0,.2)}.mock-search input{color:#111}.mock-search input::placeholder{color:#777}.mock-search button{background:#181818;color:#fff;border-radius:999px}.mock-benefits{display:flex;justify-content:center;gap:28px;font-size:11px;margin-top:12px;color:#fff}.hero-feature{position:absolute;right:0;top:96px;width:330px;height:200px;border-radius:18px;overflow:hidden;color:#fff;text-decoration:none;padding:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.hero-feature img{position:absolute;right:-15px;bottom:-12px;width:190px;height:150px;object-fit:contain;z-index:-1}.hero-feature span{display:inline-block;background:rgba(255,255,255,.25);padding:6px 9px;border-radius:8px;font-size:10px}.hero-feature h3{font-size:25px;margin:10px 0 3px}.hero-feature p{font-size:12px}.hero-feature b{position:absolute;left:20px;bottom:18px;background:#fff;color:#111;padding:10px 13px;border-radius:999px;font-size:10px}
.mock-categories{background:#fff;padding:14px 0 8px;border:0}.mock-categories .category-scroll{grid-template-columns:repeat(9,1fr);gap:12px}.mock-categories .category-scroll a{background:#f4f4f3;color:#111;border:0;border-radius:9px;padding-bottom:8px}.mock-categories .category-scroll img{height:63px;margin-bottom:7px}.mock-categories .category-scroll b{font-size:12px}.mock-categories .category-scroll span{color:#666;font-size:9px}
.mock-spotlights{background:#fff;padding:10px 0 14px}.mock-spotlights .spotlight-grid{gap:14px}.mock-spotlights .spotlight{min-height:300px;border-radius:8px;box-shadow:none}.mock-spotlights .spotlight-copy{left:28px;bottom:24px}.mock-spotlights .spotlight-copy h2{font-size:44px}.mock-spotlights .spotlight-mini{width:105px}.mock-spotlights .spotlight-mini img{width:105px;height:92px;border-radius:8px}.mock-popular{background:#fff;color:#111;padding:8px 0 30px}.mock-section-title{display:flex;justify-content:space-between;align-items:center;margin:10px 4px 12px}.mock-section-title h2{font-size:22px;margin:0}.mock-section-title a{font-size:11px;color:#333;text-decoration:none}.popular-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.popular-grid a{position:relative;height:160px;border-radius:9px;overflow:hidden;color:#fff;text-decoration:none}.popular-grid img{width:100%;height:100%;object-fit:cover}.popular-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 60%)}.popular-grid div{position:absolute;z-index:2;left:14px;bottom:12px}.popular-grid b,.popular-grid span{display:block}.popular-grid b{font-size:18px}.popular-grid span{font-size:10px;margin-top:3px}
.brand-proof,#discover,.motion-section,.universe-section,#worlds,#how,main>.section{background:#080d15;color:#fff}.brand-proof{margin-top:0}
@media(max-width:900px){.mock-nav .navlinks{display:none}.mock-hero{height:570px}.mock-hero-inner{padding-top:100px}.mock-search-wrap{left:20px;right:20px;bottom:26px}.hero-feature{right:20px;top:250px;width:310px}.mock-benefits{gap:12px;flex-wrap:wrap}.mock-categories .category-scroll{grid-template-columns:repeat(9,125px)}.popular-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.mock-hero-copy h1{font-size:44px}.hero-feature{left:20px;right:20px;width:auto}.mock-search{min-height:54px}.mock-search button{min-height:40px}.mock-benefits{font-size:9px}.mock-spotlights .spotlight{min-height:330px}.popular-grid{grid-template-columns:repeat(2,1fr)}.popular-grid a{height:150px}.nav-icons>a:not(.nav-cta){display:none}.mock-nav .nav-cta{padding:10px 12px;font-size:10px}}


/* homepage finesse v19 — cleaner mockup hierarchy */
.mock-hero-copy{max-width:620px}
.mock-hero-copy p{max-width:520px;color:rgba(255,255,255,.88)}
.mock-search{border-radius:999px;padding:7px 8px 7px 14px}
.mock-search input{font-weight:600}
.mock-categories .category-scroll a,.popular-grid a,.mock-spotlights .spotlight{transition:transform .22s ease,box-shadow .22s ease}
.mock-categories .category-scroll a:hover{box-shadow:0 10px 28px rgba(0,0,0,.08)}
.mock-spotlights .spotlight:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.12)}
.popular-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.16)}
.mock-section-title h2{letter-spacing:-.035em}
@media(max-width:620px){
 .mock-nav .brand{font-size:19px;letter-spacing:.18em}
 .mock-hero{height:590px}
 .mock-hero-copy{padding-right:8px}
 .mock-hero-copy h1{font-size:42px}
 .hero-feature{top:248px;height:190px}
 .mock-search-wrap{bottom:18px}
 .mock-categories .category-scroll{scroll-snap-type:x proximity}
 .mock-categories .category-scroll a{scroll-snap-align:start}
}


/* mobile hero repair v20 */
@media(max-width:620px){
 .mock-nav{background:linear-gradient(180deg,rgba(5,7,10,.96),rgba(5,7,10,.76),transparent)}
 .mock-nav .nav{height:64px;padding:0 20px}
 .mock-nav .nav-cta{display:none}
 .mock-hero{height:auto;min-height:720px;padding-bottom:24px;background:#090d12}
 .mock-hero-bg{height:100%;object-position:50% 50%}
 .mock-hero-overlay{background:linear-gradient(180deg,rgba(4,6,9,.48) 0%,rgba(4,6,9,.28) 28%,rgba(4,6,9,.72) 63%,#090d12 100%)}
 .mock-hero-inner{height:auto;min-height:720px;padding:112px 20px 24px;display:flex;flex-direction:column}
 .mock-hero-copy{position:relative;z-index:2;padding:0;max-width:100%}
 .mock-hero-copy h1{font-size:clamp(43px,13vw,58px);line-height:.94;letter-spacing:-.06em;max-width:6.8ch}
 .mock-hero-copy p{font-size:15px;line-height:1.45;margin:18px 0 0;max-width:28ch}
 .hero-feature{position:relative;inset:auto;width:100%;height:176px;margin-top:26px;padding:18px;border-radius:24px;background:linear-gradient(115deg,rgba(12,14,18,.88),rgba(30,24,21,.72));box-shadow:0 18px 48px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
 .hero-feature span{font-size:9px;padding:5px 8px}
 .hero-feature h3{font-size:28px;margin:10px 0 3px}
 .hero-feature p{font-size:12px;margin:0;max-width:55%}
 .hero-feature b{left:18px;bottom:16px;padding:10px 14px}
 .hero-feature img{right:-5px;bottom:-4px;width:175px;height:135px;z-index:0}
 .hero-feature>*:not(img){position:relative;z-index:2}
 .mock-search-wrap{position:relative;inset:auto;width:100%;margin-top:18px;z-index:5}
 .mock-search{min-height:56px;padding:6px 7px 6px 18px;background:#fff;box-shadow:0 14px 38px rgba(0,0,0,.25)}
 .mock-search input{font-size:14px;color:#111;font-weight:650;min-width:0}
 .mock-search input::placeholder{color:#6c7077}
 .mock-search button{display:block;min-height:44px;padding:0 17px;font-size:11px}
 .mock-benefits{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;gap:7px 12px;margin:12px 3px 0;font-size:9px;color:rgba(255,255,255,.82)}
 .mock-categories{padding-top:16px}
}


/* approved concept v21 — midnight + mint */
:root{--ag-bg:#03090d;--ag-panel:#0a1318;--ag-mint:#35e6a5;--ag-mint2:#67f3c1;--ag-line:rgba(79,238,184,.22)}
body{background:var(--ag-bg)}
.mock-nav{background:linear-gradient(180deg,rgba(3,9,13,.92),rgba(3,9,13,.42),transparent)}
.mock-nav .brand{color:#fff}.mock-nav .brand:before{content:"◆";color:var(--ag-mint);font-size:.7em;margin-right:12px}.mock-nav .brand span{color:#d8fff0}
.mock-hero{background:#03090d}.mock-hero-overlay{background:linear-gradient(90deg,rgba(2,8,12,.88),rgba(2,8,12,.20) 65%),linear-gradient(0deg,#03090d 0%,transparent 50%)}
.hero-kicker{display:inline-flex;border:1px solid rgba(53,230,165,.5);color:#82f5cd;border-radius:999px;padding:7px 13px;font-size:10px;letter-spacing:.18em;font-weight:800;margin-bottom:15px;background:rgba(3,14,17,.36)}
.mock-hero-copy h1 em{font-style:normal;color:var(--ag-mint)}
.mock-search button{background:var(--ag-mint);color:#04110d;font-size:22px;font-weight:800;min-width:48px}
.hero-chips{display:flex;gap:8px;justify-content:center;margin-top:12px}.hero-chips a{color:#e9fff7;text-decoration:none;border:1px solid rgba(255,255,255,.13);background:rgba(10,18,23,.76);padding:8px 12px;border-radius:999px;font-size:10px;white-space:nowrap}
.mock-benefits span{display:flex;align-items:center;gap:6px}.mock-benefits span::first-letter{color:var(--ag-mint)}.mock-benefits b{font-weight:650}
.hero-feature{border-color:var(--ag-line);background:linear-gradient(120deg,rgba(7,19,23,.92),rgba(17,31,31,.62))}.hero-feature span{color:var(--ag-mint2);background:rgba(53,230,165,.1)}.hero-feature b{background:var(--ag-mint);color:#03110c}.hero-feature h3{color:#fff}
.mock-categories,.mock-spotlights,.mock-popular{background:var(--ag-bg);color:#fff}.mock-categories .category-scroll a{background:linear-gradient(180deg,#0d171c,#071015);color:#fff;border:1px solid rgba(255,255,255,.07);border-radius:16px}.mock-categories .category-scroll span{color:#8fa3ad}
.mock-spotlights .spotlight{border:1px solid var(--ag-line);border-radius:22px}.mock-section-title a{color:var(--ag-mint)}.popular-grid a{border:1px solid rgba(255,255,255,.08);border-radius:18px}.popular-grid a:hover{border-color:var(--ag-line)}
@media(max-width:620px){
 .mock-nav .brand:before{margin-right:9px}
 .mock-hero{min-height:860px}
 .mock-hero-inner{min-height:860px;padding-top:96px}
 .hero-kicker{margin-bottom:13px}
 .mock-hero-copy h1{font-size:clamp(44px,12.8vw,56px);max-width:7.3ch}
 .mock-hero-copy p{max-width:31ch;color:rgba(255,255,255,.86)}
 .hero-feature{order:3;margin-top:22px;height:205px}
 .mock-search-wrap{order:2;margin-top:24px}
 .hero-feature h3{font-size:31px}
 .hero-chips{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:11px -20px 0;padding:0 20px}.hero-chips::-webkit-scrollbar{display:none}
 .hero-chips a{font-size:10px;padding:9px 12px}
 .mock-benefits{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}
 .mock-benefits span{font-size:8px;line-height:1.25;align-items:flex-start}
 .mock-benefits b{display:block}
 .mock-categories{padding-top:18px}
}


/* approved comparison portal v22 */
.portal-cards,.portal-brands,.portal-popular{background:#03090d;color:#fff}.portal-cards{padding:28px 0 20px}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portal-grid>a{position:relative;min-height:290px;border-radius:22px;overflow:hidden;border:1px solid rgba(75,238,182,.18);color:#fff;text-decoration:none;background:#091116}.portal-grid>a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,9,12,.96) 0%,rgba(2,9,12,.1) 72%)}.portal-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portal-grid div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.portal-grid b,.portal-grid span{display:block}.portal-grid b{font-size:24px;letter-spacing:-.035em}.portal-grid span{font-size:12px;color:#c5d0d3;margin-top:6px;max-width:22ch}.portal-grid i{display:grid;place-items:center;margin-top:14px;width:38px;height:38px;border:1px solid #35e6a5;color:#35e6a5;border-radius:50%;font-style:normal}.portal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.portal-heading h2{font-size:28px;letter-spacing:-.04em;margin:0}.portal-heading a{color:#35e6a5;text-decoration:none;font-size:13px;font-weight:800}.portal-brands{padding:18px 0 32px}.portal-brands .shell{border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0b151a,#071015);border-radius:22px;padding:24px}.brand-wordmarks{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:center}.brand-wordmarks span{text-align:center;font-weight:900;letter-spacing:.08em;color:#f4f8f7;font-size:15px}.portal-popular{padding:12px 0 40px}.portal-popular .popular-grid{grid-template-columns:repeat(5,1fr)}.portal-popular .popular-grid a{height:220px}.portal-popular .popular-grid span{color:#35e6a5;font-weight:700}
@media(max-width:900px){.portal-grid{grid-template-columns:repeat(2,1fr)}.brand-wordmarks{grid-template-columns:repeat(3,1fr)}.portal-popular .popular-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){
 .mock-hero{min-height:700px}.mock-hero-inner{min-height:700px;padding:94px 20px 26px}.mock-hero-bg{object-position:58% center}.mock-hero-overlay{background:linear-gradient(90deg,rgba(2,8,12,.9) 0%,rgba(2,8,12,.55) 58%,rgba(2,8,12,.18)),linear-gradient(0deg,#03090d 0%,transparent 46%)}
 .mock-hero-copy h1{font-size:clamp(43px,12vw,54px);line-height:.96;max-width:none;white-space:normal}.mock-hero-copy p{font-size:14px;max-width:29ch}
 .mock-search-wrap{margin-top:auto}.mock-search{background:rgba(5,14,18,.86);border:1px solid rgba(255,255,255,.55)}.mock-search input{color:#fff}.mock-search input::placeholder{color:#9da9af}.mock-search button{border-radius:50%;width:46px;padding:0}
 .hero-chips{margin-top:12px}.mock-benefits{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;gap:8px}.mock-benefits span{font-size:7.5px;color:#dbe5e5}
 .portal-cards{padding:18px 0}.portal-cards .shell,.portal-brands .shell,.portal-popular .shell{padding-left:16px;padding-right:16px}.portal-grid{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;scrollbar-width:none}.portal-grid::-webkit-scrollbar{display:none}.portal-grid>a{flex:0 0 44%;min-height:250px;scroll-snap-align:start;border-radius:16px}.portal-grid b{font-size:20px}.portal-grid span{font-size:10px}.portal-grid div{left:14px;right:14px;bottom:14px}
 .portal-heading h2{font-size:24px}.portal-heading a{font-size:11px}.portal-brands{padding:12px 0 28px}.portal-brands .shell{margin:0 16px;padding:20px 16px}.brand-wordmarks{display:flex;overflow-x:auto;gap:28px;scrollbar-width:none}.brand-wordmarks span{flex:0 0 auto;font-size:12px}.portal-popular .popular-grid{display:flex;overflow-x:auto;gap:10px;scrollbar-width:none}.portal-popular .popular-grid a{flex:0 0 39%;height:210px}
}


/* mobile-first density v23 — match approved phone mockup */
@media(max-width:620px){
 html,body{overflow-x:hidden}
 .shell{width:100%;max-width:none;padding-left:16px;padding-right:16px}
 .mock-nav .nav{height:58px;padding:0 16px}.mock-nav .brand{font-size:17px;letter-spacing:.18em}.mock-nav .brand span{font-size:8px}.mock-nav .brand:before{font-size:.58em}
 .mock-hero{height:auto;min-height:0;padding:0 0 18px}
 .mock-hero-bg{height:490px;object-position:63% center}
 .mock-hero-overlay{height:510px;background:linear-gradient(90deg,rgba(2,8,12,.91),rgba(2,8,12,.38) 70%),linear-gradient(0deg,#03090d 0%,transparent 42%)}
 .mock-hero-inner{min-height:0;height:auto;padding:78px 16px 0;display:block}
 .hero-kicker{font-size:8px;padding:6px 10px;margin:0 0 12px}
 .mock-hero-copy h1{font-size:39px;line-height:.94;letter-spacing:-.055em;max-width:9ch;margin:0}
 .mock-hero-copy p{font-size:12px;line-height:1.4;max-width:29ch;margin-top:13px}
 .mock-search-wrap{margin-top:26px;position:relative}
 .mock-search{min-height:52px;padding:5px 5px 5px 14px;border-radius:28px}
 .mock-search input{font-size:12px}.mock-search button{width:42px;min-width:42px;height:42px;min-height:42px;font-size:19px}
 .hero-chips{margin:9px -16px 0;padding:0 16px;gap:6px}.hero-chips a{font-size:9px;padding:8px 10px}
 .mock-benefits{grid-template-columns:repeat(4,minmax(86px,1fr));overflow-x:auto;margin:15px -16px 0;padding:0 16px 4px;gap:12px;scrollbar-width:none}.mock-benefits span{min-width:86px;font-size:7px;line-height:1.25}
 .portal-cards{padding:8px 0 14px}.portal-cards .shell{padding:0 12px}.portal-grid{gap:8px}.portal-grid>a{flex-basis:43%;min-height:205px;border-radius:14px}.portal-grid div{left:12px;right:10px;bottom:11px}.portal-grid b{font-size:17px}.portal-grid span{font-size:8px;line-height:1.3}.portal-grid i{width:30px;height:30px;margin-top:9px}
 .portal-brands{padding:8px 0 18px}.portal-brands .shell{margin:0 12px;padding:15px 13px;border-radius:15px}.portal-heading{margin-bottom:12px}.portal-heading h2{font-size:20px}.portal-heading a{font-size:9px}.brand-wordmarks{gap:22px}.brand-wordmarks span{font-size:10px}
 .portal-popular{padding:6px 0 24px}.portal-popular .shell{padding:0 12px}.portal-popular .popular-grid{gap:8px}.portal-popular .popular-grid a{flex-basis:34%;height:175px;border-radius:13px}.popular-grid div{left:10px;bottom:9px}.popular-grid b{font-size:14px}.popular-grid span{font-size:8px}
 .brand-proof{padding-top:18px}
}


/* exact phone composition v24 */
.ag-brand{display:flex!important;align-items:center;gap:8px!important;text-decoration:none}.ag-brand:before{display:none!important}.ag-brand strong{font-size:22px;letter-spacing:.18em;color:#fff}.ag-brand small{font-size:9px;letter-spacing:.38em;color:#fff;margin-left:-3px}.ag-logo{position:relative;width:30px;height:29px;display:inline-block;flex:0 0 30px}.ag-logo:before,.ag-logo:after,.ag-logo i:first-child{content:"";position:absolute;background:linear-gradient(135deg,#7affd3,#24dfa0);border-radius:3px;transform:skew(-28deg)}.ag-logo:before{width:9px;height:27px;left:5px;top:1px}.ag-logo:after{width:9px;height:23px;right:5px;top:5px;transform:skew(28deg)}.ag-logo i:first-child{width:17px;height:7px;left:7px;top:16px;transform:none}.ag-logo i:last-child{position:absolute;width:7px;height:7px;background:#071217;left:12px;top:13px;transform:rotate(45deg);z-index:2}
@media(max-width:620px){
 .mock-nav{position:absolute}.mock-nav .nav{height:52px;padding:0 18px}.ag-brand strong{font-size:18px}.ag-brand small{font-size:7px}.ag-logo{width:25px;height:24px;transform:scale(.84);transform-origin:left center;margin-right:-3px}
 .mock-hero{padding-bottom:10px}.mock-hero-bg{height:430px}.mock-hero-overlay{height:450px}.mock-hero-inner{padding:67px 18px 0}
 .hero-kicker{font-size:7px;padding:5px 9px;margin-bottom:9px}
 .mock-hero-copy h1{font-size:35px;line-height:.93;max-width:9.8ch}.mock-hero-copy p{font-size:10.5px;line-height:1.38;margin-top:10px;max-width:32ch}
 .mock-search-wrap{margin-top:19px}.mock-search{min-height:47px}.mock-search input{font-size:10.5px}.mock-search button{width:38px;min-width:38px;height:38px;min-height:38px}
 .hero-chips{margin-top:8px}.hero-chips a{font-size:8px;padding:7px 9px}.mock-benefits{margin-top:12px}.mock-benefits span{font-size:6.7px}
 .portal-cards{padding-top:4px}.portal-grid>a{flex-basis:42%;min-height:188px}.portal-grid b{font-size:15px}.portal-grid span{font-size:7.5px}.portal-grid i{width:27px;height:27px}
 .portal-heading h2{font-size:18px}.portal-brands .shell{padding-top:13px;padding-bottom:13px}.portal-popular .popular-grid a{height:158px}
}
@media(min-width:621px){.ag-brand strong{font-size:24px}.ag-brand small{font-size:9px}}


/* logo fidelity v25 — match approved mockup */
.ag-brand{gap:10px!important}.ag-brand strong,.ag-brand small{color:#f7fbfa!important;text-shadow:none}.ag-brand strong{font-weight:800!important;letter-spacing:.19em!important}.ag-brand small{font-weight:700!important;letter-spacing:.43em!important}
.ag-logo:before,.ag-logo:after,.ag-logo i:first-child{background:#61f3c1!important;box-shadow:none!important}
@media(max-width:620px){.ag-brand{gap:8px!important}.ag-brand strong{font-size:18px!important}.ag-brand small{font-size:7px!important}.ag-logo{filter:none!important}}


/* logo mark fidelity v26 — reference geometry */
.ag-logo{width:34px;height:30px;flex-basis:34px}
.ag-logo:before{width:10px!important;height:29px!important;left:6px!important;top:1px!important;transform:skew(-29deg)!important;background:linear-gradient(180deg,#72f6cf,#51e9bd)!important;border-radius:4px!important}
.ag-logo:after{width:10px!important;height:26px!important;right:6px!important;top:4px!important;transform:skew(29deg)!important;background:#39edae!important;border-radius:4px!important}
.ag-logo i:first-child{width:18px!important;height:8px!important;left:8px!important;top:18px!important;background:#39edae!important;border-radius:2px!important}
.ag-logo i:last-child{width:8px!important;height:8px!important;left:13px!important;top:14px!important;background:#071217!important;transform:rotate(45deg)!important}
@media(max-width:620px){.ag-logo{width:31px;height:29px;flex-basis:31px;transform:none;margin-right:1px}.ag-brand strong{font-size:20px!important;letter-spacing:.2em!important}.ag-brand small{font-size:7px!important;letter-spacing:.42em!important}}


/* Matrix A v27 — sharper cyber / neon identity */
.ag-logo{position:relative!important;width:34px!important;height:32px!important;flex:0 0 34px!important;filter:drop-shadow(0 0 5px rgba(45,255,174,.42))!important}
.ag-logo:before,.ag-logo:after{content:""!important;position:absolute!important;top:1px!important;width:8px!important;height:31px!important;border-radius:1px!important;background:linear-gradient(180deg,#b5ffe4 0%,#43ffb1 35%,#00d981 100%)!important;box-shadow:0 0 7px rgba(54,255,174,.52),inset 0 0 2px rgba(255,255,255,.65)!important}
.ag-logo:before{left:7px!important;transform:skew(-27deg)!important;clip-path:polygon(35% 0,100% 0,100% 100%,0 100%,0 24%)!important}
.ag-logo:after{right:7px!important;transform:skew(27deg)!important;clip-path:polygon(0 0,65% 0,100% 24%,100% 100%,0 100%)!important}
.ag-logo i:first-child{position:absolute!important;z-index:2!important;left:9px!important;top:20px!important;width:16px!important;height:6px!important;border-radius:0!important;background:#22f5a1!important;box-shadow:0 0 6px rgba(34,245,161,.65)!important;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)!important}
.ag-logo i:last-child{position:absolute!important;z-index:3!important;left:13px!important;top:13px!important;width:8px!important;height:8px!important;background:#02090a!important;border:1px solid rgba(91,255,191,.75)!important;transform:rotate(45deg)!important;box-shadow:0 0 5px rgba(48,255,174,.38)!important}
.ag-brand:hover .ag-logo{filter:drop-shadow(0 0 8px rgba(45,255,174,.7))!important}


/* Minimal Aura A v28 — approved clean direction */
.ag-logo{position:relative!important;width:34px!important;height:31px!important;flex:0 0 34px!important;filter:none!important}
.ag-logo:before,.ag-logo:after{content:""!important;position:absolute!important;top:1px!important;width:7px!important;height:30px!important;border-radius:1px!important;box-shadow:none!important;background:linear-gradient(180deg,#d9ffed 0%,#72eab3 55%,#55d89d 100%)!important}
.ag-logo:before{left:8px!important;transform:skew(-29deg)!important;clip-path:none!important}
.ag-logo:after{right:8px!important;transform:skew(29deg)!important;clip-path:none!important}
.ag-logo i:first-child{position:absolute!important;z-index:2!important;left:9px!important;top:19px!important;width:17px!important;height:4px!important;border-radius:50% 50% 0 0!important;background:#baf7d8!important;box-shadow:none!important;transform:rotate(-4deg)!important;clip-path:none!important}
.ag-logo i:last-child{display:none!important}
.ag-brand:hover .ag-logo{filter:none!important}


/* Minimal wordmark v29 — approved logo typography */
.ag-brand{gap:10px!important;align-items:center!important}
.ag-brand strong,.ag-brand small{font-family:Arial,Helvetica,sans-serif!important;font-weight:300!important;line-height:1!important;text-shadow:none!important}
.ag-brand strong{font-size:18px!important;letter-spacing:.34em!important;color:#dfffee!important}
.ag-brand small{font-size:18px!important;letter-spacing:.30em!important;color:#f4f8f6!important;margin-left:-.16em!important}
@media(max-width:620px){.ag-brand strong,.ag-brand small{font-size:15px!important;font-weight:300!important}.ag-brand strong{letter-spacing:.31em!important}.ag-brand small{letter-spacing:.27em!important}}


/* Exact approved AuraGlobal lockup v30 */
.ag-logo{width:36px!important;height:34px!important;flex:0 0 36px!important}
.ag-logo:before{left:8px!important;top:1px!important;width:8px!important;height:32px!important;transform:skew(-29deg)!important;background:linear-gradient(180deg,#effff7 0%,#a7f4ce 42%,#65dfa8 100%)!important}
.ag-logo:after{right:8px!important;top:1px!important;width:9px!important;height:32px!important;transform:skew(29deg)!important;background:linear-gradient(180deg,#d7ffea 0%,#7be7b4 48%,#54d49a 100%)!important}
.ag-logo i:first-child{left:9px!important;top:20px!important;width:18px!important;height:4px!important;background:#d5fae8!important;border-radius:70% 70% 0 0!important;transform:rotate(-5deg)!important}
.ag-brand{gap:12px!important}
.ag-brand strong,.ag-brand small{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:16px!important;font-weight:300!important;line-height:1!important;text-transform:uppercase!important}
.ag-brand strong{color:#b8f2d5!important;letter-spacing:.39em!important}
.ag-brand small{color:#f3f7f5!important;letter-spacing:.36em!important;margin-left:-.18em!important}
@media(max-width:620px){.ag-logo{width:34px!important;height:32px!important;flex-basis:34px!important}.ag-brand{gap:10px!important}.ag-brand strong,.ag-brand small{font-size:13px!important;font-weight:300!important}.ag-brand strong{letter-spacing:.37em!important}.ag-brand small{letter-spacing:.33em!important}}


/* Approved image-matched logo v31 */
.approved-logo{display:inline-flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important}
.approved-logo .ag-symbol{display:block!important;width:31px!important;height:29px!important;overflow:visible!important;filter:drop-shadow(0 0 2px rgba(91,230,166,.18))!important}
.approved-logo .ag-wordmark{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:14px!important;font-weight:300!important;line-height:1!important;letter-spacing:.42em!important}
.approved-logo .ag-wordmark .aura{color:#a9ebca!important}
.approved-logo .ag-wordmark .global{color:#f1f5f3!important;margin-left:.42em!important}
@media(max-width:620px){.approved-logo{gap:9px!important}.approved-logo .ag-symbol{width:29px!important;height:27px!important}.approved-logo .ag-wordmark{font-size:12px!important;letter-spacing:.38em!important}.approved-logo .ag-wordmark .global{margin-left:.38em!important}}


/* Homepage clarity polish v32 */
@media(max-width:620px){
  .approved-home .shell{padding-left:18px!important;padding-right:18px!important}
  .brand-proof{display:none!important}
  .portal-heading{align-items:flex-end!important;margin-bottom:12px!important}
  .portal-heading h2{font-size:21px!important;letter-spacing:-.025em!important}
  .portal-heading a{font-size:11px!important;opacity:.72!important}
  .portal-cards,.popular-grid{scroll-snap-type:x proximity!important;scrollbar-width:none!important}
  .portal-cards::-webkit-scrollbar,.popular-grid::-webkit-scrollbar{display:none!important}
  .portal-cards>a,.popular-grid>a{scroll-snap-align:start!important}
  .brand-wordmarks{gap:9px!important}
  .brand-wordmarks span{font-size:10px!important;letter-spacing:.04em!important}
}


/* Clean system polish v33 */
.section{scroll-margin-top:72px}
.choice,.feature,.emotion-card,.cta-banner{border-color:rgba(255,255,255,.075)!important}
.choice,.feature{box-shadow:none!important}
.choice p,.feature p,.section-head p{line-height:1.62!important}
.btn.main{box-shadow:none!important}
.btn.main:hover{transform:translateY(-1px)!important}
@media(max-width:620px){
 .section{padding-top:42px!important;padding-bottom:42px!important}
 .section-head{margin-bottom:20px!important}
 .section-head h2{font-size:25px!important;line-height:1.08!important}
 .choice-grid,.feature-grid{gap:10px!important}
 .choice,.feature{padding:17px!important;border-radius:16px!important}
 .footer-inner{gap:18px!important}
}


/* Mobile-first partner density v34 */
@media(max-width:620px){
 body{overflow-x:hidden}
 .shell{width:auto!important;margin:0 14px!important}
 .topbar{min-height:54px!important}
 .nav{min-height:54px!important;padding:0!important}
 .topbar .navlinks,.topbar .nav>.nav-cta{display:none!important}
 .hero{padding:20px 0 24px!important;min-height:auto!important}
 .hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
 .hero h1,.hero h2{font-size:34px!important;line-height:.98!important;letter-spacing:-.045em!important;margin:10px 0 10px!important;max-width:12ch}
 .hero p{font-size:14px!important;line-height:1.48!important;max-width:34em!important}
 .eyebrow{font-size:10px!important;letter-spacing:.08em!important}
 .quick{gap:7px!important;margin-top:13px!important;display:flex!important;overflow-x:auto!important;scrollbar-width:none}
 .quick::-webkit-scrollbar{display:none}
 .chip{font-size:11px!important;padding:8px 11px!important;white-space:nowrap!important}
 .hero-stack{min-height:0!important;height:auto!important}
 .float-card{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:188px!important;border-radius:18px!important;overflow:hidden!important}
 .float-card img{width:100%!important;height:100%!important;object-fit:cover!important}
 .float-card .label{padding:11px 13px!important}
 .float-card .label b{font-size:14px!important}.float-card .label span{font-size:11px!important}
 .trustbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:13px!important}
 .trustitem{padding:9px 7px!important;min-width:0!important;border-radius:12px!important}
 .trustitem b{font-size:9px!important;line-height:1.15!important}.trustitem span{font-size:8px!important;line-height:1.25!important;margin-top:3px!important}
 .section{padding:28px 0!important}
 .section-head{display:block!important;margin-bottom:14px!important}
 .section-head h2{font-size:22px!important;line-height:1.03!important;margin-top:5px!important}
 .section-head p{font-size:12px!important;line-height:1.45!important;margin-top:8px!important}
 .kicker{font-size:9px!important;letter-spacing:.1em!important}
 .choice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 .choice{padding:11px 9px!important;border-radius:13px!important;min-height:104px!important}
 .choice b{font-size:11px!important;line-height:1.2!important}.choice p{font-size:9px!important;line-height:1.35!important;margin-top:6px!important}
 .emotion-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 .emotion-card{min-height:154px!important;height:154px!important;border-radius:14px!important}
 .emotion-card img{height:100%!important;object-fit:cover!important}
 .emotion-card .copy{padding:9px!important}
 .emotion-card .copy small{font-size:8px!important}.emotion-card .copy h3{font-size:11px!important;line-height:1.15!important;margin-top:3px!important}
 .feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .feature{padding:12px!important;border-radius:13px!important;min-height:126px!important}
 .feature .num{font-size:9px!important}.feature h3{font-size:13px!important;margin:7px 0 5px!important}.feature p{font-size:10px!important;line-height:1.4!important}
 .cta-actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
 .btn{font-size:11px!important;padding:10px 13px!important}
 .cta-banner{padding:18px!important;border-radius:16px!important}
 .cta-banner h2{font-size:20px!important;line-height:1.05!important}.cta-banner p{font-size:11px!important;line-height:1.45!important}
 .adnote{font-size:9px!important;margin-top:12px!important}
 .footer,.footer-inner,footer{font-size:10px!important}
}

/* Lunzo visual storefront v35 */
.lunzo-catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lunzo-catgrid>a{position:relative;min-height:220px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#10151b;color:#fff}
.lunzo-catgrid img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .35s ease}
.lunzo-catgrid>a:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,7,10,.94))}
.lunzo-catgrid span{position:absolute;z-index:2;left:15px;right:15px;bottom:14px;display:flex;flex-direction:column}
.lunzo-catgrid b{font-size:18px}.lunzo-catgrid small{font-size:11px;opacity:.76;margin-top:3px}
.lunzo-catgrid>a:hover img{transform:scale(1.035)}
.lunzo-more{margin-top:12px;padding:12px 15px;border:1px solid rgba(255,255,255,.07);border-radius:13px;font-size:12px;color:#aeb9b4;background:rgba(255,255,255,.025)}
@media(max-width:620px){
 .lunzo-overview{padding-top:22px!important}
 .lunzo-catgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .lunzo-catgrid>a{min-height:132px;border-radius:12px}
 .lunzo-catgrid span{left:8px;right:6px;bottom:8px}
 .lunzo-catgrid b{font-size:11px;line-height:1.1}.lunzo-catgrid small{font-size:7px;line-height:1.2}
 .lunzo-more{font-size:9px;line-height:1.4;padding:9px 10px;margin-top:7px}
}


/* Mobile app-density system v36 — consistent viewport rhythm */
@media(max-width:620px){
 :root{--m-gap:7px;--m-radius:13px;--m-media:138px}
 body{padding-bottom:0!important}
 .shell{margin-left:12px!important;margin-right:12px!important}
 main img{max-width:100%}
 /* No single visual block should swallow the phone */
 .card,.world,.world.big,.universe-card,.universe-card.pet,.universe-card.beauty,.universe-card.food,.universe-card.jewelry,.universe-card.home,.spotlight,.video-card,.emotion-card{min-height:0!important;height:154px!important;border-radius:var(--m-radius)!important}
 .card-media,.card-media.product,.world>img,.universe-card>img,.spotlight>img,.video-card>img,.emotion-card>img{height:100%!important;min-height:0!important;max-height:154px!important;object-fit:cover!important}
 /* Dense horizontal product rail: see 2+ cards at once */
 .rail{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:46vw!important;grid-template-columns:none!important;gap:var(--m-gap)!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;padding-bottom:3px!important;scrollbar-width:none!important}
 .rail::-webkit-scrollbar{display:none!important}
 .rail .card{width:auto!important;display:block!important;overflow:hidden!important;scroll-snap-align:start!important}
 .rail .card-media{height:86px!important;max-height:86px!important}
 .rail .card-body{padding:8px!important}
 .rail .card-body h3{font-size:11px!important;line-height:1.1!important;margin:0 0 4px!important}
 .rail .card-body p,.rail .meta{display:none!important}
 .rail .card-cta{font-size:8px!important}
 .rail-toolbar{margin-bottom:9px!important;font-size:9px!important}
 .rail-buttons{display:none!important}
 /* Image universes: compact app-like tiles */
 .universe-section{padding:28px 0!important}
 .universe-hero{min-height:0!important;height:190px!important;border-radius:15px!important}
 .universe-hero>img{height:190px!important;object-fit:cover!important}
 .universe-copy{padding:14px!important}
 .universe-copy h2{font-size:21px!important;line-height:1!important;max-width:12ch!important}
 .universe-copy p{font-size:9px!important;line-height:1.35!important;max-width:30em!important}
 .universe-pills{gap:4px!important}.universe-pills span{font-size:7px!important;padding:5px 7px!important}
 .universe-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--m-gap)!important;margin-top:var(--m-gap)!important}
 .universe-card{height:126px!important}
 .universe-card-copy{padding:8px!important}
 .universe-card-copy small{font-size:7px!important}.universe-card-copy h3{font-size:10px!important;line-height:1.08!important}
 /* Worlds: 3-column tiles, never a full-screen bike */
 .world-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--m-gap)!important}
 .world,.world.big{grid-column:auto!important;grid-row:auto!important;height:132px!important}
 .world>img,.world.big>img{height:132px!important;max-height:132px!important}
 .world-copy{padding:8px!important}.world-copy small{font-size:7px!important}.world-copy h3{font-size:10px!important;line-height:1.1!important}
 /* Video & spotlight blocks: two-up, not giant */
 .motion-grid,.spotlight-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--m-gap)!important}
 .video-card,.spotlight{height:148px!important}
 .video-copy,.spotlight-copy{padding:9px!important}
 .video-copy small,.spotlight-copy small{font-size:7px!important}.video-copy b,.spotlight-copy h2{font-size:11px!important;line-height:1.1!important}.video-copy em,.spotlight-copy p{display:none!important}
 .spotlight-mini{display:none!important}
 /* Editorial feed stays compact */
 .feed{gap:8px!important}.feed-row{display:grid!important;grid-template-columns:38% 1fr!important;gap:10px!important;align-items:center!important;padding:9px!important}
 .feed-media,.feed-media.product{height:102px!important;min-height:0!important}
 .feed-media img{height:102px!important;object-fit:cover!important}
 .feed-copy h3{font-size:13px!important;line-height:1.12!important;margin:4px 0!important}.feed-copy p{font-size:9px!important;line-height:1.35!important;margin:0 0 5px!important}.inline-link{font-size:8px!important}
 /* Home category rows should also feel like an app */
 .portal-grid,.popular-grid{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:39vw!important;grid-template-columns:none!important;gap:var(--m-gap)!important;overflow-x:auto!important;scrollbar-width:none!important}
 .portal-grid::-webkit-scrollbar,.popular-grid::-webkit-scrollbar{display:none!important}
 .portal-grid>a,.popular-grid>a{height:132px!important;min-height:0!important;border-radius:var(--m-radius)!important}
 .portal-grid>a>img,.popular-grid>a>img{height:100%!important;object-fit:cover!important}
 /* Kill sticky bottom obstruction: content first */
 .mobile-compare-bar{display:none!important}
}


/* Universal mobile density v37 — every comparison/category page */
@media(max-width:620px){
 /* legacy/product comparison media */
 .compare-grid,.product-grid,.model-grid,.products,.cards,.grid,.gallery-grid,.use-grid,.benefit-grid{gap:7px!important}
 .compare-grid,.product-grid,.model-grid,.products,.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .product-card,.model-card,.compare-card,.product-tile,.use-card,.gallery-card{min-height:0!important;border-radius:13px!important;overflow:hidden!important}
 .product-card img,.model-card img,.compare-card img,.product-tile img,.use-card img,.gallery-card img{width:100%!important;height:118px!important;max-height:118px!important;object-fit:cover!important}
 .product-card h2,.product-card h3,.model-card h2,.model-card h3,.compare-card h3,.product-tile h3{font-size:12px!important;line-height:1.1!important}
 .product-card p,.model-card p,.compare-card p,.product-tile p{font-size:9px!important;line-height:1.35!important}
 /* generic hero imagery on all detail pages */
 .hero-media,.hero-image,.product-hero,.visual,.media-panel,.image-panel{min-height:0!important;height:180px!important;max-height:180px!important;overflow:hidden!important;border-radius:15px!important}
 .hero-media img,.hero-image img,.product-hero img,.visual img,.media-panel img,.image-panel img{width:100%!important;height:180px!important;max-height:180px!important;object-fit:cover!important}
 /* comparison tables should not force huge page width */
 .table-wrap,.comparison-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
 table{font-size:9px!important}
 th,td{padding:7px!important}
 /* any two-column desktop content becomes dense, not giant stacked panels */
 .split,.two-col,.content-grid,.detail-grid{gap:10px!important}
 .split img,.two-col img,.content-grid img,.detail-grid img{max-height:180px!important;object-fit:cover!important}
 /* repeated text rhythm */
 main h1{font-size:34px!important;line-height:.98!important}
 main h2{font-size:22px!important;line-height:1.04!important}
 main h3{line-height:1.12!important}
 main p{max-width:100%}
}


/* Brand immersion v38 — cinematic first impression on every partner world */
body:not(.home){background:
 radial-gradient(circle at 78% 4%,rgba(87,224,164,.10),transparent 28rem),
 radial-gradient(circle at 12% 24%,rgba(91,125,255,.07),transparent 30rem),
 #05070c}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:-20%;z-index:-2;background:
 radial-gradient(circle at 74% 34%,rgba(93,231,170,.14),transparent 25%),
 radial-gradient(circle at 88% 65%,rgba(100,125,255,.10),transparent 24%);filter:blur(12px)}
.hero-grid{position:relative}
.hero h1,.hero h2{max-width:12ch;text-wrap:balance}
.hero h1 span,.hero h2 span{background:linear-gradient(100deg,#f7fffb 0%,#9cebc5 48%,#8fa2bb 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hero-stack{perspective:1200px}
.hero-stack .float-card{box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.07);background:#0b1015}
.hero-stack .float-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.10),transparent 28%,transparent 68%,rgba(93,231,170,.08))}
.hero-stack .float-card img{filter:saturate(1.08) contrast(1.04)}
.hero-stack .float-card .label{backdrop-filter:blur(16px);background:linear-gradient(180deg,transparent,rgba(3,7,10,.90))}
.hero .eyebrow{box-shadow:0 0 0 1px rgba(111,235,178,.08),0 10px 30px rgba(0,0,0,.18)}
.hero .chip{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10)}
.hero .chip:hover{background:rgba(111,235,178,.10);border-color:rgba(111,235,178,.28)}
.trustbar{position:relative}
.trustitem{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.emotion-card{box-shadow:0 18px 45px rgba(0,0,0,.22)}
.emotion-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 38%,rgba(2,5,8,.68))}
.emotion-card .copy{z-index:2}
@media(min-width:621px){
 .hero{padding-top:72px!important;padding-bottom:72px!important}
 .hero-grid{align-items:center!important;gap:52px!important}
 .hero h1,.hero h2{font-size:clamp(52px,6vw,88px)!important;line-height:.92!important;letter-spacing:-.055em!important}
 .hero> .shell .hero-stack{min-height:560px}
 .hero-stack .fc1{transform:rotate(1.5deg)}
 .hero-stack .fc2{transform:rotate(-3deg)}
 .hero-stack .fc3{transform:rotate(3deg)}
}
@media(max-width:620px){
 .hero{padding-top:18px!important;background:linear-gradient(180deg,rgba(111,235,178,.035),transparent 80%)}
 .hero h1,.hero h2{font-size:38px!important;line-height:.93!important;max-width:10ch!important}
 .hero-grid{gap:12px!important}
 .hero-stack .float-card{height:204px!important}
 .hero-stack .float-card img{height:204px!important}
 .trustbar{margin-top:11px!important}
 .emotion-card{box-shadow:none}
}


/* Individual brand moods v39 */
.brand-mood{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:24px;min-height:380px;margin-top:18px;background:#0b1015}
.brand-mood>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.brand-mood:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,8,.90) 0%,rgba(3,6,8,.54) 44%,rgba(3,6,8,.08) 78%),linear-gradient(0deg,rgba(3,6,8,.62),transparent 45%)}
.brand-mood-copy{position:absolute;z-index:2;left:clamp(22px,4vw,54px);bottom:clamp(22px,4vw,50px);max-width:560px}
.brand-mood-copy small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9cebc5;font-weight:800}
.brand-mood-copy h2{font-size:clamp(32px,4vw,58px);line-height:.95;letter-spacing:-.045em;margin:8px 0 10px;max-width:12ch}
.brand-mood-copy p{font-size:14px;line-height:1.55;color:#d0d8d4;max-width:42em}
.brand-mood-copy .btn{margin-top:15px}
.mood-fashion:after{background:linear-gradient(90deg,rgba(16,7,13,.90),rgba(16,7,13,.35) 56%,transparent),linear-gradient(0deg,rgba(10,4,8,.62),transparent 48%)}
.mood-garden:after{background:linear-gradient(90deg,rgba(3,18,10,.90),rgba(3,18,10,.38) 55%,transparent),linear-gradient(0deg,rgba(3,13,7,.62),transparent 48%)}
.mood-market:after{background:linear-gradient(90deg,rgba(5,9,22,.91),rgba(5,9,22,.40) 56%,transparent),linear-gradient(0deg,rgba(4,6,16,.64),transparent 48%)}
.mood-comfort:after{background:linear-gradient(90deg,rgba(21,13,7,.90),rgba(21,13,7,.38) 56%,transparent),linear-gradient(0deg,rgba(12,8,5,.64),transparent 48%)}
@media(max-width:620px){
 .brand-mood{min-height:230px;border-radius:15px;margin-top:8px}
 .brand-mood-copy{left:14px;right:14px;bottom:14px}
 .brand-mood-copy small{font-size:7px}.brand-mood-copy h2{font-size:27px!important;margin:5px 0 6px;max-width:10ch}.brand-mood-copy p{font-size:9px;line-height:1.35;max-width:28em}
 .brand-mood-copy .btn{margin-top:8px;padding:8px 10px!important;font-size:9px!important}
}


/* Brand-owned palettes + visual commerce v40 */
body.brand-vorteil{--brand:#ff2b2b;--brand2:#ff8a3d;--ink:#21150f;background:#fff8f2;color:var(--ink)}
body.brand-momox{--brand:#d93a72;--brand2:#ff8aac;--ink:#25131b;background:#fff7fa;color:var(--ink)}
body.brand-lunzo{--brand:#5268ff;--brand2:#a865ff;--ink:#f6f7ff;background:#080b18}
body.brand-rasen{--brand:#58c96f;--brand2:#e5d85d;--ink:#f4fff6;background:#06130b}
body.brand-vorteil .topbar,body.brand-momox .topbar{background:rgba(255,255,255,.88)!important;border-color:rgba(0,0,0,.08)!important}
body.brand-vorteil .navlinks a,body.brand-momox .navlinks a{color:#3d342f!important}
body.brand-vorteil .approved-logo .ag-wordmark .global,body.brand-momox .approved-logo .ag-wordmark .global{color:#211b18!important}
body.brand-vorteil .hero,body.brand-momox .hero{color:#fff}
body.brand-vorteil .section:not(.alt),body.brand-momox .section:not(.alt){background:transparent}
body.brand-vorteil .section-head p,body.brand-vorteil .choice p,body.brand-vorteil .feature p,body.brand-momox .section-head p,body.brand-momox .choice p,body.brand-momox .feature p{color:#655d58!important}
body.brand-vorteil .choice,body.brand-vorteil .feature,body.brand-momox .choice,body.brand-momox .feature{background:#fff!important;border-color:rgba(0,0,0,.08)!important;color:var(--ink)!important}
body.brand-vorteil .alt,body.brand-momox .alt{background:rgba(0,0,0,.035)!important}
body[class*="brand-"] .btn.main{background:var(--brand)!important;color:#fff!important;border-color:transparent!important}
body[class*="brand-"] .kicker,body[class*="brand-"] .brand-mood-copy small{color:var(--brand)!important}
body[class*="brand-"] .hero h1 span,.hero h2 span{background:linear-gradient(100deg,#fff 0%,var(--brand) 52%,var(--brand2) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body[class*="brand-"] .eyebrow i{background:var(--brand)!important}
body[class*="brand-"] .chip:hover{border-color:var(--brand)!important}
.visual-commerce{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:220px 220px;gap:10px}
.visual-commerce>a{position:relative;overflow:hidden;border-radius:20px;color:#fff;border:1px solid rgba(255,255,255,.10)}
.visual-commerce>a:first-child{grid-row:1/3}
.visual-commerce img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.visual-commerce>a:hover img{transform:scale(1.025)}
.visual-commerce>a:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}
.visual-commerce span{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}
.visual-commerce small{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.visual-commerce b{display:block;font-size:clamp(17px,2vw,28px);line-height:1;margin-top:5px}
@media(max-width:620px){
 .visual-commerce{grid-template-columns:1.2fr .8fr;grid-template-rows:112px 112px;gap:6px}
 .visual-commerce>a{border-radius:12px}.visual-commerce>a:first-child{grid-row:1/3}
 .visual-commerce span{left:8px;right:6px;bottom:8px}.visual-commerce small{font-size:6px}.visual-commerce b{font-size:11px}
}


/* === AuraGlobal visual-commerce rebuild v41 === */
.vc-page{background:#f7f7f5!important;color:#111!important}
.vc-page .topbar{background:rgba(18,18,18,.94)!important;border-color:rgba(255,255,255,.12)!important}
.vc-page .navlinks a{color:#eee!important}.vc-page .approved-logo .ag-wordmark .global{color:#fff!important}
.vc-wrap{width:min(1440px,calc(100% - 28px));margin:auto}
.vc-hero{position:relative;height:min(600px,64vw);min-height:460px;overflow:hidden;background:#151515}
.vc-hero>img{width:100%;height:100%;object-fit:cover;filter:saturate(1.13) contrast(1.04)}
.vc-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.42) 40%,rgba(0,0,0,.08) 76%),linear-gradient(0deg,rgba(0,0,0,.32),transparent 55%)}
.vc-copy{position:absolute;z-index:2;left:max(28px,calc((100vw - 1370px)/2));top:50%;transform:translateY(-50%);width:min(600px,48vw);color:#fff}
.vc-copy small{font-size:12px;letter-spacing:.18em;font-weight:900}.vc-copy h1{font-size:clamp(54px,7vw,102px)!important;line-height:.86!important;letter-spacing:-.065em;margin:13px 0 18px;max-width:9ch!important}
.vc-copy p{font-size:17px;line-height:1.45;max-width:38em;color:#fff}.vc-copy .btn{margin-top:20px;background:var(--brand,#fff)!important;color:#fff!important;border:0!important}
.vc-page.brand-vorteil{--brand:#ff242d}.vc-page.brand-momox{--brand:#db3d78}.vc-page.brand-lunzo{--brand:#5c5cff}.vc-page.brand-rasen{--brand:#2fa74f}.vc-page.brand-outin{--brand:#f0832f}.vc-page.brand-pet{--brand:#4679ff}.vc-page.brand-pizza{--brand:#d83b2f}.vc-page.brand-ophelia{--brand:#bd9658}.vc-page.brand-bike{--brand:#387cda}.vc-page.brand-urwahn{--brand:#c35b39}.vc-page.brand-paper{--brand:#a36c3d}.vc-page.brand-wau{--brand:#a75ae8}.vc-page.brand-vintage{--brand:#9a6b45}.vc-page.brand-norma{--brand:#df2028}.vc-page.brand-dekvio{--brand:#cf6a42}.vc-page.brand-home{--brand:#42bd82}
.vc-page .kicker{color:var(--brand)!important}
.vc-catbar{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:14px 0}
.vc-cat{height:170px;position:relative;overflow:hidden;border-radius:14px;background:#ddd;color:#fff}
.vc-cat img{width:100%;height:100%;object-fit:cover}.vc-cat:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.vc-cat b{position:absolute;z-index:2;left:12px;bottom:12px;font-size:15px;line-height:1.05}
.vc-offer{display:grid;grid-template-columns:.85fr 1.15fr;min-height:330px;background:#fff;border-radius:20px;overflow:hidden;margin:8px 0 28px;box-shadow:0 8px 35px rgba(0,0,0,.06)}
.vc-offer-copy{padding:42px;display:flex;flex-direction:column;justify-content:center}.vc-offer-copy h2{font-size:clamp(34px,4vw,58px)!important;line-height:.92!important;color:#111;margin:8px 0 15px}.vc-offer-copy h2 em{font-style:normal;color:var(--brand)}
.vc-offer-copy p{color:#555!important}.vc-offer-media{display:grid;grid-template-columns:1.2fr .8fr}.vc-offer-media img{width:100%;height:100%;object-fit:cover;min-height:330px}
.vc-products{padding:22px 0}.vc-products h2{color:#111;font-size:32px!important;margin-bottom:14px}
.vc-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.vc-product{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.04)}
.vc-product img{width:100%;height:190px;object-fit:cover}.vc-product div{padding:13px}.vc-product small{color:var(--brand);font-weight:800}.vc-product b{display:block;color:#111;font-size:15px;margin-top:4px}
.vc-editorial{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0}.vc-editorial>a{position:relative;height:360px;overflow:hidden;border-radius:18px;color:#fff}.vc-editorial img{width:100%;height:100%;object-fit:cover}.vc-editorial>a:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.vc-editorial span{position:absolute;z-index:2;left:24px;bottom:22px}.vc-editorial small{font-size:10px;letter-spacing:.14em}.vc-editorial b{display:block;font-size:30px;line-height:.95;max-width:13ch;margin-top:6px}
.vc-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:26px 0 38px}.vc-trust div{background:#fff;border-radius:14px;padding:18px;color:#111;border:1px solid #e9e9e9}.vc-trust b{display:block;font-size:14px}.vc-trust span{font-size:11px;color:#666}
@media(max-width:620px){
 .vc-wrap{width:calc(100% - 16px)}.vc-hero{height:410px;min-height:0;border-radius:0}.vc-copy{left:16px;right:16px;width:auto;top:auto;bottom:24px;transform:none}.vc-copy small{font-size:8px}.vc-copy h1{font-size:47px!important;margin:8px 0 10px}.vc-copy p{font-size:11px;max-width:31em}.vc-copy .btn{margin-top:12px}
 .vc-catbar{grid-template-columns:repeat(6,34vw);overflow-x:auto;scrollbar-width:none;gap:6px;padding:8px 0}.vc-catbar::-webkit-scrollbar{display:none}.vc-cat{height:112px;border-radius:10px}.vc-cat b{font-size:10px;left:8px;bottom:8px}
 .vc-offer{grid-template-columns:1fr 1.2fr;min-height:180px;border-radius:12px;margin-bottom:12px}.vc-offer-copy{padding:14px}.vc-offer-copy h2{font-size:23px!important;margin:4px 0 6px}.vc-offer-copy p{font-size:8px!important;line-height:1.3}.vc-offer-media{grid-template-columns:1fr}.vc-offer-media img{min-height:180px}.vc-offer-media img+img{display:none}
 .vc-products{padding:10px 0}.vc-products h2{font-size:20px!important}.vc-product-grid{grid-template-columns:repeat(5,42vw);overflow-x:auto;scrollbar-width:none;gap:7px}.vc-product-grid::-webkit-scrollbar{display:none}.vc-product img{height:115px!important}.vc-product div{padding:8px}.vc-product b{font-size:10px}.vc-product small{font-size:7px}
 .vc-editorial{grid-template-columns:1.15fr .85fr;gap:6px;margin:14px 0}.vc-editorial>a{height:190px;border-radius:11px}.vc-editorial span{left:10px;bottom:10px}.vc-editorial b{font-size:16px}.vc-editorial small{font-size:7px}
 .vc-trust{grid-template-columns:repeat(4,1fr);gap:5px;padding:10px 0 18px}.vc-trust div{padding:8px;border-radius:9px}.vc-trust b{font-size:8px}.vc-trust span{font-size:6px}
}


/* v42 — full-scroll visual feed: dense, human, shoppable */
.vf{width:min(1440px,calc(100% - 28px));margin:0 auto;padding:8px 0 36px}
.vf-banner{position:relative;height:310px;border-radius:20px;overflow:hidden;margin:12px 0}.vf-banner img{width:100%;height:100%;object-fit:cover}.vf-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.08))}
.vf-banner div{position:absolute;z-index:2;left:34px;bottom:30px;color:#fff;max-width:480px}.vf-banner small{font-size:9px;letter-spacing:.16em}.vf-banner b{display:block;font-size:38px;line-height:.92;margin:7px 0}.vf-banner span{font-size:12px}
.vf-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:9px 0}.vf-tile{position:relative;height:210px;border-radius:16px;overflow:hidden;background:#ddd}.vf-tile img{width:100%;height:100%;object-fit:cover}.vf-tile:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.vf-tile b{position:absolute;z-index:2;left:12px;bottom:12px;color:#fff;font-size:14px}
.vf-split{display:grid;grid-template-columns:1.2fr .8fr;gap:9px;margin:9px 0}.vf-split .vf-life{height:390px}.vf-life{position:relative;overflow:hidden;border-radius:18px}.vf-life img{width:100%;height:100%;object-fit:cover}.vf-life:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.vf-life div{position:absolute;z-index:2;left:22px;bottom:20px;color:#fff}.vf-life small{font-size:8px;letter-spacing:.15em}.vf-life b{display:block;font-size:28px;line-height:.95;max-width:13ch;margin-top:5px}
.vf-stack{display:grid;grid-template-rows:1fr 1fr;gap:9px}.vf-stack .vf-life{height:auto}
@media(max-width:620px){.vf{width:calc(100% - 16px);padding-top:3px}.vf-banner{height:205px;border-radius:12px;margin:6px 0}.vf-banner div{left:12px;bottom:12px;right:12px}.vf-banner b{font-size:23px}.vf-banner span{font-size:8px}.vf-strip{grid-template-columns:repeat(5,38vw);overflow-x:auto;scrollbar-width:none;gap:6px;margin:6px 0}.vf-strip::-webkit-scrollbar{display:none}.vf-tile{height:130px;border-radius:10px}.vf-tile b{font-size:9px;left:7px;bottom:7px}.vf-split{grid-template-columns:1.15fr .85fr;gap:6px;margin:6px 0}.vf-split .vf-life{height:235px}.vf-stack{gap:6px}.vf-life{border-radius:11px}.vf-life div{left:9px;bottom:9px}.vf-life b{font-size:14px}.vf-life small{font-size:6px}}


.affiliate-footer-note{
  max-width:1180px;
  margin:0 auto;
  padding:12px 20px 18px;
  color:#7f8a99;
  font-size:11px;
  line-height:1.55;
  text-align:center;
  opacity:.9;
}


/* buyer-value homepage v18 */
.ag-why{padding:76px 0;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0))}
.ag-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ag-why-card{display:block;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));min-height:330px}
.ag-why-card small{font-size:10px;font-weight:900;letter-spacing:.12em;color:#97a39b}
.ag-why-card h3{font-size:27px;line-height:1.04;letter-spacing:-.04em;margin:12px 0 18px;max-width:12ch}
.ag-why-card p{color:var(--muted);line-height:1.55;margin:18px 0}
.ag-why-card>strong{display:inline-flex;margin-top:auto;font-size:13px}
.ag-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ag-metrics span{padding:10px 8px;border:1px solid var(--line);border-radius:14px;font-size:10px;color:#9ca7a0;background:rgba(255,255,255,.02)}
.ag-metrics b{display:block;color:#f3f7f4;font-size:13px;margin-bottom:3px}
.ag-abstract-card{height:100%;min-height:160px;display:flex;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at 25% 30%,rgba(186,218,157,.4),transparent 38%),radial-gradient(circle at 78% 68%,rgba(157,145,255,.42),transparent 40%),#111512;color:white;font-weight:900;letter-spacing:-.03em}
.ag-abstract-card span{font-size:24px}
.ag-abstract-card strong{font-size:12px;color:#99a49e;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:1050px){.ag-why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.ag-why-grid{grid-template-columns:1fr}.ag-why-card{min-height:0}.ag-metrics{grid-template-columns:1fr 1fr 1fr}.ag-abstract-card{min-height:150px}}


/* homepage stability pass v19 */
/* The homepage hero/search must never depend on absolute positioning. */
html,body{max-width:100%;overflow-x:clip}
.approved-home{
  position:relative!important;
  z-index:20!important;
  overflow:visible!important;
  min-height:0!important;
  height:auto!important;
}
.approved-home .mock-hero-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:0!important;
}
.approved-home .mock-hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
}
.approved-home .mock-hero-inner{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  height:auto!important;
  min-height:0!important;
  padding:clamp(86px,9vw,118px) 20px 52px!important;
  overflow:visible!important;
}
.approved-home .mock-hero-copy{
  position:relative!important;
  inset:auto!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin:0!important;
  padding:0!important;
  z-index:2!important;
}
.approved-home .mock-hero-copy h1{
  margin:10px 0 18px!important;
  max-width:11ch!important;
  font-size:clamp(50px,6.6vw,88px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  white-space:normal!important;
}
.approved-home .mock-hero-copy p{
  max-width:650px!important;
  margin:0!important;
  font-size:clamp(15px,1.45vw,19px)!important;
  line-height:1.55!important;
}
.approved-home .mock-search-wrap{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:min(100%,860px)!important;
  max-width:860px!important;
  margin:30px 0 0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:40!important;
}
.approved-home .mock-search{
  position:relative!important;
  z-index:42!important;
  width:100%!important;
  min-height:60px!important;
  padding:7px!important;
  border-radius:18px!important;
  overflow:visible!important;
}
.approved-home .mock-search input{
  min-width:0!important;
  height:46px!important;
  padding:0 14px!important;
  font-size:15px!important;
  line-height:46px!important;
}
.approved-home .mock-search button{
  flex:0 0 46px!important;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
}
.approved-home .search-results{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-height:360px!important;
  margin:9px 0 0!important;
  border-radius:16px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  z-index:45!important;
  box-shadow:0 24px 60px rgba(0,0,0,.42)!important;
}
.approved-home .search-results .result{
  min-height:54px!important;
  padding:12px 15px!important;
}
.approved-home .hero-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:14px 0 0!important;
  padding:0!important;
  overflow:visible!important;
}
.approved-home .hero-chips a{
  flex:0 0 auto!important;
  min-height:36px!important;
  padding:9px 12px!important;
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.approved-home .mock-benefits{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:min(100%,860px)!important;
  margin:18px 0 0!important;
  padding:0!important;
  overflow:visible!important;
}
.approved-home .mock-benefits span{
  min-width:0!important;
  padding:10px 11px!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.approved-home + .portal-cards,
.portal-cards,
.ag-why,
.vf,
.partner-spotlights,
#discover,
#motion,
#how{
  position:relative!important;
  z-index:1!important;
}
.portal-cards{overflow:visible!important}
.portal-grid{min-width:0!important}
.portal-grid>a{min-width:0!important}
.ag-why-card,.card,.spotlight,.video-card{min-width:0!important}
.ag-why-card h3,.card h3,.spotlight h2{overflow-wrap:break-word!important}
a,button,input{box-sizing:border-box}
button,a{-webkit-tap-highlight-color:transparent}

@media(max-width:900px){
  .approved-home .mock-hero-inner{padding:82px 20px 38px!important}
  .approved-home .mock-hero-copy h1{font-size:clamp(44px,9vw,68px)!important;max-width:10.5ch!important}
  .approved-home .mock-search-wrap{margin-top:24px!important}
  .approved-home .mock-benefits{grid-template-columns:1fr 1fr!important}
  .approved-home .hero-chips{gap:7px!important}
}
@media(max-width:600px){
  .approved-home .mock-hero-inner{padding:72px 16px 30px!important}
  .approved-home .mock-hero-copy h1{font-size:40px!important;line-height:.95!important;max-width:10.5ch!important;margin:8px 0 14px!important}
  .approved-home .mock-hero-copy p{font-size:14px!important;line-height:1.5!important;max-width:34ch!important}
  .approved-home .mock-search-wrap{width:100%!important;margin-top:20px!important}
  .approved-home .mock-search{min-height:54px!important;padding:6px!important;border-radius:16px!important}
  .approved-home .mock-search input{height:42px!important;line-height:42px!important;font-size:14px!important;padding:0 11px!important}
  .approved-home .mock-search button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;flex-basis:42px!important}
  .approved-home .search-results{max-height:300px!important;margin-top:8px!important}
  .approved-home .hero-chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;margin:11px -16px 0!important;padding:0 16px 4px!important;scrollbar-width:none!important}
  .approved-home .hero-chips::-webkit-scrollbar{display:none!important}
  .approved-home .hero-chips a{font-size:10px!important;padding:8px 10px!important}
  .approved-home .mock-benefits{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:13px!important}
  .approved-home .mock-benefits span{font-size:9px!important;padding:9px!important}
  .portal-grid,.popular-grid{grid-auto-columns:78vw!important}
  .ag-why{padding:52px 0!important}
}


/* homepage stability pass v20 */
.approved-home .search-results{
  background:#0a0e0c!important;
  border:1px solid rgba(255,255,255,.11)!important;
}
.approved-home .search-results .result{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  color:#f5f7f6!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  outline:none!important;
}
.approved-home .search-results .result:last-child{border-bottom:0!important}
.approved-home .search-results .result span{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
.approved-home .search-results .result b{font-size:14px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}
.approved-home .search-results .result small{font-size:11px!important;line-height:1.25!important;color:#8f9b94!important}
.approved-home .search-results .result i{font-style:normal!important;color:#b7ffd9!important;flex:0 0 auto!important}
.approved-home .search-results .result:hover,
.approved-home .search-results .result:focus-visible{background:rgba(255,255,255,.07)!important}
.approved-home .mock-search:focus-within{
  border-color:rgba(183,255,217,.36)!important;
  box-shadow:0 0 0 3px rgba(81,232,169,.08),0 18px 55px rgba(0,0,0,.22)!important;
}
.approved-home .mock-search input:focus{outline:none!important}
.approved-home .mock-search button:focus-visible,
.approved-home .hero-chips a:focus-visible,
.portal-grid>a:focus-visible,
.ag-why-card:focus-visible,
.spotlight:focus-visible,
.card:focus-visible,
.video-card:focus-visible{
  outline:2px solid rgba(183,255,217,.9)!important;
  outline-offset:3px!important;
}

/* Kill legacy horizontal-card behavior on the homepage. */
#shopcats .portal-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  gap:14px!important;
  overflow:visible!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
#shopcats .portal-grid>a{
  width:100%!important;
  min-width:0!important;
  height:220px!important;
  min-height:220px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
#shopcats .portal-grid>a>img,
#shopcats .portal-grid>a>.ag-abstract-card{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
}
#shopcats .portal-grid>a>div:last-child{
  left:14px!important;
  right:14px!important;
  bottom:13px!important;
  min-width:0!important;
}
#shopcats .portal-grid b{font-size:16px!important;line-height:1.1!important}
#shopcats .portal-grid span{font-size:10px!important;line-height:1.3!important}
#shopcats .portal-grid i{flex:0 0 30px!important;width:30px!important;height:30px!important}

/* Keep the main homepage sections visually separated and predictable. */
#shopcats{padding:24px 0 22px!important}
.ag-why{padding:68px 0!important}
.partner-spotlights{padding-top:68px!important}
#discover{padding-top:72px!important}
#motion{padding-top:72px!important}
#how{padding-top:72px!important}
.section-head{min-width:0!important}
.section-head>*{min-width:0!important}

@media(max-width:1050px){
  #shopcats .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #shopcats .portal-grid>a{height:210px!important;min-height:210px!important}
}
@media(max-width:600px){
  #shopcats{padding:16px 0 14px!important}
  #shopcats .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #shopcats .portal-grid>a{height:166px!important;min-height:166px!important;border-radius:16px!important}
  #shopcats .portal-grid>a>div:last-child{left:10px!important;right:10px!important;bottom:9px!important}
  #shopcats .portal-grid b{font-size:13px!important}
  #shopcats .portal-grid span{font-size:8.5px!important}
  #shopcats .portal-grid i{display:none!important}
  .ag-why{padding:46px 0!important}
  .partner-spotlights,#discover,#motion,#how{padding-top:52px!important}
}


/* emotional coffee journey v21 */
.coffee-experience{padding:20px 0 76px;position:relative;z-index:1}
.coffee-experience-hero{position:relative;display:block;min-height:560px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 80px rgba(0,0,0,.26)}
.coffee-experience-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.coffee-experience-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,4,.88),rgba(5,5,4,.24) 60%,rgba(5,5,4,.56)),linear-gradient(0deg,rgba(5,5,4,.75),transparent 46%)}
.coffee-experience-copy{position:absolute;z-index:2;left:40px;top:50%;transform:translateY(-50%);max-width:670px}
.coffee-experience-copy small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#e9d7c1;font-weight:900}
.coffee-experience-copy h2{font-size:clamp(42px,5vw,68px);line-height:.95;letter-spacing:-.055em;margin:12px 0 16px;max-width:11ch}
.coffee-experience-copy p{font-size:16px;line-height:1.55;color:#d7d0c8;max-width:600px}
.coffee-experience-copy .btn{margin-top:18px}
.coffee-experience-mini{position:absolute;z-index:2;right:28px;bottom:26px;display:grid;gap:8px;width:min(330px,34%)}
.coffee-experience-mini div{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:rgba(10,9,7,.58);backdrop-filter:blur(12px)}
.coffee-experience-mini b{display:block;font-size:13px;color:#fff}
.coffee-experience-mini span{display:block;font-size:10px;color:#c9c1b7;margin-top:2px}
@media(max-width:900px){
  .coffee-experience-hero{min-height:620px}
  .coffee-experience-copy{left:24px;right:24px;top:38%;transform:none}
  .coffee-experience-mini{left:24px;right:24px;bottom:22px;width:auto;grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:600px){
  .coffee-experience{padding:10px 0 52px}
  .coffee-experience-hero{min-height:670px;border-radius:22px}
  .coffee-experience-copy{left:18px;right:18px;top:28px;transform:none}
  .coffee-experience-copy h2{font-size:42px;max-width:10ch}
  .coffee-experience-copy p{font-size:14px}
  .coffee-experience-mini{left:18px;right:18px;bottom:18px;grid-template-columns:1fr}
}


/* homepage color clarity v22 */
.ag-why{
  background:
    radial-gradient(circle at 8% 10%,rgba(81,232,169,.09),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(255,184,92,.10),transparent 28%),
    linear-gradient(180deg,#090d0b,#070907)!important;
}
.ag-why .section-head h2{color:#fff!important}
.ag-why .section-head p{color:#c8d0cb!important}
.ag-why .kicker{color:#8ff1c8!important}
.ag-why-card{
  position:relative;
  overflow:hidden;
  background:#0d1210!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.ag-why-card:before{
  content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#61e7ae,#b8ffd9)
}
.ag-why-card:nth-child(2):before{background:linear-gradient(90deg,#ffb85c,#ffd7a2)}
.ag-why-card:nth-child(3):before{background:linear-gradient(90deg,#8cc8ff,#bfe1ff)}
.ag-why-card:nth-child(4):before{background:linear-gradient(90deg,#a98cff,#d7cbff)}
.ag-why-card small{color:#9eecc9!important}
.ag-why-card:nth-child(2) small{color:#ffc57d!important}
.ag-why-card:nth-child(3) small{color:#a9d7ff!important}
.ag-why-card:nth-child(4) small{color:#c9bbff!important}
.ag-why-card h3{color:#fff!important}
.ag-why-card p{color:#c7d0cb!important}
.ag-why-card>strong{color:#d9ffe9!important}
.ag-metrics span{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(255,255,255,.09)!important;
  color:#aeb8b2!important;
}
.ag-metrics b{color:#fff!important}

.coffee-experience{background:linear-gradient(180deg,#070907,#0e0a07)!important}
.coffee-experience-hero{border-color:rgba(255,184,92,.28)!important}
.coffee-experience-shade{
  background:
    linear-gradient(90deg,rgba(9,5,2,.94),rgba(9,5,2,.38) 58%,rgba(9,5,2,.66)),
    linear-gradient(0deg,rgba(9,5,2,.86),transparent 50%)!important
}
.coffee-experience-copy small{color:#ffd29a!important}
.coffee-experience-copy h2{color:#fff!important;text-shadow:0 3px 20px rgba(0,0,0,.38)}
.coffee-experience-copy p{color:#fff4e8!important;text-shadow:0 2px 16px rgba(0,0,0,.34)}
.coffee-experience-mini div{
  background:rgba(18,10,5,.76)!important;
  border-color:rgba(255,210,154,.18)!important
}
.coffee-experience-mini b{color:#fff!important}
.coffee-experience-mini span{color:#f0d9bd!important}

.partner-spotlights{background:#080b09!important}
.partner-spotlights .section-head h2{color:#fff!important}
.partner-spotlights .section-head p{color:#c6d0ca!important}
.partner-spotlights .kicker{color:#8ff1c8!important}
.spotlight-copy h2,.spotlight-copy p,.spotlight-copy span{color:#fff!important}
.spotlight-copy small{color:#ffd6a0!important}

#discover{background:linear-gradient(180deg,#090c0a,#070907)!important}
#discover .section-head h2{color:#fff!important}
#discover .section-head p{color:#c7d0cb!important}
#discover .kicker{color:#8fe8c0!important}
#discover .card{background:#0d1110!important;border-color:rgba(255,255,255,.10)!important}
#discover .card-body h3{color:#fff!important}
#discover .card-body p{color:#bdc6c0!important}
#discover .meta span{color:#b9c4bd!important;border-color:rgba(255,255,255,.09)!important;background:rgba(255,255,255,.03)!important}
#discover .card-cta{color:#b8ffdb!important}


/* visual readability pass v23 */
#shopcats .portal-grid>a{position:relative!important}
#shopcats .portal-grid>a:after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(0deg,rgba(5,7,6,.88),rgba(5,7,6,.05) 66%);
  pointer-events:none
}
#shopcats .portal-grid>a>div:last-child{z-index:2!important}
#shopcats .portal-grid b{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.45)}
#shopcats .portal-grid span{color:#f0f4f1!important;text-shadow:0 2px 10px rgba(0,0,0,.42)}
#shopcats .portal-grid i{color:#fff!important;background:rgba(0,0,0,.45)!important;border-color:rgba(255,255,255,.22)!important}

.vf{background:#080b09!important}
.vf-banner,.vf-tile,.vf-life{position:relative!important;isolation:isolate}
.vf-banner:after,.vf-tile:after,.vf-life:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(0deg,rgba(4,6,5,.90),rgba(4,6,5,.10) 64%)
}
.vf-banner>div,.vf-tile>b,.vf-life>div{position:relative!important;z-index:2!important;color:#fff!important}
.vf-banner small,.vf-life small{color:#b9ffdb!important}
.vf-banner b,.vf-life b,.vf-tile b{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.48)}
.vf-banner span{color:#edf5f0!important;text-shadow:0 2px 12px rgba(0,0,0,.44)}

.motion-section{background:linear-gradient(180deg,#0a0d0b,#080a09)!important}
.motion-section .section-head h2{color:#fff!important}
.motion-section .section-head p{color:#cbd4ce!important}
.motion-section .kicker{color:#8ff1c8!important}
.motion-section .motion-grid{gap:18px!important}
.motion-section .video-card{
  height:360px!important;
  min-height:360px!important;
  max-height:none!important;
  border-radius:24px!important;
  border-color:rgba(255,255,255,.12)!important;
  overflow:hidden!important;
}
.motion-section .video-card>img{
  width:100%!important;height:100%!important;min-height:360px!important;max-height:none!important;
  object-fit:cover!important;filter:brightness(.78) saturate(1.08)!important
}
.motion-section .video-shade{
  background:linear-gradient(0deg,rgba(4,6,5,.94),rgba(4,6,5,.06) 68%)!important
}
.motion-section .video-copy small{color:#9dffd5!important;font-weight:900!important}
.motion-section .video-copy b,.motion-section .video-copy em{color:#fff!important}
.motion-section .video-play{background:#fff!important;color:#0b0d0c!important;border-color:#fff!important}

@media(max-width:700px){
  .motion-section .video-card{height:240px!important;min-height:240px!important}
  .motion-section .video-card>img{height:240px!important;min-height:240px!important}
}


/* Mobile readability safety v40 — data must never be clipped */
@media(max-width:620px){
  /* Comparisons and decision cards get full readable width */
  .compare-grid,
  .product-grid,
  .model-grid,
  .products,
  .cards,
  .product-stage,
  .product-stage.two,
  .choice-grid,
  .feature-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .choice,.feature,.stage-card,.product-card,.model-card,.compare-card,.product-tile{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Never hide comparison metadata on phones */
  main .meta{display:flex!important;flex-wrap:wrap!important}
  .rail .card-body p{display:block!important}
  .rail .meta{display:flex!important}
  .rail .card-cta{font-size:11px!important}

  /* Product rails: one readable card instead of two clipped mini-cards */
  .rail{
    grid-auto-columns:minmax(0,86vw)!important;
    gap:10px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding-bottom:10px!important;
  }
  .rail .card{
    height:auto!important;
    min-height:320px!important;
    width:auto!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .rail .card-media,
  .rail .card-media.product{
    height:160px!important;
    max-height:160px!important;
  }
  .rail .card-body{padding:14px!important}
  .rail .card-body h3{font-size:18px!important;line-height:1.08!important;margin:0 0 7px!important}
  .rail .card-body p{font-size:12px!important;line-height:1.45!important}
  .rail .meta{gap:5px!important;margin-top:10px!important}
  .rail .meta span{font-size:9px!important;padding:6px 7px!important}

  /* Technical information must stay legible */
  table{font-size:12px!important}
  th,td{padding:10px!important;line-height:1.35!important}
  .info-strip{grid-template-columns:minmax(0,1fr)!important}
  .trustbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .trustitem b{font-size:11px!important}
  .trustitem span{font-size:9px!important}

  /* Visual tiles can stay compact, but text cannot be crushed into 3 columns */
  .emotion-strip,
  .world-grid,
  .universe-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .motion-grid,.spotlight-grid{grid-template-columns:minmax(0,1fr)!important}
  .video-card,.spotlight{height:230px!important;min-height:230px!important}
  .video-card>img,.spotlight>img{height:230px!important;max-height:230px!important}
  .video-copy small,.spotlight-copy small{font-size:8px!important}
  .video-copy b,.spotlight-copy h2{font-size:18px!important;line-height:1.08!important}
  .video-copy em{display:block!important;font-size:9px!important}

  /* General overflow guard */
  main section, main .shell, main article, main div{min-width:0}
  main h1,main h2,main h3,main p,main b,main span{overflow-wrap:anywhere}
}

@media(max-width:390px){
  .emotion-strip,.world-grid,.universe-grid{grid-template-columns:minmax(0,1fr)!important}
  .trustbar{grid-template-columns:minmax(0,1fr)!important}
  .rail{grid-auto-columns:minmax(0,92vw)!important}
}


/* Homepage discover rail isolation v41 — never collapse into strips */
@media(max-width:620px){
  #discover{
    content-visibility:visible!important;
    contain:none!important;
    padding-top:34px!important;
    overflow:hidden!important;
  }
  #discover .shell{
    width:auto!important;
    margin-left:12px!important;
    margin-right:12px!important;
    overflow:visible!important;
  }
  #discover .rail-toolbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    margin:0 0 12px!important;
    min-width:0!important;
  }
  #discover .rail{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    grid-template-columns:none!important;
    grid-auto-columns:auto!important;
    grid-auto-flow:row!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:0!important;
    padding:0 0 12px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #discover .rail::-webkit-scrollbar{display:none!important}
  #discover .rail>.card{
    flex:0 0 min(84vw,340px)!important;
    width:min(84vw,340px)!important;
    min-width:min(84vw,340px)!important;
    max-width:min(84vw,340px)!important;
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    box-sizing:border-box!important;
    border-radius:20px!important;
  }
  #discover .rail>.card .card-media,
  #discover .rail>.card .card-media.product{
    flex:0 0 170px!important;
    width:100%!important;
    height:170px!important;
    min-height:170px!important;
    max-height:170px!important;
    overflow:hidden!important;
  }
  #discover .rail>.card .card-media img,
  #discover .rail>.card .card-media.product img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    padding:0!important;
  }
  #discover .rail>.card .card-body{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    padding:16px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #discover .rail>.card .card-body h3{
    font-size:19px!important;
    line-height:1.08!important;
    margin:0 0 7px!important;
  }
  #discover .rail>.card .card-body p{
    display:block!important;
    font-size:12px!important;
    line-height:1.42!important;
    margin:0!important;
    overflow:visible!important;
  }
  #discover .rail>.card .meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin:10px 0!important;
  }
  #discover .rail>.card .meta span{
    font-size:9px!important;
    padding:5px 7px!important;
  }
  #discover .rail>.card .card-cta{
    margin-top:auto!important;
    font-size:11px!important;
  }
  #discover .notice{
    margin-top:14px!important;
    font-size:10px!important;
    line-height:1.5!important;
  }
}
@media(max-width:390px){
  #discover .rail>.card{
    flex-basis:calc(100vw - 48px)!important;
    width:calc(100vw - 48px)!important;
    min-width:calc(100vw - 48px)!important;
    max-width:calc(100vw - 48px)!important;
  }
}


/* AuraGlobal motion story v42 */
.ag-motion-story{
  padding:22px 0 58px;
  background:linear-gradient(180deg,#070907,#080b09);
}
.ag-motion-stage{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:#070907;
  isolation:isolate;
}
.ag-motion-frame{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.04);
  animation:agMotionCrossfade 20s infinite;
  will-change:opacity,transform;
}
.ag-motion-bike{
  background-image:url("https://images.unsplash.com/photo-1571333250630-f0230c320b6d?auto=format&fit=crop&w=1800&q=90");
  animation-delay:0s;
}
.ag-motion-coffee{
  background-image:url("https://images.unsplash.com/photo-1498804103079-a6351b050096?auto=format&fit=crop&w=1800&q=90");
  animation-delay:5s;
}
.ag-motion-pet{
  background-image:url("https://images.unsplash.com/photo-1518791841217-8f162f1e1131?auto=format&fit=crop&w=1800&q=90");
  animation-delay:10s;
}
.ag-motion-home{
  background-image:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=90");
  animation-delay:15s;
}
.ag-motion-shade{
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,rgba(3,6,5,.94) 0%,rgba(3,6,5,.65) 42%,rgba(3,6,5,.18) 72%),
    linear-gradient(0deg,rgba(3,6,5,.72),transparent 52%);
}
.ag-motion-copy{
  position:absolute;
  z-index:3;
  left:clamp(24px,5vw,64px);
  bottom:clamp(28px,5vw,60px);
  max-width:620px;
}
.ag-motion-copy small{
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#8ff1c8;
  font-weight:900;
}
.ag-motion-copy h2{
  margin:10px 0 14px;
  max-width:10ch;
  font-size:clamp(42px,6vw,76px);
  line-height:.94;
  letter-spacing:-.055em;
  color:#fff!important;
}
.ag-motion-copy p{
  max-width:520px;
  color:#e0e8e3!important;
  font-size:15px;
  line-height:1.55;
}
.ag-motion-steps{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0;
}
.ag-motion-steps span{
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(5,10,8,.42);
  color:#eef7f1;
  font-size:10px;
  font-weight:800;
  backdrop-filter:blur(10px);
}
@keyframes agMotionCrossfade{
  0%{opacity:0;transform:scale(1.04)}
  7%{opacity:1}
  28%{opacity:1;transform:scale(1.10)}
  35%{opacity:0}
  100%{opacity:0;transform:scale(1.10)}
}
@media(max-width:620px){
  .ag-motion-story{padding:10px 0 42px}
  .ag-motion-stage{min-height:460px;border-radius:20px}
  .ag-motion-shade{
    background:linear-gradient(0deg,rgba(3,6,5,.94) 0%,rgba(3,6,5,.48) 62%,rgba(3,6,5,.18));
  }
  .ag-motion-copy{left:18px;right:18px;bottom:22px}
  .ag-motion-copy h2{font-size:42px!important;max-width:8ch}
  .ag-motion-copy p{font-size:12px!important;max-width:32em}
  .ag-motion-steps span{font-size:8px;padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){
  .ag-motion-frame{animation:none!important;opacity:0;transform:none}
  .ag-motion-stage .ag-motion-frame:first-child{opacity:1}
}


/* Related comparison paths v43 */
.ag-related{background:linear-gradient(180deg,#080b09,#070907)!important}
.ag-related .section-head h2{color:#fff!important}
.ag-related .section-head p{color:#c7d0cb!important}
.ag-related .kicker{color:#8ff1c8!important}
.ag-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ag-related-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:210px;
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 90% 10%,rgba(96,231,173,.10),transparent 32%),
    linear-gradient(145deg,#0d1310,#0a0d0b);
  text-decoration:none;
  color:#fff;
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.ag-related-card:hover{transform:translateY(-2px);border-color:rgba(111,235,178,.28);box-shadow:0 18px 48px rgba(0,0,0,.24)}
.ag-related-card small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#8ff1c8;font-weight:900}
.ag-related-card b{display:block;margin-top:9px;font-size:24px;line-height:1.04;letter-spacing:-.035em}
.ag-related-card span{display:block;margin-top:9px;max-width:27ch;color:#bfc9c2;font-size:12px;line-height:1.5}
.ag-related-card i{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  margin-top:auto;
  border-radius:50%;
  border:1px solid rgba(143,241,200,.28);
  color:#b8ffdb;
  font-style:normal;
}
@media(max-width:760px){
  .ag-related-grid{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
  .ag-related-grid::-webkit-scrollbar{display:none}
  .ag-related-card{flex:0 0 78vw;min-height:190px;padding:18px;scroll-snap-align:start}
  .ag-related-card b{font-size:21px}
}


/* Readability guard v42 — hard no-go protection */
:root{
  --muted:#aab5c6;
  --soft:#d4dbe6;
}
body:not(.coffee-page) .section-head p,
body:not(.coffee-page) .card p,
body:not(.coffee-page) .choice p,
body:not(.coffee-page) .feature p,
body:not(.coffee-page) .feed-copy p,
body:not(.coffee-page) .notice,
body:not(.coffee-page) .brand-hero-copy p,
body:not(.coffee-page) .visual-break-copy p{
  color:#c4ccd8!important;
}
body:not(.coffee-page) .meta span,
body:not(.coffee-page) .info-strip span,
body:not(.coffee-page) .adnote,
body:not(.coffee-page) .source-note{
  color:#aeb9c9!important;
}
body:not(.coffee-page) .kicker{color:#8ff1c8!important}
body:not(.coffee-page) .pill{color:#edf3f8!important}
body:not(.coffee-page) .pill.green{color:#c9ffe5!important}

@media(max-width:620px){
  /* No important text may require zooming or squinting */
  body:not(.coffee-page) .section-head p,
  body:not(.coffee-page) .card p,
  body:not(.coffee-page) .choice p,
  body:not(.coffee-page) .feature p,
  body:not(.coffee-page) .feed-copy p,
  body:not(.coffee-page) .brand-hero-copy p,
  body:not(.coffee-page) .visual-break-copy p{
    font-size:12px!important;
    line-height:1.5!important;
  }
  body:not(.coffee-page) .notice{
    font-size:11px!important;
    line-height:1.5!important;
  }
  body:not(.coffee-page) .meta span,
  body:not(.coffee-page) .info-strip span,
  body:not(.coffee-page) .adnote,
  body:not(.coffee-page) .source-note,
  body:not(.coffee-page) .kicker,
  body:not(.coffee-page) .pill{
    font-size:10px!important;
    line-height:1.35!important;
  }
  body:not(.coffee-page) .card h3,
  body:not(.coffee-page) .choice b,
  body:not(.coffee-page) .feature h3{
    color:#fff!important;
  }
  /* Never solve density by crushing text */
  main .choice,
  main .feature,
  main .stage-card,
  main .card-body{
    overflow:visible;
  }
}


/* Scalable homepage + deal radar v43 */
.deal-radar{
  padding:64px 0;
  background:
    radial-gradient(circle at 10% 10%,rgba(255,184,92,.11),transparent 28rem),
    radial-gradient(circle at 88% 14%,rgba(94,240,178,.09),transparent 26rem),
    #070a08;
}
.deal-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}
.deal-head h2{font-size:clamp(34px,4.6vw,58px);letter-spacing:-.045em;line-height:1;margin:0}
.deal-head p{max-width:520px;margin:0;color:#c8d1dc;font-size:15px;line-height:1.6}
.deal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.deal-card{display:grid;grid-template-columns:.88fr 1.12fr;min-height:300px;border:1px solid rgba(255,255,255,.11);border-radius:26px;overflow:hidden;background:#0d1210;box-shadow:0 22px 60px rgba(0,0,0,.18)}
.deal-media{position:relative;min-height:300px;background:#0b100e;overflow:hidden}
.deal-media img{width:100%;height:100%;object-fit:cover}
.deal-badge{position:absolute;left:16px;top:16px;z-index:2;padding:10px 12px;border-radius:999px;background:#fff;color:#0a0d0b;font-size:14px;font-weight:950;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.deal-copy{display:flex;flex-direction:column;padding:26px}
.deal-copy small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#9cebc5}
.deal-copy h3{font-size:30px;line-height:1.02;letter-spacing:-.04em;margin:9px 0 11px;color:#fff}
.deal-copy p{font-size:13px;line-height:1.58;color:#c9d2dc;margin:0 0 18px}
.deal-copy p strong{color:#fff}
.deal-cta{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:auto;padding:12px 14px;border-radius:13px;background:#fff;color:#080b09;font-size:12px;font-weight:950}
.deal-orange{border-color:rgba(255,155,72,.24)}.deal-orange .deal-badge{background:#ff9b48}.deal-orange .deal-copy small{color:#ffbd87}
.deal-green{border-color:rgba(94,240,178,.23)}.deal-green .deal-badge{background:#8ef0bd}.deal-green .deal-copy small{color:#9cebc5}
.deal-blue{border-color:rgba(126,166,255,.24)}.deal-blue .deal-badge{background:#9bbaff}.deal-blue .deal-copy small{color:#b6c8ff}
.deal-purple{border-color:rgba(169,140,255,.27)}.deal-purple .deal-badge{background:#b29cff}.deal-purple .deal-copy small{color:#c9bbff}
.deal-note{margin-top:14px;color:#aeb9c9;font-size:11px;line-height:1.5}

.popular-decisions{background:linear-gradient(180deg,#090d0b,#070907)}
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.decision-tile{position:relative;min-height:390px;border:1px solid rgba(255,255,255,.10);border-radius:26px;overflow:hidden;background:#0b0f0d}
.decision-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.decision-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,5,.96),rgba(3,6,5,.10) 66%)}
.decision-tile span{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}
.decision-tile small{display:block;color:#9cebc5;font-size:9px;font-weight:900;letter-spacing:.13em}
.decision-tile b{display:block;margin-top:6px;color:#fff;font-size:28px;line-height:1.04;letter-spacing:-.035em;max-width:18ch}
.decision-tile em{display:block;margin-top:9px;color:#edf4ef;font-size:12px;font-style:normal;font-weight:800}
.directory-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px;padding:22px 24px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:#0d1210}
.directory-cta small{display:block;color:#9cebc5;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.directory-cta b{display:block;margin-top:5px;font-size:19px;color:#fff}

@media(max-width:980px){
  .deal-grid{grid-template-columns:1fr}
  .deal-card{grid-template-columns:.72fr 1.28fr}
}
@media(max-width:700px){
  .deal-radar{padding:48px 0}
  .deal-head{display:block}
  .deal-head p{margin-top:10px;font-size:13px}
  .deal-grid{gap:12px}
  .deal-card{grid-template-columns:1fr;min-height:0}
  .deal-media{min-height:220px;height:220px}
  .deal-copy{padding:18px}
  .deal-copy h3{font-size:24px}
  .deal-copy p{font-size:12px!important}
  .deal-cta{width:100%;justify-content:center;text-align:center}
  .decision-grid{grid-template-columns:1fr}
  .decision-tile{min-height:330px}
  .decision-tile b{font-size:24px}
  .decision-tile em{font-size:11px}
  .directory-cta{display:block;padding:18px}
  .directory-cta .btn{width:100%;justify-content:center;text-align:center;margin-top:14px}
}


/* Mobile type floor v44 — no microscopic copy */
@media(max-width:620px){
  main small,
  main .pill,
  main .kicker,
  main .meta span,
  main .adnote,
  main .source-note,
  main .deal-note,
  main .world-copy small,
  main .universe-card-copy small,
  main .video-copy small,
  main .spotlight-copy small,
  main .brand-mood-copy small,
  main .portal-grid span{
    font-size:10px!important;
    line-height:1.35!important;
    opacity:1!important;
  }
  main .world-copy h3,
  main .universe-card-copy h3,
  main .video-copy b,
  main .spotlight-copy h2,
  main .portal-grid b{
    font-size:13px!important;
    line-height:1.15!important;
  }
  main .card-cta,
  main .inline-link,
  main .deal-cta{
    font-size:11px!important;
    line-height:1.3!important;
  }
}


/* AuraGlobal hard UX guardrails v42 — readability beats decoration */
:root{
  --ag-text-strong:#f7fbf8;
  --ag-text-body:#d5ded8;
  --ag-text-muted:#aebbb3;
}

/* Text over imagery must always have a dark readability layer */
:where(.moment,.story,.decision-tile,.portal-grid>a,.video-card,.spotlight,.emotion-card,.brand-mood,.vf-banner,.vf-tile,.vf-life){
  isolation:isolate;
}
:where(.moment,.story,.decision-tile,.portal-grid>a,.video-card,.spotlight,.emotion-card,.brand-mood,.vf-banner,.vf-tile,.vf-life)::after{
  pointer-events:none;
}

/* Never allow supporting copy to fade into the background */
:where(.section-head p,.card p,.choice p,.feature p,.feed-copy p,.notice,.deal-copy p,.decision-tile em){
  opacity:1!important;
}
body:not(.home) :where(.section-head p,.card p,.choice p,.feature p,.feed-copy p,.notice){
  color:var(--ag-text-body)!important;
}

/* Deal radar: all critical information stays high contrast */
.deal-radar{background:linear-gradient(180deg,#0a0d0b,#080a09)!important}
.deal-radar .deal-head h2,.deal-radar .deal-head p,.deal-radar .deal-copy h3{color:#fff!important}
.deal-radar .deal-head p,.deal-radar .deal-copy p{color:#d7dfda!important}
.deal-radar .deal-copy small{color:#a6f0cc!important}
.deal-radar .deal-cta{color:#d8ffe9!important;font-weight:900!important}
.deal-radar .deal-note{color:#aeb9b2!important}

/* Decision tiles need readable copy regardless of the photo */
.decision-tile{position:relative!important;overflow:hidden!important}
.decision-tile:after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(0deg,rgba(3,6,5,.96) 0%,rgba(3,6,5,.64) 38%,rgba(3,6,5,.12) 76%)!important
}
.decision-tile>span{position:absolute!important;z-index:2!important;left:18px!important;right:18px!important;bottom:18px!important}
.decision-tile small{color:#aaffd2!important}
.decision-tile b{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.decision-tile em{color:#e9f2ed!important}

/* Minimum practical type sizes on phones */
@media(max-width:620px){
  .section-head p,.deal-copy p,.choice p,.feature p,.feed-copy p,.notice,.card p{font-size:12px!important;line-height:1.5!important}
  .decision-tile b{font-size:17px!important;line-height:1.08!important}
  .decision-tile em{font-size:10px!important;line-height:1.35!important}
  .decision-tile small{font-size:8px!important}
  .deal-copy h3{font-size:20px!important;line-height:1.08!important}
  .deal-copy p{font-size:12px!important}
  .deal-cta{font-size:11px!important}
}

/* No invisible/ultra-low contrast interactive text */
a,button{ text-underline-offset:2px }
:where(a,button):focus-visible{outline:3px solid #9dffd4!important;outline-offset:3px!important}


/* Deal actions v45 */
.deal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto}
.deal-actions .deal-cta{margin-top:0}
.deal-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:11px 13px;border-radius:13px;
  border:1px solid rgba(255,255,255,.15);
  color:#eef6f1;font-size:12px;font-weight:900;text-decoration:none;
  background:rgba(255,255,255,.035)
}
.deal-link:hover{border-color:rgba(143,241,200,.38);background:rgba(143,241,200,.07)}

/* Readability contract v45 — readability beats density */
@media(max-width:620px){
  main p,
  main li,
  main td,
  main th{
    font-size:14px!important;
    line-height:1.5!important;
  }

  main small,
  main .kicker,
  main .pill,
  main .meta span,
  main .adnote,
  main .source-note,
  main .deal-note,
  main .world-copy small,
  main .universe-card-copy small,
  main .video-copy small,
  main .spotlight-copy small,
  main .brand-mood-copy small,
  main .portal-grid span,
  main .ag-metrics span{
    font-size:11px!important;
    line-height:1.4!important;
    opacity:1!important;
  }

  main .btn,
  main .card-cta,
  main .inline-link,
  main .deal-cta,
  main .deal-link,
  main a strong{
    font-size:13px!important;
    line-height:1.3!important;
  }

  main .world-copy h3,
  main .universe-card-copy h3,
  main .video-copy b,
  main .spotlight-copy h2,
  main .portal-grid b{
    font-size:16px!important;
    line-height:1.15!important;
  }

  .deal-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .deal-actions .deal-cta,.deal-actions .deal-link{width:100%;text-align:center}

  /* photo copy must stay high contrast */
  .decision-tile span,
  .moment-copy,
  .story-copy,
  .video-copy,
  .spotlight-copy,
  .world-copy,
  .universe-card-copy,
  .brand-mood-copy{
    text-shadow:0 2px 14px rgba(0,0,0,.72);
  }

  /* no comparison information may be visually crushed */
  .specs,
  .info-strip,
  .ag-metrics{
    min-width:0!important;
  }
  .specs span,
  .info-strip div,
  .ag-metrics span{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
}


/* Live deal strip v44 — verified current value, never decorative */
.live-deal-strip{padding:12px 0;background:#080b09}
.live-deal{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;
  background:linear-gradient(135deg,rgba(255,184,92,.09),rgba(94,240,178,.06));
}
.live-deal-badge{display:grid;place-items:center;min-width:74px;min-height:54px;padding:8px 10px;border-radius:14px;background:#fff;color:#0a0d0b;font-weight:950;font-size:16px;text-align:center}
.live-deal-copy small{display:block;color:#9cebc5;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}
.live-deal-copy b{display:block;color:#fff;font-size:17px;line-height:1.2;margin-top:4px}
.live-deal-copy span{display:block;color:#cbd5cf;font-size:11px;line-height:1.45;margin-top:3px}
.live-deal a{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;background:#c7ff89;color:#07100d;text-decoration:none;font-size:11px;font-weight:950;white-space:nowrap}
@media(max-width:620px){
 .live-deal{grid-template-columns:auto 1fr;gap:10px;padding:13px}
 .live-deal-badge{min-width:62px;min-height:48px;font-size:14px}
 .live-deal-copy b{font-size:14px}.live-deal-copy span{font-size:10px!important}
 .live-deal a{grid-column:1/-1;width:100%;white-space:normal}
}


/* Homepage conversion clean v46 */
body.brand-home .home-live-deal .shell{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.brand-home .home-live-deal .live-deal{height:100%}
body.brand-home .mock-hero-copy p{max-width:650px;font-size:18px;line-height:1.55;color:#eef4f0!important}
body.brand-home .mock-benefits{gap:10px!important}
body.brand-home .mock-benefits span{background:rgba(4,8,6,.66)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}
body.brand-home .portal-cards{padding-top:20px!important;padding-bottom:34px!important}
body.brand-home .deal-radar{padding-top:54px!important;padding-bottom:54px!important}
body.brand-home .deal-badge{font-size:16px!important;letter-spacing:-.01em}
body.brand-home .deal-copy h3{max-width:18ch}
body.brand-home .ag-proof{padding:58px 0;background:linear-gradient(180deg,#090d0b,#070907)}
body.brand-home .ag-proof .feature{min-height:220px}
body.brand-home .ag-proof .feature h3{font-size:24px}
body.brand-home .ag-proof .feature p{font-size:14px;line-height:1.6;color:#d8e0db!important}
body.brand-home .ag-proof .directory-cta{margin-top:14px}
body.brand-home .ag-how{padding-top:34px!important;padding-bottom:54px!important}
body.brand-home .ag-how .cta-banner{padding:34px!important}
body.brand-home .ag-how .cta-banner h2{max-width:820px}
body.brand-home .ag-how .cta-banner p{font-size:15px;color:#d6ded9!important}
body.brand-home .deal-cta,
body.brand-home .deal-link,
body.brand-home .btn.main,
body.brand-home .home-live-deal a{min-height:48px;font-size:14px!important}
body.brand-home .mobile-compare-bar strong{font-size:13px!important}

@media(max-width:900px){
  body.brand-home .home-live-deal .shell{grid-template-columns:1fr}
}
@media(max-width:620px){
  body.brand-home .mock-hero-copy p{font-size:15px!important;line-height:1.55!important}
  body.brand-home .mock-benefits span{font-size:12px!important;line-height:1.35!important}
  body.brand-home .home-live-deal{padding-top:10px;padding-bottom:10px}
  body.brand-home .home-live-deal .shell{gap:10px}
  body.brand-home .home-live-deal .live-deal{padding:14px!important}
  body.brand-home .home-live-deal .live-deal-copy small{font-size:11px!important}
  body.brand-home .home-live-deal .live-deal-copy b{font-size:15px!important;line-height:1.28!important}
  body.brand-home .home-live-deal .live-deal-copy span{font-size:13px!important;line-height:1.45!important}
  body.brand-home .home-live-deal a{font-size:14px!important;min-height:48px!important}
  body.brand-home .portal-grid b{font-size:17px!important}
  body.brand-home .portal-grid span{font-size:12px!important}
  body.brand-home .deal-head p,
  body.brand-home .deal-copy p,
  body.brand-home .ag-proof .feature p,
  body.brand-home .ag-how .cta-banner p{font-size:14px!important;line-height:1.55!important}
  body.brand-home .deal-copy small,
  body.brand-home .kicker,
  body.brand-home .directory-cta small{font-size:11px!important;line-height:1.4!important}
  body.brand-home .deal-copy h3{font-size:23px!important;line-height:1.08!important;max-width:none}
  body.brand-home .deal-badge{font-size:15px!important}
  body.brand-home .ag-proof{padding:44px 0}
  body.brand-home .ag-proof .feature{min-height:0;padding:20px}
  body.brand-home .ag-proof .feature h3{font-size:20px!important}
  body.brand-home .directory-cta b{font-size:18px!important;line-height:1.25}
  body.brand-home .ag-how{padding-top:18px!important;padding-bottom:88px!important}
  body.brand-home .ag-how .cta-banner{padding:24px 20px!important}
  body.brand-home .ag-how .cta-banner h2{font-size:34px!important;line-height:1!important}
  body.brand-home .deal-cta,
  body.brand-home .deal-link,
  body.brand-home .btn{font-size:14px!important;min-height:48px!important}
}


body.brand-home .deal-radar .deal-cta{background:#c7ff89!important;color:#07100d!important;border-color:#c7ff89!important;text-shadow:none!important}
body.brand-home .deal-radar .deal-link{color:#fff!important;background:#111814!important;border-color:rgba(255,255,255,.22)!important}


/* Mobile compact conversion v48 */
@media(max-width:620px){
  body.brand-home{padding-bottom:72px!important}
  body.brand-home .shell{padding-left:13px!important;padding-right:13px!important}

  body.brand-home .mock-hero{height:auto!important;min-height:560px!important}
  body.brand-home .mock-hero-inner{min-height:560px!important;padding:82px 14px 18px!important}
  body.brand-home .mock-hero-copy h1{font-size:clamp(36px,10.5vw,46px)!important;line-height:.96!important}
  body.brand-home .mock-hero-copy p{font-size:13px!important;line-height:1.48!important;max-width:31ch!important;margin-top:10px!important}
  body.brand-home .mock-search-wrap{margin-top:18px!important}
  body.brand-home .mock-search{padding:6px!important;border-radius:14px!important}
  body.brand-home .mock-search input{font-size:13px!important;padding:11px 10px!important}
  body.brand-home .hero-chips{margin-top:8px!important;gap:6px!important}
  body.brand-home .hero-chips a{font-size:10px!important;padding:7px 9px!important}
  body.brand-home .mock-benefits{margin-top:10px!important;gap:5px!important}
  body.brand-home .mock-benefits span{font-size:10px!important;padding:7px 8px!important}

  body.brand-home .home-live-deal{padding:7px 0!important}
  body.brand-home .home-live-deal .live-deal{grid-template-columns:56px 1fr!important;gap:9px!important;padding:11px!important;border-radius:14px!important}
  body.brand-home .home-live-deal .live-deal-badge{min-width:56px!important;min-height:44px!important;font-size:12px!important;border-radius:11px!important}
  body.brand-home .home-live-deal .live-deal-copy small{font-size:9px!important}
  body.brand-home .home-live-deal .live-deal-copy b{font-size:13px!important;line-height:1.22!important}
  body.brand-home .home-live-deal .live-deal-copy span{font-size:11px!important;line-height:1.35!important}
  body.brand-home .home-live-deal a{grid-column:1/-1!important;min-height:40px!important;padding:9px 10px!important;font-size:12px!important;border-radius:10px!important}

  body.brand-home .portal-cards{padding:14px 0 20px!important}
  body.brand-home .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.brand-home .portal-grid>a{min-height:190px!important;border-radius:15px!important}
  body.brand-home .portal-grid div{left:12px!important;right:12px!important;bottom:11px!important}
  body.brand-home .portal-grid b{font-size:15px!important}
  body.brand-home .portal-grid span{font-size:10px!important;line-height:1.3!important;margin-top:3px!important}
  body.brand-home .portal-grid i{width:28px!important;height:28px!important;margin-top:8px!important;font-size:12px!important}

  body.brand-home .deal-radar{padding:34px 0!important}
  body.brand-home .deal-head{margin-bottom:14px!important}
  body.brand-home .deal-head h2{font-size:30px!important;line-height:1!important}
  body.brand-home .deal-head p{font-size:12px!important;line-height:1.45!important;margin-top:7px!important}
  body.brand-home .deal-grid{gap:9px!important}
  body.brand-home .deal-card{border-radius:17px!important}
  body.brand-home .deal-media{height:170px!important;min-height:170px!important}
  body.brand-home .deal-badge{left:10px!important;top:10px!important;padding:7px 9px!important;font-size:12px!important}
  body.brand-home .deal-copy{padding:14px!important}
  body.brand-home .deal-copy small{font-size:9px!important}
  body.brand-home .deal-copy h3{font-size:20px!important;line-height:1.06!important;margin:6px 0 8px!important}
  body.brand-home .deal-copy p{font-size:12px!important;line-height:1.45!important;margin-bottom:12px!important}
  body.brand-home .deal-actions{gap:6px!important}
  body.brand-home .deal-cta,
  body.brand-home .deal-link{min-height:40px!important;padding:9px 10px!important;font-size:12px!important;border-radius:10px!important}
  body.brand-home .deal-note{font-size:10px!important;margin-top:9px!important}

  body.brand-home .ag-proof{padding:34px 0!important}
  body.brand-home .section-head{margin-bottom:14px!important}
  body.brand-home .section-head h2{font-size:29px!important;line-height:1!important}
  body.brand-home .section-head p{font-size:12px!important;line-height:1.45!important}
  body.brand-home .feature-grid{gap:8px!important}
  body.brand-home .ag-proof .feature{padding:15px!important;border-radius:15px!important}
  body.brand-home .ag-proof .feature .num{width:28px!important;height:28px!important;margin-bottom:12px!important}
  body.brand-home .ag-proof .feature h3{font-size:17px!important;margin-bottom:5px!important}
  body.brand-home .ag-proof .feature p{font-size:12px!important;line-height:1.45!important}
  body.brand-home .directory-cta{padding:14px!important;border-radius:15px!important}
  body.brand-home .directory-cta small{font-size:9px!important}
  body.brand-home .directory-cta b{font-size:15px!important;margin-top:3px!important}
  body.brand-home .directory-cta .btn{min-height:40px!important;margin-top:10px!important;font-size:12px!important}

  body.brand-home .ag-how{padding:12px 0 76px!important}
  body.brand-home .ag-how .cta-banner{padding:20px 16px!important;border-radius:18px!important}
  body.brand-home .ag-how .cta-banner h2{font-size:29px!important}
  body.brand-home .ag-how .cta-banner p{font-size:12px!important;line-height:1.45!important;margin-bottom:14px!important}
  body.brand-home .ag-how .btn{min-height:40px!important;padding:9px 11px!important;font-size:12px!important}

  body.brand-home .mobile-compare-bar{left:10px!important;right:10px!important;bottom:8px!important;padding:9px 10px!important;border-radius:14px!important}
  body.brand-home .mobile-compare-bar b{font-size:11px!important}
  body.brand-home .mobile-compare-bar small{font-size:9px!important}
  body.brand-home .mobile-compare-bar strong{font-size:10px!important;padding:7px 9px!important;border-radius:9px!important}
}


/* Emotion + visibility pass v49 */
body.brand-home .home-live-deal .live-deal-emotion{
  display:grid!important;
  grid-template-columns:44% 56%!important;
  min-height:245px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
body.brand-home .live-deal-visual{
  position:relative;
  min-height:245px;
  overflow:hidden;
  background:#0a0f0c;
}
body.brand-home .live-deal-life{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
body.brand-home .live-deal-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,8,6,.03),rgba(4,8,6,.18));
}
body.brand-home .live-deal-product{
  position:absolute;
  z-index:2;
  right:8px;
  bottom:6px;
  width:48%;
  max-height:46%;
  object-fit:contain;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.36));
}
body.brand-home .live-deal-product.pet-product{
  width:40%;
  height:44%;
  object-fit:cover;
  border-radius:12px;
  border:2px solid rgba(255,255,255,.82);
}
body.brand-home .live-deal-visual .live-deal-badge{
  position:absolute;
  z-index:4;
  left:12px;
  top:12px;
  min-width:72px!important;
  font-size:14px!important;
  box-shadow:0 10px 25px rgba(0,0,0,.28);
}
body.brand-home .live-deal-emotion .live-deal-copy{
  padding:20px!important;
  align-self:center;
}
body.brand-home .live-deal-emotion .live-deal-copy small{
  font-size:11px!important;
}
body.brand-home .live-deal-emotion .live-deal-copy b{
  font-size:22px!important;
  line-height:1.03!important;
  margin-top:6px!important;
}
body.brand-home .live-deal-emotion .live-deal-copy span{
  font-size:13px!important;
  line-height:1.45!important;
  margin-top:8px!important;
}
body.brand-home .live-deal-emotion .live-deal-copy strong{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:14px;
  padding:10px 12px;
  border-radius:11px;
  background:#c7ff89;
  color:#07100d!important;
  font-size:13px!important;
  line-height:1.2;
}
body.brand-home .portal-grid>a{
  min-height:260px!important;
}
body.brand-home .portal-grid>a:after{
  background:linear-gradient(0deg,rgba(2,9,12,.97) 0%,rgba(2,9,12,.22) 58%,rgba(2,9,12,.03) 100%)!important;
}
body.brand-home .portal-grid b{
  font-size:25px!important;
  text-shadow:0 3px 18px rgba(0,0,0,.55);
}
body.brand-home .portal-grid span{
  font-size:13px!important;
  color:#f0f6f3!important;
}
body.brand-home .deal-media-emotion{
  position:relative;
}
body.brand-home .deal-media-emotion .deal-life{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
body.brand-home .deal-media-emotion:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,8,6,.04),rgba(4,8,6,.24));
}
body.brand-home .deal-product-overlay{
  position:absolute!important;
  z-index:2;
  right:10px;
  bottom:8px;
  width:44%!important;
  height:42%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.42));
}
body.brand-home .deal-media-emotion .deal-badge{
  z-index:4!important;
  font-size:16px!important;
}

@media(max-width:620px){
  body.brand-home .home-live-deal .live-deal-emotion{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  body.brand-home .live-deal-visual{
    min-height:185px!important;
    height:185px!important;
  }
  body.brand-home .live-deal-product{
    width:43%!important;
    max-height:45%!important;
  }
  body.brand-home .live-deal-product.pet-product{
    width:35%!important;
    height:42%!important;
  }
  body.brand-home .live-deal-visual .live-deal-badge{
    min-width:66px!important;
    font-size:13px!important;
    left:10px!important;
    top:10px!important;
  }
  body.brand-home .live-deal-emotion .live-deal-copy{
    padding:14px!important;
  }
  body.brand-home .live-deal-emotion .live-deal-copy small{
    font-size:10px!important;
  }
  body.brand-home .live-deal-emotion .live-deal-copy b{
    font-size:18px!important;
    line-height:1.06!important;
  }
  body.brand-home .live-deal-emotion .live-deal-copy span{
    font-size:12px!important;
  }
  body.brand-home .live-deal-emotion .live-deal-copy strong{
    width:100%!important;
    justify-content:center!important;
    font-size:12px!important;
    min-height:40px!important;
    margin-top:10px!important;
  }
  body.brand-home .portal-grid>a{
    min-height:210px!important;
  }
  body.brand-home .portal-grid b{
    font-size:17px!important;
  }
  body.brand-home .portal-grid span{
    font-size:11px!important;
  }
  body.brand-home .deal-media-emotion{
    height:190px!important;
    min-height:190px!important;
  }
  body.brand-home .deal-product-overlay{
    width:42%!important;
    height:40%!important;
  }
}


/* Brand-wide deal winner hero v50 */
body.brand-home .hero-featured-sale{
  min-height:560px!important;
  height:560px!important;
}
body.brand-home .hero-featured-sale .mock-hero-bg{
  object-position:center 42%!important;
  filter:saturate(1.08) contrast(1.02);
}
body.brand-home .hero-featured-sale .mock-hero-overlay{
  background:
    radial-gradient(circle at 74% 35%,rgba(255,62,142,.22),transparent 30rem),
    linear-gradient(90deg,rgba(8,5,9,.94) 0%,rgba(8,5,9,.78) 42%,rgba(8,5,9,.18) 72%,rgba(8,5,9,.28) 100%)!important;
}
body.brand-home .hero-featured-sale .mock-hero-inner{
  padding-top:110px!important;
}
body.brand-home .hero-featured-sale .mock-hero-copy{
  position:relative;
  max-width:720px;
}
body.brand-home .hero-featured-sale .hero-kicker{
  color:#ffd3e6!important;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  padding:7px 10px;
  border-radius:999px;
  font-size:11px!important;
  font-weight:950;
  letter-spacing:.11em;
}
body.brand-home .hero-featured-sale .hero-sale-badge{
  position:absolute;
  left:520px;
  top:12px;
  display:grid;
  place-items:center;
  width:112px;
  height:112px;
  border-radius:50%;
  background:#ff2f86;
  color:#fff;
  text-align:center;
  font-size:16px;
  font-weight:900;
  line-height:1;
  box-shadow:0 18px 50px rgba(255,47,134,.30);
  transform:rotate(5deg);
}
body.brand-home .hero-featured-sale .hero-sale-badge strong{
  display:block;
  font-size:34px;
  letter-spacing:-.05em;
}
body.brand-home .hero-featured-sale h1{
  max-width:8.8ch!important;
  margin-top:20px!important;
  font-size:clamp(52px,6.2vw,82px)!important;
  line-height:.91!important;
  text-shadow:0 4px 30px rgba(0,0,0,.38);
}
body.brand-home .hero-featured-sale h1 em{
  color:#ff9fc8!important;
  font-style:normal;
}
body.brand-home .hero-featured-sale .mock-hero-copy p{
  max-width:610px!important;
  font-size:17px!important;
  line-height:1.5!important;
  color:#fff!important;
}
body.brand-home .hero-featured-sale .mock-hero-copy p strong{
  color:#fff;
  font-weight:950;
}
body.brand-home .hero-deal-cta{
  display:inline-flex;
  align-items:center;
  min-height:48px;
  margin-top:4px;
  padding:13px 16px;
  border-radius:13px;
  background:#ff2f86;
  color:#fff!important;
  font-size:14px;
  font-weight:950;
  box-shadow:0 14px 34px rgba(255,47,134,.24);
}
body.brand-home .hero-sale-note{
  display:block;
  max-width:520px;
  margin-top:9px;
  color:#d8dce2!important;
  font-size:10px!important;
  line-height:1.35!important;
}
body.brand-home .deal-pink{
  border-color:rgba(255,74,151,.30)!important;
}
body.brand-home .deal-pink .deal-badge{
  background:#ff4a97!important;
  color:#fff!important;
}
body.brand-home .deal-pink .deal-copy small{
  color:#ffb8d6!important;
}
body.brand-home .live-deal-coffee .live-deal-badge{
  background:#ffb25f!important;
  color:#111!important;
}

@media(max-width:900px){
  body.brand-home .hero-featured-sale .hero-sale-badge{
    left:auto;
    right:0;
  }
}
@media(max-width:620px){
  body.brand-home .hero-featured-sale{
    min-height:650px!important;
    height:650px!important;
  }
  body.brand-home .hero-featured-sale .mock-hero-bg{
    object-position:62% center!important;
  }
  body.brand-home .hero-featured-sale .mock-hero-overlay{
    background:
      linear-gradient(0deg,rgba(6,4,7,.97) 0%,rgba(6,4,7,.82) 46%,rgba(6,4,7,.22) 78%),
      linear-gradient(90deg,rgba(6,4,7,.72),rgba(6,4,7,.10))!important;
  }
  body.brand-home .hero-featured-sale .mock-hero-inner{
    min-height:650px!important;
    padding:78px 14px 16px!important;
  }
  body.brand-home .hero-featured-sale .mock-hero-copy{
    margin-top:auto;
    padding-bottom:188px;
  }
  body.brand-home .hero-featured-sale .hero-kicker{
    font-size:9px!important;
    padding:6px 8px!important;
  }
  body.brand-home .hero-featured-sale .hero-sale-badge{
    width:84px;
    height:84px;
    right:0;
    top:-8px;
    font-size:12px;
  }
  body.brand-home .hero-featured-sale .hero-sale-badge strong{
    font-size:26px;
  }
  body.brand-home .hero-featured-sale h1{
    font-size:clamp(40px,11.5vw,49px)!important;
    max-width:8ch!important;
    margin-top:15px!important;
  }
  body.brand-home .hero-featured-sale .mock-hero-copy p{
    font-size:13px!important;
    line-height:1.45!important;
    max-width:31ch!important;
    margin-top:10px!important;
  }
  body.brand-home .hero-deal-cta{
    min-height:42px!important;
    padding:10px 12px!important;
    font-size:12px!important;
  }
  body.brand-home .hero-sale-note{
    font-size:9px!important;
    max-width:34ch;
  }
}


/* Emotional retail rebuild v51 — color, human energy, hard readability */
body.brand-home{
  --ag-pink:#ff3d8d;
  --ag-yellow:#ffd84d;
  --ag-orange:#ff8d3b;
  --ag-lime:#c7ff73;
  --ag-aqua:#74efd0;
  --ag-purple:#8f6cff;
  --ag-ink:#11110f;
  --ag-cream:#fff8f1;
}

/* Never allow low-contrast text on homepage */
body.brand-home main p,
body.brand-home main span,
body.brand-home main small,
body.brand-home main b,
body.brand-home main h1,
body.brand-home main h2,
body.brand-home main h3,
body.brand-home main a{
  opacity:1!important;
}
body.brand-home .mock-hero-copy,
body.brand-home .mock-hero-copy *{
  text-shadow:0 3px 22px rgba(0,0,0,.52);
}

/* Hero = campaign, not dashboard */
body.brand-home .hero-featured-sale{
  border-bottom:8px solid var(--ag-pink);
}
body.brand-home .hero-featured-sale .mock-hero-overlay{
  background:
    radial-gradient(circle at 78% 24%,rgba(255,216,77,.18),transparent 23rem),
    radial-gradient(circle at 66% 62%,rgba(255,61,141,.22),transparent 28rem),
    linear-gradient(90deg,rgba(10,5,11,.96) 0%,rgba(10,5,11,.74) 46%,rgba(10,5,11,.12) 76%,rgba(10,5,11,.20) 100%)!important;
}
body.brand-home .hero-sale-badge{
  background:var(--ag-yellow)!important;
  color:var(--ag-ink)!important;
  border:4px solid #fff;
  box-shadow:0 18px 52px rgba(255,216,77,.33)!important;
}
body.brand-home .hero-sale-badge strong{
  color:var(--ag-ink)!important;
  text-shadow:none!important;
}
body.brand-home .hero-deal-cta{
  background:var(--ag-pink)!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 14px 36px rgba(255,61,141,.34)!important;
}
body.brand-home .hero-deal-cta:hover{transform:translateY(-2px)}
body.brand-home .hero-sale-note{
  color:#fff!important;
  font-size:11px!important;
  font-weight:700;
}

/* Emotional purchase states */
body.brand-home .emotion-stage{
  padding:62px 0 70px;
  background:
    radial-gradient(circle at 10% 0,rgba(255,61,141,.14),transparent 26rem),
    radial-gradient(circle at 93% 15%,rgba(116,239,208,.16),transparent 26rem),
    var(--ag-cream);
  color:var(--ag-ink);
}
body.brand-home .emotion-stage-head{
  display:grid;
  grid-template-columns:1.1fr 1.4fr;
  gap:12px 40px;
  align-items:end;
  margin-bottom:24px;
}
body.brand-home .emotion-stage-head>span{
  grid-column:1/-1;
  color:#a4285f!important;
  font-size:12px!important;
  font-weight:950;
  letter-spacing:.13em;
}
body.brand-home .emotion-stage-head h2{
  margin:0;
  color:var(--ag-ink)!important;
  font-size:clamp(38px,5vw,66px);
  line-height:.94;
  letter-spacing:-.055em;
  max-width:10ch;
}
body.brand-home .emotion-stage-head p{
  margin:0 0 4px;
  color:#34332f!important;
  font-size:16px!important;
  line-height:1.55!important;
  max-width:640px;
  font-weight:650;
}
body.brand-home .emotion-grid{
  display:grid;
  grid-template-columns:1.15fr .92fr .92fr;
  gap:14px;
}
body.brand-home .emotion-hit{
  position:relative;
  min-height:430px;
  border-radius:26px;
  overflow:hidden;
  color:#fff!important;
  text-decoration:none;
  box-shadow:0 18px 60px rgba(46,32,35,.14);
  isolation:isolate;
}
body.brand-home .emotion-hit img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.01);
  transition:transform .25s ease;
}
body.brand-home .emotion-hit:hover img{transform:scale(1.045)}
body.brand-home .emotion-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(0deg,rgba(11,8,9,.92) 0%,rgba(11,8,9,.08) 70%);
}
body.brand-home .emotion-hit:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  mix-blend-mode:screen;
  opacity:.28;
  pointer-events:none;
}
body.brand-home .emotion-hit-joy:after{background:linear-gradient(135deg,var(--ag-pink),var(--ag-yellow))}
body.brand-home .emotion-hit-relief:after{background:linear-gradient(135deg,var(--ag-aqua),#5e7dff)}
body.brand-home .emotion-hit-curiosity:after{background:linear-gradient(135deg,var(--ag-orange),var(--ag-purple))}
body.brand-home .emotion-copy{
  position:absolute;
  z-index:2;
  left:22px;
  right:22px;
  bottom:20px;
  text-shadow:0 3px 20px rgba(0,0,0,.72);
}
body.brand-home .emotion-copy small{
  display:block;
  color:#fff!important;
  font-size:10px!important;
  letter-spacing:.12em;
  font-weight:950;
}
body.brand-home .emotion-copy b{
  display:block;
  margin-top:7px;
  color:#fff!important;
  font-size:clamp(24px,2.7vw,38px)!important;
  line-height:1.02!important;
  letter-spacing:-.04em;
}
body.brand-home .emotion-copy span{
  display:inline-flex;
  margin-top:12px;
  padding:9px 11px;
  border-radius:999px;
  background:#fff;
  color:var(--ag-ink)!important;
  text-shadow:none;
  font-size:12px!important;
  font-weight:950;
}

/* Categories: brighter retail zone */
body.brand-home .portal-cards{
  background:#ffd84d!important;
  color:var(--ag-ink)!important;
  padding:48px 0 56px!important;
}
body.brand-home .portal-heading-emotional{align-items:end!important}
body.brand-home .portal-heading-emotional .portal-eyebrow{
  display:block;
  margin-bottom:8px;
  color:#5f4600!important;
  font-size:10px!important;
  font-weight:950;
  letter-spacing:.13em;
}
body.brand-home .portal-heading-emotional h2{
  color:var(--ag-ink)!important;
  font-size:clamp(34px,4vw,52px)!important;
  line-height:.97!important;
  max-width:14ch;
}
body.brand-home .portal-heading-emotional>a{
  color:var(--ag-ink)!important;
  background:#fff;
  padding:10px 12px;
  border-radius:999px;
  font-weight:950;
}
body.brand-home .portal-grid>a{
  border:3px solid #fff!important;
  box-shadow:0 15px 34px rgba(67,49,0,.15);
}
body.brand-home .portal-grid>a:nth-child(1){transform:rotate(-.55deg)}
body.brand-home .portal-grid>a:nth-child(2){transform:rotate(.5deg)}
body.brand-home .portal-grid>a:nth-child(3){transform:rotate(-.35deg)}
body.brand-home .portal-grid>a:nth-child(4){transform:rotate(.4deg)}

/* Deal radar should feel like a sale floor */
body.brand-home .deal-radar{
  background:
    radial-gradient(circle at 4% 8%,rgba(255,61,141,.14),transparent 25rem),
    radial-gradient(circle at 95% 18%,rgba(143,108,255,.13),transparent 24rem),
    #fff4ea!important;
  color:var(--ag-ink)!important;
  padding:62px 0!important;
}
body.brand-home .deal-head h2,
body.brand-home .deal-head p,
body.brand-home .deal-head .kicker{
  color:var(--ag-ink)!important;
}
body.brand-home .deal-head p{
  font-weight:650;
}
body.brand-home .deal-card{
  border:0!important;
  box-shadow:0 18px 48px rgba(66,42,28,.14)!important;
}
body.brand-home .deal-card:nth-child(1){box-shadow:0 18px 48px rgba(255,61,141,.18)!important}
body.brand-home .deal-card:nth-child(2){box-shadow:0 18px 48px rgba(255,141,59,.18)!important}
body.brand-home .deal-note{
  color:#463f39!important;
  font-weight:650;
}

/* Benefit section = three different emotions instead of three identical dark boxes */
body.brand-home .ag-proof{
  background:#11110f!important;
  padding:70px 0!important;
}
body.brand-home .ag-proof .section-head h2{color:#fff!important}
body.brand-home .ag-proof .section-head p{color:#f4f4ef!important}
body.brand-home .ag-proof .feature-grid{gap:14px!important}
body.brand-home .ag-proof .feature{
  min-height:250px!important;
  border:0!important;
  box-shadow:none!important;
  padding:26px!important;
}
body.brand-home .ag-proof .feature-save{background:var(--ag-yellow)!important}
body.brand-home .ag-proof .feature-fit{background:var(--ag-pink)!important}
body.brand-home .ag-proof .feature-calm{background:var(--ag-aqua)!important}
body.brand-home .ag-proof .feature h3,
body.brand-home .ag-proof .feature p,
body.brand-home .ag-proof .feature .num{
  color:var(--ag-ink)!important;
  text-shadow:none!important;
}
body.brand-home .ag-proof .feature h3{
  font-size:28px!important;
  line-height:1.03!important;
}
body.brand-home .ag-proof .feature p{
  font-size:15px!important;
  line-height:1.5!important;
  font-weight:650;
}
body.brand-home .ag-proof .feature .num{
  background:#fff!important;
  border-color:rgba(17,17,15,.18)!important;
  font-weight:950;
}
body.brand-home .directory-cta{
  background:#fff!important;
  color:var(--ag-ink)!important;
  border:0!important;
  box-shadow:0 14px 44px rgba(0,0,0,.18);
}
body.brand-home .directory-cta small,
body.brand-home .directory-cta b{color:var(--ag-ink)!important}

/* Final CTA: zero ambiguity, maximum contrast */
body.brand-home .ag-how-pop{
  background:#8f6cff!important;
  padding:52px 0 110px!important;
}
body.brand-home .cta-banner-pop{
  display:grid!important;
  grid-template-columns:1.1fr .9fr;
  padding:0!important;
  overflow:hidden;
  border:4px solid #11110f!important;
  border-radius:30px!important;
  background:#ffd84d!important;
  box-shadow:12px 12px 0 #11110f!important;
}
body.brand-home .cta-pop-copy{
  padding:42px!important;
  align-self:center;
}
body.brand-home .cta-pop-copy .kicker{
  color:#6c5100!important;
  font-size:11px!important;
  font-weight:950;
}
body.brand-home .cta-pop-copy h2{
  margin:9px 0 14px!important;
  color:var(--ag-ink)!important;
  font-size:clamp(42px,5.2vw,70px)!important;
  line-height:.93!important;
  letter-spacing:-.055em;
  max-width:11ch;
  text-shadow:none!important;
}
body.brand-home .cta-pop-copy h2 em{
  color:#b11659!important;
  font-style:normal;
}
body.brand-home .cta-pop-copy p{
  color:#2c2a25!important;
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:700;
  max-width:620px;
}
body.brand-home .cta-pop-copy .btn.main{
  background:#11110f!important;
  color:#fff!important;
  border-color:#11110f!important;
}
body.brand-home .cta-pop-copy .btn.secondary{
  background:#fff!important;
  color:#11110f!important;
  border:2px solid #11110f!important;
}
body.brand-home .cta-pop-face{
  position:relative;
  min-height:460px;
  overflow:hidden;
}
body.brand-home .cta-pop-face img{
  width:100%;
  height:100%;
  object-fit:cover;
}
body.brand-home .cta-pop-face:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(17,17,15,.72),transparent 60%);
}
body.brand-home .cta-pop-face span{
  position:absolute;
  z-index:2;
  left:22px;
  bottom:20px;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.05!important;
  font-weight:950;
  letter-spacing:.06em;
  text-shadow:0 3px 20px rgba(0,0,0,.6);
}
body.brand-home .cta-pop-face span strong{
  color:#fff!important;
  font-size:36px!important;
}

/* Mobile: compact but NEVER unreadable */
@media(max-width:760px){
  body.brand-home .emotion-stage{padding:38px 0 44px!important}
  body.brand-home .emotion-stage-head{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-bottom:16px!important;
  }
  body.brand-home .emotion-stage-head>span{font-size:10px!important}
  body.brand-home .emotion-stage-head h2{
    font-size:36px!important;
    line-height:.96!important;
    max-width:11ch!important;
  }
  body.brand-home .emotion-stage-head p{
    font-size:14px!important;
    line-height:1.5!important;
  }
  body.brand-home .emotion-grid{
    display:flex!important;
    overflow-x:auto;
    gap:10px!important;
    padding-bottom:4px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  body.brand-home .emotion-grid::-webkit-scrollbar{display:none}
  body.brand-home .emotion-hit{
    flex:0 0 82%;
    min-height:355px!important;
    border-radius:20px!important;
    scroll-snap-align:start;
  }
  body.brand-home .emotion-copy{left:16px!important;right:16px!important;bottom:15px!important}
  body.brand-home .emotion-copy small{font-size:10px!important}
  body.brand-home .emotion-copy b{font-size:26px!important;line-height:1.04!important}
  body.brand-home .emotion-copy span{font-size:12px!important}

  body.brand-home .portal-cards{padding:34px 0 40px!important}
  body.brand-home .portal-heading-emotional{
    display:block!important;
    margin-bottom:14px!important;
  }
  body.brand-home .portal-heading-emotional h2{
    font-size:34px!important;
    line-height:.98!important;
    max-width:12ch!important;
  }
  body.brand-home .portal-heading-emotional>a{
    display:inline-flex;
    margin-top:10px;
    font-size:12px!important;
  }
  body.brand-home .portal-grid>a{
    min-height:220px!important;
    border-width:2px!important;
  }
  body.brand-home .portal-grid b{font-size:18px!important}
  body.brand-home .portal-grid span{font-size:12px!important;line-height:1.35!important}

  body.brand-home .deal-radar{padding:40px 0!important}
  body.brand-home .deal-head h2{font-size:34px!important}
  body.brand-home .deal-head p{font-size:14px!important;line-height:1.5!important}
  body.brand-home .deal-copy h3{font-size:22px!important}
  body.brand-home .deal-copy p{font-size:14px!important;line-height:1.5!important}
  body.brand-home .deal-copy small{font-size:10px!important}
  body.brand-home .deal-cta,
  body.brand-home .deal-link{font-size:13px!important;min-height:44px!important}

  body.brand-home .ag-proof{padding:44px 0!important}
  body.brand-home .ag-proof .section-head h2{font-size:36px!important;line-height:.98!important}
  body.brand-home .ag-proof .section-head p{font-size:14px!important;line-height:1.5!important}
  body.brand-home .ag-proof .feature{padding:20px!important;min-height:0!important}
  body.brand-home .ag-proof .feature h3{font-size:22px!important}
  body.brand-home .ag-proof .feature p{font-size:14px!important}
  body.brand-home .directory-cta small{font-size:11px!important}
  body.brand-home .directory-cta b{font-size:17px!important}

  body.brand-home .ag-how-pop{padding:34px 0 92px!important}
  body.brand-home .cta-banner-pop{
    grid-template-columns:1fr!important;
    border-width:3px!important;
    border-radius:22px!important;
    box-shadow:7px 7px 0 #11110f!important;
  }
  body.brand-home .cta-pop-copy{padding:24px 18px!important}
  body.brand-home .cta-pop-copy .kicker{font-size:10px!important}
  body.brand-home .cta-pop-copy h2{
    font-size:38px!important;
    line-height:.95!important;
    max-width:10.5ch!important;
  }
  body.brand-home .cta-pop-copy p{
    font-size:14px!important;
    line-height:1.5!important;
    color:#2c2a25!important;
  }
  body.brand-home .cta-pop-copy .btn{
    min-height:46px!important;
    font-size:13px!important;
  }
  body.brand-home .cta-pop-face{min-height:270px!important}
  body.brand-home .cta-pop-face span{font-size:12px!important}
  body.brand-home .cta-pop-face span strong{font-size:30px!important}

  /* hard floor against previous cascade accidentally shrinking text */
  body.brand-home main p{font-size:max(14px,1em)!important}
  body.brand-home main .deal-note,
  body.brand-home main .hero-sale-note{font-size:10px!important}
  body.brand-home .mobile-compare-bar b{font-size:12px!important}
  body.brand-home .mobile-compare-bar small{font-size:10px!important;color:#e0e6e2!important}
  body.brand-home .mobile-compare-bar strong{font-size:11px!important}
}


/* Top deal cards get distinct emotional color identities v52 */
body.brand-home .home-live-deal{
  background:#11110f!important;
  padding:18px 0!important;
}
body.brand-home .home-live-deal .live-deal-coffee{
  background:linear-gradient(135deg,#ff9b45 0%,#ff6e59 100%)!important;
  border:0!important;
  box-shadow:0 18px 46px rgba(255,110,89,.22);
}
body.brand-home .home-live-deal .live-deal:not(.live-deal-coffee){
  background:linear-gradient(135deg,#54e2b1 0%,#6fd7ff 100%)!important;
  border:0!important;
  box-shadow:0 18px 46px rgba(84,226,177,.20);
}
body.brand-home .home-live-deal .live-deal-copy small,
body.brand-home .home-live-deal .live-deal-copy b,
body.brand-home .home-live-deal .live-deal-copy span{
  color:#11110f!important;
  text-shadow:none!important;
}
body.brand-home .home-live-deal .live-deal-copy small{
  font-weight:950;
}
body.brand-home .home-live-deal .live-deal-copy strong{
  background:#11110f!important;
  color:#fff!important;
  border:2px solid #fff!important;
}
body.brand-home .home-live-deal .live-deal-badge{
  background:#ffd84d!important;
  color:#11110f!important;
  border:3px solid #fff;
}
@media(max-width:760px){
  body.brand-home .home-live-deal{padding:12px 0!important}
  body.brand-home .home-live-deal .live-deal-copy b{font-size:18px!important}
  body.brand-home .home-live-deal .live-deal-copy span{font-size:13px!important}
}


/* Image-first arrival v53 — first screen = pictures, emotion, deals */
body.brand-home .visual-first{
  padding:84px 0 18px;
  background:#11110f;
}
body.brand-home .visual-first-shell{
  padding-left:18px!important;
  padding-right:18px!important;
}
body.brand-home .visual-first-grid{
  display:grid;
  grid-template-columns:1.35fr .8fr .8fr;
  grid-template-rows:280px 280px;
  gap:12px;
}
body.brand-home .visual-tile{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  text-decoration:none;
  color:#fff!important;
  isolation:isolate;
  box-shadow:0 18px 54px rgba(0,0,0,.28);
  border:2px solid rgba(255,255,255,.12);
}
body.brand-home .visual-tile>img:not(.visual-product){
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}
body.brand-home .visual-tile:hover>img:not(.visual-product){transform:scale(1.04)}
body.brand-home .visual-tile-main{
  grid-row:1/3;
  grid-column:1;
}
body.brand-home .visual-tile-coffee{
  grid-column:2;
  grid-row:1;
}
body.brand-home .visual-tile-pet{
  grid-column:3;
  grid-row:1;
}
body.brand-home .visual-tile-bike{
  grid-column:2/4;
  grid-row:2;
}
body.brand-home .visual-tint{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(0deg,rgba(7,6,7,.9) 0%,rgba(7,6,7,.18) 54%,rgba(7,6,7,.04) 100%);
}
body.brand-home .visual-tile-main .visual-tint{
  background:
    linear-gradient(0deg,rgba(7,4,7,.94) 0%,rgba(7,4,7,.24) 56%,rgba(7,4,7,.05) 100%),
    linear-gradient(90deg,rgba(255,61,141,.18),transparent 55%);
}
body.brand-home .visual-tile-coffee .visual-tint{
  background:
    linear-gradient(0deg,rgba(34,16,4,.92),rgba(34,16,4,.08) 62%),
    linear-gradient(135deg,rgba(255,141,59,.24),transparent 60%);
}
body.brand-home .visual-tile-pet .visual-tint{
  background:
    linear-gradient(0deg,rgba(3,28,24,.92),rgba(3,28,24,.08) 62%),
    linear-gradient(135deg,rgba(116,239,208,.18),transparent 60%);
}
body.brand-home .visual-tile-bike .visual-tint{
  background:
    linear-gradient(0deg,rgba(9,16,30,.9),rgba(9,16,30,.04) 68%),
    linear-gradient(135deg,rgba(120,128,255,.20),transparent 58%);
}
body.brand-home .visual-copy{
  position:absolute;
  z-index:3;
  left:20px;
  right:20px;
  bottom:18px;
  text-shadow:0 3px 18px rgba(0,0,0,.75);
}
body.brand-home .visual-copy small{
  display:block;
  color:#fff!important;
  font-size:10px!important;
  font-weight:950;
  letter-spacing:.13em;
}
body.brand-home .visual-copy b{
  display:block;
  margin-top:6px;
  color:#fff!important;
  font-size:25px!important;
  line-height:1.03!important;
  letter-spacing:-.04em;
}
body.brand-home .visual-tile-main .visual-copy b{
  font-size:clamp(34px,4.5vw,60px)!important;
  max-width:8ch;
}
body.brand-home .visual-copy span{
  display:inline-flex;
  margin-top:10px;
  padding:8px 10px;
  border-radius:999px;
  background:#fff;
  color:#11110f!important;
  text-shadow:none!important;
  font-size:11px!important;
  font-weight:950;
}
body.brand-home .visual-badge{
  position:absolute;
  z-index:4;
  top:14px;
  left:14px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:10px 12px;
  border-radius:999px;
  background:#ffd84d;
  color:#11110f!important;
  border:3px solid #fff;
  font-size:12px;
  font-weight:950;
  line-height:1;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
body.brand-home .visual-badge strong{
  color:#11110f!important;
  font-size:22px;
  letter-spacing:-.04em;
}
body.brand-home .visual-badge-orange{background:#ff9b45}
body.brand-home .visual-badge-aqua{background:#74efd0}
body.brand-home .visual-product{
  position:absolute;
  z-index:2;
  right:8px;
  bottom:8px;
  object-fit:contain;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.38));
  border-radius:12px;
}
body.brand-home .visual-product-coffee{
  width:38%;
  height:38%;
}
body.brand-home .visual-product-pet{
  width:36%;
  height:36%;
  object-fit:cover;
  border:2px solid #fff;
}

body.brand-home .visual-search{
  background:#ffd84d;
  color:#11110f;
  padding:20px 0 22px;
  border-bottom:1px solid rgba(17,17,15,.14);
}
body.brand-home .visual-search-inner{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  align-items:center;
  gap:24px;
}
body.brand-home .visual-search-kicker{
  display:block;
  color:#5f4600!important;
  font-size:10px!important;
  font-weight:950;
  letter-spacing:.13em;
}
body.brand-home .visual-search h1{
  margin:5px 0 0;
  color:#11110f!important;
  font-size:clamp(28px,3vw,44px)!important;
  line-height:.98!important;
  letter-spacing:-.045em;
  text-shadow:none!important;
}
body.brand-home .visual-search .mock-search{
  background:#fff!important;
  border:2px solid #11110f!important;
  box-shadow:4px 4px 0 #11110f!important;
}
body.brand-home .visual-search .mock-search input{
  color:#11110f!important;
}
body.brand-home .visual-search .mock-search input::placeholder{
  color:#6d675a!important;
}
body.brand-home .visual-search .mock-search button{
  background:#11110f!important;
  color:#fff!important;
}
body.brand-home .visual-search-chips{
  margin-top:10px!important;
}
body.brand-home .visual-search-chips a{
  background:#fff!important;
  color:#11110f!important;
  border:1px solid rgba(17,17,15,.18)!important;
  text-shadow:none!important;
}

@media(max-width:900px){
  body.brand-home .visual-first-grid{
    grid-template-columns:1.2fr .8fr;
    grid-template-rows:300px 220px 220px;
  }
  body.brand-home .visual-tile-main{grid-column:1;grid-row:1/3}
  body.brand-home .visual-tile-coffee{grid-column:2;grid-row:1}
  body.brand-home .visual-tile-pet{grid-column:2;grid-row:2}
  body.brand-home .visual-tile-bike{grid-column:1/3;grid-row:3}
  body.brand-home .visual-search-inner{grid-template-columns:1fr}
}

@media(max-width:620px){
  body.brand-home .visual-first{
    padding:72px 0 10px!important;
  }
  body.brand-home .visual-first-shell{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.brand-home .visual-first-grid{
    display:grid!important;
    grid-template-columns:1.18fr .82fr!important;
    grid-template-rows:330px 160px!important;
    gap:7px!important;
  }
  body.brand-home .visual-tile{
    border-radius:16px!important;
    border-width:1px!important;
  }
  body.brand-home .visual-tile-main{
    grid-column:1/3!important;
    grid-row:1!important;
  }
  body.brand-home .visual-tile-coffee{
    grid-column:1!important;
    grid-row:2!important;
  }
  body.brand-home .visual-tile-pet{
    grid-column:2!important;
    grid-row:2!important;
  }
  body.brand-home .visual-tile-bike{
    display:none!important;
  }
  body.brand-home .visual-copy{
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
  }
  body.brand-home .visual-copy small{
    font-size:9px!important;
  }
  body.brand-home .visual-copy b{
    font-size:18px!important;
    line-height:1.04!important;
  }
  body.brand-home .visual-tile-main .visual-copy b{
    font-size:38px!important;
    max-width:8ch!important;
  }
  body.brand-home .visual-copy span{
    margin-top:7px!important;
    padding:7px 8px!important;
    font-size:10px!important;
  }
  body.brand-home .visual-badge{
    top:9px!important;
    left:9px!important;
    padding:8px 9px!important;
    font-size:10px!important;
    border-width:2px!important;
  }
  body.brand-home .visual-badge strong{
    font-size:18px!important;
  }
  body.brand-home .visual-product-coffee{
    width:42%!important;
    height:40%!important;
  }
  body.brand-home .visual-product-pet{
    width:42%!important;
    height:40%!important;
  }
  body.brand-home .visual-search{
    padding:16px 0 18px!important;
  }
  body.brand-home .visual-search-inner{
    gap:11px!important;
  }
  body.brand-home .visual-search-kicker{
    font-size:9px!important;
  }
  body.brand-home .visual-search h1{
    font-size:30px!important;
    line-height:.98!important;
  }
  body.brand-home .visual-search .mock-search{
    box-shadow:3px 3px 0 #11110f!important;
  }
  body.brand-home .visual-search .mock-search input{
    font-size:14px!important;
  }
  body.brand-home .visual-search-chips{
    display:flex!important;
    overflow-x:auto;
    gap:6px!important;
    margin:9px -13px 0!important;
    padding:0 13px 2px!important;
    scrollbar-width:none;
  }
  body.brand-home .visual-search-chips::-webkit-scrollbar{display:none}
  body.brand-home .visual-search-chips a{
    flex:0 0 auto;
    font-size:10px!important;
    padding:7px 9px!important;
  }
}


/* Screenshot hotfix v54 — loaded photos first, no black holes, no green alt/copy */
body.brand-home .visual-first{
  background:#0d0d0c!important;
}
body.brand-home .visual-tile{
  background:linear-gradient(135deg,#ff7fae,#ffb04d)!important;
}
body.brand-home .visual-tile-coffee{
  background:linear-gradient(135deg,#ff9b45,#8b421e)!important;
}
body.brand-home .visual-tile-pet{
  background:linear-gradient(135deg,#72e7c5,#3f79b8)!important;
}
body.brand-home .visual-tile-bike{
  background:linear-gradient(135deg,#8fa4ff,#4b5cc8)!important;
}
body.brand-home .visual-tile>img:not(.visual-product){
  z-index:0!important;
  display:block!important;
  color:transparent!important;
  font-size:0!important;
}
body.brand-home .visual-tile .visual-copy,
body.brand-home .visual-tile .visual-copy *,
body.brand-home .visual-tile-main .visual-copy b,
body.brand-home .visual-tile-coffee .visual-copy b,
body.brand-home .visual-tile-pet .visual-copy b,
body.brand-home .visual-tile-bike .visual-copy b{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.brand-home .visual-tile .visual-copy span{
  color:#11110f!important;
  -webkit-text-fill-color:#11110f!important;
  background:#fff!important;
  text-shadow:none!important;
}
body.brand-home .visual-badge,
body.brand-home .visual-badge *{
  color:#11110f!important;
  -webkit-text-fill-color:#11110f!important;
  text-shadow:none!important;
}
body.brand-home .visual-product,
body.brand-home .live-deal-product,
body.brand-home .deal-product-overlay{
  display:none!important;
}

/* live cards must look complete even before image decode */
body.brand-home .live-deal-visual{
  background:linear-gradient(135deg,#ff9b45,#ff665c)!important;
}
body.brand-home .live-deal:not(.live-deal-coffee) .live-deal-visual{
  background:linear-gradient(135deg,#74efd0,#5f8fff)!important;
}
body.brand-home .live-deal-life,
body.brand-home .deal-life{
  display:block!important;
  color:transparent!important;
  font-size:0!important;
  object-fit:cover!important;
}
body.brand-home .home-live-deal .live-deal-copy b{
  color:#11110f!important;
  -webkit-text-fill-color:#11110f!important;
}
body.brand-home .home-live-deal .live-deal-copy span,
body.brand-home .home-live-deal .live-deal-copy small{
  color:#1d1c18!important;
  -webkit-text-fill-color:#1d1c18!important;
}
body.brand-home .home-live-deal .live-deal-copy strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* no visible broken-image alt text on branded visual surfaces */
body.brand-home .emotion-hit img,
body.brand-home .portal-grid img,
body.brand-home .cta-pop-face img{
  color:transparent!important;
  font-size:0!important;
  display:block!important;
}

@media(max-width:620px){
  body.brand-home .visual-first-grid{
    grid-template-rows:315px 170px!important;
  }
  body.brand-home .visual-tile-main .visual-copy b{
    font-size:34px!important;
    line-height:.98!important;
  }
  body.brand-home .visual-tile-main .visual-copy{
    bottom:14px!important;
  }
  body.brand-home .visual-tile-coffee .visual-copy b,
  body.brand-home .visual-tile-pet .visual-copy b{
    font-size:17px!important;
    line-height:1.02!important;
  }
  body.brand-home .visual-tile-coffee .visual-copy span,
  body.brand-home .visual-tile-pet .visual-copy span{
    font-size:9px!important;
    padding:6px 7px!important;
  }
  body.brand-home .live-deal-visual{
    min-height:210px!important;
    height:210px!important;
  }
}


/* UX cleanup v57 — navigation never covers content + hard contrast contract */
body.vc-page .mock-nav{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  z-index:120!important;
  background:rgba(7,9,14,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
body.vc-page .mock-nav .nav{min-height:68px!important}
body.vc-page main{position:relative;z-index:1}

/* text over imagery: always readable, never white-on-white */
body.vc-page :where(
  .brand-hero-copy,.visual-break-copy,.world-copy,.universe-card-copy,.video-copy,
  .spotlight-copy,.moment-copy,.story-copy,.brand-mood-copy,.vf-banner-copy,
  .decision-tile span,.deal-media-copy,.equal-copy
){
  color:#fff!important;
  text-shadow:0 2px 16px rgba(0,0,0,.92)!important;
}
body.vc-page :where(
  .brand-hero-copy,.visual-break-copy,.world-copy,.universe-card-copy,.video-copy,
  .spotlight-copy,.moment-copy,.story-copy,.brand-mood-copy,.vf-banner-copy,
  .decision-tile span,.deal-media-copy,.equal-copy
) :where(h1,h2,h3,h4,b,strong,small,span,p,em){
  color:#fff!important;
  opacity:1!important;
}
body.vc-page :where(.stage-card,.card,.choice,.feature,.deal-card,.ag-related-card,.table-wrap,.notice,.cta-banner){
  color:#f6f9fc;
}
body.vc-page :where(.stage-card,.card,.choice,.feature,.deal-card,.ag-related-card,.notice) :where(p,small,.sub,.source-note){
  color:#d7e0eb!important;
  opacity:1!important;
}
body.vc-page :where(.stage-card,.card,.choice,.feature,.deal-card,.ag-related-card) :where(h2,h3,h4,b,strong){
  color:#fff!important;
  opacity:1!important;
}

/* buttons deliberately invert so their labels cannot disappear */
body.vc-page .btn.main,
body.vc-page .primary,
body.vc-page .deal-cta,
body.vc-page .card-cta{
  background:#fff!important;
  color:#0b1017!important;
  border-color:#fff!important;
  text-shadow:none!important;
}
body.vc-page .btn.main *,
body.vc-page .primary *,
body.vc-page .deal-cta *,
body.vc-page .card-cta *{color:#0b1017!important;text-shadow:none!important}

/* sponsored disclosure in the interface is simply "Anzeige" */
body.vc-page .adnote{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(6,10,16,.72)!important;
  color:#eef4fb!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  opacity:1!important;
}

/* compact shopping-intent controls */
.shop-intent{
  display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;
  padding:0 0 9px;margin:0 0 1px;white-space:nowrap
}
.shop-intent::-webkit-scrollbar{display:none}
.shop-intent-label{flex:none;color:#f7fbff;font-size:11px;font-weight:950;margin-right:2px}
.shop-chip{
  flex:none;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);
  color:#d8e2ee;padding:8px 10px;border-radius:999px;font-size:10px;font-weight:850;cursor:pointer
}
.shop-chip:hover,.shop-chip.is-active{
  background:#fff;color:#0a0e14;border-color:#fff
}
.shop-compare-link{
  margin-left:auto;flex:none;padding:8px 11px;border-radius:999px;background:#baffdb;
  color:#07110c!important;font-size:10px;font-weight:950;text-decoration:none
}
.equal-card[hidden]{display:none!important}

@media(max-width:760px){
  body.vc-page .mock-nav .nav{min-height:58px!important;height:58px!important}
  .shop-intent{padding-bottom:8px}
  .shop-intent-label{font-size:10px}
  .shop-chip,.shop-compare-link{font-size:9px;padding:7px 9px}
}


/* exact product/category links inside comparison tables */
body.vc-page .table-product-link{
  color:#baffdc!important;
  font-weight:900!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
}
body.vc-page .table-product-link:hover{color:#fff!important}
body.vc-page :where(.sf-card,.need,.path-card,.rm-card,.pt-card,.dl-card,.ab-card,.ap-card) .cta-row{
  margin-top:14px!important;
}
body.vc-page :where(.sf-card,.need,.path-card,.rm-card,.pt-card,.dl-card,.ab-card,.ap-card) .adnote{
  margin-top:7px!important;
}


/* partner readability contract v58 — no invisible typography anywhere */
body.vc-page:not(.brand-home){
  --read-dark:#0d121a;
  --read-body:#3f4a58;
  --read-soft:#d7e1eb;
  --read-white:#ffffff;
}

/* Never allow old gradient-text rules to make partner headings transparent. */
body.vc-page:not(.brand-home) :where(h1,h2,h3,h4,h5,h6),
body.vc-page:not(.brand-home) :where(h1,h2,h3,h4,h5,h6) :where(span,em,strong){
  -webkit-text-fill-color:currentColor!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  opacity:1!important;
}

/* Every partner hero is a dark/image surface: hero typography is always bright. */
body.vc-page:not(.brand-home) main>section:first-child{
  color:#fff!important;
}
body.vc-page:not(.brand-home) main>section:first-child :where(h1,h2,h3,h4){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  text-shadow:0 3px 24px rgba(0,0,0,.48)!important;
}
body.vc-page:not(.brand-home) main>section:first-child :where(p,strong,b){
  color:#f2f6fa!important;
  -webkit-text-fill-color:#f2f6fa!important;
  opacity:1!important;
}
body.vc-page:not(.brand-home) main>section:first-child .eyebrow,
body.vc-page:not(.brand-home) main>section:first-child .kicker{
  color:#a9f7d5!important;
  -webkit-text-fill-color:#a9f7d5!important;
  opacity:1!important;
}

/* SHIFTER concrete regression guard. */
body.brand-shifter .sf-hero h1{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 4px 28px rgba(0,0,0,.52)!important;
}
body.brand-shifter .sf-hero p,
body.brand-shifter .sf-hero strong{
  color:#e8eef5!important;
  -webkit-text-fill-color:#e8eef5!important;
}
body.brand-shifter .sf-copy :where(b,small){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.82)!important;
}

/* Normal content lives on the light VC canvas: use real dark copy, not inherited white. */
body.vc-page:not(.brand-home) .section-head h2,
body.vc-page:not(.brand-home) .compare-title :where(h1,h2),
body.vc-page:not(.brand-home) main>.section> .shell>h2{
  color:var(--read-dark)!important;
  -webkit-text-fill-color:var(--read-dark)!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.vc-page:not(.brand-home) .section-head p,
body.vc-page:not(.brand-home) .compare-title p{
  color:var(--read-body)!important;
  -webkit-text-fill-color:var(--read-body)!important;
  opacity:1!important;
}
body.vc-page:not(.brand-home) .section-head .kicker{
  color:#087452!important;
  -webkit-text-fill-color:#087452!important;
  opacity:1!important;
}

/* Generic decision surfaces are made dark so their white copy can never become white-on-white. */
body.vc-page:not(.brand-home) :where(.choice,.feature,.notice,.cta-banner){
  background:linear-gradient(145deg,#121a25,#0a1018)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
body.vc-page:not(.brand-home) :where(.choice,.feature,.notice,.cta-banner) :where(h2,h3,h4,b,strong){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
body.vc-page:not(.brand-home) :where(.choice,.feature,.notice,.cta-banner) :where(p,span,small){
  color:#d8e2ec!important;
  -webkit-text-fill-color:#d8e2ec!important;
  opacity:1!important;
}

/* Known partner cards are dark surfaces. Enforce readable copy regardless of page-specific CSS. */
body.vc-page:not(.brand-home) :where(
  .sf-card,.ab-card,.ap-card,.need,.path-card,.rm-card,.pt-card,.dl-card,
  .stage-card,.card,.deal-card,.ag-related-card
){
  color:#fff!important;
}
body.vc-page:not(.brand-home) :where(
  .sf-card,.ab-card,.ap-card,.need,.path-card,.rm-card,.pt-card,.dl-card,
  .stage-card,.card,.deal-card,.ag-related-card
) :where(h2,h3,h4,b,strong){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
body.vc-page:not(.brand-home) :where(
  .sf-card,.ab-card,.ap-card,.need,.path-card,.rm-card,.pt-card,.dl-card,
  .stage-card,.card,.deal-card,.ag-related-card
) :where(p,.sub,small){
  color:#d3dde8!important;
  -webkit-text-fill-color:#d3dde8!important;
  opacity:1!important;
}

/* All image overlays get a readable white foreground. */
body.vc-page:not(.brand-home) :where(
  .vc-copy,.sf-copy,.ab-copy,.ap-copy,.mk-copy,.rv-copy,
  .visual-break-copy,.brand-hero-copy,.emotion-card .copy,
  .vf-banner div,.vf-life div,.vc-editorial span,.float-card .label
) :where(h1,h2,h3,h4,p,b,strong,small,span){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  text-shadow:0 2px 16px rgba(0,0,0,.88)!important;
}

/* Tables are explicitly dark; no grey-on-grey / white-on-white states. */
body.vc-page:not(.brand-home) :where(
  .table-wrap,.sf-table,.ab-table,.ap-table,.mk-table,.raibu-table,.rm-table,.pt-table,.dl-table
){
  background:#0c131c!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
body.vc-page:not(.brand-home) :where(
  .table-wrap,.sf-table,.ab-table,.ap-table,.mk-table,.raibu-table,.rm-table,.pt-table,.dl-table
) th{
  background:#121c28!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
body.vc-page:not(.brand-home) :where(
  .table-wrap,.sf-table,.ab-table,.ap-table,.mk-table,.raibu-table,.rm-table,.pt-table,.dl-table
) td{
  color:#dce5ee!important;
  -webkit-text-fill-color:#dce5ee!important;
  opacity:1!important;
}

/* Secondary CTAs must also be visible on the light page canvas. */
body.vc-page:not(.brand-home) .btn.secondary{
  background:#111923!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#263445!important;
  text-shadow:none!important;
}
body.vc-page:not(.brand-home) .btn.secondary *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:none!important;
}

/* Small explanatory / source text: never fade below a readable floor. */
body.vc-page:not(.brand-home) :where(
  .sf-note,.ab-note,.ap-note,.mk-warning,.raibu-note,.rm-note,.pt-note,.dl-note,
  .micro,.source-note,.directory-count
){
  color:#536171!important;
  -webkit-text-fill-color:#536171!important;
  opacity:1!important;
}

/* Footer and navigation stay explicit too. */
body.vc-page:not(.brand-home) .topbar :where(a,span,b){
  opacity:1!important;
}
body.vc-page:not(.brand-home) .footer{
  background:#090e15!important;
  color:#cbd5df!important;
}
body.vc-page:not(.brand-home) .footer a{
  color:#e7edf3!important;
  -webkit-text-fill-color:#e7edf3!important;
  opacity:1!important;
}

@media(max-width:760px){
  body.vc-page:not(.brand-home) main>section:first-child h1{
    line-height:.94!important;
  }
}


/* comparison-page readability v59 */
body.comparison-page{
  background:#071018!important;
  color:#fff!important;
}
body.comparison-page :where(h1,h2,h3,h4,h5,h6),
body.comparison-page :where(h1,h2,h3,h4,h5,h6) :where(span,em,strong){
  opacity:1!important;
  -webkit-text-fill-color:currentColor!important;
}
body.comparison-page .hero :where(h1,h2,h3){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 3px 22px rgba(0,0,0,.48)!important;
}
body.comparison-page .hero p{
  color:#e3ebf3!important;
  -webkit-text-fill-color:#e3ebf3!important;
  opacity:1!important;
}
body.comparison-page .hero .eyebrow{
  color:#a9f7d5!important;
  -webkit-text-fill-color:#a9f7d5!important;
}
body.comparison-page .section-head h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
body.comparison-page .section-head p{
  color:#cbd6e2!important;
  -webkit-text-fill-color:#cbd6e2!important;
  opacity:1!important;
}
body.comparison-page .section-head .kicker{
  color:#9cf0cc!important;
  -webkit-text-fill-color:#9cf0cc!important;
}
body.comparison-page :where(.choice,.feature,.notice,.cta-banner,.card){
  color:#fff!important;
}
body.comparison-page :where(.choice,.feature,.notice,.cta-banner,.card) :where(h2,h3,h4,b,strong){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
body.comparison-page :where(.choice,.feature,.notice,.cta-banner,.card) :where(p,span,small){
  color:#d5dfe9!important;
  -webkit-text-fill-color:#d5dfe9!important;
  opacity:1!important;
}
body.comparison-page .btn.secondary{
  background:#111923!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#2d3c4d!important;
}
body.comparison-page .footer{
  background:#070b11!important;
  color:#cbd5df!important;
}
body.comparison-page .footer a{
  color:#e7edf3!important;
  -webkit-text-fill-color:#e7edf3!important;
  opacity:1!important;
}

/* Readable purchase conditions and campaign codes. */
.live-deal-copy span,.deal-copy p{font-size:1rem!important;line-height:1.6!important;overflow-wrap:anywhere}
.live-deal-copy small,.deal-copy small,.adnote,.deal-note{font-size:.875rem!important;line-height:1.5!important}
[hidden]{display:none!important}
.deal-card.deal-text{grid-template-columns:1fr}


/* ==============================================================
   AURAGLOBAL / EMOTIONAL COMMERCE SYSTEM 2026
   Unified visual language shared by legacy brand worlds,
   editorial comparisons, search, checkout pathways and mobile.
   Every visual embellishment is subordinate to legibility.
   ============================================================== */
:root{
 --ag-coral:#ffad9f;--ag-butter:#ffdf94;--ag-lilac:#c5b7f7;
 --ag-sky:#91d9ed;--ag-spring:#c1f2d3;--ag-cream:#f8f5ec;
 --ag-forest:#14392c;--ag-ink:#162822;
 --ag-soft-shadow:0 22px 65px rgba(18,38,33,.13);
}
body{--ag-local-one:var(--ag-spring);--ag-local-two:var(--ag-butter);--ag-local-pale:#e6f3e9;}
body.brand-pet,body.brand-wau{--ag-local-one:#e6b5e8;--ag-local-two:#ffcfb1;--ag-local-pale:#f8eaf6;}
body.brand-outin,body.brand-coffee,body.brand-nespresso{--ag-local-one:#ffc98f;--ag-local-two:#ffdba7;--ag-local-pale:#fff0db;}
body.brand-bike,body.brand-tenways,body.brand-dotblue,body.brand-iscooter{--ag-local-one:#b9f6cb;--ag-local-two:#e4dfa0;--ag-local-pale:#e8f3e7;}
body.brand-allpowers,body.brand-drbo,body.brand-anker,body.brand-solix{--ag-local-one:#9edcf5;--ag-local-two:#ffdf99;--ag-local-pale:#e7f4fa;}
body.brand-fashion,body.brand-momox,body.brand-vorteil,body.brand-takko{--ag-local-one:#f4b2d1;--ag-local-two:#ffe0a9;--ag-local-pale:#fbeaf1;}
body.brand-scheppach,body.brand-rameder,body.brand-anthbot{--ag-local-one:#f9c693;--ag-local-two:#add7ca;--ag-local-pale:#fff2e3;}
body.vc-page{background:linear-gradient(145deg,#faf9f4 0%,#f3f7f1 50%,#f7f3ed 100%)!important;}
/* Navigation must feel like the same brand on every product journey. */
body .topbar{box-shadow:0 9px 35px rgba(3,17,14,.11)}
body .topbar .navlinks a{position:relative;text-decoration:none;transition:opacity .18s ease,color .18s ease}
body .topbar .navlinks a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--ag-local-one);transition:width .18s ease;border-radius:2px}
body .topbar .navlinks a:hover:after{width:100%}
body .topbar .nav-cta{background:linear-gradient(110deg,#c5f5d5,#a9e9d3)!important;color:#153a29!important;border:1px solid transparent!important;box-shadow:0 8px 24px rgba(5,32,19,.1);font-weight:870!important}
body .topbar .nav-cta:hover{background:#e4ffee!important;color:#153a29!important}
/* Retain white hero text on all brands while giving each a distinct mood. */
body.vc-page .vc-hero{min-height:clamp(390px,57vw,610px);isolation:isolate;background:#112522}
body.vc-page .vc-hero>img{filter:saturate(1.12) contrast(1.065) brightness(.95);transform:scale(1.006);transition:transform .7s ease}
body.vc-page .vc-hero:hover>img{transform:scale(1.028)}
body.vc-page .vc-hero:after{background:linear-gradient(93deg,rgba(7,18,20,.89),rgba(9,24,24,.66) 43%,rgba(9,24,24,.17) 80%),linear-gradient(0deg,rgba(4,17,16,.51),transparent 53%)!important}
body.vc-page .vc-copy h1{font-size:clamp(47px,6.75vw,96px)!important;line-height:.94!important;letter-spacing:-.077em!important;max-width:11ch!important;color:#fff!important;text-shadow:0 5px 30px rgba(0,0,0,.24)!important;text-wrap:balance}
body.vc-page .vc-copy small{color:var(--ag-local-one)!important;font-size:11px!important;letter-spacing:.16em!important}
body.vc-page .vc-copy p{color:#f1f8f2!important;font-size:clamp(15px,1.55vw,19px)!important;max-width:560px;line-height:1.65!important;text-shadow:0 2px 20px rgba(0,0,0,.27)}
body.vc-page .vc-copy .btn.main,body.vc-page .vc-copy a.btn.main{background:var(--ag-local-one)!important;color:#103528!important;border:0!important;min-height:48px;font-weight:900!important;padding-inline:22px!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important;transition:transform .18s,box-shadow .18s,filter .18s}
body.vc-page .vc-copy .btn.main:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(0,0,0,.27)!important;filter:brightness(1.05)}
body.vc-page .vc-copy .adnote{color:#d3e3d8!important;background:rgba(5,20,16,.4)!important;letter-spacing:.07em!important}
/* More life in the visual category and brand comparison tiles. */
body.vc-page .vc-cat{border-radius:16px!important;box-shadow:0 14px 35px rgba(16,35,27,.13);transition:transform .25s,box-shadow .25s;border:1px solid rgba(255,255,255,.18)}
body.vc-page .vc-cat:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(15,35,25,.23)}
body.vc-page .vc-cat img{transition:transform .45s ease,filter .3s;filter:saturate(1.09)}
body.vc-page .vc-cat:hover img{transform:scale(1.045);filter:saturate(1.17)}
body.vc-page .vc-cat:nth-child(3n+1):after{background:linear-gradient(0deg,rgba(13,45,38,.83),rgba(9,31,26,0) 82%)}
body.vc-page .vc-cat:nth-child(3n+2):after{background:linear-gradient(0deg,rgba(63,33,48,.83),rgba(52,20,43,0) 82%)}
body.vc-page .vc-cat:nth-child(3n):after{background:linear-gradient(0deg,rgba(31,36,71,.83),rgba(24,35,70,0) 82%)}
body.vc-page .vc-cat b{font-size:clamp(14px,1.5vw,19px)!important;text-shadow:0 2px 15px rgba(0,0,0,.32);letter-spacing:-.02em}
body.vc-page .section-head h2,body.vc-page .compare-title h2{letter-spacing:-.065em!important;line-height:1.07!important;text-wrap:balance}
body.vc-page .section-head p{line-height:1.65!important}
body.vc-page :is(.vc-offer,.choice,.feature,.compare-card,.compare-item){border-radius:19px!important;box-shadow:var(--ag-soft-shadow);transition:transform .22s ease,box-shadow .22s ease}
body.vc-page :is(.vc-offer,.choice,.feature,.compare-card,.compare-item):hover{transform:translateY(-3px);box-shadow:0 28px 67px rgba(16,42,31,.19)}
body.vc-page .feature:nth-child(4n+1){border-top:3px solid var(--ag-local-one)!important}
body.vc-page .feature:nth-child(4n+2){border-top:3px solid var(--ag-local-two)!important}
body.vc-page .feature:nth-child(4n+3){border-top:3px solid var(--ag-lilac)!important}
body.vc-page .feature:nth-child(4n){border-top:3px solid var(--ag-sky)!important}
body.vc-page .kicker,body.vc-page .eyebrow{letter-spacing:.13em;font-weight:850}
body.vc-page .btn.main:not(.vc-copy .btn.main){background:var(--ag-local-one)!important;color:#102b23!important;border-color:transparent!important;font-weight:880!important}
body.vc-page .btn.main:hover{filter:brightness(1.045)}
/* General premium comparison pages, without touching catalog filtering logic. */
body.comparison-page .hero{position:relative;background:radial-gradient(ellipse at 82% 11%,rgba(127,210,181,.19),transparent 48%),radial-gradient(ellipse at 5% 83%,rgba(207,170,243,.12),transparent 39%)}
body.comparison-page .choice:nth-child(3n+1){border-top:3px solid #a2e8c1!important}
body.comparison-page .choice:nth-child(3n+2){border-top:3px solid #ffcc9d!important}
body.comparison-page .choice:nth-child(3n){border-top:3px solid #bdc5ff!important}
body.comparison-page .feature{background:linear-gradient(150deg,#13272a,#0b1821)!important}
body.comparison-page .table-wrap{border:1px solid rgba(185,255,225,.28);box-shadow:0 24px 60px rgba(0,0,0,.15)}
/* Merchants / deals: distinct image-driven accents without fake badges. */
body.brand-home .equal-card{border-radius:18px!important;box-shadow:0 16px 42px rgba(0,0,0,.22)!important;transition:transform .25s,box-shadow .25s,border-color .25s!important}
body.brand-home .equal-card:hover{transform:translateY(-4px)!important;border-color:rgba(239,255,244,.64)!important;box-shadow:0 28px 60px rgba(0,0,0,.34)!important}
body.brand-home .equal-card .equal-photo{transition:transform .4s ease!important}
body.brand-home .equal-card:hover .equal-photo{transform:scale(1.035)!important}
body.brand-home .deal-radar{background:radial-gradient(circle at 11% 9%,rgba(246,156,190,.13),transparent 36%),radial-gradient(circle at 84% 64%,rgba(150,217,250,.14),transparent 39%),#0b141b!important}
body.brand-home .deal-card{border-color:rgba(202,242,224,.21)!important;transition:transform .2s,box-shadow .2s}
body.brand-home .deal-card:hover{transform:translateY(-3px);box-shadow:0 30px 70px rgba(0,0,0,.34)}
body.brand-home .deal-card:nth-child(4n+2){border-top:3px solid var(--ag-coral)!important}
body.brand-home .deal-card:nth-child(4n+3){border-top:3px solid var(--ag-sky)!important}
body.brand-home .deal-card:nth-child(4n){border-top:3px solid var(--ag-butter)!important}
body.brand-home .emotion-hit{transition:transform .22s ease,box-shadow .22s ease;overflow:hidden}
body.brand-home .emotion-hit:hover{transform:translateY(-3px);box-shadow:0 20px 54px rgba(12,30,24,.16)}
body.brand-home .portal-card,body.brand-home .portal-cards a{transition:transform .22s ease,box-shadow .22s ease}
body.brand-home .portal-card:hover{transform:translateY(-3px)}
/* Directory tiles should feel like tailored entry points, not a text database. */
body.directory-page .directory-hero{background:radial-gradient(ellipse at 82% 30%,rgba(158,213,187,.27),transparent 45%),linear-gradient(122deg,#0b2923,#0f1e23)!important}
body.directory-page .directory-hero h1{max-width:830px;font-size:clamp(47px,6vw,79px)!important;line-height:.97!important;letter-spacing:-.075em!important}
body.directory-page .directory-hero p{font-size:clamp(15px,1.7vw,19px)!important;line-height:1.65!important}
body.directory-page .directory{background:#f5f5ed!important}
body.directory-page .directory-section h2{letter-spacing:-.06em!important;color:#17392b!important}
body.directory-page .directory-card{border:1px solid #e2e6dc!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 26px rgba(33,52,38,.045);transition:transform .22s,box-shadow .22s,border-color .22s}
body.directory-page .directory-card:hover{transform:translateY(-4px);box-shadow:0 25px 60px rgba(32,53,39,.12);border-color:#a8cfb2!important}
body.directory-page .directory-card:nth-child(4n+1){border-top:4px solid #95d4b1!important}
body.directory-page .directory-card:nth-child(4n+2){border-top:4px solid #ffc49f!important}
body.directory-page .directory-card:nth-child(4n+3){border-top:4px solid #b5c8f3!important}
body.directory-page .directory-card:nth-child(4n){border-top:4px solid #eab5da!important}
body.directory-page .directory-card h3{letter-spacing:-.045em!important;color:#193c2b!important}
body.directory-page .directory-card p{line-height:1.65!important;color:#586a5e!important}
body.directory-page .directory-card strong{color:#1a6442!important}
/* Subtle rewards for buying decisions, not coercive animation. */
body :is(.ag-home-buy,.ag-home-guide,.ag-os-primary,.ag-choice-buy,.intent-buy,.intent-primary,.ag-eb-primary,.ag-eb-display-buy){transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
body :is(.ag-home-buy,.ag-os-primary,.ag-choice-buy,.intent-buy,.intent-primary,.ag-eb-primary,.ag-eb-display-buy):hover{filter:brightness(1.07);transform:translateY(-2px)}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #ffd89e!important;outline-offset:3px!important}
/* All sections remain comfortable on smaller devices. */
@media(max-width:760px){
 body.vc-page .vc-hero{min-height:480px}
 body.vc-page .vc-copy h1{font-size:clamp(44px,9.5vw,65px)!important;max-width:12ch!important}
 body.vc-page .vc-copy p{font-size:15px!important;line-height:1.6!important}
 body.directory-page .directory-hero h1{font-size:clamp(41px,11vw,59px)!important}
 body.vc-page .vc-cat{border-radius:13px!important}
 body.vc-page :is(.choice,.feature,.vc-offer){border-radius:16px!important}
 body.brand-home .deal-card{border-radius:18px!important}
}
@media(prefers-reduced-motion:reduce){body :is(.equal-card,.vc-cat,.deal-card,.choice,.feature,.portal-card,.directory-card,.vc-hero>img){transition:none!important;transform:none!important}}


/* AURAGLOBAL EXPERIENCE / OCTOBER 2026
   Unified editorial design across the original brand pages, discovery, products
   and marketplace. Keep controls and tracked destinations unchanged. */
:root{--aura-ink:#0b1718;--aura-deep:#081718;--aura-jade:#b8f3d2;--aura-amber:#ffd2a1;--aura-lilac:#d9c9fb;--aura-blue:#a9dbf7;--aura-cream:#f9f6ef;--aura-text:#f5fbf6}
body{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}
body :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.052em}
body :is(p,li){overflow-wrap:break-word}
body :is(button,a.btn,a.nav-cta,.deal-cta,.deal-link,.pf-hero-search button){touch-action:manipulation}
body .topbar{background:rgba(7,22,20,.93)!important;border-bottom:1px solid rgba(195,255,217,.19)!important;box-shadow:0 10px 35px rgba(0,0,0,.1);backdrop-filter:blur(24px)}
body .topbar .navlinks a{transition:color .18s ease}
body .topbar .navlinks a:hover{color:#c1f4d1!important}
body .topbar .nav-cta{background:#c4f4d4!important;color:#123927!important;border:0!important;font-weight:900!important;box-shadow:0 8px 20px rgba(39,107,71,.13)}
body .topbar .nav-cta:hover{background:#e6ffed!important}
body.vc-page:not(.brand-home){--aura-category:#b6ecd2;background:linear-gradient(180deg,#0b2520,#0b1419 640px,#071219 100%)!important}
body.brand-bike,body.brand-tenways{--aura-category:#c9f2b4}
body.brand-pet{--aura-category:#ffc1ba}
body.brand-outin,body.brand-coffee{--aura-category:#ffcf9c}
body.brand-allpowers,body.brand-solar,body.brand-energy{--aura-category:#a5dafe}
body.brand-fashion,body.brand-beauty,body.brand-momox{--aura-category:#efb8df}
body.brand-home{--aura-category:#bdf5d0}
body.vc-page:not(.brand-home) .vc-hero{isolation:isolate;min-height:490px;background:#0a2522!important}
body.vc-page:not(.brand-home) .vc-hero>img{filter:saturate(1.17) contrast(1.025)!important;transition:transform 1s ease!important}
@media(hover:hover){body.vc-page:not(.brand-home) .vc-hero:hover>img{transform:scale(1.025)}}
body.vc-page:not(.brand-home) .vc-hero:after{background:linear-gradient(90deg,rgba(4,20,18,.93) 0%,rgba(4,20,18,.66) 48%,rgba(4,20,18,.05) 91%),linear-gradient(0deg,rgba(4,18,17,.5),transparent 60%)!important}
body.vc-page:not(.brand-home) .vc-copy{max-width:650px!important}
body.vc-page:not(.brand-home) .vc-copy small{color:var(--aura-category)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.21em!important;text-transform:uppercase}
body.vc-page:not(.brand-home) .vc-copy h1{line-height:.93!important;font-size:clamp(52px,6.6vw,93px)!important;letter-spacing:-.078em!important;max-width:12ch!important}
body.vc-page:not(.brand-home) .vc-copy p{font-size:clamp(15px,1.5vw,19px)!important;line-height:1.65!important;color:#e0ebe8!important;max-width:49ch!important}
body.vc-page:not(.brand-home) .vc-copy .btn.main{background:var(--aura-category)!important;color:#143126!important;border-radius:8px!important;min-height:50px!important;padding:13px 20px!important;font-size:13px!important;font-weight:900!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important}
body.vc-page:not(.brand-home) .vc-copy .btn.main:hover{filter:brightness(1.08)!important;transform:translateY(-2px)}
body.vc-page:not(.brand-home) .vc-wrap{position:relative}
body.vc-page:not(.brand-home) .vc-cat{border-radius:17px!important;border:1px solid rgba(246,255,246,.14)!important;box-shadow:0 14px 34px rgba(2,15,12,.18);transition:transform .23s ease,box-shadow .23s ease!important}
body.vc-page:not(.brand-home) .vc-cat:nth-child(5n+1){border-bottom:4px solid #aee8cb!important}
body.vc-page:not(.brand-home) .vc-cat:nth-child(5n+2){border-bottom:4px solid #ffcb9d!important}
body.vc-page:not(.brand-home) .vc-cat:nth-child(5n+3){border-bottom:4px solid #b5c9fa!important}
body.vc-page:not(.brand-home) .vc-cat:nth-child(5n+4){border-bottom:4px solid #f2b9d7!important}
body.vc-page:not(.brand-home) .vc-cat:nth-child(5n){border-bottom:4px solid #f9e5ab!important}
body.vc-page:not(.brand-home) :is(.vc-offer,.choice,.feature,.vc-product){border-radius:18px!important;box-shadow:0 15px 48px rgba(3,16,15,.08)}
body.vc-page:not(.brand-home) :is(.choice,.feature){transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
@media(hover:hover){body.vc-page:not(.brand-home) :is(.choice,.feature):hover{transform:translateY(-4px);box-shadow:0 26px 64px rgba(7,19,18,.18)!important;border-color:rgba(171,234,198,.35)!important}}
body.vc-page:not(.brand-home) :is(.section-head .kicker,.eyebrow){color:var(--aura-category)!important}
body.product-finder .pf-hero{background-color:#102824!important}
body.product-finder .pf-hero:after{background:linear-gradient(90deg,rgba(7,25,22,.95),rgba(7,25,22,.72) 48%,rgba(7,25,22,.16))!important}
body.product-finder .pf-hero h1{font-size:clamp(48px,6.6vw,91px)!important;letter-spacing:-.075em!important;line-height:.95!important}
body.product-finder .pf-hero h1 em{color:#c7f4dc!important}
body.product-finder .pf-hero p{line-height:1.68!important}
body.product-finder .pf-hero-search{border:1px solid rgba(209,255,224,.30)!important;box-shadow:0 15px 55px rgba(0,0,0,.23)!important}
body.product-finder .pf-hero-search button{background:#c5f6d5!important;color:#153723!important;font-weight:900!important}
body.product-finder :is(.pf-story,.pf-product,.pf-card){transition:transform .2s ease,box-shadow .2s ease}
body.product-finder :is(.pf-story,.pf-product,.pf-card):hover{transform:translateY(-3px);box-shadow:0 20px 56px rgba(14,40,31,.19)}
body.directory-page .directory-hero{background:radial-gradient(circle at 82% 30%,rgba(255,188,161,.24),transparent 31%),radial-gradient(circle at 14% 90%,rgba(150,222,247,.17),transparent 38%),linear-gradient(120deg,#13382d,#0b1a26)!important}
body.directory-page .directory-hero h1{font-size:clamp(44px,6.3vw,83px)!important;line-height:.98!important;letter-spacing:-.078em!important;max-width:890px!important}
body.directory-page .directory-card{overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s!important}
body.directory-page .directory-grid .directory-card:nth-child(6n+1){border-top:4px solid #79cda6!important}
body.directory-page .directory-grid .directory-card:nth-child(6n+2){border-top:4px solid #f4b78b!important}
body.directory-page .directory-grid .directory-card:nth-child(6n+3){border-top:4px solid #adcbef!important}
body.directory-page .directory-grid .directory-card:nth-child(6n+4){border-top:4px solid #eeb0cb!important}
body.directory-page .directory-grid .directory-card:nth-child(6n+5){border-top:4px solid #d1b5eb!important}
body.directory-page .directory-grid .directory-card:nth-child(6n){border-top:4px solid #f0d58a!important}
body.directory-page .directory-card strong{color:#24543b!important}
body.brand-home .equal-card:nth-child(6n+1){box-shadow:0 17px 40px rgba(62,166,125,.13)!important}
body.brand-home .equal-card:nth-child(6n+2){box-shadow:0 17px 40px rgba(100,155,221,.13)!important}
body.brand-home .equal-card:nth-child(6n+3){box-shadow:0 17px 40px rgba(222,140,192,.12)!important}
body.brand-home :is(.portal-card,.emotion-hit,.deal-card){transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
@media(hover:hover){body.brand-home :is(.portal-card,.emotion-hit,.deal-card):hover{transform:translateY(-3px);box-shadow:0 20px 58px rgba(0,0,0,.21)}}
body.brand-home .deal-card:nth-child(4n+1){border-top:3px solid #b2f0ca}
body.brand-home .deal-card:nth-child(4n+2){border-top:3px solid #f8cca0}
body.brand-home .deal-card:nth-child(4n+3){border-top:3px solid #aecfff}
body.brand-home .deal-card:nth-child(4n){border-top:3px solid #f4bddd}
body :is(.btn.main,.ag-home-buy,.ag-home-discover-actions a,.deal-cta,.deal-link):focus-visible{outline:3px solid #ffe4ab!important;outline-offset:4px!important}
@media(max-width:760px){
body .topbar .nav{min-height:60px}
body.vc-page:not(.brand-home) .vc-hero{min-height:490px!important}
body.vc-page:not(.brand-home) .vc-copy{width:calc(100% - 42px)!important;max-width:620px!important}
body.vc-page:not(.brand-home) .vc-copy h1{font-size:clamp(42px,10.8vw,67px)!important;max-width:13ch!important}
body.vc-page:not(.brand-home) .vc-copy p{font-size:15px!important}
body.product-finder .pf-hero h1{font-size:clamp(43px,10.7vw,69px)!important}
body.directory-page .directory-hero h1{font-size:clamp(40px,10.6vw,62px)!important}
}
@media(prefers-reduced-motion:reduce){body :is(.vc-hero>img,.vc-cat,.choice,.feature,.pf-story,.pf-product,.pf-card,.directory-card,.portal-card,.emotion-hit,.deal-card){transition:none!important;transform:none!important}}