/*
   RefugeBot homepage — deliberately small first-visit surface.
   Product detail, screenshots, and feature examples belong on /monitor and
   /companion. This file owns only the landing-page shell and its three jobs:
   explain the core, show the optional tools, and get a server connected.
*/

.home-simple {
  --simple-max: 1160px;
  --simple-pad: clamp(22px, 4vw, 52px);
  background: var(--bg-0);
}

.home-simple a { color: inherit; }
.simple-container { width: min(var(--simple-max), calc(100% - (var(--simple-pad) * 2))); margin: 0 auto; }

/* Navigation */
.simple-nav {
  position: sticky;
  top: var(--strip-total);
  z-index: 40;
  background: rgba(7, 9, 13, .94);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(14px);
}
.simple-nav-inner { min-height: 70px; display: flex; align-items: center; gap: 24px; }
.simple-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink) !important; min-width: max-content; }
.simple-brand-mark {
  width: 34px; height: 34px; display: grid; place-items: center;
  border: 1px solid var(--signal); color: var(--signal);
  font: 700 calc(12px * var(--rb-font-scale,1)) var(--display); letter-spacing: .05em;
  clip-path: var(--chamfer-sm);
}
.simple-brand b { display: block; font: 600 calc(16px * var(--rb-font-scale,1))/1 var(--display); letter-spacing: .08em; text-transform: uppercase; }
.simple-brand small { display: block; margin-top: 4px; color: var(--ink-3); font: 500 calc(9px * var(--rb-font-scale,1))/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.simple-nav-links { display: flex; align-items: center; gap: clamp(14px, 2.2vw, 28px); margin-left: auto; }
.simple-nav-links a { color: var(--ink-2) !important; font: 500 calc(11px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.simple-nav-links a:hover { color: var(--signal) !important; }
.simple-nav-cta { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; background: var(--signal); color: var(--on-signal) !important; clip-path: var(--chamfer-sm); font: 600 calc(11px * var(--rb-font-scale,1)) var(--display); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.simple-nav-cta:hover { background: var(--signal-hi); }

/* Shared landing primitives */
.simple-kicker { display: inline-block; color: var(--signal); font: 500 calc(10px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .2em; text-transform: uppercase; }
.simple-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.simple-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 11px 18px; border: 1px solid var(--line-hi); font: 600 calc(12px * var(--rb-font-scale,1)) var(--display); letter-spacing: .08em; text-transform: uppercase; transition: background var(--fast), border-color var(--fast), color var(--fast); }
.simple-button.primary { background: var(--signal); border-color: var(--signal); color: var(--on-signal) !important; clip-path: var(--chamfer-sm); }
.simple-button.primary:hover { background: var(--signal-hi); border-color: var(--signal-hi); }
.simple-button.quiet { color: var(--ink) !important; background: rgba(13, 17, 23, .72); }
.simple-button.quiet:hover { border-color: var(--signal); color: var(--signal) !important; }
.simple-text-link { color: var(--scan) !important; font: 500 calc(11px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.simple-text-link:hover { color: var(--ink) !important; }

/* Hero */
.simple-hero { position: relative; min-height: min(780px, calc(100vh - var(--strip-total) - 70px)); overflow: hidden; border-bottom: 1px solid var(--line); }
.simple-hero-art { position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(7,9,13,.98) 0%, rgba(7,9,13,.91) 42%, rgba(7,9,13,.68) 100%), linear-gradient(0deg, rgba(7,9,13,.97) 0%, rgba(7,9,13,.16) 68%), url('/landing/art/hero-city.webp'); background-position: center; background-size: cover; opacity: .8; }
.simple-hero-art::after { content: ''; position: absolute; inset: 0; background-image: var(--grid-img); background-size: 56px 56px; opacity: .28; }
.simple-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 360px);
  align-items: center;
  gap: clamp(34px, 5vw, 64px);
  padding-top: clamp(42px, 5.5vh, 66px);
  padding-bottom: clamp(28px, 3.5vh, 42px);
}
.simple-hero-shell { position: relative; z-index: 1; padding-bottom: clamp(42px, 5.5vh, 66px); }
.simple-hero-copy { min-width: 0; max-width: 680px; animation: simple-hero-rise 720ms cubic-bezier(.2, .82, .24, 1) both; }
.simple-hero h1 { max-width: 680px; margin: 17px 0 12px; color: var(--signal); font: 700 clamp(calc(58px * var(--rb-font-scale,1)), 7vw, 96px)/.88 var(--display); letter-spacing: -.02em; }
.simple-hero-tagline { max-width: 660px; margin-bottom: 16px; color: var(--ink); font: 600 clamp(calc(24px * var(--rb-font-scale,1)), 2.7vw, 37px)/1.08 var(--display); letter-spacing: -.01em; }
.simple-hero-lead { max-width: 640px; margin: 0; color: var(--ink-2); font-size: clamp(15px, 1.35vw, 18px); line-height: 1.55; }
.home-discord-cta {
  position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 13px;
  max-width: 640px; margin-top: 21px; padding: 13px 15px; overflow: hidden;
  border: 1px solid rgba(140, 148, 255, .9); border-left: 3px solid #a8afff;
  background: linear-gradient(105deg, rgba(64, 70, 177, .97), rgba(52, 58, 148, .96) 58%, #5865f2);
  box-shadow: 0 14px 36px rgba(18, 22, 68, .42), inset 0 0 34px rgba(255, 255, 255, .045);
  clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 0 100%);
  color: var(--ink) !important; transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}
.home-discord-cta::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 84% 20%, color-mix(in srgb,var(--ink) 16%,transparent), transparent 34%); pointer-events: none; }
.home-discord-cta:hover { border-color: #fff; transform: translateY(-2px); filter: saturate(1.12); box-shadow: 0 18px 46px rgba(25, 30, 95, .58), 0 0 24px rgba(88, 101, 242, .25); }
.home-discord-cta:focus-visible { outline: 3px solid rgba(168, 175, 255, .72); outline-offset: 3px; }
.home-discord-mark { position: relative; z-index: 1; display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid color-mix(in srgb,var(--ink) 28%,transparent); background: rgba(24, 27, 75, .42); color: var(--ink); }
.home-discord-mark svg { width: 29px; height: 29px; fill: currentColor; }
.home-discord-copy { position: relative; z-index: 1; min-width: 0; }
.home-discord-copy strong, .home-discord-copy small { display: block; }
.home-discord-copy strong { color: var(--ink); font: 700 calc(18px * var(--rb-font-scale,1))/1.12 var(--display); letter-spacing: .01em; }
.home-discord-copy small { margin-top: 4px; color: color-mix(in srgb,var(--ink) 80%,transparent); font: 500 calc(9px * var(--rb-font-scale,1))/1.4 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.home-discord-action { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid color-mix(in srgb,var(--ink) 30%,transparent); background: rgba(19,22,63,.36); color: var(--ink); font: 700 calc(9px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .09em; text-transform: uppercase; white-space: nowrap; }
.home-discord-action b { font-size: calc(14px * var(--rb-font-scale,1)); }
.home-donate-card {
  max-width: 640px; margin-top: 14px; padding: 20px;
  border: 1px solid rgba(255, 202, 104, .55); border-left: 3px solid #ffca68;
  background: radial-gradient(ellipse at top right, rgba(255, 181, 69, .12), transparent 65%), linear-gradient(120deg, #211b13, #111316);
  box-shadow: 0 10px 32px rgba(0, 0, 0, .18);
}
.home-donate-heading { display: flex; align-items: center; gap: 10px; color: #ffcf7c; }
.home-donate-heading svg { flex: 0 0 22px; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
.home-donate-heading h2 { margin: 0; color: #fff0d6; font: 700 calc(21px * var(--rb-font-scale,1))/1.2 var(--display); }
.home-donate-card p { margin: 10px 0 16px; color: #ddd4c4; font: 400 calc(14px * var(--rb-font-scale,1))/1.6 var(--sans); }
.home-simple .home-donate-button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 46px; max-width: 100%; padding: 11px 18px; border: 1px solid #ffca68; background: #ffca68; color: #211608; font: 700 calc(14px * var(--rb-font-scale,1))/1.3 var(--display); text-align: center; transition: background 160ms ease, border-color 160ms ease; }
.home-simple .home-donate-button:hover { background: #ffdfa4; border-color: #ffdfa4; color: #211608; }
.home-donate-button:focus-visible { outline: 3px solid #fff0d6; outline-offset: 4px; }
@media (max-width: 600px) {
  .home-donate-card { padding: 16px; }
  .home-donate-heading h2 { font-size: calc(20px * var(--rb-font-scale,1)); }
  .home-simple .home-donate-button { width: 100%; }
}
.home-language-signal {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  max-width: 640px;
  margin-top: 19px;
  padding: 10px 12px;
  border: 1px solid rgba(114, 215, 223, .32);
  border-left: 2px solid var(--scan);
  background: linear-gradient(100deg, rgba(20, 48, 54, .70), rgba(9, 16, 21, .82));
  clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 0 100%);
}
.home-language-signal::after { content: ''; position: absolute; right: 10px; bottom: -1px; width: 54px; height: 1px; background: var(--scan); opacity: .72; }
.home-language-orbit { position: relative; width: 42px; height: 42px; display: grid; place-items: center; color: var(--scan); }
.home-language-orbit::before { content: ''; position: absolute; inset: 2px; border: 1px solid rgba(114, 215, 223, .2); border-radius: 50%; animation: home-lang-orbit 9s linear infinite; }
.home-language-orbit svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.2; }
.home-language-orbit i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 8px rgba(255, 107, 26, .9); }
.home-language-orbit i:nth-of-type(1) { top: 1px; left: 18px; }
.home-language-orbit i:nth-of-type(2) { right: 1px; bottom: 8px; }
.home-language-orbit i:nth-of-type(3) { left: 2px; bottom: 7px; }
.home-language-copy { min-width: 0; }
.home-language-copy small,
.home-language-copy strong,
.home-language-copy span { display: block; }
.home-language-copy small { color: var(--scan); font: 600 calc(8px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .18em; text-transform: uppercase; }
.home-language-copy strong { margin-top: 2px; color: var(--ink); font: 600 calc(13px * var(--rb-font-scale,1)) var(--display); letter-spacing: .025em; }
.home-language-copy span { overflow: hidden; margin-top: 2px; color: var(--ink-3); font: 500 calc(8px * var(--rb-font-scale,1)) var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.home-language-picker { display: grid; gap: 3px; min-width: 142px; }
.home-language-picker > span { color: var(--ink-3); font: 500 calc(7px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.home-language-picker select { min-height: 34px; width: 100%; padding: 6px 28px 6px 9px; border: 1px solid var(--line-hi); border-radius: 0; background: rgba(4, 8, 11, .82); color: var(--ink); font: 600 calc(10px * var(--rb-font-scale,1)) var(--mono); cursor: pointer; }
.home-language-picker select:hover,
.home-language-picker select:focus-visible { border-color: var(--scan); outline: none; }
.home-language-picker select:disabled { cursor: wait; opacity: .7; }
.home-language-status { position: absolute; left: 58px; right: 12px; bottom: -17px; color: #ffb18a; font: 500 calc(8px * var(--rb-font-scale,1)) var(--mono); }
.simple-product-launchers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.simple-product-launch { display: block; min-width: 0; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(14, 21, 27, .96), rgba(7, 11, 15, .94)); transition: border-color 180ms ease, background 180ms ease, transform 180ms ease, box-shadow 180ms ease; }
.simple-product-launch:hover { border-color: var(--line-hi); background: linear-gradient(145deg, rgba(20, 30, 37, .98), rgba(9, 14, 19, .97)); transform: translateY(-3px); box-shadow: 0 18px 38px rgba(0, 0, 0, .28); }
.simple-product-launch.refuge-launch { border-top: 3px solid var(--signal); }
.simple-product-launch.monitor-launch { border-top: 3px solid var(--ok); }
.simple-product-launch.companion-launch { border-top: 3px solid var(--scan); }
.simple-product-launch-main { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 16px; min-height: 255px; padding: 22px; color: var(--ink) !important; }
.simple-product-launch-main .product-mark { width: 54px; height: 54px; font-size: calc(13px * var(--rb-font-scale,1)); }
.simple-product-launch-copy,
.simple-product-launch-main b,
.simple-product-launch-main strong,
.simple-product-launch-main small { display: block; }
.simple-product-launch-label { display: block; margin-bottom: 8px; color: var(--ink-3); font: 600 calc(8px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.simple-product-launch-main b { color: var(--ink); font: 700 calc(25px * var(--rb-font-scale,1))/1 var(--display); letter-spacing: .01em; }
.simple-product-launch-main strong { min-height: 36px; margin-top: 7px; color: var(--ink-2); font: 600 calc(13px * var(--rb-font-scale,1))/1.35 var(--display); }
.simple-product-launch-main small { margin-top: 12px; color: var(--ink-2); font: 400 calc(11px * var(--rb-font-scale,1))/1.55 var(--mono); }
.simple-product-launch-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--signal); font: 600 calc(9px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.simple-product-launch-cta i { color: inherit; font: 500 calc(15px * var(--rb-font-scale,1)) var(--mono); font-style: normal; transition: transform 180ms ease; }
.simple-product-launch-main:hover .simple-product-launch-cta i { transform: translateX(4px); }
.monitor-launch .simple-product-launch-cta { color: var(--ok); }
.companion-launch .simple-product-launch-cta { color: var(--scan); }
.simple-product-meta { display: flex; align-items: center; gap: 20px; margin-top: 10px; }
.simple-all-updates { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; max-width:640px; min-height:44px; margin-top:8px; padding:8px 12px; border:1px solid rgba(114,215,223,.28); background:rgba(8,15,20,.78); color:var(--ink) !important; text-decoration:none; transition:border-color 180ms ease,background 180ms ease; }
.simple-all-updates:hover { border-color:var(--scan); background:rgba(15,27,34,.92); }
.simple-all-updates-marks { display:flex; align-items:center; }
.simple-all-updates-marks i { width:24px; height:24px; display:grid; place-items:center; margin-left:-4px; border:1px solid var(--line-hi); background:#091016; color:var(--ink-2); font:700 calc(7px * var(--rb-font-scale,1)) var(--display); font-style:normal; }
.simple-all-updates-marks i:first-child { margin-left:0; border-color:var(--signal); color:var(--signal); }
.simple-all-updates-marks i:nth-child(2) { border-color:var(--ok); color:var(--ok); }
.simple-all-updates-marks i:nth-child(3) { border-color:var(--scan); color:var(--scan); }
.simple-all-updates strong,.simple-all-updates small { display:block; }
.simple-all-updates strong { color:var(--ink); font:600 calc(10px * var(--rb-font-scale,1)) var(--display); letter-spacing:.08em; text-transform:uppercase; }
.simple-all-updates small { margin-top:2px; color:var(--ink-3); font:500 calc(8px * var(--rb-font-scale,1)) var(--mono); }
.simple-all-updates > b { color:var(--scan); font:500 calc(15px * var(--rb-font-scale,1)) var(--mono); }
.simple-hero-footnote { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 22px; margin-top: 8px; color: var(--ink-3); font: 500 calc(9px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.simple-hero-footnote a { color: var(--scan) !important; }
.simple-hero-footnote a:hover { color: var(--ink) !important; }

.simple-hero-offer {
  position: relative;
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(114, 215, 223, .34);
  border-top: 2px solid var(--signal);
  background: linear-gradient(145deg, rgba(15, 24, 29, .96), rgba(7, 11, 15, .92));
  box-shadow: 0 28px 90px rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(255, 255, 255, .025);
  clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
  animation: simple-hero-rise 760ms 100ms cubic-bezier(.2, .82, .24, 1) both;
}
.simple-hero-offer::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: var(--grid-img); background-size: 34px 34px; opacity: .13; }
.simple-hero-offer > * { position: relative; z-index: 1; }
.simple-offer-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--signal); font: 600 calc(8px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .14em; }
.simple-offer-topline b { color: var(--ok); font-weight: 500; }
.simple-offer-price { display: flex; align-items: baseline; gap: 8px; margin: 22px 0 5px; }
.simple-offer-price strong { color: var(--ink); font: 700 calc(66px * var(--rb-font-scale,1))/.8 var(--display); letter-spacing: -.04em; }
.simple-offer-price span { color: var(--ink-3); font: 500 calc(10px * var(--rb-font-scale,1)) var(--mono); text-transform: uppercase; }
.simple-hero-offer h2 { margin: 15px 0 8px; color: var(--ink); font: 600 calc(24px * var(--rb-font-scale,1))/1.08 var(--display); }
.simple-hero-offer > p { margin: 0; color: var(--ink-2); font-size: calc(12px * var(--rb-font-scale,1)); line-height: 1.55; }
.simple-free-includes { display: grid; grid-template-columns: repeat(3, 1fr); margin: 20px 0; border: 1px solid var(--line); background: rgba(114, 215, 223, .045); }
.simple-free-includes span { min-width: 0; padding: 11px 7px; border-left: 1px solid var(--line); color: var(--ink-3); font: 500 calc(7px * var(--rb-font-scale,1))/1.25 var(--mono); text-align: center; text-transform: uppercase; }
.simple-free-includes span:first-child { border-left: 0; }
.simple-free-includes b { display: block; margin-bottom: 3px; color: var(--ink); font: 600 calc(17px * var(--rb-font-scale,1)) var(--display); }
.simple-capacity-heading { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; color: var(--rb-cyan, var(--scan)); font: 600 calc(7px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .12em; }
.simple-capacity-heading small { color: var(--ink-4); font: inherit; }
.simple-capacity-list { margin: 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.simple-capacity-list li { display: grid; grid-template-columns: 43px 1fr auto; align-items: center; gap: 8px; min-height: 36px; border-bottom: 1px solid var(--line); font-family: var(--mono); }
.simple-capacity-list b { color: var(--signal); font-size: calc(12px * var(--rb-font-scale,1)); }
.simple-capacity-list span { color: var(--ink-2); font-size: calc(9px * var(--rb-font-scale,1)); }
.simple-capacity-list em { color: var(--ink-3); font-size: calc(8px * var(--rb-font-scale,1)); font-style: normal; }
.simple-offer-actions { display: flex; align-items: center; gap: 16px; margin-top: 19px; }
.simple-offer-actions .simple-button { flex: 1; min-height: 40px; padding: 8px 12px; }

@keyframes simple-hero-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

/* Sections */
.simple-section { padding: clamp(74px, 9vw, 126px) 0; border-bottom: 1px solid var(--line); }
.products-section { background: var(--bg-1); }
.simple-section-heading { max-width: 740px; margin-bottom: 42px; }
.simple-section-heading h2 { margin: 14px 0 12px; font: 700 clamp(calc(32px * var(--rb-font-scale,1)), 4vw, 52px)/1.05 var(--display); letter-spacing: -.01em; }
.simple-section-heading p { max-width: 650px; color: var(--ink-2); font-size: calc(17px * var(--rb-font-scale,1)); line-height: 1.6; }

/* Product cards */
.simple-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.simple-product { display: flex; flex-direction: column; min-height: 360px; padding: 24px; background: var(--srf-0); border: 1px solid var(--line); border-top: 2px solid var(--line-hi); }
.simple-product.core-product { border-top-color: var(--signal); }
.simple-product.monitor-product { border-top-color: var(--ok); }
.simple-product.companion-product { border-top-color: var(--scan); }
.simple-product-label { color: var(--ink-3); font: 500 calc(9px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .14em; }
.simple-product-title { display: flex; align-items: center; gap: 12px; margin: 24px 0 16px; }
.simple-product-title h3 { font: 600 calc(25px * var(--rb-font-scale,1)) var(--display); letter-spacing: .03em; }
.product-mark { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line-hi); font: 700 calc(13px * var(--rb-font-scale,1)) var(--display); clip-path: var(--chamfer-sm); }
.core-mark { border-color: var(--signal); color: var(--signal); background: var(--signal-dim); }
.monitor-mark { border-color: var(--ok); color: var(--ok); background: var(--ok-dim); }
.companion-mark { border-color: var(--scan); color: var(--scan); background: var(--scan-dim); }
.simple-product > p { min-height: 76px; color: var(--ink-2); line-height: 1.55; }
.simple-product ul { display: grid; gap: 8px; margin: 18px 0 26px; padding: 17px 0 0; border-top: 1px solid var(--line); list-style: none; }
.simple-product li { color: var(--ink-2); font-size: calc(13px * var(--rb-font-scale,1)); }
.simple-product li::before { content: '—'; margin-right: 8px; color: var(--signal); font-family: var(--mono); }
.monitor-product li::before { color: var(--ok); }
.companion-product li::before { color: var(--scan); }
.simple-card-link { margin-top: auto; color: var(--ink) !important; font: 600 calc(11px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.simple-card-link span { margin-left: 6px; color: var(--signal); }
.simple-card-link:hover { color: var(--signal) !important; }

/* Setup */
.setup-section { background: var(--bg-0); }
.setup-heading { margin-bottom: 34px; }
.simple-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 0; list-style: none; border-top: 1px solid var(--line-hi); border-bottom: 1px solid var(--line-hi); }
.simple-steps li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; min-width: 0; padding: 25px 24px 28px 0; }
.simple-steps li + li { padding-left: 24px; border-left: 1px solid var(--line); }
.simple-steps li > span { color: var(--signal); font: 600 calc(22px * var(--rb-font-scale,1)) var(--mono); }
.simple-steps small { color: var(--ink-3); font: 500 calc(9px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .14em; }
.simple-steps h3 { margin: 9px 0 7px; font: 600 calc(19px * var(--rb-font-scale,1)) var(--display); }
.simple-steps p { color: var(--ink-2); font-size: calc(13px * var(--rb-font-scale,1)); line-height: 1.55; }
.simple-setup-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 18px 20px; background: var(--srf-0); border: 1px solid var(--line); }
.simple-setup-bar > div:first-child { min-width: 0; }
.simple-setup-bar strong, .simple-setup-bar span { display: block; }
.simple-setup-bar strong { color: var(--ink); font: 600 calc(14px * var(--rb-font-scale,1)) var(--display); }
.simple-setup-bar span { margin-top: 4px; color: var(--ink-3); font: 500 calc(10px * var(--rb-font-scale,1)) var(--mono); }
.simple-setup-bar i { display: inline-block; width: 7px; height: 7px; margin-right: 9px; background: var(--ok); box-shadow: 0 0 8px var(--ok); }
.simple-actions.compact { flex: 0 0 auto; }

/* Pricing */
.pricing-section { background: var(--bg-1); }
.pricing-heading { margin-bottom: 30px; }
.simple-pricing-grid { border-top: 1px solid var(--line-hi); }
.simple-price-row { display: grid; grid-template-columns: 160px minmax(0, 1fr) 100px; align-items: center; gap: 26px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.simple-price-row > div { display: flex; align-items: baseline; gap: 12px; }
.simple-price { color: var(--ink); font: 600 calc(31px * var(--rb-font-scale,1)) var(--display); }
.simple-price-label { color: var(--ink-3); font: 500 calc(9px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .14em; }
.simple-price-row p { color: var(--ink-2); font-size: calc(15px * var(--rb-font-scale,1)); }
.simple-price-state { justify-self: end; color: var(--ink-3); font: 500 calc(10px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .12em; }
.featured-price .simple-price { color: var(--signal); }
.featured-price a { justify-self: end; color: var(--signal) !important; font: 600 calc(11px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.featured-price a:hover { color: var(--ink) !important; }

/* Final handoff + footer */
.simple-final { padding: clamp(72px, 9vw, 112px) 0; background: var(--console); border-bottom: 1px solid var(--line); }
.simple-final-inner { display: flex; align-items: end; justify-content: space-between; gap: 36px; }
.simple-final h2 { max-width: 650px; margin: 13px 0 12px; font: 700 clamp(calc(34px * var(--rb-font-scale,1)), 4.4vw, 58px)/1.02 var(--display); }
.simple-final p { max-width: 580px; color: var(--ink-2); font-size: calc(17px * var(--rb-font-scale,1)); }
.simple-footer { background: var(--bg-1); }
.simple-footer-inner { display: flex; align-items: center; gap: 26px; min-height: 100px; }
.simple-footer-links { display: flex; flex-wrap: wrap; gap: 16px; margin-left: auto; }
.simple-footer-links a { color: var(--ink-2) !important; font: 500 calc(10px * var(--rb-font-scale,1)) var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.simple-footer-links a:hover { color: var(--signal) !important; }
.simple-footer-inner > small { color: var(--ink-3); font: 500 calc(9px * var(--rb-font-scale,1)) var(--mono); white-space: nowrap; }

/* Responsive */
@media (max-width: 980px) {
  .simple-hero { min-height: auto; }
  .simple-hero-grid { grid-template-columns: 1fr; gap: 30px; }
  .simple-hero-copy { max-width: 760px; }
  .simple-hero h1 { max-width: 760px; }
  .simple-product-launchers { grid-template-columns: 1fr; }
  .simple-product-launch-main { min-height: 0; }
  .simple-hero-offer { width: 100%; }
  .simple-free-includes { max-width: 460px; }
  .simple-capacity-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .simple-capacity-list li { grid-template-columns: auto 1fr; gap: 5px 10px; padding: 8px 11px; border-left: 1px solid var(--line); }
  .simple-capacity-list li:first-child { border-left: 0; }
  .simple-capacity-list em { grid-column: 1 / -1; }
  .simple-offer-actions { max-width: 420px; }
  .simple-product-grid { grid-template-columns: 1fr; }
  .simple-product { min-height: 0; }
  .simple-product > p { min-height: 0; max-width: 680px; }
  .simple-steps { grid-template-columns: 1fr; }
  .simple-steps li, .simple-steps li + li { padding: 22px 0; border-left: 0; }
  .simple-steps li + li { border-top: 1px solid var(--line); }
}

@media (max-width: 760px) {
  .simple-hero-shell { display: flex; flex-direction: column; }
  .simple-hero-grid { display: contents; }
  .simple-hero-copy { order: 1; padding-top: 54px; }
  .simple-product-launchers { order: 2; margin-top: 28px; }
  .simple-hero-offer { order: 3; margin-top: 28px; }
  .simple-product-meta { order: 4; }
  .simple-nav-inner { min-height: 62px; gap: 12px; }
  .simple-nav-links { display: none; }
  .simple-nav-cta { margin-left: auto; }
  .simple-hero h1 { font-size: clamp(42px, 12vw, 64px); }
  .simple-hero-lead { font-size: calc(15px * var(--rb-font-scale,1)); }
  .home-language-signal { grid-template-columns: 42px minmax(0, 1fr); }
  .home-language-picker { grid-column: 1 / -1; grid-template-columns: minmax(90px, auto) minmax(0, 1fr); align-items: center; min-width: 0; }
  .home-language-copy span { white-space: normal; }
  .simple-product-launch-main { padding: 20px; }
  .simple-product-meta { align-items: flex-start; flex-direction: column; gap: 2px; }
  .simple-hero-offer { padding: 20px; }
  .simple-offer-price strong { font-size: calc(58px * var(--rb-font-scale,1)); }
  .simple-capacity-list { grid-template-columns: 1fr; }
  .simple-capacity-list li,
  .simple-capacity-list li:first-child { grid-template-columns: 42px 1fr auto; padding: 0; border-left: 0; }
  .simple-capacity-list em { grid-column: auto; }
  .simple-setup-bar, .simple-final-inner { align-items: flex-start; flex-direction: column; }
  .simple-actions.compact { align-items: flex-start; }
  .simple-price-row { grid-template-columns: 1fr; gap: 10px; }
  .simple-price-state, .featured-price a { justify-self: start; }
  .simple-footer-inner { align-items: flex-start; flex-direction: column; padding-top: 26px; padding-bottom: 26px; }
  .simple-footer-links { margin-left: 0; }
  .simple-footer-inner > small { white-space: normal; }
}

@media (max-width: 480px) {
  .home-discord-cta { grid-template-columns: 42px minmax(0, 1fr); padding: 12px; }
  .home-discord-mark { width: 42px; height: 42px; }
  .home-discord-mark svg { width: 25px; height: 25px; }
  .home-discord-copy strong { font-size: calc(16px * var(--rb-font-scale,1)); }
  .home-discord-action { grid-column: 2; justify-self: start; margin-top: -4px; padding: 5px 8px; }
  .home-language-signal { padding: 10px; }
  .home-language-copy strong { font-size: calc(12px * var(--rb-font-scale,1)); }
  .home-language-picker { grid-template-columns: 1fr; }
  .simple-product-launch-main { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 17px 15px; }
  .simple-product-launch-main .product-mark { width: 44px; height: 44px; font-size: calc(11px * var(--rb-font-scale,1)); }
  .simple-product-launch-main b { font-size: calc(21px * var(--rb-font-scale,1)); }
  .simple-free-includes span { padding: 10px 4px; font-size: calc(6.5px * var(--rb-font-scale,1)); }
  .simple-offer-actions { align-items: stretch; flex-direction: column; }
  .simple-offer-actions .simple-button,
  .simple-offer-actions .simple-text-link { width: 100%; }
  .simple-offer-actions .simple-text-link { text-align: center; }
  .simple-actions:not(.compact) .simple-button { width: 100%; }
  .simple-actions:not(.compact) { align-items: stretch; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .simple-hero-copy, .simple-hero-offer { animation: none; }
  .home-language-orbit::before { animation: none; }
  .simple-nav, .simple-button, .simple-nav-cta, .simple-product-launch, .simple-all-updates, .simple-product-launch-main i { transition: none; }
}

@keyframes home-lang-orbit { to { transform: rotate(360deg); } }