:root {
  --bg: #070a12;
  --bg-soft: #0c111f;
  --surface: rgba(17, 24, 42, .78);
  --surface-solid: #11182a;
  --surface-2: #171f34;
  --text: #f5f7ff;
  --muted: #98a3ba;
  --line: rgba(255,255,255,.1);
  --primary: #7c5cff;
  --primary-2: #9c87ff;
  --accent: #24e6a5;
  --accent-soft: rgba(36,230,165,.14);
  --danger: #ff5c7a;
  --warning: #ffc857;
  --shadow: 0 24px 80px rgba(0,0,0,.38);
  --radius: 22px;
  --header-h: 78px;
}

body.light {
  --bg: #f5f7fb;
  --bg-soft: #eef1f7;
  --surface: rgba(255,255,255,.82);
  --surface-solid: #ffffff;
  --surface-2: #f1f3f8;
  --text: #111629;
  --muted: #657089;
  --line: rgba(17,22,41,.1);
  --shadow: 0 24px 70px rgba(29,36,66,.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Manrope", system-ui, sans-serif;
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
  min-height: 100vh;
  overflow-x: hidden;
}

.preview-banner {
  position: relative;
  z-index: 120;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 38px;
  padding: 8px 20px;
  color: #dffef7;
  background: linear-gradient(90deg, rgba(20, 246, 190, .17), rgba(123, 77, 255, .2));
  border-bottom: 1px solid rgba(91, 244, 213, .28);
  font-size: 12px;
  letter-spacing: .01em;
  text-align: center;
}
.preview-banner strong {
  flex: 0 0 auto;
  padding: 3px 8px;
  color: #071612;
  background: #5bf4d5;
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: .12em;
}
.brand-mark img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 10px rgba(38, 241, 205, .35)); }
@media (max-width: 640px) {
  .preview-banner { align-items: flex-start; gap: 7px; padding-inline: 12px; font-size: 10px; }
}
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
img, svg { display: block; }

.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.section { padding: 110px 0; position: relative; }

.ambient { position: fixed; border-radius: 999px; filter: blur(90px); pointer-events: none; opacity: .18; z-index: -1; }
.ambient-one { width: 480px; height: 480px; background: var(--primary); right: -160px; top: -120px; }
.ambient-two { width: 380px; height: 380px; background: var(--accent); left: -170px; top: 560px; opacity: .08; }

.site-header {
  position: sticky; top: 0; z-index: 50;
  height: var(--header-h);
  background: color-mix(in srgb, var(--bg) 78%, transparent);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}
.nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: "Space Grotesk", sans-serif; font-weight: 700; letter-spacing: -.04em; }
.brand-mark { width: 38px; height: 38px; color: var(--accent); display: grid; place-items: center; }
.brand-mark svg { width: 100%; height: 100%; }
.brand-text { font-size: 20px; }
.brand-text span { color: var(--primary-2); }
.brand-text small { font-size: 12px; color: var(--muted); margin-left: 2px; letter-spacing: 0; }
.desktop-nav { display: flex; align-items: center; gap: 30px; color: var(--muted); font-size: 14px; font-weight: 700; }
.desktop-nav a:hover { color: var(--text); }
.main-nav { display: flex; align-items: center; gap: 26px; color: var(--muted); font-size: 14px; font-weight: 700; }
.main-nav a:hover { color: var(--text); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.icon-btn, .menu-btn, .heart-btn, .modal-close {
  border: 1px solid var(--line); background: var(--surface); color: var(--text);
  width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center;
}
.icon-btn .sun, body.light .icon-btn .moon { display: none; }
body.light .icon-btn .sun { display: inline; }
.menu-btn { display: none; font-size: 20px; }
.mobile-nav { display: none; }

.primary-btn, .ghost-btn, .outline-btn {
  border-radius: 13px; padding: 13px 20px; border: 1px solid transparent; font-weight: 800;
  transition: .2s ease; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
.primary-btn { color: white; background: linear-gradient(135deg, var(--primary), #5b39e9); box-shadow: 0 12px 32px rgba(124,92,255,.26); }
.primary-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 38px rgba(124,92,255,.36); }
.primary-btn.compact { padding: 10px 16px; }
.primary-btn.full { width: 100%; }
.ghost-btn { color: var(--text); background: transparent; border-color: var(--line); }
.ghost-btn:hover, .outline-btn:hover { background: var(--surface-2); border-color: color-mix(in srgb, var(--primary) 45%, var(--line)); }
.outline-btn { color: var(--text); background: var(--surface); border-color: var(--line); }

.hero { padding: 92px 0 78px; position: relative; }
.hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 72px; align-items: center; }
.eyebrow { color: var(--accent); text-transform: uppercase; letter-spacing: .12em; font-size: 12px; font-weight: 800; display: flex; align-items: center; gap: 9px; }
.pulse-dot { width: 8px; height: 8px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 0 8px rgba(36,230,165,.1); }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3 { font-family: "Space Grotesk", sans-serif; letter-spacing: -.04em; }
h1 { font-size: clamp(48px, 6vw, 78px); line-height: .98; margin: 24px 0; }
h1 span { color: transparent; background: linear-gradient(110deg, var(--primary-2), var(--accent)); -webkit-background-clip: text; background-clip: text; }
.hero-lead { max-width: 690px; color: var(--muted); font-size: 18px; line-height: 1.75; }

.search-shell { margin-top: 34px; display: grid; grid-template-columns: 1fr auto; gap: 10px; position: relative; }
.search-input-wrap { background: var(--surface-solid); border: 1px solid var(--line); border-radius: 16px; min-height: 58px; display: flex; align-items: center; gap: 12px; padding: 0 16px; box-shadow: var(--shadow); }
.search-input-wrap:focus-within { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(124,92,255,.12), var(--shadow); }
.search-input-wrap svg { width: 22px; color: var(--muted); flex: 0 0 auto; }
.search-input-wrap input { width: 100%; border: 0; outline: 0; color: var(--text); background: transparent; }
.search-input-wrap input::placeholder { color: var(--muted); }
kbd { font-size: 11px; padding: 4px 7px; color: var(--muted); border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); white-space: nowrap; }
.search-btn { min-width: 120px; }
.search-suggestions { position: absolute; z-index: 30; left: 0; right: 130px; top: calc(100% + 8px); background: var(--surface-solid); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); overflow: hidden; display: none; }
.search-suggestions.open { display: block; }
.suggestion { width: 100%; border: 0; background: transparent; color: var(--text); padding: 13px 15px; display: flex; align-items: center; justify-content: space-between; text-align: left; }
.suggestion:hover { background: var(--surface-2); }
.suggestion small { color: var(--muted); }
.popular-searches { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: var(--muted); font-size: 13px; margin-top: 18px; }
.popular-searches button { color: var(--text); background: transparent; border: 0; padding: 0; font-weight: 700; }
.popular-searches button:hover { color: var(--accent); }
.hero-proof { display: flex; gap: 28px; margin-top: 42px; }
.hero-proof div { display: flex; flex-direction: column; }
.hero-proof strong { font-family: "Space Grotesk"; font-size: 21px; }
.hero-proof span { color: var(--muted); font-size: 12px; }

