:root {
  --bg: #061120;
  --bg-2: #09182c;
  --panel: rgba(15, 31, 54, .78);
  --panel-solid: #0e2037;
  --line: rgba(136, 173, 219, .18);
  --text: #f7f9fd;
  --muted: #a8b6c9;
  --blue: #2d8cff;
  --blue-2: #61b4ff;
  --orange: #ff7a1a;
  --orange-2: #ffb13b;
  --green: #31d991;
  --shadow: 0 32px 90px rgba(0, 0, 0, .38);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, system-ui, sans-serif; color: var(--text); background: radial-gradient(circle at 50% -10%, #17375d 0, #071426 35%, var(--bg) 72%); min-height: 100vh; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input { font: inherit; }
.noise { pointer-events: none; position: fixed; inset: 0; opacity: .025; z-index: 999; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E"); }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; position: relative; }
.nav-wrap { position: fixed; top: 0; left: 0; right: 0; z-index: 50; padding: 16px 0; transition: .3s ease; }
.nav-wrap.scrolled { background: rgba(5, 16, 30, .75); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }
.nav { height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 21px; letter-spacing: -.03em; }
.brand-mark { width: 40px; height: 40px; border-radius: 13px; background: #07111f; border: 1px solid rgba(255,255,255,.08); display: grid; place-items: center; box-shadow: 0 10px 30px rgba(0,0,0,.25), inset 0 0 20px rgba(45,140,255,.05); }
.brand-mark svg { width: 30px; }
.brand-mark.small { width: 33px; height: 33px; }
.nav-links { display: flex; align-items: center; gap: 34px; color: #c6d1df; font-size: 14px; font-weight: 600; }
.nav-links a { transition: color .2s; }
.nav-links a:hover { color: #fff; }
.button { border: 1px solid transparent; display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 46px; padding: 0 20px; border-radius: 13px; font-weight: 700; font-size: 14px; transition: transform .2s, box-shadow .2s, border-color .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: linear-gradient(110deg, var(--blue), #1669de 45%, var(--orange)); box-shadow: 0 14px 36px rgba(39, 126, 239, .28), 0 8px 24px rgba(255,122,26,.16); }
.button-primary:hover { box-shadow: 0 18px 46px rgba(39,126,239,.4), 0 10px 28px rgba(255,122,26,.25); }
.button-ghost { background: rgba(255,255,255,.035); border-color: rgba(164,194,231,.22); color: #e8eef7; }
.button-ghost:hover { border-color: rgba(97,180,255,.52); background: rgba(45,140,255,.08); }
.button-lg { min-height: 56px; padding: 0 25px; border-radius: 15px; font-size: 15px; }
.button-sm { min-height: 42px; padding: 0 18px; }
.button svg { width: 20px; fill: currentColor; }
.menu-button { display: none; border: 0; background: transparent; width: 42px; height: 42px; }
.menu-button span { display: block; height: 2px; background: #fff; margin: 7px; }
.hero { padding-top: 160px; text-align: center; min-height: 1080px; }
.hero-glow { position: absolute; filter: blur(80px); border-radius: 50%; pointer-events: none; opacity: .36; }
.glow-a { width: 420px; height: 420px; background: var(--blue); top: 130px; left: -160px; }
.glow-b { width: 360px; height: 360px; background: var(--orange); top: 210px; right: -150px; opacity: .22; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #b9d8fb; text-transform: uppercase; font-size: 12px; letter-spacing: .16em; font-weight: 800; }
.pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 7px rgba(255,122,26,.12); }
h1, h2, h3 { font-family: "Space Grotesk", sans-serif; letter-spacing: -.045em; margin: 0; }
h1 { font-size: clamp(56px, 7vw, 92px); line-height: .98; margin-top: 28px; }
.gradient-text { background: linear-gradient(90deg, #72bdff 5%, #d7eaff 42%, #ffab48 72%, #ff6c20); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-copy { width: min(750px, 100%); margin: 28px auto 0; color: var(--muted); font-size: 19px; line-height: 1.7; }
.hero-actions { display: flex; justify-content: center; gap: 14px; margin-top: 35px; flex-wrap: wrap; }
.micro-proof { margin-top: 20px; display: flex; justify-content: center; flex-wrap: wrap; gap: 22px; color: #8499b2; font-size: 12px; font-weight: 600; }
.hero-stage { margin-top: 90px; position: relative; perspective: 1300px; }
.stage-orbit { position: absolute; border: 1px solid rgba(74,151,255,.17); border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.orbit-one { width: 116%; height: 135%; }
.orbit-two { width: 92%; height: 112%; border-color: rgba(255,126,32,.13); }
.browser-shell { position: relative; border: 1px solid rgba(117,171,235,.34); border-radius: 22px; padding: 10px; background: rgba(8,20,37,.82); box-shadow: var(--shadow), 0 0 90px rgba(40,126,246,.16); transition: transform .18s ease-out; transform-style: preserve-3d; }
.browser-bar { height: 43px; border-radius: 13px 13px 7px 7px; display: flex; align-items: center; gap: 7px; padding: 0 14px; background: #101e32; border: 1px solid rgba(255,255,255,.05); }
.browser-bar > span { width: 9px; height: 9px; border-radius: 50%; background: #ff6f56; }.browser-bar > span:nth-child(2){background:#ffbd2e}.browser-bar > span:nth-child(3){background:#27c93f}
.browser-address { width: 44%; margin: auto; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); border-radius: 8px; color: #6f839c; font-size: 11px; padding: 7px; }
.browser-shell > img { border-radius: 9px; margin-top: 9px; border: 1px solid rgba(255,255,255,.05); }
.floating-card { position: absolute; display: flex; align-items: center; gap: 11px; text-align: left; background: rgba(11, 27, 47, .9); border: 1px solid rgba(121,174,238,.22); backdrop-filter: blur(14px); padding: 13px 16px; border-radius: 15px; box-shadow: 0 18px 45px rgba(0,0,0,.34); animation: float 5s ease-in-out infinite; }
.floating-card strong { display: block; font-size: 13px; }.floating-card small { color: #8da0b8; font-size: 10px; }
.icon-bubble { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,125,28,.15); color: var(--orange-2); }.icon-bubble.blue{background:rgba(45,140,255,.15);color:var(--blue-2)}.icon-bubble.green{background:rgba(49,217,145,.14);color:var(--green)}
.float-one { left: -40px; top: 22%; }.float-two { right: -44px; top: 42%; animation-delay: -1.5s; }.float-three { left: 12%; bottom: -30px; animation-delay: -3s; }
@keyframes float { 50% { transform: translateY(-9px); } }
.section-pad { padding: 60px 0; }
.logo-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(9,24,43,.42); }
.strip-inner { text-align: center; }.strip-inner > span { color: #768ba4; text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 700; }
.strip-items { margin-top: 27px; display: flex; justify-content: center; align-items: center; gap: 24px; color: #b8c7d9; font-size: 12px; letter-spacing: .08em; flex-wrap: wrap; }.strip-items i { width: 4px; height: 4px; border-radius: 50%; background: var(--orange); }
.section { padding: 130px 0; }
.section-heading { max-width: 680px; margin-bottom: 60px; }.section-heading.centered { text-align: center; margin-left: auto; margin-right: auto; }
.section-heading h2 { font-size: clamp(40px, 5vw, 64px); line-height: 1.05; margin-top: 17px; }.section-heading p { color: var(--muted); font-size: 17px; line-height: 1.7; margin: 22px 0 0; }
.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.step-card { background: linear-gradient(145deg, rgba(18,39,66,.78), rgba(9,25,45,.74)); border: 1px solid var(--line); border-radius: 22px; padding: 32px; min-height: 300px; position: relative; overflow: hidden; transition: .25s; }
.step-card:hover { transform: translateY(-7px); border-color: rgba(83,155,246,.44); box-shadow: 0 25px 55px rgba(0,0,0,.25); }.step-card:after { content:""; position:absolute; inset:auto -60px -80px auto; width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(45,140,255,.18),transparent 67%); }
.step-number { color: #55708e; font: 700 12px "Space Grotesk"; letter-spacing: .16em; }.step-icon { width: 56px; height: 56px; display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(45,140,255,.22),rgba(255,122,26,.15));border:1px solid rgba(111,170,238,.25);font-size:23px;margin:44px 0 24px; }
.step-card h3 { font-size: 23px; }.step-card p { color: var(--muted); line-height: 1.65; font-size: 14px; }
.feature-section { background: linear-gradient(180deg, transparent, rgba(12,31,55,.48) 15%, rgba(12,31,55,.48) 85%, transparent); }
.feature-row { display:grid;grid-template-columns:.88fr 1.2fr;gap:70px;align-items:center;margin:120px 0; }.feature-row.reverse { grid-template-columns:1.2fr .88fr; }.feature-row.reverse .feature-copy { order:2; }.feature-row.reverse .feature-visual { order:1; }
.feature-kicker, .bento-copy > span { color: var(--orange-2); text-transform: uppercase; letter-spacing:.13em; font-size:11px;font-weight:800; }.feature-copy h3 { font-size: clamp(35px,4vw,52px); line-height:1.08; margin:17px 0 22px; }.feature-copy p { color:var(--muted);font-size:16px;line-height:1.75; }
.check-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;color:#c8d4e2;font-size:13px; }.check-grid span::first-letter { color:var(--green); }
.image-frame { background:linear-gradient(145deg,rgba(20,43,73,.85),rgba(7,19,35,.86));border:1px solid rgba(101,160,230,.25);border-radius:24px;padding:13px;box-shadow:0 30px 70px rgba(0,0,0,.32),0 0 70px rgba(45,140,255,.09);transform:perspective(1000px) rotateY(-3deg); }.feature-row.reverse .image-frame { transform:perspective(1000px) rotateY(3deg); }.image-frame img{border-radius:14px;}.image-frame.compact{padding:30px;background:radial-gradient(circle at 50% 40%,rgba(45,140,255,.17),transparent 55%),#0b1b30;}
.pill-row { display:flex;flex-wrap:wrap;gap:10px;margin-top:25px; }.pill-row span{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:9px 12px;border-radius:999px;font-size:12px;color:#cbd7e6;}
.metric-row { display:flex;gap:25px;margin-top:30px; }.metric-row div{display:flex;flex-direction:column;}.metric-row strong{font-size:18px;color:#fff;}.metric-row span{font-size:11px;color:#71869e;margin-top:4px;}
.bento-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:20px; }.bento { min-height:470px;background:linear-gradient(145deg,rgba(16,36,62,.85),rgba(7,21,39,.88));border:1px solid var(--line);border-radius:24px;padding:34px;overflow:hidden;position:relative; }.bento-wide { display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center; }.bento-copy h3{font-size:34px;line-height:1.1;margin:15px 0;}.bento-copy p{color:var(--muted);line-height:1.65;font-size:14px;}
.account-stack{display:grid;gap:12px;transform:rotate(2deg)}.account{display:flex;align-items:center;gap:12px;padding:15px;border-radius:15px;background:rgba(4,14,27,.75);border:1px solid rgba(119,165,221,.16);box-shadow:0 16px 32px rgba(0,0,0,.2)}.account.active{border-color:rgba(49,217,145,.4)}.account i{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#15355a;color:#fff;font-style:normal;font-weight:800}.account div{flex:1}.account strong,.account small{display:block}.account strong{font-size:13px}.account small{font-size:10px;color:#71879f;margin-top:3px}.account>span{font-size:10px;color:var(--green)}
.control-demo{margin-top:50px;background:rgba(5,16,30,.7);border:1px solid var(--line);border-radius:18px;padding:22px}.control-demo label{display:flex;justify-content:space-between;font-size:12px;color:#7f95ae;margin:10px 0}.control-demo b{color:#fff}.slider{height:7px;background:#122b49;border-radius:99px;overflow:hidden;margin-bottom:22px}.slider i{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--orange));border-radius:inherit}.tag-options{display:flex;gap:8px}.tag-options span{border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:10px}.tag-options .selected{background:rgba(45,140,255,.2);border-color:var(--blue)}
.mini-chart{margin-top:45px;padding:24px 0 0}.mini-chart svg{width:100%;height:180px}.chart-stats{display:flex;gap:35px;border-top:1px solid var(--line);padding-top:18px}.chart-stats span{font-size:11px;color:#7b91aa}.chart-stats strong{display:block;font-size:24px;color:#fff;margin-bottom:4px}
.release-list{display:grid;gap:10px}.release-list>div{display:flex;align-items:center;gap:12px;background:rgba(5,16,30,.7);border:1px solid var(--line);padding:15px;border-radius:14px}.release-list i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(49,217,145,.5)}.release-list .blue-dot{background:var(--blue)}.release-list span{flex:1}.release-list strong,.release-list small{display:block}.release-list strong{font-size:12px}.release-list small{font-size:10px;color:#71869f;margin-top:3px}.release-list b{font-size:9px;color:var(--green);background:rgba(49,217,145,.1);padding:6px 8px;border-radius:7px}.release-list .soon{color:var(--blue-2);background:rgba(45,140,255,.12)}
.comparison-section{background:radial-gradient(circle at 15% 50%,rgba(45,140,255,.14),transparent 35%),radial-gradient(circle at 85% 50%,rgba(255,122,26,.11),transparent 30%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.comparison-copy h2{font-size:52px;line-height:1.07;margin:17px 0 22px}.comparison-copy p{color:var(--muted);line-height:1.75}.text-link{display:inline-flex;margin-top:20px;color:#9bcbff;font-weight:700;font-size:14px;gap:8px}.compare-card{background:rgba(10,25,45,.85);border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow)}.compare-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;padding:18px;border-bottom:1px solid rgba(125,161,205,.12);align-items:center;font-size:12px;color:#93a6bc}.compare-row:last-child{border-bottom:0}.compare-row.heading{color:#fff;font-size:13px}.compare-row.heading b:first-of-type{color:var(--orange-2)}.compare-row b{color:#c5d1df}.compare-row .yes{color:var(--green)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{position:relative;background:linear-gradient(145deg,rgba(18,38,64,.82),rgba(8,22,40,.82));border:1px solid var(--line);border-radius:23px;padding:32px;display:flex;flex-direction:column}.price-card.popular{border-color:rgba(255,133,33,.58);box-shadow:0 0 60px rgba(255,122,26,.1);transform:translateY(-12px)}.popular-tag{position:absolute;right:22px;top:18px;color:#ffb367;background:rgba(255,122,26,.1);border:1px solid rgba(255,122,26,.24);padding:6px 9px;border-radius:99px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.price-label{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#8fa4bc;font-weight:800}.price-card h3{font-size:42px;margin:27px 0 10px}.price-card h3 span{font-family:Inter;font-size:12px;color:#8295ab;letter-spacing:0}.price-card p{color:var(--muted);font-size:13px;line-height:1.6}.price-card>strong{color:var(--green);font-size:13px;margin:15px 0}.price-card ul{list-style:none;padding:0;margin:10px 0 28px;display:grid;gap:13px;color:#b8c5d4;font-size:12px;flex:1}.price-card li:before{content:"✓";color:var(--blue-2);margin-right:9px}.credit-banner{margin-top:26px;border:1px solid var(--line);background:rgba(12,29,51,.78);border-radius:18px;padding:23px 26px;display:flex;justify-content:space-between;align-items:center}.credit-banner span,.credit-banner strong{display:block}.credit-banner span{color:var(--orange-2);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.credit-banner strong{margin-top:5px;font-size:16px}.credit-banner a{font-weight:700;color:#9acbff;font-size:13px}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.accordion details{border-bottom:1px solid var(--line);padding:21px 0}.accordion summary{list-style:none;cursor:pointer;font-family:"Space Grotesk";font-size:18px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--blue-2);font-size:24px;transition:transform .2s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion p{color:var(--muted);font-size:14px;line-height:1.7;margin:15px 40px 0 0}
.cta-section{text-align:center;padding:95px 30px;margin-bottom:130px;border:1px solid rgba(102,166,238,.26);border-radius:28px;background:linear-gradient(145deg,rgba(18,44,76,.83),rgba(8,22,40,.86));overflow:hidden}.cta-section h2{font-size:56px;max-width:800px;margin:18px auto}.cta-section p{color:var(--muted);max-width:620px;margin:0 auto 30px;line-height:1.7}.cta-glow{position:absolute;width:600px;height:300px;left:50%;top:-190px;transform:translateX(-50%);background:linear-gradient(90deg,var(--blue),var(--orange));filter:blur(90px);opacity:.25}
footer{border-top:1px solid var(--line);padding:65px 0 25px;background:#050f1d}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-grid>div:first-child p{color:#72879f;max-width:300px;font-size:12px;line-height:1.7}.footer-grid h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#869ab1;margin:0 0 18px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-grid>div:not(:first-child) a{font-size:12px;color:#bdcad9}.footer-bottom{margin-top:55px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#61758e;font-size:10px}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.42s}
.legal{max-width:820px;padding:80px 0 120px}.legal h1{font-size:56px;margin-top:70px}.legal h2{font-size:25px;margin-top:45px}.legal p{color:var(--muted);line-height:1.8}.legal-date{font-size:12px}.legal .button{margin-top:30px}
@media(max-width: 900px){.nav-links{position:absolute;top:70px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:rgba(5,16,30,.97);border:1px solid var(--line);padding:20px;border-radius:17px}.nav-links.open{display:flex}.nav>.button{display:none}.menu-button{display:block}.hero{padding-top:135px;min-height:auto;padding-bottom:80px}.hero-stage{margin-top:65px}.floating-card{display:none}.steps-grid,.pricing-grid{grid-template-columns:1fr}.price-card.popular{transform:none}.feature-row,.feature-row.reverse,.comparison-grid,.faq-grid,.bento-grid{grid-template-columns:1fr;gap:40px}.feature-row.reverse .feature-copy,.feature-row.reverse .feature-visual{order:initial}.feature-row{margin:85px 0}.image-frame,.feature-row.reverse .image-frame{transform:none}.bento-wide{grid-template-columns:1fr}.comparison-copy h2{font-size:43px}.footer-grid{grid-template-columns:1fr 1fr}.cta-section h2{font-size:43px}}
@media(max-width: 620px){.container{width:min(100% - 24px,1180px)}.hero{padding-top:120px}.hero-copy{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.micro-proof{display:grid;gap:8px}.browser-bar{height:32px}.browser-address{display:none}.section{padding:90px 0}.section-heading{margin-bottom:40px}.steps-grid{gap:14px}.step-card{min-height:260px}.check-grid{grid-template-columns:1fr}.feature-row{gap:28px;margin:70px 0}.metric-row{flex-wrap:wrap}.bento{padding:24px;min-height:420px}.bento-copy h3{font-size:29px}.comparison-grid{gap:35px}.compare-card{overflow-x:auto}.compare-row{min-width:570px}.price-card{padding:25px}.credit-banner{align-items:flex-start;gap:18px;flex-direction:column}.faq-grid{gap:20px}.cta-section{padding:70px 20px;margin-bottom:85px}.cta-section h2{font-size:38px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}.strip-items{gap:13px}.strip-items i{display:none}}

/* July 2026 visual refinements */
:root{--bg:#05070c;--bg-2:#090d15;--panel:rgba(13,22,36,.84);--panel-solid:#101a2a;}
body{
  background:
    radial-gradient(ellipse at -8% 18%,rgba(20,100,195,.34) 0,rgba(10,46,92,.18) 25%,transparent 52%),
    radial-gradient(ellipse at 108% 22%,rgba(255,103,16,.25) 0,rgba(121,47,5,.14) 28%,transparent 54%),
    radial-gradient(ellipse at 12% 75%,rgba(21,84,173,.18),transparent 43%),
    radial-gradient(ellipse at 92% 82%,rgba(255,113,25,.14),transparent 42%),
    linear-gradient(180deg,#070a10 0%,#090d15 46%,#05070c 100%);
}
.nav-wrap.scrolled{background:rgba(5,7,12,.88)}
.nav-links{gap:10px;font-family:"Space Grotesk",sans-serif}
.nav-links a{padding:10px 16px;border:1px solid rgba(255,129,35,.18);border-radius:999px;color:#ffc18e;background:rgba(255,116,24,.045);letter-spacing:.01em}
.nav-links a:hover{color:#fff;border-color:rgba(255,133,42,.55);background:rgba(255,116,24,.14);box-shadow:0 0 24px rgba(255,108,20,.12)}
.gradient-text{background:linear-gradient(90deg,#76c4ff 0%,#eaf5ff 35%,#ffbd67 66%,#ff6a16 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgba(69,160,255,.22))}
.hero h1{color:#edf5ff;text-shadow:0 3px 28px rgba(81,159,255,.08)}
.hero-copy{color:#c0cbd8}
.button-primary{background:linear-gradient(115deg,#0b3975 0%,#1255a8 48%,#8b3b0d 100%);border-color:rgba(113,177,255,.34);box-shadow:0 15px 38px rgba(0,0,0,.34),0 0 30px rgba(31,112,219,.18),0 0 22px rgba(255,110,20,.11)}
.button-primary:hover{background:linear-gradient(115deg,#0e448b 0%,#1768c8 48%,#a8470f 100%);box-shadow:0 20px 48px rgba(0,0,0,.4),0 0 34px rgba(31,112,219,.28),0 0 26px rgba(255,110,20,.16)}
.hero .eyebrow{max-width:760px;justify-content:center;color:#a9d3ff}
.hero-glow{opacity:.28;filter:blur(105px)}
.glow-a{width:560px;height:560px;left:-300px;top:120px}.glow-b{width:520px;height:520px;right:-280px;top:170px;opacity:.2}
.browser-shell{background:rgba(6,10,17,.92);border-color:rgba(101,165,235,.3);box-shadow:0 38px 100px rgba(0,0,0,.58),-35px 0 100px rgba(35,120,230,.13),35px 0 100px rgba(255,101,18,.10)}
.browser-shell>img{width:100%;height:auto}
.list-now-card{border-color:rgba(255,132,40,.7)!important;background:linear-gradient(135deg,rgba(99,35,7,.96),rgba(21,32,50,.96))!important;box-shadow:0 18px 46px rgba(0,0,0,.4),0 0 30px rgba(255,101,18,.22)!important;transform:translateZ(45px) scale(1.08)}
.list-now-card strong{color:#ffba75;letter-spacing:.08em}
.inventory-visual{margin-right:-70px}
.inventory-crop{padding:16px;overflow:hidden}
.inventory-crop img{width:100%;min-height:430px;object-fit:cover;object-position:center}
.style-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-self:center}
.style-tiles>div{min-height:108px;padding:18px;border-radius:16px;background:linear-gradient(145deg,rgba(16,42,74,.92),rgba(7,17,29,.96));border:1px solid rgba(99,160,230,.24);display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 38px rgba(0,0,0,.22)}
.style-tiles>div:nth-child(even){border-color:rgba(255,126,31,.28);background:linear-gradient(145deg,rgba(57,29,12,.78),rgba(7,17,29,.96))}
.style-tiles span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8097b2;font-weight:800;margin-bottom:9px}
.style-tiles strong{font-family:"Space Grotesk",sans-serif;font-size:18px;color:#fff}
footer{background:#04060a}
@media(max-width:900px){.nav-links{gap:8px}.nav-links a{border-radius:12px}.inventory-visual{margin-right:0}.inventory-crop img{min-height:auto}.style-tiles{margin-top:20px}}

/* July 2026 correction pass */
html { background: #03050a; }
body {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(900px 700px at -12% 9%, rgba(0, 105, 235, .34), transparent 62%),
    radial-gradient(820px 680px at 112% 13%, rgba(255, 92, 0, .28), transparent 62%),
    radial-gradient(900px 780px at -16% 68%, rgba(14, 84, 188, .22), transparent 64%),
    radial-gradient(900px 760px at 116% 74%, rgba(255, 101, 12, .19), transparent 64%),
    linear-gradient(180deg, #05070c 0%, #080b12 40%, #05070b 72%, #03050a 100%) !important;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(18, 96, 209, .08), transparent 23%, transparent 77%, rgba(255, 103, 16, .07)),
    radial-gradient(circle at 50% 0%, rgba(44, 103, 174, .08), transparent 42%);
}
.feature-section {
  background: linear-gradient(180deg, transparent, rgba(8, 16, 28, .58) 12%, rgba(8, 16, 28, .62) 88%, transparent) !important;
}
.logo-strip, .comparison-section { background-color: rgba(5, 9, 15, .46); }

.button-primary {
  position: relative;
  overflow: hidden;
  background: linear-gradient(125deg, #07172c 0%, #0b315f 44%, #542308 100%) !important;
  border: 1px solid rgba(91, 166, 255, .52) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.12), 0 0 24px rgba(34,125,239,.17), 0 0 20px rgba(255,103,16,.10) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.4);
}
.button-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 18%, rgba(255,255,255,.14) 48%, transparent 72%);
  transform: translateX(-130%);
  transition: transform .5s ease;
}
.button-primary:hover::after { transform: translateX(130%); }
.button-primary:hover {
  background: linear-gradient(125deg, #09203e 0%, #104988 45%, #78320a 100%) !important;
  border-color: rgba(255, 139, 55, .64) !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.52), 0 0 30px rgba(35,132,255,.22), 0 0 25px rgba(255,104,16,.16) !important;
}
.hero-actions .button-primary { min-width: 306px; }

.inventory-visual { margin-right: -120px !important; }
.inventory-crop {
  padding: 10px !important;
  overflow: hidden;
  border-color: rgba(45, 208, 132, .28);
  box-shadow: 0 32px 76px rgba(0,0,0,.44), 0 0 55px rgba(23,155,101,.08);
}
.inventory-crop img {
  width: 100%;
  min-height: 500px !important;
  max-height: 560px;
  object-fit: cover;
  object-position: center center;
  border-radius: 16px;
}

.bento-wide:has(.style-tiles) {
  grid-template-columns: minmax(0, .86fr) minmax(420px, 1.14fr) !important;
  gap: 38px !important;
  min-height: 510px;
}
.style-tiles {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  align-self: center;
}
.style-tiles .style-tile {
  min-width: 0;
  min-height: 142px !important;
  padding: 22px !important;
  border-radius: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  border: 1px solid rgba(97, 168, 255, .38) !important;
  background: linear-gradient(145deg, rgba(15, 48, 88, .96), rgba(5, 13, 24, .98)) !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.style-tiles .style-tile-orange {
  border-color: rgba(255, 131, 42, .42) !important;
  background: linear-gradient(145deg, rgba(91, 39, 8, .90), rgba(10, 13, 20, .98)) !important;
}
.style-tiles .style-tile span {
  display: block;
  margin: 0 0 10px !important;
  color: #91a9c5 !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
}
.style-tiles .style-tile strong {
  display: block;
  color: #f5f9ff !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 22px !important;
  line-height: 1.1;
}
.style-tiles .style-tile small {
  display: block;
  margin-top: 9px;
  color: #8093ab;
  font-size: 11px;
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .inventory-visual { margin-right: -35px !important; }
  .bento-wide:has(.style-tiles) { grid-template-columns: .9fr 1.1fr !important; }
}
@media (max-width: 900px) {
  .inventory-visual { margin-right: 0 !important; }
  .inventory-crop img { min-height: auto !important; max-height: none; }
  .bento-wide:has(.style-tiles) { grid-template-columns: 1fr !important; min-height: auto; }
}
@media (max-width: 560px) {
  .style-tiles { grid-template-columns: 1fr !important; }
  .hero-actions .button-primary { min-width: 0; }
}

/* July 2026 layout and contrast polish */
.gradient-text {
  background: linear-gradient(90deg, #49b4ff 0%, #ccecff 30%, #ffffff 47%, #ffd08a 68%, #ff7a1a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 0 12px rgba(65, 166, 255, .32)) drop-shadow(0 0 14px rgba(255, 122, 26, .20)) !important;
  -webkit-text-stroke: .2px rgba(255,255,255,.18);
}

/* Keep the two lower cards balanced without squeezing their content. */
.bento-grid {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  align-items: stretch;
}
.bento-grid > .bento {
  min-width: 0;
  min-height: 480px;
}
.bento-grid > article:nth-child(3),
.bento-grid > article:nth-child(4) {
  min-height: 500px;
}
.bento-wide:has(.style-tiles) {
  grid-template-columns: minmax(170px, .78fr) minmax(0, 1.22fr) !important;
  gap: 22px !important;
  align-items: center !important;
  min-height: 500px !important;
}
.bento-wide:has(.style-tiles) .bento-copy {
  min-width: 0;
}
.bento-wide:has(.style-tiles) .bento-copy h3 {
  font-size: clamp(24px, 2.15vw, 31px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em;
  margin: 14px 0 16px !important;
  overflow-wrap: normal;
  word-break: normal;
}
.bento-wide:has(.style-tiles) .bento-copy p {
  font-size: 13px !important;
  line-height: 1.62 !important;
  max-width: 34ch;
}
.style-tiles {
  gap: 14px !important;
}
.style-tiles .style-tile {
  min-height: 122px !important;
  padding: 18px !important;
}
.style-tiles .style-tile strong {
  font-size: 19px !important;
}
.style-tiles .style-tile small {
  font-size: 10.5px !important;
}

/* Make the sales card feel intentionally filled rather than oversized. */
.bento-grid > article:nth-child(3) {
  display: flex;
  flex-direction: column;
}
.bento-grid > article:nth-child(3) .mini-chart {
  margin-top: auto;
  padding-top: 34px;
}
.bento-grid > article:nth-child(3) .mini-chart svg {
  height: 190px;
}

@media (max-width: 1050px) {
  .bento-wide:has(.style-tiles) {
    grid-template-columns: 1fr !important;
    align-content: start;
  }
  .bento-wide:has(.style-tiles) .bento-copy p { max-width: 60ch; }
}
@media (max-width: 900px) {
  .bento-grid { grid-template-columns: 1fr !important; }
  .bento-grid > .bento,
  .bento-grid > article:nth-child(3),
  .bento-grid > article:nth-child(4) { min-height: auto; }
  .style-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .style-tiles { grid-template-columns: 1fr !important; }
  .bento-wide:has(.style-tiles) .bento-copy h3 { font-size: 28px !important; }
}

/* July 2026 balanced headline contrast */
.gradient-text {
  display: inline-block;
  background: linear-gradient(90deg,
    #247fc0 0%,
    #69a8d3 27%,
    #c4d4e0 48%,
    #bd843f 70%,
    #d75a12 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #c4d4e0 !important;
  filter: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.hero h1 .gradient-text,
.section-heading h2 .gradient-text,
.bento-head h2 .gradient-text,
.comparison-copy h2 .gradient-text,
.cta-section h2 .gradient-text {
  position: relative;
  z-index: 0;
  filter: drop-shadow(0 0 8px rgba(38, 124, 190, .14))
          drop-shadow(0 0 8px rgba(215, 90, 18, .10)) !important;
}

.hero h1 .gradient-text {
  background: linear-gradient(90deg,
    #1d78b9 0%,
    #63a6d4 27%,
    #cad8e3 49%,
    #bf833a 70%,
    #d75a12 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.section-heading h2 .gradient-text,
.bento-head h2 .gradient-text {
  background: linear-gradient(90deg,
    #237ebc 0%,
    #6ca9d0 29%,
    #c2d1dc 50%,
    #b97d37 71%,
    #cf5511 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* July 2026 descender and inventory image fixes */
.hero h1,
.section-heading h2,
.bento-head h2,
.comparison-copy h2,
.cta-section h2 {
  overflow: visible !important;
}

.gradient-text {
  display: inline !important;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-bottom: .12em;
}

.hero h1 .gradient-text {
  line-height: 1.16 !important;
  padding-bottom: .14em;
}

.inventory-visual {
  margin-right: -40px !important;
  width: calc(100% + 40px);
}

.inventory-crop {
  padding: 12px !important;
  overflow: hidden !important;
  aspect-ratio: 1.58 / 1;
}

.inventory-crop img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.03);
}

@media (max-width: 1100px) {
  .inventory-visual {
    margin-right: 0 !important;
    width: 100%;
  }
}

@media (max-width: 900px) {
  .inventory-crop {
    aspect-ratio: auto;
  }
  .inventory-crop img {
    height: auto !important;
    transform: none;
  }
}

/* July 2026 one-click listing demo, category motion, and forging CTA */
.category-marquee {
  position: absolute;
  z-index: 6;
  left: 0;
  right: 0;
  top: 42px;
  height: 46px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(5,16,30,.98), rgba(10,29,53,.96) 48%, rgba(5,16,30,.98));
  border-top: 1px solid rgba(92,157,235,.18);
  border-bottom: 1px solid rgba(92,157,235,.22);
  box-shadow: 0 10px 24px rgba(0,0,0,.24);
}
.category-marquee::before,
.category-marquee::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 90px;
  pointer-events: none;
}
.category-marquee::before { left: 0; background: linear-gradient(90deg, #061120, transparent); }
.category-marquee::after { right: 0; background: linear-gradient(-90deg, #061120, transparent); }
.category-track {
  width: max-content;
  display: flex;
  gap: 10px;
  padding-left: 10px;
  animation: categorySlide 34s linear infinite;
  will-change: transform;
}
.category-track span {
  flex: 0 0 auto;
  padding: 8px 13px;
  border: 1px solid rgba(108,169,231,.22);
  border-radius: 999px;
  background: rgba(15,31,54,.86);
  color: #dbe9f8;
  font-size: 11px;
  line-height: 1;
  font-weight: 750;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.browser-shell > img { margin-top: 46px; }
@keyframes categorySlide { to { transform: translateX(-50%); } }
.browser-shell:hover .category-track { animation-play-state: paused; }

.easiest-listing-card {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(270px, 1.14fr);
  gap: 28px;
  align-items: center;
}
.easiest-listing-card .bento-copy h3 { font-size: clamp(31px, 3vw, 43px); }
.one-click-demo {
  position: relative;
  min-height: 290px;
  padding: 22px;
  border-radius: 21px;
  border: 1px solid rgba(50,143,255,.30);
  background:
    radial-gradient(circle at 18% 5%, rgba(45,140,255,.20), transparent 46%),
    radial-gradient(circle at 88% 95%, rgba(255,112,20,.18), transparent 43%),
    linear-gradient(145deg, rgba(6,22,42,.98), rgba(5,13,25,.98));
  box-shadow: 0 26px 58px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.045);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.demo-product {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 16px;
  align-items: center;
  padding: 14px;
  border-radius: 17px;
  background: rgba(14,34,58,.80);
  border: 1px solid rgba(112,167,229,.18);
}
.demo-product-image {
  height: 90px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  background: linear-gradient(145deg, rgba(28,94,158,.38), rgba(101,40,6,.36));
  border: 1px solid rgba(255,255,255,.07);
}
.demo-product-image span { font-size: 32px; filter: drop-shadow(0 7px 12px rgba(255,100,20,.25)); }
.demo-product-image small { color: #a9bed5; font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.demo-product-meta { display: flex; flex-direction: column; gap: 8px; }
.demo-product-meta strong { font-family: "Space Grotesk", sans-serif; font-size: 18px; }
.demo-product-meta span { color: #97aac1; font-size: 12px; }
.demo-product-meta b { color: #43e895; font-size: 16px; }
.list-ebay-demo-button {
  position: relative;
  width: 100%;
  min-height: 62px;
  border: 1px solid rgba(73,150,255,.55);
  border-radius: 15px;
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.015em;
  background: linear-gradient(120deg, #082849 0%, #124e91 48%, #81350b 100%);
  box-shadow: 0 18px 40px rgba(0,0,0,.42), 0 0 25px rgba(36,127,236,.18), inset 0 1px 0 rgba(255,255,255,.10);
  overflow: hidden;
}
.list-ebay-demo-button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 22%, rgba(255,255,255,.20) 48%, transparent 72%);
  transform: translateX(-130%);
  animation: buttonSweep 3.6s ease-in-out infinite;
}
.ebay-flame { margin-right: 7px; }
@keyframes buttonSweep { 0%,55% { transform: translateX(-130%); } 82%,100% { transform: translateX(130%); } }
.demo-cursor {
  position: absolute;
  right: 50px;
  bottom: 12px;
  width: 40px;
  z-index: 4;
  filter: drop-shadow(0 7px 9px rgba(0,0,0,.55));
  animation: cursorClick 2.8s ease-in-out infinite;
}
.demo-cursor svg { width: 100%; display: block; }
.demo-cursor i {
  position: absolute;
  width: 38px;
  height: 38px;
  border: 2px solid rgba(255,143,54,.72);
  border-radius: 50%;
  left: -13px;
  top: -10px;
  opacity: 0;
  animation: clickRing 2.8s ease-out infinite;
}
@keyframes cursorClick { 0%,45%,100% { transform: translate(10px,10px) scale(1); } 58%,66% { transform: translate(0,0) scale(.91); } 74% { transform: translate(0,0) scale(1); } }
@keyframes clickRing { 0%,55% { opacity:0; transform:scale(.3); } 60% { opacity:.9; } 78%,100% { opacity:0; transform:scale(1.35); } }

.forge-eyebrow {
  position: relative;
  z-index: 2;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(17px, 2vw, 22px) !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
  padding: 10px 18px;
  border-radius: 999px;
  color: transparent !important;
  background: linear-gradient(95deg, #ffb13b, #ff5a1f, #fff0ad, #ff7a1a, #ffb13b);
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: forgeFire 2.8s linear infinite, forgePulse 2.1s ease-in-out infinite;
  filter: drop-shadow(0 0 10px rgba(255,101,25,.28));
}
.forge-eyebrow::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 1px solid rgba(255,126,35,.28);
  border-radius: inherit;
  background: rgba(255,107,25,.045);
  box-shadow: 0 0 32px rgba(255,91,25,.08), inset 0 1px 0 rgba(255,255,255,.04);
}
.forge-flame { display: inline-block; margin-right: 3px; animation: flameDance .8s ease-in-out infinite alternate; -webkit-text-fill-color: initial; }
@keyframes forgeFire { to { background-position: -240% 0; } }
@keyframes forgePulse { 50% { filter: drop-shadow(0 0 17px rgba(255,101,25,.45)); transform: translateY(-1px); } }
@keyframes flameDance { to { transform: translateY(-2px) rotate(4deg) scale(1.08); } }
#start-forging { scroll-margin-top: 100px; }

@media (max-width: 900px) {
  .easiest-listing-card { grid-template-columns: 1fr; }
  .category-marquee { top: 32px; height: 40px; }
  .browser-shell > img { margin-top: 40px; }
  .category-track span { font-size: 9px; padding: 7px 10px; }
}
@media (max-width: 560px) {
  .one-click-demo { min-height: 255px; padding: 15px; }
  .demo-product { grid-template-columns: 78px 1fr; }
  .demo-product-image { height: 74px; }
  .demo-product-meta strong { font-size: 15px; }
  .list-ebay-demo-button { min-height: 56px; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .category-track, .list-ebay-demo-button::after, .demo-cursor, .demo-cursor i, .forge-eyebrow, .forge-flame { animation: none !important; }
}

/* v8 — category motion integrated into the real product-category bar */
.hero-stage {
  width: 104%;
  margin-left: -2%;
}

.hero-product-preview {
  position: relative;
  overflow: hidden;
  margin-top: 9px;
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,.05);
  line-height: 0;
}

.hero-product-preview > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
  margin: 0;
  border: 0;
}

/* This sits directly over the category strip already present in products.png. */
.hero-product-preview .category-marquee {
  position: absolute;
  z-index: 6;
  left: 12.95%;
  right: .75%;
  top: 13.65%;
  height: 5.35%;
  min-height: 26px;
  max-height: 43px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #07111f 0%, #0a1728 48%, #07111f 100%);
  border-top: 1px solid rgba(92,157,235,.13);
  border-bottom: 1px solid rgba(92,157,235,.15);
  box-shadow: none;
}

.hero-product-preview .category-marquee::before,
.hero-product-preview .category-marquee::after {
  width: 44px;
}

.hero-product-preview .category-track {
  gap: 8px;
  padding-left: 8px;
}

.hero-product-preview .category-track span {
  padding: 6px 11px;
  border-color: rgba(108,169,231,.22);
  background: rgba(15,31,54,.96);
  font-size: clamp(7px, .72vw, 11px);
}

/* Undo the previous extra row spacing. */
.browser-shell > img { margin-top: 9px; }

@media (max-width: 900px) {
  .hero-stage { width: 102%; margin-left: -1%; }
  .hero-product-preview .category-marquee {
    min-height: 20px;
  }
  .hero-product-preview .category-track span {
    padding: 4px 8px;
    font-size: 7px;
  }
}

@media (max-width: 620px) {
  .hero-stage { width: 100%; margin-left: 0; }
  .hero-product-preview .category-marquee {
    left: 12.9%;
    top: 13.45%;
    min-height: 14px;
  }
  .hero-product-preview .category-track {
    gap: 5px;
  }
  .hero-product-preview .category-track span {
    padding: 3px 6px;
    font-size: 6px;
  }
}

/* v9 — align the animated categories with the screenshot's native category strip */
.hero-product-preview .category-marquee {
  left: 13.02% !important;
  right: 0.72% !important;
  top: 12.55% !important;
  height: 4.75% !important;
  min-height: 23px;
  max-height: 39px;
  border-radius: 0;
  clip-path: inset(0 0 0 0);
}
.hero-product-preview .category-marquee::before {
  left: 0;
  width: 30px;
  background: linear-gradient(90deg, #07111f 22%, rgba(7,17,31,0));
}
.hero-product-preview .category-marquee::after {
  right: 0;
  width: 34px;
}
.hero-product-preview .category-track {
  padding-left: 6px;
  gap: 7px;
}
.hero-product-preview .category-track span {
  padding: 5px 10px;
  font-size: clamp(7px, .66vw, 10px);
}

/* Monthly credit bonus callout */
.monthly-credit-bonus {
  max-width: 760px;
  margin: -12px auto 34px;
  padding: 17px 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: left;
  border: 1px solid rgba(76,153,255,.26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 50%, rgba(32,126,239,.17), transparent 34%),
    radial-gradient(circle at 92% 50%, rgba(255,122,26,.13), transparent 34%),
    linear-gradient(120deg, rgba(9,27,49,.9), rgba(12,24,42,.88));
  box-shadow: 0 18px 46px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045);
}
.monthly-credit-bonus .bonus-icon {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  font-size: 21px;
  background: linear-gradient(145deg, rgba(22,104,199,.34), rgba(146,58,8,.3));
  border: 1px solid rgba(255,148,58,.24);
}
.monthly-credit-bonus strong {
  display: block;
  color: #f2f7ff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  letter-spacing: -.01em;
}
.monthly-credit-bonus p {
  margin: 3px 0 0;
  color: #9fb1c6;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .hero-product-preview .category-marquee {
    left: 13.02% !important;
    top: 12.55% !important;
    min-height: 18px;
  }
  .monthly-credit-bonus { margin-top: 0; }
}
@media (max-width: 620px) {
  .hero-product-preview .category-marquee {
    left: 13.02% !important;
    top: 12.45% !important;
    height: 4.9% !important;
    min-height: 13px;
  }
  .hero-product-preview .category-track span {
    padding: 3px 6px;
    font-size: 6px;
  }
  .monthly-credit-bonus {
    align-items: flex-start;
    padding: 15px 16px;
  }
}

/* v10 — place the moving categories exactly over the native category row */
.hero-product-preview .category-marquee {
  left: 13.02% !important;
  right: 1.25% !important;
  top: 14.05% !important;
  height: 4.45% !important;
  min-height: 22px !important;
  max-height: 38px !important;
  overflow: hidden !important;
  background: #07111f !important;
  border-top: 1px solid rgba(104,164,230,.13) !important;
  border-bottom: 1px solid rgba(104,164,230,.14) !important;
  border-radius: 0 !important;
  clip-path: inset(0 0 0 0) !important;
}
.hero-product-preview .category-marquee::before {
  width: 20px !important;
  background: linear-gradient(90deg, #07111f 35%, rgba(7,17,31,0)) !important;
}
.hero-product-preview .category-marquee::after {
  width: 26px !important;
  background: linear-gradient(-90deg, #07111f 35%, rgba(7,17,31,0)) !important;
}
.hero-product-preview .category-track {
  height: 100%;
  align-items: center;
  padding-left: 7px !important;
  gap: 7px !important;
}
.hero-product-preview .category-track span {
  padding: 5px 10px !important;
  font-size: clamp(7px, .65vw, 10px) !important;
  line-height: 1 !important;
}

/* Use a real ListForge product tile in the one-click listing demo. */
.demo-product-from-list {
  position: relative;
  overflow: hidden;
  min-height: 210px;
  padding: 0 !important;
  border-radius: 18px;
  border: 1px solid rgba(46,142,255,.24);
  background: #07111f;
  box-shadow: 0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
.demo-product-from-list img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
  object-position: center;
}
.one-click-demo .list-ebay-demo-button {
  position: relative;
  z-index: 3;
}

@media (max-width: 900px) {
  .hero-product-preview .category-marquee {
    top: 14.02% !important;
    left: 13.02% !important;
    right: 1.2% !important;
    min-height: 18px !important;
  }
  .demo-product-from-list,
  .demo-product-from-list img { min-height: 190px; }
}

@media (max-width: 620px) {
  .hero-product-preview .category-marquee {
    top: 13.95% !important;
    left: 13.05% !important;
    right: 1.15% !important;
    min-height: 13px !important;
  }
  .hero-product-preview .category-track span {
    padding: 3px 6px !important;
    font-size: 6px !important;
  }
}


/* v11 — inventory scale and one-click listing card polish */
@media (min-width: 901px) {
  .feature-row:has(.inventory-visual) {
    grid-template-columns: minmax(330px, .72fr) minmax(680px, 1.48fr) !important;
    gap: 54px !important;
  }
  .feature-row:has(.inventory-visual) .inventory-visual {
    width: calc(100% + 120px) !important;
    margin-right: -150px !important;
    transform: translateX(8px);
  }
  .feature-row:has(.inventory-visual) .inventory-crop {
    min-height: 500px !important;
  }
  .feature-row:has(.inventory-visual) .inventory-crop img {
    min-height: 500px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

.easiest-listing-card .bento-copy > span {
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .115em !important;
  line-height: 1.45 !important;
}
.easiest-listing-card .bento-copy h3 {
  font-size: clamp(36px, 3.35vw, 48px) !important;
  font-weight: 760 !important;
  letter-spacing: -.035em !important;
  line-height: 1.04 !important;
}
.easiest-listing-card .bento-copy p {
  font-size: 15.5px !important;
  font-weight: 520 !important;
  line-height: 1.72 !important;
  color: #aebed1 !important;
}
.demo-product-from-list {
  min-height: 228px !important;
  display: grid !important;
  place-items: center !important;
  padding: 10px !important;
  background: linear-gradient(145deg, #0b1c31, #07111f) !important;
}
.demo-product-from-list img {
  width: 100% !important;
  height: 208px !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 13px !important;
}

@media (max-width: 1100px) and (min-width: 901px) {
  .feature-row:has(.inventory-visual) {
    grid-template-columns: .82fr 1.3fr !important;
    gap: 38px !important;
  }
  .feature-row:has(.inventory-visual) .inventory-visual {
    width: calc(100% + 55px) !important;
    margin-right: -65px !important;
  }
}
@media (max-width: 900px) {
  .feature-row:has(.inventory-visual) .inventory-visual {
    width: 100% !important;
    margin-right: 0 !important;
    transform: none !important;
  }
  .demo-product-from-list img { height: 220px !important; }
}
@media (max-width: 560px) {
  .easiest-listing-card .bento-copy h3 { font-size: 34px !important; }
  .demo-product-from-list { min-height: 210px !important; }
  .demo-product-from-list img { height: 190px !important; }
}


/* v12 — complete product tile and customization copy */
.demo-product-from-list {
  min-height: 255px !important;
  height: 255px !important;
  padding: 12px !important;
  overflow: hidden !important;
  align-items: center !important;
}
.demo-product-from-list img {
  width: auto !important;
  max-width: 100% !important;
  height: 235px !important;
  max-height: 235px !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 14px !important;
  display: block !important;
}
.bento-wide:has(.style-tiles) .bento-copy {
  align-self: center !important;
}
.bento-wide:has(.style-tiles) .bento-copy h3 {
  margin-bottom: 0 !important;
  max-width: 15ch !important;
}
@media (max-width: 900px) {
  .demo-product-from-list { height: 245px !important; min-height: 245px !important; }
  .demo-product-from-list img { height: 225px !important; max-height: 225px !important; }
  .bento-wide:has(.style-tiles) .bento-copy h3 { max-width: none !important; }
}
@media (max-width: 560px) {
  .demo-product-from-list { height: 225px !important; min-height: 225px !important; }
  .demo-product-from-list img { height: 205px !important; max-height: 205px !important; }
}


/* v13 — center the complete product tile and update hero CTA */
.demo-product-from-list {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-items: center !important;
  place-items: center !important;
}
.demo-product-from-list img {
  grid-column: 1 !important;
  justify-self: center !important;
  align-self: center !important;
  width: auto !important;
  max-width: min(100%, 190px) !important;
  height: auto !important;
  max-height: 235px !important;
  object-fit: contain !important;
  object-position: center !important;
}
@media (max-width: 900px) {
  .demo-product-from-list img { max-width: min(100%, 182px) !important; max-height: 225px !important; }
}
@media (max-width: 560px) {
  .demo-product-from-list img { max-width: min(100%, 168px) !important; max-height: 205px !important; }
}

/* v15 — simplify one-click demo and remove Ready to sell hero floater */
.easiest-listing-card {
  grid-template-columns: minmax(0, .92fr) minmax(310px, 1.08fr) !important;
  gap: 34px !important;
}

.easiest-listing-card .bento-copy h3 {
  font-size: clamp(40px, 3.65vw, 54px) !important;
  line-height: 1.03 !important;
  max-width: 8.5ch;
}

.easiest-listing-card .bento-copy p {
  font-size: 16.5px !important;
  line-height: 1.7 !important;
  max-width: 31ch;
}

.one-click-demo {
  min-height: 352px !important;
  padding: 22px !important;
  gap: 16px;
}

.demo-product-from-list {
  height: 246px !important;
  min-height: 246px !important;
  padding: 10px !important;
  display: grid !important;
  place-items: center !important;
}

.demo-product-from-list img {
  width: auto !important;
  height: 226px !important;
  max-width: 100% !important;
  max-height: 226px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 14px !important;
}

.one-click-demo .list-ebay-demo-button {
  min-height: 68px !important;
  font-size: 20px !important;
}

/* The HTML element is removed; this is a fallback for cached markup. */
.float-three { display: none !important; }

@media (max-width: 900px) {
  .easiest-listing-card {
    grid-template-columns: 1fr !important;
  }
  .easiest-listing-card .bento-copy h3 {
    max-width: none;
  }
  .one-click-demo {
    min-height: 330px !important;
  }
  .demo-product-from-list {
    height: 226px !important;
    min-height: 226px !important;
  }
  .demo-product-from-list img {
    height: 208px !important;
    max-height: 208px !important;
  }
}

@media (max-width: 560px) {
  .easiest-listing-card .bento-copy h3 {
    font-size: 38px !important;
  }
  .one-click-demo {
    min-height: 305px !important;
    padding: 16px !important;
  }
  .demo-product-from-list {
    height: 205px !important;
    min-height: 205px !important;
  }
  .demo-product-from-list img {
    height: 188px !important;
    max-height: 188px !important;
  }
}

/* v16 — logo, clearer feature badges, and aligned toolkit cards */
.brand-logo-mark {
  overflow: hidden;
  padding: 0 !important;
  background: rgba(0, 0, 0, .78) !important;
  border-color: rgba(255, 142, 39, .20) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.34), 0 0 22px rgba(255,101,24,.10) !important;
}
.brand-logo-mark img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transform: scale(1.08);
  border-radius: inherit;
  display: block;
}
.translucent-floater {
  background: rgba(10, 25, 44, .66) !important;
  border-color: rgba(135, 185, 241, .18) !important;
  backdrop-filter: blur(17px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(17px) saturate(115%) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.list-now-card.translucent-floater {
  background: linear-gradient(120deg, rgba(91,38,10,.67), rgba(17,29,47,.63)) !important;
}
.boxed-benefits {
  gap: 10px !important;
}
.boxed-benefits span {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 13px;
  border-radius: 13px;
  border: 1px solid rgba(86, 151, 222, .20);
  background: linear-gradient(145deg, rgba(16, 38, 65, .72), rgba(8, 24, 43, .76));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 26px rgba(0,0,0,.14);
  color: #d6e3f1;
  font-weight: 650;
}
.boxed-benefits span::first-letter { color: #52e89a; }
.boxed-metrics {
  gap: 12px !important;
  align-items: stretch;
}
.boxed-metrics > div {
  min-width: 118px;
  padding: 13px 15px;
  border-radius: 14px;
  border: 1px solid rgba(86, 151, 222, .20);
  background: linear-gradient(145deg, rgba(16, 38, 65, .72), rgba(8, 24, 43, .76));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 26px rgba(0,0,0,.14);
}
.boxed-metrics strong { font-family: "Space Grotesk", sans-serif; }
.bento-grid .bento-copy {
  align-self: start !important;
}
.bento-grid .bento-copy > span {
  display: block;
  min-height: 30px;
  margin-bottom: 9px;
  color: #ffad3d !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
}
.bento-grid .bento-copy h3 {
  margin-top: 0 !important;
}
.customization-card {
  align-items: start !important;
}
.customization-card .bento-copy {
  padding-top: 0 !important;
  transform: none !important;
}
.customization-card .bento-copy h3 {
  margin-bottom: 14px !important;
}
.customization-card .bento-copy p {
  margin: 0;
  max-width: 46ch;
  color: #9fb2c8;
  font-size: 14px;
  line-height: 1.65;
}
@media (max-width: 620px) {
  .boxed-metrics > div { min-width: calc(50% - 6px); flex: 1; }
  .bento-grid .bento-copy > span { min-height: 0; }
}

/* v17 — larger feature screenshots, unified feature badges, and aligned toolkit typography */
@media (min-width: 901px) {
  .product-research-row {
    grid-template-columns: minmax(330px, .76fr) minmax(0, 1.42fr) !important;
    gap: 52px !important;
  }
  .product-research-row .feature-visual {
    width: calc(100% + 76px);
    margin-right: -76px;
  }
  .product-research-row .image-frame {
    padding: 10px !important;
  }
  .product-research-row .image-frame img {
    width: 100%;
    transform: scale(1.015);
    transform-origin: center;
  }

  .one-click-row {
    grid-template-columns: minmax(0, 1.42fr) minmax(330px, .76fr) !important;
    gap: 52px !important;
  }
  .one-click-row .feature-visual {
    width: calc(100% + 76px);
    margin-left: -76px;
  }
  .one-click-row .image-frame.compact {
    padding: 18px !important;
  }
  .one-click-row .image-frame img {
    width: 100%;
    transform: scale(1.025);
    transform-origin: center;
  }
}

/* Use the same polished badge treatment throughout all three feature rows. */
.pill-row,
.boxed-benefits,
.boxed-metrics {
  gap: 10px !important;
}
.pill-row span,
.boxed-benefits span,
.boxed-metrics > div {
  border: 1px solid rgba(93, 158, 231, .28) !important;
  background:
    linear-gradient(145deg, rgba(18, 43, 73, .88), rgba(8, 25, 45, .92)) !important;
  border-radius: 999px !important;
  min-height: 42px !important;
  padding: 10px 15px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 10px 24px rgba(0,0,0,.16) !important;
  color: #d8e6f5 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.boxed-benefits span {
  display: flex;
  align-items: center;
}
.boxed-metrics > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 132px;
}
.boxed-metrics strong {
  color: #f4f8ff;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 15px;
  line-height: 1.05;
}
.boxed-metrics > div > span {
  margin-top: 3px;
  color: #8ea3ba;
  font-size: 10px;
  font-weight: 600;
}

/* Keep all four toolkit-card labels and headings on a shared visual baseline. */
.bento-grid > .bento {
  padding-top: 36px !important;
}
.bento-grid .bento-copy {
  align-self: start !important;
  padding-top: 0 !important;
}
.bento-grid .bento-copy > span {
  display: flex !important;
  align-items: flex-start;
  min-height: 42px !important;
  margin: 0 0 10px !important;
  color: #ffad3d !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
}
.bento-grid .bento-copy h3,
.easiest-listing-card .bento-copy h3,
.customization-card .bento-copy h3 {
  margin: 0 0 15px !important;
  color: #f4f8ff;
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}
.bento-grid .bento-copy h3 {
  font-size: clamp(32px, 3vw, 39px) !important;
}
.customization-card .bento-copy h3 {
  font-size: clamp(29px, 2.55vw, 35px) !important;
}
.bento-grid .bento-copy p {
  margin-top: 0 !important;
  color: #a7b8cc !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.65 !important;
}

@media (max-width: 900px) {
  .product-research-row .feature-visual,
  .one-click-row .feature-visual {
    width: 100%;
    margin: 0;
  }
  .product-research-row .image-frame img,
  .one-click-row .image-frame img {
    transform: none;
  }
  .bento-grid .bento-copy > span {
    min-height: 0 !important;
  }
}

@media (max-width: 620px) {
  .pill-row span,
  .boxed-benefits span,
  .boxed-metrics > div {
    border-radius: 14px !important;
  }
  .boxed-metrics > div {
    min-width: calc(50% - 6px);
  }
}

/* v18 — guided product research, sharper listing/inventory screenshots, and bento alignment */
.research-steps-demo {
  display: grid;
  gap: 16px;
  padding: 15px;
  border: 1px solid rgba(91, 157, 232, .24);
  border-radius: 24px;
  background:
    radial-gradient(circle at 15% 0%, rgba(19, 113, 210, .15), transparent 42%),
    linear-gradient(145deg, rgba(12, 31, 54, .94), rgba(5, 18, 34, .96));
  box-shadow: 0 28px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045);
}
.research-step-card {
  position: relative;
  overflow: hidden;
  padding: 15px;
  border: 1px solid rgba(93, 158, 231, .20);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(15, 36, 62, .92), rgba(7, 22, 40, .94));
}
.research-step-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 13px;
}
.research-step-heading > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 11px;
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 800;
  background: linear-gradient(135deg, #075ec1, #ff7a1a);
  box-shadow: 0 8px 22px rgba(17, 94, 190, .24);
}
.research-step-heading div { display: flex; flex-direction: column; gap: 2px; }
.research-step-heading strong {
  color: #f3f8ff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 15px;
  line-height: 1.1;
}
.research-step-heading small { color: #8fa5bd; font-size: 11px; }
.research-step-image {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 13px;
  background: #071426;
}
.research-step-image img { display: block; width: 100%; height: auto; }
.category-picker-image { padding: 9px 0; }
.selected-category-chip {
  width: 168px;
  margin: 10px 0 0 auto;
  padding: 6px;
  border-radius: 13px;
  border: 1px solid rgba(93,158,231,.22);
  background: rgba(5,18,34,.72);
}
.selected-category-chip img { display:block; width:100%; border-radius:9px; }
.product-results-image img { object-fit: contain; }

.one-click-row .image-frame.compact {
  padding: 10px !important;
  transform: none !important;
}
.one-click-row .image-frame.compact img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  transform: none !important;
}

.inventory-flat {
  padding: 12px !important;
  transform: none !important;
  overflow: hidden;
}
.inventory-flat img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  clip-path: none !important;
}
@media (min-width: 901px) {
  .feature-row:has(.inventory-visual) {
    grid-template-columns: minmax(330px, .72fr) minmax(0, 1.45fr) !important;
    gap: 48px !important;
  }
  .feature-row:has(.inventory-visual) .inventory-visual {
    width: calc(100% + 82px) !important;
    margin-right: -82px !important;
  }
  .product-research-row {
    grid-template-columns: minmax(330px, .82fr) minmax(0, 1.32fr) !important;
  }
  .product-research-row .feature-visual {
    width: calc(100% + 42px) !important;
    margin-right: -42px !important;
  }
}

/* Keep the lower two toolkit cards aligned at the same top baseline. */
.bento-grid > article:nth-child(3),
.bento-grid > article:nth-child(4) {
  padding-top: 36px !important;
  align-items: start !important;
}
.bento-grid > article:nth-child(4) {
  grid-template-columns: .92fr 1.08fr !important;
}
.customization-card .bento-copy {
  align-self: start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.customization-card .style-tiles {
  align-self: start !important;
  margin-top: 84px !important;
}

@media (max-width: 900px) {
  .research-steps-demo { padding: 12px; }
  .customization-card .style-tiles { margin-top: 12px !important; }
  .bento-grid > article:nth-child(4) { grid-template-columns: 1fr !important; }
  .feature-row:has(.inventory-visual) .inventory-visual { width: 100% !important; margin: 0 !important; }
}
@media (max-width: 620px) {
  .research-step-card { padding: 12px; }
  .selected-category-chip { width: 145px; }
}

/* v19 — balanced research steps, full inventory view, and exact bento alignment */
.category-pick-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 176px;
  gap: 14px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(7,22,40,.88), rgba(4,15,29,.92));
}
.category-pick-layout .category-picker-image {
  padding: 8px 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.category-pick-layout .category-picker-image img {
  width: 100%;
  min-width: 0;
}
.category-pick-layout .selected-category-chip {
  width: 100% !important;
  margin: 0 !important;
  padding: 10px !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(15,40,69,.92), rgba(6,20,37,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.category-pick-layout .selected-category-chip > span {
  display: block;
  margin: 0 0 7px;
  color: #8ea5be;
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.category-pick-layout .selected-category-chip img {
  width: 100%;
  border-radius: 9px;
}
.research-step-card:first-child {
  padding-bottom: 15px;
}

/* Show the complete six-tile inventory image instead of cropping/zooming it. */
@media (min-width: 901px) {
  .feature-row:has(.inventory-visual) {
    grid-template-columns: minmax(330px, .82fr) minmax(520px, 1.18fr) !important;
    gap: 52px !important;
    align-items: center !important;
  }
  .feature-row:has(.inventory-visual) .inventory-visual {
    width: 100% !important;
    max-width: 700px !important;
    margin: 0 !important;
    transform: none !important;
    justify-self: end !important;
  }
}
.inventory-flat,
.feature-row:has(.inventory-visual) .inventory-crop {
  aspect-ratio: auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 10px !important;
  overflow: hidden !important;
  transform: none !important;
}
.inventory-flat img,
.feature-row:has(.inventory-visual) .inventory-crop img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  clip-path: none !important;
}

/* Pin Custom Title & Description to the same top baseline as Sales Tracking. */
.bento-grid > article:nth-child(3),
.bento-grid > article:nth-child(4) {
  padding-top: 36px !important;
}
article.customization-card.bento-wide {
  align-items: start !important;
  align-content: start !important;
}
article.customization-card.bento-wide .bento-copy {
  align-self: start !important;
  justify-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}
article.customization-card.bento-wide .bento-copy > span {
  margin-top: 0 !important;
}
article.customization-card.bento-wide .style-tiles {
  align-self: start !important;
  margin-top: 52px !important;
}

@media (max-width: 900px) {
  .category-pick-layout {
    grid-template-columns: 1fr;
  }
  .category-pick-layout .selected-category-chip {
    max-width: 210px;
    justify-self: end;
  }
  article.customization-card.bento-wide .style-tiles {
    margin-top: 12px !important;
  }
}
@media (max-width: 620px) {
  .category-pick-layout .selected-category-chip {
    max-width: none;
  }
}

/* v20 — exact category layout, complete inventory image, and toolkit label alignment */
.category-step-card {
  padding: 14px !important;
}
.category-step-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-bottom: 12px;
}
.category-step-top .research-step-heading {
  margin: 0;
  min-width: 0;
}
.selected-category-box {
  min-width: 178px;
  padding: 10px 13px;
  border: 1px solid rgba(93,158,231,.28);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(17,43,74,.94), rgba(7,22,40,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.18);
}
.selected-category-box small {
  display: block;
  margin-bottom: 4px;
  color: #8fa5bd;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.selected-category-box strong {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #f4f8ff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 13px;
  line-height: 1.15;
}
.category-options-box {
  display: flex;
  gap: 7px;
  width: 100%;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(5,18,34,.96), rgba(3,13,25,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.category-options-box span {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(127,153,184,.22);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: #d8e3ef;
  font-size: 8px;
  font-weight: 700;
  white-space: nowrap;
}
.category-options-box span.active {
  border-color: rgba(52,149,255,.55);
  background: linear-gradient(135deg, rgba(17,77,139,.75), rgba(9,38,70,.85));
  box-shadow: 0 0 18px rgba(31,129,235,.14);
}
.research-step-card:first-child {
  padding-bottom: 14px !important;
}

/* Render the complete square six-tile image exactly as supplied. */
.feature-row:has(.inventory-visual) {
  align-items: center !important;
}
.feature-row:has(.inventory-visual) .inventory-visual {
  width: 100% !important;
  max-width: 610px !important;
  margin: 0 !important;
  justify-self: end !important;
  transform: none !important;
}
.feature-row:has(.inventory-visual) .inventory-crop,
.feature-row:has(.inventory-visual) .inventory-flat {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  padding: 10px !important;
  overflow: visible !important;
  transform: none !important;
}
.feature-row:has(.inventory-visual) .inventory-crop img,
.feature-row:has(.inventory-visual) .inventory-flat img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  clip-path: none !important;
}
@media (min-width: 901px) {
  .feature-row:has(.inventory-visual) {
    grid-template-columns: minmax(340px, .86fr) minmax(500px, 1.14fr) !important;
    gap: 48px !important;
  }
}

/* Put Custom Title & Description on the exact same top line as Sales Tracking. */
@media (min-width: 901px) {
  article.customization-card.bento-wide {
    position: relative !important;
    display: block !important;
    padding: 36px 34px 34px !important;
  }
  article.customization-card.bento-wide .bento-copy {
    position: absolute !important;
    top: 36px !important;
    left: 34px !important;
    width: calc(46% - 28px) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  article.customization-card.bento-wide .style-tiles {
    width: 52% !important;
    margin: 74px 0 0 auto !important;
    align-self: auto !important;
  }
  article.customization-card.bento-wide .bento-copy > span {
    min-height: 42px !important;
    margin: 0 0 10px !important;
  }
}

@media (max-width: 900px) {
  .category-step-top { grid-template-columns: 1fr; }
  .selected-category-box { min-width: 0; width: 100%; }
  .category-options-box { overflow-x: auto; scrollbar-width: none; }
  .category-options-box::-webkit-scrollbar { display: none; }
  .feature-row:has(.inventory-visual) .inventory-visual { max-width: 620px !important; justify-self: center !important; }
}

/* v21 — category bar, full inventory image, and exact bento alignment */
.category-step-card {
  padding: 18px !important;
  min-height: 0 !important;
}
.category-step-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 14px !important;
}
.category-step-top .research-step-heading {
  margin: 0 !important;
}
.selected-category-box {
  min-width: 190px !important;
  padding: 11px 15px !important;
  border: 1px solid rgba(83, 151, 226, .35) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(17, 47, 82, .95), rgba(7, 23, 42, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px rgba(0,0,0,.18) !important;
}
.selected-category-box small {
  display: block !important;
  margin: 0 0 5px !important;
  color: #8fa7c0 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
.selected-category-box strong {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #f4f8ff !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
}
.category-bar-shell {
  width: 100% !important;
  padding: 7px !important;
  border: 1px solid rgba(75, 142, 214, .23) !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, rgba(10, 29, 51, .96), rgba(4, 16, 30, .99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 10px 24px rgba(0,0,0,.16) !important;
  overflow: hidden !important;
}
.category-options-box {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.category-options-box::-webkit-scrollbar { display: none !important; }
.category-options-box span {
  flex: 0 0 auto !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(133, 159, 190, .24) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.045) !important;
  color: #dce7f3 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
.category-options-box span.active {
  border-color: rgba(42, 142, 255, .65) !important;
  background: linear-gradient(135deg, rgba(20, 92, 164, .82), rgba(8, 43, 79, .92)) !important;
  box-shadow: 0 0 20px rgba(31, 129, 235, .18) !important;
}

/* The inventory screenshot is square. Show all six tiles without crop or zoom. */
.feature-row:has(.inventory-visual) {
  align-items: center !important;
}
.feature-row:has(.inventory-visual) .inventory-visual {
  width: 100% !important;
  max-width: 660px !important;
  margin: 0 !important;
  transform: none !important;
  justify-self: end !important;
}
.inventory-display {
  width: 100% !important;
  padding: 10px !important;
  border: 1px solid rgba(30, 154, 126, .42) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(8, 31, 52, .94), rgba(4, 18, 32, .98)) !important;
  box-shadow: 0 22px 65px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow: hidden !important;
}
.inventory-display img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  clip-path: none !important;
}
@media (min-width: 901px) {
  .feature-row:has(.inventory-visual) {
    grid-template-columns: minmax(350px, .82fr) minmax(560px, 1.18fr) !important;
    gap: 42px !important;
  }
}

/* Sales and customization cards share the exact same top padding and content baseline. */
.bento-grid > .sales-card,
.bento-grid > .customization-card {
  padding: 36px 34px 34px !important;
  min-height: 470px !important;
}
.bento-grid > .sales-card .bento-copy,
.bento-grid > .customization-card .bento-copy {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  align-self: start !important;
}
.bento-grid > .sales-card .bento-copy > span,
.bento-grid > .customization-card .bento-copy > span {
  min-height: 42px !important;
  margin: 0 0 10px !important;
}
@media (min-width: 901px) {
  .bento-grid > .customization-card {
    display: grid !important;
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr) !important;
    gap: 24px !important;
    align-items: start !important;
    align-content: start !important;
  }
  .bento-grid > .customization-card .style-tiles {
    width: 100% !important;
    margin: 74px 0 0 !important;
    align-self: start !important;
  }
}
@media (max-width: 900px) {
  .category-step-top { grid-template-columns: 1fr !important; }
  .selected-category-box { width: 100% !important; min-width: 0 !important; }
  .feature-row:has(.inventory-visual) .inventory-visual { max-width: 660px !important; justify-self: center !important; }
  .bento-grid > .customization-card .style-tiles { margin-top: 18px !important; }
}

/* v22 — simplified value text, Amazon direct-listing visuals, and refreshed bento messaging */
.plain-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 24px;
  margin-top: 26px;
  color: #d7e4f2;
  font: 700 13px/1.4 "Inter", sans-serif;
}
.plain-points span { padding: 2px 0; }
.simple-value-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 30px;
  color: #f4f8ff;
  font: 700 17px/1.2 "Space Grotesk", sans-serif;
}
.amazon-direct-row .feature-copy p,
.amazon-direct-row .pill-row { display: none !important; }
.amazon-direct-visual {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 18px;
  align-items: stretch;
  width: 100%;
}
.amazon-direct-visual figure {
  margin: 0;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  border: 1px solid rgba(75, 145, 220, .28);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(12, 34, 59, .94), rgba(5, 19, 35, .98));
  box-shadow: 0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
}
.amazon-direct-visual img {
  display: block;
  max-width: 100%;
  max-height: 355px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.bento-head h2 { text-transform: none; }
.accounts-card .bento-copy h3 { font-size: clamp(31px, 2.7vw, 38px) !important; max-width: 12ch; }
.centered-listing-copy {
  text-align: center;
  align-self: center !important;
}
.centered-listing-copy > span { justify-content: center; }
.centered-listing-copy h3 { max-width: 13ch; margin-inline: auto !important; }
.amazon-browse-card {
  align-items: center !important;
}
.amazon-browse-card .bento-copy h3 {
  font-size: clamp(31px, 2.8vw, 40px) !important;
  max-width: 12ch;
}
.number-steps {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 10px;
  margin-top: 24px;
  color: #d8e5f2;
  font: 600 14px/1.35 "Inter", sans-serif;
}
.number-steps b {
  color: #ff9b2f;
  font: 800 18px/1 "Space Grotesk", sans-serif;
}
.amazon-browse-image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 330px;
  padding: 24px;
  border: 1px solid rgba(60, 143, 226, .3);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(12, 36, 63, .92), rgba(4, 17, 31, .98));
}
.amazon-browse-image img {
  display: block;
  max-width: 100%;
  max-height: 285px;
  width: auto;
  height: auto;
  object-fit: contain;
}
@media (max-width: 900px) {
  .amazon-direct-visual { grid-template-columns: 1fr 1fr; }
  .amazon-direct-visual figure { min-height: 300px; }
  .amazon-direct-visual img { max-height: 260px; }
}
@media (max-width: 620px) {
  .plain-points { grid-template-columns: 1fr; gap: 8px; }
  .amazon-direct-visual { grid-template-columns: 1fr; }
  .amazon-direct-visual figure { min-height: 250px; }
  .centered-listing-copy { text-align: left; }
  .centered-listing-copy > span { justify-content: flex-start; }
  .centered-listing-copy h3 { margin-inline: 0 !important; max-width: none; }
}


/* v23 — simplified feature copy and horizontal Amazon steps */
.feature-bold-statement {
  margin: 24px 0 0 !important;
  max-width: 34ch;
  color: #f4f8ff !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: clamp(20px, 2vw, 26px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -.02em;
}
.feature-row:has(.inventory-visual) .feature-copy h3 {
  max-width: 14ch;
}
.horizontal-steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100%;
  margin-top: 26px !important;
}
.horizontal-steps > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 112px;
  padding: 18px 12px;
  text-align: center;
  border-top: 1px solid rgba(91,157,231,.24);
}
.horizontal-steps b {
  margin-bottom: 10px;
  color: #ff9b2f;
  font-family: "Space Grotesk", sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}
.horizontal-steps span {
  color: #f4f8ff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}
.amazon-browse-card .bento-copy {
  width: 100%;
}
@media (max-width: 620px) {
  .horizontal-steps { grid-template-columns: 1fr !important; gap: 4px !important; }
  .horizontal-steps > div { min-height: 82px; }
}


/* v24 — tighter vertical rhythm and mobile overflow protection */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
img, svg, video, canvas {
  max-width: 100%;
}
.feature-section {
  padding-bottom: 36px !important;
}
.feature-section + .section.container {
  padding-top: 44px !important;
}
.feature-section + .section.container .bento-head {
  margin-bottom: 42px !important;
}
@media (max-width: 900px) {
  .feature-section {
    padding-bottom: 24px !important;
  }
  .feature-section + .section.container {
    padding-top: 30px !important;
  }
  .feature-row,
  .product-research-row,
  .one-click-row {
    min-width: 0 !important;
  }
  .feature-copy,
  .feature-visual,
  .bento,
  .bento-copy,
  .style-tiles {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}
@media (max-width: 620px) {
  .container {
    width: min(calc(100% - 24px), 1180px) !important;
    max-width: 100% !important;
  }
  .hero-stage,
  .browser-shell,
  .image-frame,
  .feature-visual,
  .amazon-direct-visual,
  .product-research-demo,
  .inventory-visual {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }
}

/* v25 — bulk multi-listing feature, simplified bento grid, straight account example */
.feature-section > .container {
  padding-top: 12px;
}
.feature-section .feature-row:first-child {
  margin-top: 24px;
}
.bulk-listing-row {
  grid-template-columns: minmax(330px, .78fr) minmax(0, 1.42fr) !important;
  gap: 54px !important;
}
.bulk-listing-display {
  width: 100%;
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(66, 150, 235, .30);
  background: linear-gradient(145deg, rgba(11, 31, 55, .95), rgba(4, 16, 30, .98));
  box-shadow: 0 28px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
}
.bulk-listing-display img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 16px;
}
.bento-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch;
}
.bento-grid > .accounts-card,
.bento-grid > .sales-card {
  min-height: 470px !important;
}
.accounts-card {
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(250px, 1.18fr) !important;
  gap: 28px !important;
  align-items: center !important;
}
.accounts-card .account-stack {
  transform: none !important;
  rotate: none !important;
  width: 100%;
  align-self: center;
}
.accounts-card .account {
  transform: none !important;
}
@media (min-width: 901px) {
  .bulk-listing-row .feature-visual {
    width: calc(100% + 54px);
    margin-right: -54px;
  }
}
@media (max-width: 900px) {
  .bulk-listing-row {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .bulk-listing-row .feature-visual {
    width: 100%;
    margin: 0;
  }
  .accounts-card {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 620px) {
  .bulk-listing-display {
    padding: 8px;
    border-radius: 18px;
  }
  .bento-grid {
    grid-template-columns: 1fr !important;
  }
}

/* v26 — dedicated features banner and How It Works moved after feature walkthrough */
.features-title-strip {
  position: relative;
  overflow: hidden;
  padding: 34px 0 42px;
  border-top: 1px solid rgba(92, 151, 219, .12);
  border-bottom: 1px solid rgba(92, 151, 219, .16);
  background:
    radial-gradient(circle at 18% 50%, rgba(13, 103, 202, .18), transparent 34%),
    radial-gradient(circle at 82% 50%, rgba(255, 111, 22, .13), transparent 34%),
    linear-gradient(90deg, rgba(5, 14, 27, .96), rgba(9, 25, 45, .92), rgba(5, 14, 27, .96));
}
.features-title-strip::before,
.features-title-strip::after {
  content: "";
  position: absolute;
  top: 50%;
  width: min(25vw, 330px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(72, 150, 235, .48));
}
.features-title-strip::before { left: 0; }
.features-title-strip::after { right: 0; transform: rotate(180deg); }
.features-title-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 86px;
  text-align: center;
}
.features-title-inner h2 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #f4f8ff;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(34px, 5vw, 70px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.055em;
  text-shadow: 0 10px 38px rgba(35, 123, 224, .22);
}
.features-title-inner h2::after {
  content: "";
  display: block;
  width: 42%;
  height: 3px;
  margin: 17px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #1684ee, #9fcfff 48%, #ff7a1a);
  box-shadow: 0 0 22px rgba(47, 148, 255, .32);
}

/* Keep the relocated onboarding section visually connected to the feature walkthrough. */
.feature-section + #how {
  padding-top: 42px;
}
@media (max-width: 620px) {
  .features-title-strip { padding: 24px 0 30px; }
  .features-title-inner { min-height: 66px; }
  .features-title-strip::before,
  .features-title-strip::after { width: 16vw; }
  .feature-section + #how { padding-top: 22px; }
}

/* v27 — branded hero badge, animated ListForge feature title, alternating feature flow */
.hero-tool-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 640px);
  margin: 0 auto 28px;
  padding: 12px 24px;
  border: 1px solid rgba(101, 166, 235, .26);
  border-radius: 999px;
  background:
    radial-gradient(circle at 12% 50%, rgba(26, 120, 232, .16), transparent 35%),
    radial-gradient(circle at 88% 50%, rgba(255, 125, 28, .13), transparent 38%),
    linear-gradient(145deg, rgba(11, 29, 50, .88), rgba(5, 16, 30, .92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 16px 46px rgba(0,0,0,.24),
    0 0 34px rgba(39, 130, 229, .08);
}
.hero-tool-badge img {
  display: block;
  width: min(100%, 560px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 7px 18px rgba(0,0,0,.28));
}

.features-title-strip {
  padding: 27px 0 32px !important;
}
.features-title-inner {
  min-height: 66px !important;
}
.features-title-inner h2 {
  display: inline-flex;
  align-items: baseline;
  gap: .22em;
  font-size: clamp(30px, 4vw, 52px) !important;
  letter-spacing: -.045em !important;
}
.features-title-inner .flame-word {
  position: relative;
  display: inline-block;
  color: transparent;
  background:
    linear-gradient(100deg,
      #5db6ff 0%,
      #d9efff 25%,
      #ffd36d 46%,
      #ff7a1a 62%,
      #ff3b0b 76%,
      #9ed6ff 100%);
  background-size: 240% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: listforgeFlameSweep 7.5s ease-in-out infinite;
  text-shadow: none;
  filter: drop-shadow(0 0 8px rgba(255,112,20,.14));
}
.features-title-inner .flame-word::after {
  content: "ListForge";
  position: absolute;
  inset: 0;
  color: transparent;
  background: linear-gradient(100deg, transparent 20%, rgba(255,230,164,.92) 48%, rgba(255,98,16,.92) 58%, transparent 77%);
  background-size: 230% 100%;
  background-position: -130% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: listforgeFlamePulse 7.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes listforgeFlameSweep {
  0%, 18% { background-position: 0% 50%; filter: drop-shadow(0 0 6px rgba(42,139,238,.12)); }
  48% { background-position: 100% 50%; filter: drop-shadow(0 0 13px rgba(255,100,12,.30)); }
  78%, 100% { background-position: 0% 50%; filter: drop-shadow(0 0 7px rgba(42,139,238,.14)); }
}
@keyframes listforgeFlamePulse {
  0%, 22% { background-position: -130% 50%; opacity: .15; }
  48% { background-position: 55% 50%; opacity: .9; }
  74%, 100% { background-position: 180% 50%; opacity: .12; }
}

/* Alternate 01/02 in the same visual rhythm as 03/04. */
@media (min-width: 901px) {
  .bulk-listing-row.reverse {
    grid-template-columns: minmax(0, 1.42fr) minmax(330px, .78fr) !important;
  }
  .bulk-listing-row.reverse .feature-copy { order: 2; }
  .bulk-listing-row.reverse .feature-visual {
    order: 1;
    width: calc(100% + 54px);
    margin-left: -54px;
    margin-right: 0;
  }
}

@media (max-width: 620px) {
  .hero-tool-badge {
    width: min(100%, 440px);
    margin-bottom: 22px;
    padding: 10px 16px;
    border-radius: 24px;
  }
  .features-title-strip { padding: 22px 0 25px !important; }
  .features-title-inner { min-height: 54px !important; }
  .features-title-inner h2 { font-size: clamp(27px, 9vw, 38px) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .features-title-inner .flame-word,
  .features-title-inner .flame-word::after { animation: none !important; }
}

/* v28 — stronger alternating feature rhythm, smoother title animation, green credit callout */
@media (min-width: 901px) {
  /* Shift section 03 to the right and section 04 to the left for a clearer stagger. */
  .amazon-direct-row {
    width: calc(100% - 54px);
    margin-left: 54px !important;
    margin-right: 0 !important;
  }
  .feature-row:has(.inventory-visual) {
    width: calc(100% - 54px);
    margin-left: 0 !important;
    margin-right: 54px !important;
  }
}

/* Keep the flame sweep GPU-friendly so it stays smooth while the page scrolls. */
.features-title-inner .flame-word {
  animation: listforgeFlameSweepSmooth 7.5s linear infinite !important;
  filter: none !important;
  will-change: background-position;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.features-title-inner .flame-word::after {
  animation: listforgeFlamePulseSmooth 7.5s linear infinite !important;
  will-change: background-position, opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
}
@keyframes listforgeFlameSweepSmooth {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes listforgeFlamePulseSmooth {
  0% { background-position: -130% 50%; opacity: .14; }
  50% { background-position: 55% 50%; opacity: .82; }
  100% { background-position: 180% 50%; opacity: .14; }
}

.monthly-credit-bonus strong {
  color: #55f29b !important;
  text-shadow: 0 0 18px rgba(46, 230, 139, .16);
}

@media (max-width: 900px) {
  .amazon-direct-row,
  .feature-row:has(.inventory-visual) {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* v29 — fluent 03/04 alternation, orange section labels, full-title flame sweep */
.comparison-copy > .eyebrow,
#pricing .section-heading > .eyebrow {
  color: #ff9b2f !important;
}

/* Run one flame band across both words, moving right to left. */
.features-title-inner .features-flame-title {
  display: inline-block !important;
  position: relative;
  margin: 0;
  color: transparent !important;
  background:
    linear-gradient(90deg,
      #d9efff 0%,
      #8fcaff 22%,
      #ffd66f 42%,
      #ff8a20 53%,
      #ff3b0b 61%,
      #ffd66f 70%,
      #8fcaff 84%,
      #d9efff 100%);
  background-size: 260% 100%;
  background-position: 100% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: fullTitleFlameRTL 8s linear infinite !important;
  will-change: background-position;
  transform: translateZ(0);
  text-shadow: none !important;
}
.features-title-inner .features-flame-title > span {
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.features-title-inner .features-flame-title::before {
  content: "ListForge Features";
  position: absolute;
  inset: 0;
  color: transparent;
  background: linear-gradient(90deg,
    transparent 0%,
    transparent 34%,
    rgba(255,244,202,.96) 46%,
    rgba(255,112,20,.98) 53%,
    rgba(255,49,5,.94) 58%,
    transparent 70%,
    transparent 100%);
  background-size: 260% 100%;
  background-position: 100% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: fullTitleFlameRTL 8s linear infinite !important;
  pointer-events: none;
}
@keyframes fullTitleFlameRTL {
  from { background-position: 100% 50%; }
  to { background-position: -160% 50%; }
}

/* 03: copy left / visual right. 04: visual left / copy right. */
@media (min-width: 901px) {
  .amazon-direct-row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .amazon-direct-row .feature-copy { order: 1 !important; }
  .amazon-direct-row .feature-visual { order: 2 !important; }

  .inventory-row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .inventory-row .feature-copy { order: 2 !important; }
  .inventory-row .feature-visual { order: 1 !important; }
}

@media (prefers-reduced-motion: reduce) {
  .features-title-inner .features-flame-title,
  .features-title-inner .features-flame-title::before {
    animation: none !important;
    background-position: 50% 50%;
  }
}

/* v30 — stronger 03/04 visual scale and refined feature-title flame sweep */
.features-title-inner .features-flame-title {
  display: inline-block !important;
  max-width: 100%;
  white-space: nowrap !important;
  color: #8193a8 !important;
  -webkit-text-fill-color: #8193a8 !important;
  background: none !important;
  animation: none !important;
  font-size: clamp(28px, 3.6vw, 48px) !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
  text-shadow: 0 8px 28px rgba(0,0,0,.28) !important;
}
.features-title-inner .features-flame-title > span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}
.features-title-inner .features-flame-title::before {
  content: "ListForge Features";
  position: absolute;
  inset: 0;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg,
    transparent 0%,
    transparent 34%,
    #ffd768 44%,
    #ff8b1f 50%,
    #ff3d0a 55%,
    #ff9b24 60%,
    transparent 70%,
    transparent 100%);
  background-size: 260% 100%;
  background-position: 180% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: listForgeFlamePassRTL 8s linear infinite !important;
  pointer-events: none;
  will-change: background-position;
}
@keyframes listForgeFlamePassRTL {
  from { background-position: 180% 50%; }
  to { background-position: -80% 50%; }
}

/* Give the 03 headline a more deliberate three-line wrap. */
.amazon-direct-row .feature-copy h3 {
  max-width: 13ch !important;
  font-size: clamp(38px, 4.3vw, 56px) !important;
  line-height: 1.05 !important;
}

/* Make the side-by-side Amazon screenshots substantially larger. */
@media (min-width: 901px) {
  .amazon-direct-row {
    grid-template-columns: minmax(290px, .62fr) minmax(0, 1.58fr) !important;
    gap: 42px !important;
  }
  .amazon-direct-row .feature-visual {
    width: calc(100% + 92px) !important;
    margin-right: -92px !important;
  }
  .amazon-direct-visual {
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr) !important;
    gap: 22px !important;
  }
  .amazon-direct-visual figure {
    min-height: 470px !important;
    padding: 14px !important;
  }
  .amazon-direct-visual img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 430px !important;
    object-fit: contain !important;
  }

  /* Match 01/02's visual prominence for Inventory Management. */
  .inventory-row {
    grid-template-columns: minmax(0, 1.55fr) minmax(310px, .67fr) !important;
    gap: 42px !important;
  }
  .inventory-row .inventory-visual {
    width: calc(100% + 96px) !important;
    max-width: none !important;
    margin-left: -96px !important;
    justify-self: stretch !important;
  }
  .inventory-display {
    padding: 8px !important;
  }
  .inventory-display img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

@media (max-width: 900px) {
  .amazon-direct-row .feature-copy h3 {
    max-width: 16ch !important;
  }
  .amazon-direct-row .feature-visual,
  .inventory-row .inventory-visual {
    width: 100% !important;
    margin: 0 !important;
  }
  .amazon-direct-visual figure {
    min-height: 340px !important;
  }
  .amazon-direct-visual img {
    max-height: 310px !important;
  }
}

@media (max-width: 620px) {
  .features-title-inner .features-flame-title {
    font-size: clamp(23px, 8vw, 34px) !important;
    white-space: nowrap !important;
  }
  .amazon-direct-row .feature-copy h3 {
    max-width: 100% !important;
    font-size: clamp(34px, 11vw, 46px) !important;
  }
  .amazon-direct-visual {
    grid-template-columns: 1fr !important;
  }
  .amazon-direct-visual figure {
    min-height: 285px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .features-title-inner .features-flame-title::before {
    animation: none !important;
    background-position: 50% 50%;
  }
}

/* v31 — prevent section 03 overlap and enlarge section 04 inventory visual */
@media (min-width: 901px) {
  /* Give the headline its own safe column and stop the screenshots from intruding into it. */
  .amazon-direct-row {
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr) !important;
    gap: 64px !important;
    align-items: center !important;
  }
  .amazon-direct-row .feature-copy {
    position: relative;
    z-index: 2;
    min-width: 0;
  }
  .amazon-direct-row .feature-copy h3 {
    max-width: 11.5ch !important;
    font-size: clamp(40px, 4vw, 54px) !important;
  }
  .amazon-direct-row .feature-visual {
    width: 100% !important;
    margin: 0 !important;
    min-width: 0;
  }
  .amazon-direct-visual {
    grid-template-columns: minmax(0, 1fr) minmax(260px, .82fr) !important;
    gap: 20px !important;
    align-items: stretch;
  }
  .amazon-direct-visual figure {
    min-height: 430px !important;
  }
  .amazon-direct-visual figure:last-child {
    max-width: 360px;
    width: 100%;
    justify-self: end;
  }
  .amazon-direct-visual figure:last-child img {
    max-height: 385px !important;
  }

  /* Make the left-side inventory screenshot more prominent without cropping it. */
  .inventory-row {
    grid-template-columns: minmax(0, 1.82fr) minmax(300px, .58fr) !important;
    gap: 48px !important;
  }
  .inventory-row .inventory-visual {
    width: calc(100% + 150px) !important;
    margin-left: -150px !important;
    max-width: none !important;
  }
  .inventory-display {
    padding: 5px !important;
  }
  .inventory-display img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

@media (max-width: 900px) {
  .amazon-direct-row .feature-copy h3 { max-width: 100% !important; }
  .amazon-direct-visual figure:last-child { max-width: none; }
}

/* v32 — substantially enlarge the Section 04 inventory screenshot */
@media (min-width: 901px) {
  .inventory-row {
    grid-template-columns: minmax(0, 2.35fr) minmax(275px, .52fr) !important;
    gap: 34px !important;
    align-items: center !important;
  }
  .inventory-row .inventory-visual,
  .feature-row:has(.inventory-visual) .inventory-visual {
    width: calc(100% + 260px) !important;
    max-width: none !important;
    margin-left: -260px !important;
    margin-right: 0 !important;
    justify-self: stretch !important;
  }
  .inventory-row .inventory-display {
    width: 100% !important;
    padding: 4px !important;
  }
  .inventory-row .inventory-display img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
  }
  .inventory-row .feature-copy {
    max-width: 330px;
    justify-self: end;
  }
}

@media (max-width: 900px) {
  .inventory-row .inventory-visual,
  .feature-row:has(.inventory-visual) .inventory-visual {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

/* v33 — refine Section 04 text spacing while preserving the larger inventory image */
@media (min-width: 901px) {
  .inventory-row {
    grid-template-columns: minmax(0, 2.15fr) minmax(350px, .72fr) !important;
    gap: 54px !important;
  }
  .inventory-row .inventory-visual,
  .feature-row:has(.inventory-visual) .inventory-visual {
    width: calc(100% + 235px) !important;
    margin-left: -235px !important;
  }
  .inventory-row .feature-copy {
    width: 100%;
    max-width: 390px !important;
    justify-self: start !important;
    padding: 0 20px 0 14px;
  }
  .inventory-row .feature-kicker {
    margin-bottom: 18px;
  }
  .inventory-row .feature-copy h3 {
    margin: 0 !important;
    max-width: 10.8ch;
    font-size: clamp(40px, 3.75vw, 52px) !important;
    line-height: 1.08 !important;
  }
}

@media (max-width: 900px) {
  .inventory-row .feature-copy {
    width: 100%;
    max-width: none !important;
    padding: 0;
  }
}

/* v34 — refined hero badge, swapped transparent callouts, larger hero, and Clothes queue category */
.hero-tool-badge.hero-tool-text {
  width: auto;
  min-width: min(92vw, 360px);
  padding: 12px 28px;
  border-color: rgba(100, 172, 241, .34);
  background:
    radial-gradient(circle at 18% 50%, rgba(27, 126, 238, .18), transparent 38%),
    radial-gradient(circle at 82% 50%, rgba(255, 119, 22, .15), transparent 40%),
    linear-gradient(145deg, rgba(9, 27, 48, .82), rgba(5, 15, 28, .88));
}
.hero-tool-badge.hero-tool-text span {
  color: #edf6ff;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(17px, 2vw, 24px);
  font-weight: 700;
  letter-spacing: -.02em;
  text-shadow: 0 0 22px rgba(70, 155, 255, .22);
}

@media (min-width: 901px) {
  .hero-stage {
    width: 107% !important;
    margin-left: -3.5% !important;
  }
}

.translucent-floater {
  background: linear-gradient(120deg, rgba(13, 33, 57, .54), rgba(7, 20, 37, .47)) !important;
  border-color: rgba(120, 181, 245, .24) !important;
  backdrop-filter: blur(13px) saturate(115%) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.product-finder-card.translucent-floater {
  background: linear-gradient(120deg, rgba(8, 47, 84, .55), rgba(9, 28, 49, .48)) !important;
  max-width: 270px;
}
.product-finder-card small {
  max-width: 205px;
  line-height: 1.35;
}
.list-now-card.translucent-floater {
  background: linear-gradient(120deg, rgba(96, 43, 12, .50), rgba(20, 29, 45, .46)) !important;
}
.list-now-card::before {
  content: "";
  position: absolute;
  left: -22px;
  top: 50%;
  width: 30px;
  height: 2px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, #ff982d 48%, #ffd17d);
  filter: drop-shadow(0 0 5px rgba(255,126,26,.52));
}
.list-now-card::after {
  content: "";
  position: absolute;
  left: -23px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-left: 2px solid #ffc66d;
  border-bottom: 2px solid #ffc66d;
  transform: translateY(-50%) rotate(45deg);
  filter: drop-shadow(0 0 4px rgba(255,126,26,.5));
}

.bulk-listing-display { position: relative; }
.bulk-category-override {
  position: absolute;
  z-index: 3;
  top: 2.8%;
  right: 3.5%;
  width: 27.2%;
  height: 18.2%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 2px solid rgba(101, 130, 177, .32);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 40%, rgba(37, 64, 104, .34), transparent 67%),
    linear-gradient(145deg, #101b2e, #071221 88%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 10px 30px rgba(0,0,0,.22);
  color: #f5f8ff;
  text-align: center;
  line-height: 1;
}
.bulk-category-override small {
  color: #b7c9e4;
  font-family: "Inter", sans-serif;
  font-size: clamp(7px, .72vw, 13px);
  font-weight: 800;
  letter-spacing: .05em;
}
.bulk-category-override strong {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .28em;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(15px, 2.15vw, 38px);
  font-weight: 800;
  letter-spacing: -.03em;
}

@media (max-width: 900px) {
  .hero-stage { width: 100% !important; margin-left: 0 !important; }
  .bulk-category-override { border-radius: 14px; }
}
@media (max-width: 620px) {
  .hero-tool-badge.hero-tool-text { min-width: 0; width: auto; padding: 10px 20px; }
  .bulk-category-override { border-width: 1px; gap: 2px; border-radius: 9px; }
  .bulk-category-override strong { font-size: clamp(10px, 4vw, 18px); }
  .bulk-category-override small { font-size: 6px; }
}


/* v35 — clean extension badge, non-overlapping Product Finder callout, and aligned Clothes category tile */
.hero-extension-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: min(92vw, 390px);
  margin: 0 auto 28px;
  padding: 12px 28px;
  border: 1px solid rgba(98, 171, 244, .34);
  border-radius: 999px;
  background-image: none !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(27, 126, 238, .18), transparent 38%),
    radial-gradient(circle at 82% 50%, rgba(255, 119, 22, .14), transparent 40%),
    linear-gradient(145deg, rgba(9, 27, 48, .86), rgba(5, 15, 28, .93));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 16px 46px rgba(0,0,0,.24),
    0 0 34px rgba(39, 130, 229, .08);
  overflow: hidden;
}
.hero-extension-badge::before,
.hero-extension-badge::after {
  content: none !important;
  display: none !important;
}
.hero-extension-badge span {
  display: block;
  color: #edf6ff;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(17px, 2vw, 24px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.02em;
  text-shadow: 0 0 22px rgba(70, 155, 255, .22);
}

@media (min-width: 1101px) {
  .product-finder-card.float-one {
    left: -235px !important;
    top: 18.5% !important;
    max-width: 250px !important;
  }
  .product-finder-card::before {
    content: "";
    position: absolute;
    right: -30px;
    top: 50%;
    width: 34px;
    height: 2px;
    transform: translateY(-50%);
    background: linear-gradient(90deg, #8fc9ff, #45a4ff 55%, transparent);
    filter: drop-shadow(0 0 5px rgba(64, 157, 255, .58));
  }
  .product-finder-card::after {
    content: "";
    position: absolute;
    right: -31px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-top: 2px solid #8fc9ff;
    border-right: 2px solid #8fc9ff;
    transform: translateY(-50%) rotate(45deg);
    filter: drop-shadow(0 0 4px rgba(64, 157, 255, .56));
  }
}

.product-finder-card.translucent-floater,
.list-now-card.translucent-floater {
  background-color: rgba(7, 20, 36, .34) !important;
  backdrop-filter: blur(15px) saturate(120%) !important;
}

.bulk-listing-display .bulk-category-override {
  top: 3.55% !important;
  left: 62.65% !important;
  right: auto !important;
  width: 28.45% !important;
  height: 17.55% !important;
  border-radius: 34px !important;
  border: 2px solid rgba(93, 126, 176, .38) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(38, 66, 106, .34), transparent 66%),
    linear-gradient(145deg, #111d31, #071221 88%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 30px rgba(0,0,0,.22) !important;
}
.bulk-listing-display .bulk-category-override small {
  font-size: clamp(8px, .82vw, 14px) !important;
}
.bulk-listing-display .bulk-category-override strong {
  font-size: clamp(17px, 2.28vw, 40px) !important;
}

@media (max-width: 1100px) and (min-width: 901px) {
  .product-finder-card.float-one {
    left: -115px !important;
    top: 19% !important;
    max-width: 225px !important;
  }
}

@media (max-width: 900px) {
  .hero-extension-badge {
    margin-bottom: 22px;
    padding: 10px 20px;
  }
  .bulk-listing-display .bulk-category-override {
    border-radius: 20px !important;
  }
}

@media (max-width: 620px) {
  .hero-extension-badge {
    max-width: calc(100vw - 38px);
    padding: 10px 18px;
  }
  .bulk-listing-display .bulk-category-override {
    border-width: 1px !important;
    border-radius: 11px !important;
  }
}

/* v36 — larger callouts, restored eBay extension badge, centered Clothes tile */
.hero-extension-badge {
  gap: 20px !important;
  max-width: min(94vw, 700px) !important;
  padding: 12px 26px !important;
}
.hero-extension-badge .ebay-wordmark {
  display: inline-flex;
  align-items: baseline;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(31px, 3.4vw, 48px);
  font-weight: 700;
  line-height: .8;
  letter-spacing: -0.12em;
  text-shadow: none;
  white-space: nowrap;
}
.hero-extension-badge .ebay-wordmark i { font-style: normal; }
.hero-extension-badge .ebay-e { color: #e53238; }
.hero-extension-badge .ebay-b { color: #0064d2; }
.hero-extension-badge .ebay-a { color: #f5af02; }
.hero-extension-badge .ebay-y { color: #86b817; }
.hero-extension-badge .extension-divider {
  width: 3px;
  height: 45px;
  flex: 0 0 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffc34d, #ff7a18);
  box-shadow: 0 0 16px rgba(255,143,31,.28);
}
.hero-extension-badge .extension-label {
  font-size: clamp(17px, 2vw, 25px) !important;
  font-weight: 700 !important;
  white-space: nowrap;
}

/* Make both hero callouts easier to read while preserving transparency. */
.product-finder-card.translucent-floater,
.list-now-card.translucent-floater {
  min-width: 290px !important;
  max-width: 320px !important;
  padding: 17px 20px !important;
  gap: 14px !important;
  background: linear-gradient(135deg, rgba(8,31,57,.58), rgba(7,18,34,.46)) !important;
  border-color: rgba(78,151,230,.34) !important;
  backdrop-filter: blur(17px) saturate(130%) !important;
}
.product-finder-card strong,
.list-now-card strong {
  font-size: 17px !important;
  line-height: 1.12 !important;
  letter-spacing: .01em;
}
.product-finder-card strong { color: #ff9d35 !important; }
.product-finder-card small,
.list-now-card small {
  margin-top: 5px !important;
  font-size: 12.5px !important;
  line-height: 1.42 !important;
  color: #aebfd3 !important;
}
.product-finder-card .icon-bubble,
.list-now-card .icon-bubble {
  width: 43px !important;
  height: 43px !important;
  min-width: 43px !important;
  font-size: 18px !important;
}

/* Match the Clothes override to the two neighboring status tiles. */
.bulk-listing-display .bulk-category-override {
  top: 3.85% !important;
  left: 66.15% !important;
  width: 27.1% !important;
  height: 16.8% !important;
  border-radius: 29px !important;
  border: 2px solid rgba(87, 120, 170, .44) !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(47, 75, 116, .22), transparent 58%),
    linear-gradient(145deg, #152238, #0c1728 88%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 7px 22px rgba(0,0,0,.17) !important;
  justify-content: center !important;
  align-items: center !important;
  transform: none !important;
}
.bulk-listing-display .bulk-category-override small {
  font-size: clamp(8px, .75vw, 13px) !important;
  line-height: 1 !important;
}
.bulk-listing-display .bulk-category-override strong {
  font-size: clamp(17px, 2.05vw, 36px) !important;
  line-height: 1.05 !important;
  gap: 8px !important;
}

@media (min-width: 1101px) {
  .product-finder-card.float-one {
    left: -270px !important;
    top: 19.5% !important;
  }
  .list-now-card.float-two {
    right: -76px !important;
  }
}
@media (max-width: 1100px) and (min-width: 901px) {
  .product-finder-card.translucent-floater,
  .list-now-card.translucent-floater {
    min-width: 245px !important;
    max-width: 270px !important;
  }
}
@media (max-width: 720px) {
  .hero-extension-badge {
    gap: 12px !important;
    padding: 10px 16px !important;
  }
  .hero-extension-badge .extension-divider { height: 32px; width: 2px; flex-basis: 2px; }
  .hero-extension-badge .ebay-wordmark { font-size: 29px; }
  .hero-extension-badge .extension-label { font-size: 15px !important; white-space: normal; text-align: left; }
}

/* v37 — precisely cover the original Planters category tile */
.bulk-listing-display .bulk-category-override {
  top: 3.45% !important;
  left: 62.78% !important;
  right: auto !important;
  width: 27.92% !important;
  height: 17.78% !important;
  box-sizing: border-box !important;
  border-radius: 31px !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(48, 77, 119, .24), transparent 60%),
    linear-gradient(145deg, #17253c, #0d192b 88%) !important;
  border-color: rgba(89, 122, 172, .46) !important;
  transform: none !important;
  overflow: hidden !important;
}
.bulk-listing-display .bulk-category-override strong {
  width: 100%;
  justify-content: center !important;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .bulk-listing-display .bulk-category-override {
    border-radius: 20px !important;
  }
}
@media (max-width: 620px) {
  .bulk-listing-display .bulk-category-override {
    border-radius: 10px !important;
  }
}