.hero-visual { position: relative; min-height: 560px; display: grid; place-items: center; }
.beacon-ring { position: absolute; border: 1px solid rgba(124,92,255,.18); border-radius: 50%; }
.ring-one { width: 520px; height: 520px; animation: spin 28s linear infinite; }
.ring-two { width: 410px; height: 410px; border-style: dashed; animation: spin 20s linear infinite reverse; }
@keyframes spin { to { transform: rotate(360deg); } }
.deal-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); backdrop-filter: blur(16px); }
.featured-card { width: min(380px, 90%); transform: rotate(2deg); transition: .3s ease; z-index: 2; }
.featured-card:hover { transform: rotate(0) translateY(-8px); }
.deal-art { height: 220px; position: relative; overflow: hidden; padding: 18px; }
.art-bf { background: radial-gradient(circle at 75% 30%, #ff7546 0 4%, transparent 25%), linear-gradient(145deg, #101a38, #143b54 44%, #e16944 110%); }
.cover-noise { position: absolute; inset: 0; opacity: .22; background-image: repeating-linear-gradient(120deg, transparent 0 9px, rgba(255,255,255,.08) 10px 11px); }
.platform-badge { position: relative; z-index: 2; display: inline-flex; padding: 5px 8px; border-radius: 7px; background: rgba(0,0,0,.38); color: white; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.cover-title { position: absolute; z-index: 2; left: 22px; bottom: 20px; color: white; font-family: "Space Grotesk"; font-size: 24px; line-height: .86; text-shadow: 0 8px 20px rgba(0,0,0,.5); }
.cover-title small { display: block; font: 700 8px/1.4 Manrope; letter-spacing: .18em; margin-bottom: 8px; }
.cover-title b { font-size: 68px; color: #ff8158; }
.deal-content { padding: 20px; }
.deal-heading { display: flex; justify-content: space-between; gap: 15px; }
.deal-kicker { font-size: 11px; color: var(--accent); font-weight: 800; }
.deal-heading h3 { margin: 2px 0 0; font-size: 24px; }
.heart-btn { font-size: 20px; width: 38px; height: 38px; }
.heart-btn.active { color: var(--danger); border-color: rgba(255,92,122,.35); background: rgba(255,92,122,.08); }
.deal-meta { display: flex; gap: 6px; margin: 14px 0 18px; }
.deal-meta span { padding: 5px 8px; border-radius: 7px; background: var(--surface-2); color: var(--muted); font-size: 10px; font-weight: 800; }
.price-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.price-row div { display: flex; flex-direction: column; }
.price-row small { color: var(--muted); }
.price-row strong { font-family: "Space Grotesk"; font-size: 26px; }
.discount { padding: 7px 10px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); font-weight: 800; }
.floating-stat { position: absolute; z-index: 4; background: var(--surface-solid); border: 1px solid var(--line); border-radius: 14px; padding: 12px 15px; box-shadow: var(--shadow); display: flex; flex-direction: column; }
.floating-stat span { font-weight: 800; font-size: 13px; }
.floating-stat small { color: var(--muted); font-size: 10px; }
.stat-one { right: 0; top: 92px; }
.stat-two { left: 0; bottom: 98px; }

.platform-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface-solid) 65%, transparent); }
.platform-row { display: grid; grid-template-columns: repeat(6, 1fr); }
.platform-row button { border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--muted); padding: 18px 10px; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 8px; }
.platform-row button:first-child { border-left: 1px solid var(--line); }
.platform-row button:hover { color: var(--text); background: var(--surface); }
.platform-row button.active { color: var(--text); background: linear-gradient(180deg, rgba(124,92,255,.16), rgba(124,92,255,.06)); box-shadow: inset 0 -2px var(--primary); }
.platform-row span { color: var(--primary-2); }

.section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 42px; }
.section-head.centered { justify-content: center; text-align: center; }
.section-head h2, .guarantee-copy h2, .newsletter-card h2 { font-size: clamp(34px, 4vw, 52px); line-height: 1.08; margin: 10px 0 12px; }
.section-head p { color: var(--muted); margin: 0; max-width: 640px; }
.deals-section { padding-top: 76px; background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg-soft) 86%, transparent), transparent); }
.deal-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 28px; }
.filter-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.filter-tabs button { color: var(--muted); background: var(--surface); border: 1px solid var(--line); padding: 9px 13px; border-radius: 11px; font-weight: 700; }
.filter-tabs button.active { color: white; background: var(--primary); border-color: var(--primary); }
.toolbar-right { display: flex; gap: 10px; }
.select-wrap { position: relative; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 5px 10px 4px; }
.select-wrap select { display: block; border: 0; outline: 0; color: var(--text); background: transparent; font-size: 13px; text-transform: none; letter-spacing: 0; font-weight: 700; padding-right: 14px; }
.products-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.product-card { display: flex; flex-direction: column; transition: .24s ease; }
.product-card:hover { transform: translateY(-6px); border-color: rgba(124,92,255,.35); }
.product-cover { height: 210px; position: relative; overflow: hidden; padding: 16px; display: flex; align-items: flex-end; }
.product-cover::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, transparent 25%, rgba(0,0,0,.72)); }
.product-cover .product-logo { position: relative; z-index: 2; color: white; font-family: "Space Grotesk"; font-size: 24px; line-height: .95; text-shadow: 0 8px 24px rgba(0,0,0,.6); }
.product-cover .product-logo small { display: block; font: 700 9px Manrope; letter-spacing: .16em; margin-bottom: 7px; }
.product-cover .platform-badge { position: absolute; top: 14px; left: 14px; }
.product-cover .heart-btn { position: absolute; z-index: 3; right: 12px; top: 12px; background: rgba(0,0,0,.28); border-color: rgba(255,255,255,.18); color: white; }
.product-info { padding: 18px; display: flex; flex-direction: column; flex: 1; }
.product-info h3 { font-size: 18px; margin-bottom: 5px; }
.product-sub { color: var(--muted); font-size: 12px; }
.product-price { display: flex; justify-content: space-between; align-items: end; margin: 18px 0 13px; }
.product-price div { display: flex; flex-direction: column; }
.product-price small { color: var(--muted); font-size: 10px; }
.product-price strong { font-family: "Space Grotesk"; font-size: 22px; }
.product-price s { color: var(--muted); font-size: 11px; }
.product-card .primary-btn { padding: 10px; font-size: 13px; margin-top: auto; }
.empty-state { text-align: center; padding: 70px 20px; border: 1px dashed var(--line); border-radius: var(--radius); color: var(--muted); }
.empty-state div { font-size: 44px; }
.empty-state h3 { color: var(--text); margin: 8px 0; }

.guarantee-section { background: radial-gradient(circle at 15% 45%, rgba(36,230,165,.13), transparent 32%), var(--bg-soft); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.guarantee-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 90px; }
.guarantee-visual { min-height: 480px; position: relative; display: grid; place-items: center; }
.shield-large { width: 280px; height: 320px; color: var(--accent); display: grid; place-items: center; filter: drop-shadow(0 30px 50px rgba(36,230,165,.18)); }
.shield-large svg { width: 100%; height: 100%; }
.guarantee-card { position: absolute; background: var(--surface-solid); border: 1px solid var(--line); border-radius: 14px; padding: 14px 18px; box-shadow: var(--shadow); display: flex; flex-direction: column; }
.guarantee-card b { font-family: "Space Grotesk"; font-size: 22px; }
.guarantee-card span { color: var(--muted); font-size: 11px; }
.gc-one { left: 0; top: 84px; }
.gc-two { right: 0; bottom: 88px; }
.guarantee-copy p { color: var(--muted); font-size: 17px; }
.feature-list { list-style: none; padding: 0; margin: 28px 0 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.feature-list li { display: flex; gap: 12px; }
.feature-list li > span { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 9px; background: var(--accent-soft); color: var(--accent); display: grid; place-items: center; font-weight: 900; }
.feature-list div { display: flex; flex-direction: column; }
.feature-list small { color: var(--muted); line-height: 1.45; }

.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.steps-grid article { position: relative; padding: 28px; border: 1px solid var(--line); background: var(--surface); border-radius: var(--radius); }
.steps-grid article::after { content:""; position: absolute; top: 50%; right: -19px; width: 20px; border-top: 1px dashed var(--line); }
.steps-grid article:last-child::after { display: none; }
.step-number { position: absolute; right: 18px; top: 16px; color: var(--line); font: 700 34px "Space Grotesk"; }
.step-icon { width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; background: rgba(124,92,255,.12); color: var(--primary-2); font-size: 23px; }
.steps-grid h3 { font-size: 21px; margin: 22px 0 8px; }
.steps-grid p { color: var(--muted); font-size: 14px; margin: 0; }

.store-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.store-card { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 20px; }
.store-top { display: flex; align-items: center; gap: 12px; }
.store-logo { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; font: 800 16px "Space Grotesk"; color: white; }
.store-top h3 { font-size: 16px; margin: 0; }
.store-top small { color: var(--muted); }
.store-rating { display: flex; justify-content: space-between; margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--line); font-size: 12px; }
.store-rating span:first-child { color: var(--warning); font-weight: 800; }
.store-rating span:last-child { color: var(--muted); }

.newsletter-section { padding-top: 30px; }
.newsletter-card { padding: 48px; border: 1px solid rgba(124,92,255,.25); background: linear-gradient(120deg, rgba(124,92,255,.16), rgba(36,230,165,.07)); border-radius: 28px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.newsletter-card h2 { font-size: clamp(28px, 4vw, 44px); max-width: 660px; }
.newsletter-card p { color: var(--muted); margin: 0; }
.newsletter-form { display: flex; gap: 10px; min-width: 390px; }
.newsletter-form input { flex: 1; min-width: 0; background: var(--surface-solid); color: var(--text); border: 1px solid var(--line); border-radius: 13px; padding: 14px 16px; outline: 0; }
.newsletter-form input:focus { border-color: var(--primary); }

.site-footer { padding: 70px 0 24px; border-top: 1px solid var(--line); background: color-mix(in srgb, var(--bg-soft) 70%, transparent); }
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 50px; }
.footer-brand { margin-bottom: 14px; }
.footer-grid p { color: var(--muted); max-width: 380px; font-size: 13px; }
.footer-grid h4 { font-size: 13px; text-transform: uppercase; letter-spacing: .12em; }
.footer-grid > div:not(:first-child) { display: flex; flex-direction: column; gap: 9px; }
.footer-grid a:not(.brand) { color: var(--muted); font-size: 13px; }
.footer-grid a:hover { color: var(--text); }
.footer-bottom { border-top: 1px solid var(--line); margin-top: 45px; padding-top: 20px; color: var(--muted); font-size: 12px; display: flex; justify-content: space-between; }

.modal-backdrop { position: fixed; inset: 0; z-index: 100; background: rgba(0,0,0,.68); backdrop-filter: blur(10px); padding: 25px; display: grid; place-items: center; }
.modal-backdrop[hidden] { display: none; }
.modal { width: min(940px, 100%); max-height: 90vh; overflow-y: auto; background: var(--surface-solid); border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); position: relative; padding: 28px; }
.small-modal { width: min(480px, 100%); text-align: center; padding: 38px; }
.modal-close { position: absolute; right: 16px; top: 16px; z-index: 3; font-size: 22px; }
.modal-icon { font-size: 38px; }
.modal-product-head { display: grid; grid-template-columns: 220px 1fr; gap: 26px; margin-bottom: 28px; padding-right: 50px; }
.modal-product-head .product-cover { height: 260px; border-radius: 18px; }
.modal-product-head h2 { font-size: 38px; margin: 15px 0 8px; }
.modal-product-head p { color: var(--muted); }
.offer-list { display: flex; flex-direction: column; gap: 10px; }
.offer-row { display: grid; grid-template-columns: 1.3fr .8fr .7fr .8fr auto; align-items: center; gap: 14px; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.offer-store { display: flex; align-items: center; gap: 10px; font-weight: 800; }
.offer-store .store-logo { width: 34px; height: 34px; border-radius: 10px; font-size: 12px; }
.offer-cell { display: flex; flex-direction: column; font-size: 12px; }
.offer-cell small { color: var(--muted); }
.offer-price { font-family: "Space Grotesk"; font-size: 20px; white-space: nowrap; }
.offer-row .primary-btn { padding: 9px 13px; font-size: 12px; }
.protect-pill { color: var(--accent); font-weight: 800; font-size: 11px; }
.stack-form { display: flex; flex-direction: column; gap: 14px; margin-top: 24px; text-align: left; }
.stack-form label { position: relative; color: var(--muted); font-size: 12px; font-weight: 700; }
.stack-form input { width: 100%; margin-top: 6px; background: var(--surface-2); color: var(--text); border: 1px solid var(--line); border-radius: 12px; padding: 13px 14px; outline: 0; }
.stack-form label > span { position: absolute; right: 14px; bottom: 11px; }
.toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 30px); opacity: 0; z-index: 200; padding: 13px 18px; border-radius: 12px; background: var(--text); color: var(--bg); font-weight: 700; font-size: 13px; box-shadow: var(--shadow); pointer-events: none; transition: .25s ease; max-width: min(520px, calc(100% - 30px)); text-align: center; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 1050px) {
  .desktop-nav { display: none; }
  .hero-grid { gap: 28px; }
  .products-grid { grid-template-columns: repeat(3, 1fr); }
  .platform-row { grid-template-columns: repeat(3, 1fr); }
  .platform-row button:nth-child(4) { border-left: 1px solid var(--line); }
  .steps-grid { grid-template-columns: repeat(2, 1fr); }
  .steps-grid article:nth-child(2)::after { display: none; }
  .store-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .section { padding: 82px 0; }
  .hero { padding-top: 64px; }
  .hero-grid, .guarantee-grid { grid-template-columns: 1fr; }
  .hero-copy { text-align: center; }
  .eyebrow { justify-content: center; }
  .hero-lead { margin-left: auto; margin-right: auto; }
  .popular-searches, .hero-proof { justify-content: center; }
  .hero-visual { min-height: 520px; }
  .deal-toolbar, .section-head { align-items: stretch; flex-direction: column; }
  .toolbar-right { justify-content: flex-end; }
  .products-grid { grid-template-columns: repeat(2, 1fr); }
  .guarantee-grid { gap: 35px; }
  .guarantee-copy .eyebrow { justify-content: flex-start; }
  .newsletter-card { flex-direction: column; align-items: stretch; }
  .newsletter-form { min-width: 0; }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 2; }
  .modal-product-head { grid-template-columns: 150px 1fr; }
  .modal-product-head .product-cover { height: 200px; }
  .offer-row { grid-template-columns: 1fr 1fr auto; }
  .offer-row .hide-tablet { display: none; }
}

@media (max-width: 640px) {
  :root { --header-h: 68px; }
  .container { width: min(100% - 28px, 1180px); }
  .desktop-only { display: none; }
  .menu-btn { display: grid; }
  #signupBtn { display: none; }
  .site-header .nav-actions { gap: 6px; min-width: 0; }
  .site-header .nav-actions .ghost-btn,
  .site-header .nav-actions .primary-btn { padding: 9px 11px; font-size: 12px; white-space: nowrap; }
  .mobile-nav { position: absolute; left: 14px; right: 14px; top: calc(100% + 8px); background: var(--surface-solid); border: 1px solid var(--line); border-radius: 16px; padding: 10px; box-shadow: var(--shadow); flex-direction: column; }
  .mobile-nav.open { display: flex; }
  .mobile-nav a { padding: 11px 12px; border-radius: 10px; font-weight: 700; }
  .mobile-nav a:hover { background: var(--surface-2); }
  h1 { font-size: 46px; }
  .hero-lead { font-size: 16px; }
  .search-shell { grid-template-columns: 1fr; }
  .search-btn { width: 100%; }
  .search-suggestions { right: 0; top: 68px; }
  .hero-proof { gap: 14px; }
  .hero-proof strong { font-size: 17px; }
  .hero-proof span { font-size: 9px; }
  .hero-visual { min-height: 470px; }
  .featured-card { width: 88%; }
  .ring-one { width: 420px; height: 420px; }
  .ring-two { width: 330px; height: 330px; }
  .stat-one { right: -5px; top: 55px; }
  .stat-two { left: -5px; bottom: 55px; }
  .platform-row { display: flex; overflow-x: auto; }
  .platform-row button { min-width: 150px; }
  .deal-toolbar { gap: 14px; }
  .toolbar-right { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .select-wrap, .select-wrap select { min-width: 0; max-width: 100%; }
  .products-grid { grid-template-columns: 1fr; }
  .product-card { display: grid; grid-template-columns: 130px 1fr; }
  .product-cover { height: auto; min-height: 210px; }
  .feature-list { grid-template-columns: 1fr; }
  .guarantee-visual { min-height: 400px; }
  .shield-large { width: 230px; }
  .steps-grid, .store-grid { grid-template-columns: 1fr; }
  .steps-grid article::after { display: none; }
  .newsletter-card { padding: 30px 22px; }
  .newsletter-form { flex-direction: column; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .footer-grid > div:last-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; gap: 5px; }
  .modal { padding: 20px; }
  .modal-product-head { grid-template-columns: 1fr; padding-right: 0; }
  .modal-product-head .product-cover { height: 230px; }
  .offer-row { grid-template-columns: 1fr auto; }
  .offer-row .hide-mobile { display: none; }
}

@media (max-width: 480px) {
  .brand { gap: 6px; }
  .brand-mark { width: 32px; height: 32px; }
  .brand-text { font-size: 17px; }
  .product-card { grid-template-columns: 112px minmax(0, 1fr); }
  .product-info { min-width: 0; padding: 14px; }
  .product-info h3 { overflow-wrap: anywhere; }
  .product-price { gap: 8px; }
  .product-price strong { font-size: 18px; }
  .account-item { align-items: stretch; flex-direction: column; }
  .account-item > div:last-child { display: flex; flex-wrap: wrap; gap: 8px; }
  .panel-title-row { align-items: flex-start; flex-wrap: wrap; }
  .modal-backdrop { padding: 10px; }
  .modal, .small-modal { padding: 20px 14px; border-radius: 18px; }
  .modal-close { right: 10px; top: 10px; }
  .offer-row { gap: 9px; padding: 12px; }
}
.admin-link { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }

[hidden]{display:none!important}.mobile-auth-link{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:14px 20px;font:inherit}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#17243c,#070b13 58%)}.auth-card{width:min(520px,100%);padding:42px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(13,20,34,.9);box-shadow:0 30px 80px rgba(0,0,0,.35);text-align:center}.auth-card h1{font-family:'Space Grotesk',sans-serif;font-size:32px;margin:12px 0}.auth-card p{color:var(--muted);line-height:1.7}.auth-spinner{width:44px;height:44px;margin:auto;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:authSpin .8s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.account-page{min-height:100vh;padding:100px 20px 60px}.account-shell{width:min(1100px,100%);margin:auto}.account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-panel{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.account-panel h2{margin:0 0 18px}.account-list{display:grid;gap:12px}.account-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.account-item h3{margin:0 0 4px;font-size:15px}.account-item p{margin:0;color:var(--muted);font-size:13px}.danger-btn{border:1px solid rgba(255,95,120,.35);background:rgba(255,95,120,.08);color:#ff8ca0;border-radius:10px;padding:9px 12px;cursor:pointer}.loading-block{padding:30px;text-align:center;color:var(--muted)}@media(max-width:760px){.account-grid{grid-template-columns:1fr}.account-head{flex-direction:column}.auth-card{padding:28px}}
/* Content, support and account applications */
.content-page{min-height:70vh}.page-hero{padding:130px 0 50px;background:radial-gradient(circle at 50% 0,rgba(124,92,255,.22),transparent 52%);border-bottom:1px solid var(--line)}.narrow{max-width:880px}.page-hero h1{font-size:clamp(44px,7vw,78px);margin:12px 0}.page-hero p{font-size:18px;color:var(--muted);line-height:1.75}.two-col-page{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}.content-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.content-card h2{font-size:30px;margin:0 0 20px}.content-card h3{margin-top:25px}.content-card p{color:var(--muted);line-height:1.75}.info-grid,.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-grid>div,.guide-grid>div{padding:18px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px}.info-grid p,.guide-grid p{font-size:13px;margin:6px 0 0}.notice,.success-panel{padding:16px;border-radius:14px;margin-top:20px;background:rgba(36,230,165,.08);border:1px solid rgba(36,230,165,.25);line-height:1.6}.success-panel b{color:var(--accent)}.stat-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.stat-chips span{padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.stat-chips b{color:var(--text)}.form-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}.stack-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);font-weight:800}.stack-form input,.stack-form select,.stack-form textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:12px;padding:12px 13px;outline:0;font:inherit}.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,92,255,.1)}.check-row{flex-direction:row!important;align-items:flex-start!important;font-weight:500!important;line-height:1.5}.check-row input{width:auto!important;margin-top:3px}.form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.timeline-list{display:grid;gap:16px}.timeline-list>div{display:flex;gap:15px}.timeline-list span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--primary);color:white;font-weight:800;flex:0 0 auto}.timeline-list p{margin:4px 0}.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.docs-nav{position:sticky;top:100px;display:grid;gap:5px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.docs-nav a{padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:700}.docs-nav a:hover{background:var(--surface-2);color:var(--text)}.docs-content{display:grid;gap:20px}.content-card details{padding:16px 0;border-bottom:1px solid var(--line)}.content-card summary{cursor:pointer;font-weight:800}.legal-copy{scroll-margin-top:110px}.legal-copy h2{scroll-margin-top:110px}.account-page{padding:120px 0 70px}.account-shell{width:min(1180px,calc(100% - 40px));margin:auto}.account-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.account-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:10px 14px;border-radius:11px;font-weight:800}.account-tabs button.active{background:var(--primary);color:white;border-color:var(--primary)}.account-view[hidden]{display:none}.account-grid.three{grid-template-columns:repeat(3,1fr)}.account-panel.full{grid-column:1/-1}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-pill{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:800;text-transform:capitalize}.status-open{color:var(--accent);border-color:rgba(36,230,165,.3);background:rgba(36,230,165,.08)}.status-waiting{color:var(--warning);border-color:rgba(255,200,87,.3);background:rgba(255,200,87,.08)}.status-closed{color:var(--muted)}.case-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);cursor:pointer}.case-card:hover{border-color:var(--primary)}.case-thread{display:grid;gap:12px;margin:18px 0}.case-message{padding:14px;border-radius:14px;background:var(--surface-2)}.case-message.admin{border-left:3px solid var(--accent)}.case-message.customer{border-left:3px solid var(--primary)}.case-message small{display:block;color:var(--muted);margin-bottom:5px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-list{display:grid;gap:12px}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.setting-row input{width:20px;height:20px}.footer-bottom a{color:var(--muted)}
@media(max-width:900px){.two-col-page,.docs-layout,.profile-grid{grid-template-columns:1fr}.docs-nav{position:static;grid-template-columns:repeat(3,1fr)}.account-grid.three{grid-template-columns:1fr}.main-nav{display:none}}
@media(max-width:620px){.form-grid,.info-grid,.guide-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.content-card{padding:20px}.docs-nav{grid-template-columns:1fr 1fr}.page-hero{padding-top:72px}.page-hero h1{font-size:clamp(36px,11vw,52px);overflow-wrap:anywhere}.page-hero p{font-size:16px}.stat-chips{display:grid}}
.maintenance-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:#f3b83b;color:#15110a;padding:9px;text-align:center;font-weight:800;font-size:12px}.maintenance-banner+.site-header{top:34px}

/* Account heading is intentionally smaller than the marketing-page hero. */
.account-page{padding-top:72px}
.account-head>div{min-width:0;max-width:850px}
.account-head h1{font-size:clamp(34px,5vw,56px);line-height:1.05;margin:14px 0 8px;overflow-wrap:anywhere}
.account-head #accountEmail{margin:0;color:var(--muted);font-size:15px;overflow-wrap:anywhere}
@media(max-width:620px){.account-page{padding-top:48px}.account-shell{width:min(100% - 28px,1180px)}.account-head h1{font-size:36px}.account-panel{padding:20px}.account-item{align-items:stretch;flex-direction:column}.account-item>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.panel-title-row{align-items:flex-start;flex-wrap:wrap}.form-actions>*{flex:1}.setting-row{align-items:flex-start}.setting-row span{min-width:0}}