:root {
  --bg-primary: #040506;
  --bg-secondary: #080a0d;
  --bg-tertiary: #0d1116;
  --surface-primary: #10141a;
  --surface-secondary: #161b22;
  --steel-dark: #1b2027;
  --steel-mid: #3c434d;
  --steel-light: #929aa5;
  --silver: #c7ccd3;
  --silver-bright: #e3e7ec;
  --text-primary: #e3e7ec;
  --text-secondary: #a3aab3;
  --text-muted: #737b86;
  --blue-dark: #0756b8;
  --blue-primary: #168bff;
  --blue-bright: #2aa7ff;
  --blue-glow: #3ab7ff;
  --border-primary: #242a32;
  --border-light: #343c47;
  --black: var(--bg-primary);
  --ink: var(--bg-secondary);
  --charcoal: var(--bg-tertiary);
  --panel: var(--surface-primary);
  --panel-raised: var(--surface-secondary);
  --forest: var(--steel-dark);
  --green: var(--blue-primary);
  --green-bright: var(--blue-bright);
  --green-pale: var(--silver-bright);
  --white: var(--text-primary);
  --muted: var(--text-secondary);
  --line: rgba(58, 183, 255, .22);
  --line-soft: rgba(255, 255, 255, .08);
  --shadow: 0 28px 70px rgba(0, 0, 0, .46);
}

/* Canonical homepage system */
body.homepage-rebuild { background: var(--bg-primary); color: var(--text-primary); }
body.homepage-rebuild::before { opacity: .06; background-size: 64px 64px; }
.home-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.home-header { position: absolute; inset: 0 0 auto; z-index: 10; border-bottom: 1px solid rgba(147,154,165,.18); background: linear-gradient(180deg, #0a0e10, #101417); }
.home-nav { min-height: 92px; display: flex; align-items: center; gap: 16px; }
.home-brand { flex: 0 0 164px; display: grid; justify-items: center; gap: 2px; color: var(--silver-bright); text-decoration: none; text-transform: uppercase; }
.home-brand b { display: block; white-space: nowrap; font-size: 16px; line-height: 1; letter-spacing: .1em; }
.home-brand small { display: block; color: var(--blue-primary); font: 700 8px/1 DM Mono, monospace; letter-spacing: .3em; text-align: center; }
.home-nav nav { display: flex; align-items: center; justify-content: center; gap: clamp(10px, 1.25vw, 18px); flex: 1; min-width: 0; }
.home-nav nav a, .home-dashboard-link { position: relative; color: var(--silver); font-size: 11px; text-decoration: none; white-space: nowrap; }
.home-nav nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -31px; height: 2px; background: var(--blue-primary); transition: right .2s; }
.home-nav nav a:hover, .home-nav nav a.active, .home-dashboard-link:hover { color: var(--blue-bright); }
.home-nav nav a:hover::after, .home-nav nav a.active::after { right: 0; }
.home-dashboard-link { flex: 0 0 auto; padding: 12px 15px; border: 1px solid var(--blue-primary); border-radius: 4px; color: var(--blue-bright); font-weight: 800; letter-spacing: .05em; }
.home-hero { position: relative; min-height: 720px; overflow: hidden; isolation: isolate; background: var(--bg-primary); border-bottom: 1px solid var(--border-primary); }
.home-atmosphere { position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 74% 45%, rgba(22,139,255,.19), transparent 30%), radial-gradient(circle at 12% 70%, rgba(7,86,184,.13), transparent 35%), linear-gradient(110deg, #040506 20%, #080b10 65%, #05080d); }
.home-atmosphere::after { display: none; }
.home-hero-grid { min-height: 0; display: grid; grid-template-columns: minmax(0,.94fr) minmax(360px,1.06fr); align-items: center; gap: 36px; padding: 112px 0 70px; }
body.homepage-rebuild .home-hero-grid { transform: translateY(38px); }
.home-hero-copy { max-width: 610px; }
.home-label { margin: 0 0 22px; color: var(--blue-bright); font: 700 11px DM Mono, monospace; letter-spacing: .18em; text-transform: uppercase; }
.home-label span { display: inline-block; width: 36px; height: 1px; margin-right: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42,167,255,.6); }
.home-label::after { content: ""; display: inline-block; width: 36px; height: 1px; margin-left: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42,167,255,.6); }
.home-hero h1 { margin: 0 0 23px; display: grid; color: var(--silver-bright); font-size: clamp(36px,4.2vw,64px); line-height: 1; letter-spacing: -.045em; text-transform: uppercase; text-shadow: 0 5px 0 rgba(0,0,0,.7); }
.home-hero h1 span:nth-child(3) { color: var(--blue-primary); text-shadow: 0 0 25px rgba(22,139,255,.35); }
.home-hero-copy > p:not(.home-label):not(.home-support-line) { max-width: 560px; margin: 0; color: var(--text-secondary); font-size: 15px; line-height: 1.75; }
.home-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.home-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid var(--blue-primary); border-radius: 4px; color: var(--silver-bright); font-size: 11px; font-weight: 800; text-decoration: none; letter-spacing: .04em; transition: transform .2s, box-shadow .2s, background .2s; }
.home-button-primary { color: var(--silver-bright); background: linear-gradient(135deg, rgba(22,139,255,.28), rgba(7,86,184,.58)); box-shadow: 0 0 22px rgba(22,139,255,.18); }
.home-button-secondary { border-color: var(--border-light); background: rgba(16,20,26,.78); }
.home-button:hover { transform: translateY(-2px); box-shadow: 0 0 26px rgba(42,167,255,.28); }
.home-support-line { margin: 25px 0 0; color: var(--text-muted); font: 10px DM Mono, monospace; letter-spacing: .08em; text-transform: uppercase; }
.home-hero-emblem { display: grid; place-items: center; min-width: 0; }
.home-hero-emblem img { display: block; width: min(100%, 460px); height: auto; aspect-ratio: 1; object-fit: contain; transform: translateX(clamp(0px, 3vw, 42px)); filter: drop-shadow(0 20px 34px rgba(0,0,0,.5)) drop-shadow(0 0 26px rgba(22,139,255,.25)); }
body.homepage-rebuild .home-hero-emblem img { filter: drop-shadow(0 20px 34px rgba(0,0,0,.5)); }
body.homepage-rebuild .home-atmosphere { background: radial-gradient(circle at 12% 70%, rgba(7,86,184,.13), transparent 35%), linear-gradient(110deg, #040506 20%, #080b10 65%, #05080d); }
.product-strip { position: relative; z-index: 2; background: var(--bg-secondary); border-bottom: 1px solid var(--border-primary); }
.product-strip .home-shell { display: grid; grid-template-columns: repeat(3,1fr); }
.product-strip a { padding: 22px 24px; color: var(--silver); text-decoration: none; border-left: 1px solid var(--border-primary); }
.product-strip a:last-child { border-right: 1px solid var(--border-primary); }
.product-strip span { color: var(--blue-bright); font: 700 17px DM Mono, monospace; margin-right: 12px; }
.product-strip b { font-size: 12px; }
.product-strip small { display: block; margin: 7px 0 0 35px; color: var(--text-muted); font-size: 10px; }
.solutions-overview-home { padding: 88px 0 96px; background: var(--bg-primary); border-bottom: 1px solid var(--border-primary); }
.solutions-overview-heading { max-width: 820px; margin: 0 auto 42px; text-align: center; }
.solutions-overview-heading h2 { margin: 10px 0 12px; color: var(--silver-bright); font-size: clamp(34px, 4vw, 52px); line-height: 1.05; letter-spacing: -.05em; }
.solutions-overview-heading > p:last-child { margin: 0; color: var(--text-secondary); font-size: 13px; line-height: 1.7; }
.solutions-overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.overview-card { min-height: 245px; display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 20px; padding: 30px; background: linear-gradient(145deg, var(--surface-secondary), var(--surface-primary)); border: 1px solid var(--border-primary); border-radius: 8px; box-shadow: 0 18px 42px rgba(0,0,0,.2); transition: transform .22s, border-color .22s, box-shadow .22s; }
.overview-card:hover { transform: translateY(-3px); border-color: rgba(42,167,255,.58); box-shadow: 0 22px 48px rgba(0,0,0,.3), 0 0 22px rgba(22,139,255,.1); }
.overview-icon { width: 58px; height: 58px; display: grid; place-items: center; color: var(--blue-bright); border: 1px solid rgba(42,167,255,.5); border-radius: 50%; background: rgba(22,139,255,.07); font: 500 26px DM Mono, monospace; }
.overview-code-icon { font-size: 16px; }.overview-web-icon { font-size: 12px; }.overview-font-icon { font-size: 20px; }
.overview-eyebrow { margin: 3px 0 8px; color: var(--blue-bright); font: 700 8px DM Mono, monospace; letter-spacing: .13em; text-transform: uppercase; }
.overview-card h3 { margin: 0 0 10px; color: var(--silver-bright); font-size: 22px; line-height: 1.15; }
.overview-card > div:last-child > p:not(.overview-eyebrow) { margin: 0; color: var(--text-secondary); font-size: 12px; line-height: 1.7; }
.overview-card a { display: inline-block; margin-top: 20px; color: var(--blue-bright); font-size: 11px; font-weight: 800; text-decoration: none; }.overview-card a span { margin-left: 2px; }
@media (max-width: 900px) { .solutions-overview-home { padding: 72px 0; }.solutions-overview-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .solutions-overview-home { padding: 56px 0; }.overview-card { min-height: 0; padding: 24px; grid-template-columns: 48px minmax(0, 1fr); gap: 15px; }.overview-icon { width: 48px; height: 48px; font-size: 21px; }.overview-code-icon { font-size: 14px; }.overview-card h3 { font-size: 20px; } }
@media (max-width: 1180px) { .home-nav nav { display: none; } .home-brand { flex-basis: auto; } .home-mobile-nav { display: block; position: relative; margin-left: auto; z-index: 20; } .home-mobile-nav summary { list-style: none; cursor: pointer; padding: 11px 14px; border: 1px solid var(--border-light); border-radius: 4px; color: var(--silver-bright); font: 700 11px DM Mono, monospace; text-transform: uppercase; } .home-mobile-nav summary::-webkit-details-marker { display: none; } .home-mobile-nav > div { position: absolute; top: calc(100% + 10px); right: 0; width: min(280px, calc(100vw - 28px)); display: grid; padding: 10px; background: var(--steel-dark); border: 1px solid var(--border-light); box-shadow: 0 18px 42px rgba(0,0,0,.55); } .home-mobile-nav a { padding: 12px 10px; color: var(--silver); text-decoration: none; border-bottom: 1px solid var(--border-primary); font-size: 12px; } .home-mobile-nav a:last-child { border-bottom: 0; } .home-mobile-nav a:hover { color: var(--blue-bright); background: rgba(22,139,255,.08); } .home-hero-grid { min-height: 0; grid-template-columns: 1fr; padding-top: 138px; } .home-hero-emblem img { width: min(72vw, 430px); transform: none; } .home-atmosphere::after { display: none; } }
@media (max-width: 560px) { .home-shell { width: min(100% - 28px, 1180px); } .home-nav { min-height: 78px; } .home-dashboard-link { padding: 10px 12px; font-size: 10px; } .home-hero { min-height: 0; } .home-hero-grid { padding: 116px 0 54px; gap: 28px; } .home-hero h1 { font-size: clamp(36px, 10vw, 42px); } .home-hero-emblem img { width: min(82vw, 350px); } .product-strip .home-shell { grid-template-columns: 1fr; } .product-strip a { border-right: 1px solid var(--border-primary); } }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--white);
  background: var(--black);
  font-family: Manrope, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .11;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 48px 48px;
}
a { color: inherit; }
button, input, select, textarea { font: inherit; }
.shell { width: min(1180px, calc(100% - 42px)); margin-inline: auto; }
.skip-link { position: fixed; left: 15px; top: -60px; z-index: 99; padding: 12px 16px; background: var(--green-bright); color: #071007; font-weight: 800; text-decoration: none; transition: top .2s; }
.skip-link:focus { top: 15px; }

.site-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 10;
  height: 86px;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(180deg, rgba(3,6,5,.94), rgba(3,6,5,.42));
}
.nav { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; }
.brand > span:last-child { display: grid; gap: 1px; }
.brand b { font-size: 17px; line-height: 1; letter-spacing: .19em; text-transform: uppercase; }
.brand small { color: var(--green); font: 700 10px/1 DM Mono, monospace; letter-spacing: .35em; text-transform: uppercase; }
body .brand { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
body .brand b { color: var(--silver-bright); font-size: 15px; line-height: 1; letter-spacing: .12em; white-space: nowrap; }
body .brand small { color: var(--blue-primary); font-size: 8px; line-height: 1; letter-spacing: .28em; text-align: center; white-space: nowrap; }
.nav nav { display: flex; align-items: center; gap: 31px; }
.nav nav a { position: relative; color: #d9dedb; font-size: 12px; text-decoration: none; transition: color .2s; }
.nav nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -17px; height: 1px; background: var(--green); transition: right .22s; }
.nav nav a:hover, .nav nav a.active { color: var(--green-pale); }
.nav nav a:hover::after, .nav nav a.active::after { right: 0; }

.button {
  min-height: 47px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: var(--white);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .01em;
  text-decoration: none;
  transition: transform .2s, background .2s, border-color .2s, box-shadow .2s;
}
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 42px; padding-inline: 20px; }
.button-primary { color: #071007; background: linear-gradient(135deg, var(--green-pale), #679f47); box-shadow: 0 10px 32px rgba(112,171,75,.22); }
.button-primary:hover { box-shadow: 0 13px 40px rgba(112,171,75,.34); }
.button-outline { background: rgba(6,12,9,.52); border-color: rgba(151,205,97,.48); }
.button-outline:hover { background: rgba(68,111,50,.18); border-color: var(--green-bright); }

.hero {
  position: relative;
  isolation: isolate;
  min-height: 760px;
  overflow: hidden;
  border-bottom: 1px solid var(--line-soft);
  background: #030706;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(2,5,4,.98) 0%, rgba(3,7,5,.92) 28%, rgba(3,7,5,.43) 58%, rgba(2,5,4,.16) 78%),
    linear-gradient(0deg, #030605 0%, transparent 27%, rgba(2,5,4,.38) 100%);
}
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 180px; z-index: -1; background: linear-gradient(transparent, #030605); }
.hero-inner { min-height: 760px; display: flex; align-items: center; padding-top: 98px; }
.hero-copy { width: min(610px, 58%); padding-top: 18px; }
.eyebrow { margin: 0; color: var(--green-bright); font: 700 10px/1.4 DM Mono, monospace; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow > span { display: inline-block; width: 28px; height: 1px; margin-right: 10px; vertical-align: middle; background: var(--green); box-shadow: 0 0 10px rgba(120,184,79,.7); }
.hero h1 {
  margin: 22px 0 18px;
  font-size: clamp(50px, 5.5vw, 75px);
  line-height: .98;
  letter-spacing: -.045em;
  text-transform: uppercase;
}
.hero h1 em { color: var(--green); font-style: normal; text-shadow: 0 0 32px rgba(106,166,69,.19); }
.hero-lead { max-width: 520px; margin: 0; color: #c0c8c3; font-size: 15px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.discord-glyph { width: 16px; height: 16px; display: grid; place-items: center; color: #081008; font-size: 7px; border: 2px solid #081008; border-radius: 7px 7px 5px 5px; }
.trust-row { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 42px; border-top: 1px solid var(--line-soft); }
.trust-row > div { min-width: 0; display: flex; gap: 10px; padding: 19px 14px 0 0; }
.trust-row > div + div { padding-left: 14px; border-left: 1px solid var(--line-soft); }
.trust-icon { color: var(--green-bright); font-size: 23px; line-height: 1; }
.trust-row p { display: grid; gap: 4px; margin: 0; }
.trust-row b { font-size: 10px; }
.trust-row small { color: #8f9993; font-size: 8px; line-height: 1.35; }
.hero-scroll { position: absolute; left: 50%; bottom: 18px; width: 28px; height: 42px; border: 1px solid rgba(157,204,110,.35); border-radius: 20px; transform: translateX(-50%); }
.hero-scroll span { position: absolute; left: 12px; top: 9px; width: 2px; height: 7px; background: var(--green); border-radius: 2px; animation: scrollCue 1.8s infinite; }
@keyframes scrollCue { 0% { opacity: 0; transform: translateY(0); } 40% { opacity: 1; } 100% { opacity: 0; transform: translateY(15px); } }

.section { padding-block: 105px; border-bottom: 1px solid var(--line-soft); }
.section-heading { margin-bottom: 46px; }
.section-heading.centered { max-width: 760px; margin-inline: auto; text-align: center; }
.section-heading h2 { margin: 12px 0; font-size: clamp(34px, 4.4vw, 55px); line-height: 1.06; letter-spacing: -.045em; }
.section-heading > p:last-child { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.section-heading.split { display: grid; grid-template-columns: 1.1fr .9fr; gap: 100px; align-items: end; }
.section-heading.split h2 { max-width: 650px; margin-bottom: 0; }

.solutions { background: radial-gradient(circle at 50% 0, rgba(55,102,67,.13), transparent 35rem), var(--ink); }
.solution-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.feature-card {
  position: relative;
  min-height: 245px;
  padding: 30px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 21px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(19,31,26,.96), rgba(8,14,11,.96));
  border: 1px solid rgba(139,185,100,.2);
  border-radius: 8px;
  box-shadow: 0 20px 45px rgba(0,0,0,.2);
  transition: transform .22s, border-color .22s, box-shadow .22s;
}
.feature-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(circle at 15% 10%, rgba(125,184,80,.17), transparent 35%); transition: opacity .22s; }
.feature-card:hover { transform: translateY(-5px); border-color: rgba(160,220,101,.46); box-shadow: var(--shadow); }
.feature-card:hover::before { opacity: 1; }
.icon-ring { flex: 0 0 auto; width: 58px; height: 58px; display: grid; place-items: center; color: var(--green-bright); font-size: 28px; border: 1px solid rgba(143,198,93,.3); border-radius: 50%; background: rgba(65,109,49,.1); }
.icon-ring.code-icon { font: 500 17px DM Mono, monospace; }
.card-label { margin: 3px 0 8px; color: var(--green); font: 700 8px DM Mono, monospace; letter-spacing: .13em; text-transform: uppercase; }
.feature-card h3 { margin: 0 0 10px; font-size: 22px; }
.feature-card p:not(.card-label) { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.feature-card a { display: inline-block; margin-top: 20px; color: var(--green-bright); font-size: 11px; font-weight: 800; text-decoration: none; }

.why-us { background: linear-gradient(120deg, rgba(7,12,10,.98), rgba(10,18,14,.93)); }
.why-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 82px; align-items: center; }
.why-copy h2 { margin: 14px 0 20px; font-size: clamp(43px, 5vw, 64px); line-height: 1.02; letter-spacing: -.05em; }
.why-copy h2 em { color: var(--green); font-style: normal; }
.why-copy > p:not(.eyebrow) { color: var(--muted); font-size: 13px; line-height: 1.75; }
.why-copy .button { margin-top: 18px; }
.benefit-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.benefit-grid article { min-height: 128px; padding: 24px 22px; display: grid; grid-template-columns: 45px 1fr; gap: 15px; border-bottom: 1px solid var(--line-soft); }
.benefit-grid article:nth-child(odd) { border-right: 1px solid var(--line-soft); }
.benefit-grid article > span { width: 43px; height: 43px; display: grid; place-items: center; color: var(--green-bright); font-size: 22px; border: 1px solid rgba(139,196,90,.31); border-radius: 50%; }
.benefit-grid h3 { margin: 2px 0 6px; font-size: 13px; }
.benefit-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }

.products { background: radial-gradient(circle at 50% 30%, rgba(42,82,54,.15), transparent 40rem), var(--black); }
.product-showcase {
  min-height: 470px;
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  border: 1px solid rgba(141,188,101,.23);
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(14,23,19,.97), rgba(5,10,8,.98));
  box-shadow: 0 28px 80px rgba(0,0,0,.28);
}
.product-showcase + .product-showcase { margin-top: 24px; }
.product-showcase.reverse { grid-template-columns: 1.08fr .92fr; }
.product-showcase.reverse .product-copy { order: 2; }
.product-copy { padding: 46px; }
.product-kicker { margin: 0 0 16px; color: var(--muted); font: 700 9px DM Mono, monospace; letter-spacing: .12em; text-transform: uppercase; }
.product-kicker span { margin-right: 8px; padding: 5px 8px; color: #0b1509; background: var(--green-bright); border-radius: 3px; }
.product-copy h3 { margin: 0 0 13px; font-size: 42px; letter-spacing: -.045em; }
.product-copy > p:not(.product-kicker) { max-width: 460px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.check-list { display: grid; gap: 10px; padding: 0; margin: 25px 0 30px; list-style: none; }
.check-list li { color: #c5cdc8; font-size: 11px; }
.check-list li::before { content: "✓"; display: inline-grid; place-items: center; width: 17px; height: 17px; margin-right: 10px; color: var(--green-bright); border: 1px solid rgba(145,199,94,.55); border-radius: 50%; font-size: 9px; }
.product-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
.quiet-link { color: #dce2de; font-size: 11px; font-weight: 800; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.2); padding-block: 8px; }
.quiet-link span { color: var(--green-bright); }

.product-ui { position: relative; margin: 38px 38px 38px 0; border: 1px solid rgba(147,203,96,.23); border-radius: 8px; overflow: hidden; background: #07100d; box-shadow: var(--shadow), inset 0 0 60px rgba(62,116,66,.06); }
.ui-top { height: 68px; padding: 0 21px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--line-soft); }
.mini-brand { width: 32px; height: 32px; display: grid; place-items: center; color: var(--green-pale); background: rgba(82,134,64,.14); border: 1px solid rgba(141,200,89,.37); font-weight: 800; }
.ui-top > div { display: grid; gap: 2px; }
.ui-top b { font-size: 12px; }
.ui-top small { color: var(--muted); font-size: 8px; }
.ui-top em { margin-left: auto; color: var(--green-bright); font: 700 8px DM Mono, monospace; font-style: normal; text-transform: uppercase; }
.ui-body { height: calc(100% - 68px); display: grid; grid-template-columns: 52px 1fr; }
.ui-body aside { display: grid; align-content: start; gap: 19px; padding: 24px 17px; border-right: 1px solid var(--line-soft); }
.ui-body aside i { width: 17px; height: 5px; border-radius: 3px; background: #26362e; }
.ui-body aside i:first-child { background: var(--green); box-shadow: 0 0 12px rgba(116,180,74,.35); }
.dashboard { padding: 24px; }
.dash-header { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.dash-header > div { display: grid; gap: 4px; }
.dash-header small { color: var(--muted); font-size: 8px; }
.dash-header b { font-size: 18px; }
.dash-header > span { color: var(--green-bright); font: 700 7px DM Mono, monospace; text-transform: uppercase; }
.metric-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 22px; }
.metric-row > div { padding: 15px; display: grid; gap: 5px; background: rgba(255,255,255,.025); border: 1px solid var(--line-soft); }
.metric-row small, .chart-card > span { color: var(--muted); font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.metric-row b { font-size: 17px; }
.metric-row i { width: 100%; height: 2px; margin-top: 4px; background: linear-gradient(90deg, var(--green), transparent); }
.chart-card { margin-top: 10px; padding: 16px; border: 1px solid var(--line-soft); background: rgba(255,255,255,.018); }
.chart-bars { height: 90px; display: flex; align-items: end; gap: 7px; padding-top: 20px; }
.chart-bars i { flex: 1; min-height: 15%; background: linear-gradient(180deg, var(--green), rgba(42,86,50,.3)); border-radius: 2px 2px 0 0; }
.chart-bars i:nth-child(2n) { height: 65%; }.chart-bars i:nth-child(3n) { height: 42%; }.chart-bars i:nth-child(4n) { height: 88%; }.chart-bars i:nth-child(5n) { height: 58%; }

.music-ui { margin: 38px 0 38px 38px; padding: 32px; display: grid; grid-template-columns: 170px 1fr; gap: 25px; align-content: center; }
.album-art { position: relative; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 25%, rgba(194,237,147,.42), transparent 19%), linear-gradient(155deg, #18271e 0%, #050907 68%); border: 1px solid var(--line); }
.album-art::before, .album-art::after { content: ""; position: absolute; width: 4px; height: 190px; top: -20px; background: linear-gradient(transparent, var(--green-pale), transparent); transform: rotate(34deg); filter: drop-shadow(0 0 12px var(--green)); }
.album-art::after { height: 110px; transform: translate(31px, 50px) rotate(54deg); }
.album-art span { position: relative; z-index: 1; color: var(--green-pale); font-size: 38px; }
.now-playing { align-self: center; }
.now-playing small, .queue small { color: var(--green); font: 700 8px DM Mono, monospace; text-transform: uppercase; letter-spacing: .11em; }
.now-playing h4 { margin: 8px 0 3px; font-size: 25px; }
.now-playing p { margin: 0; color: var(--muted); font-size: 10px; }
.track { height: 3px; margin-top: 26px; background: #26322c; }
.track i { display: block; width: 41%; height: 100%; background: var(--green-bright); box-shadow: 0 0 10px rgba(155,213,97,.35); }
.time { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; color: var(--muted); font-size: 8px; }
.time b { color: var(--white); font-size: 13px; }
.queue { grid-column: 1 / -1; padding-top: 19px; border-top: 1px solid var(--line-soft); }
.queue > p { display: flex; justify-content: space-between; margin: 0 0 10px; }
.queue > p span { color: var(--muted); font-size: 8px; }
.queue > div { display: grid; grid-template-columns: 30px 1fr auto; gap: 11px; align-items: center; padding: 9px 0; border-top: 1px solid rgba(255,255,255,.045); }
.queue > div > i { width: 30px; height: 30px; background: linear-gradient(140deg, #34482e, #0d1510); }
.queue > div > span { display: grid; gap: 3px; }
.queue b { font-size: 9px; }.queue em { color: var(--muted); font-size: 8px; font-style: normal; }

.process { background: var(--ink); }
.process-grid { counter-reset: step; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; margin: 0; list-style: none; border: 1px solid var(--line-soft); }
.process-grid li { position: relative; min-height: 245px; padding: 29px; }
.process-grid li + li { border-left: 1px solid var(--line-soft); }
.process-grid li::after { content: ""; position: absolute; left: 29px; right: calc(100% - 31px); top: 68px; height: 1px; background: var(--green); transition: right .25s; }
.process-grid li:hover::after { right: 29px; }
.process-grid span { color: var(--green); font: 700 9px DM Mono, monospace; }
.process-grid h3 { margin: 59px 0 11px; font-size: 20px; }
.process-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }

.pricing { background: radial-gradient(circle at 50% 0, rgba(46,91,56,.14), transparent 35rem), var(--black); }
.price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; align-items: stretch; }
.price-grid article { position: relative; padding: 32px; display: flex; flex-direction: column; background: linear-gradient(145deg, var(--panel-raised), #070c09); border: 1px solid var(--line-soft); border-radius: 8px; }
.price-grid article.price-featured { border-color: rgba(155,214,99,.52); box-shadow: 0 0 45px rgba(98,158,61,.09); }
.price-featured::before { content: "Recommended"; position: absolute; right: 18px; top: 17px; color: var(--green-pale); font: 700 7px DM Mono, monospace; letter-spacing: .09em; text-transform: uppercase; }
.price-grid h3 { margin: 12px 0 27px; font-size: 23px; }
.price-grid strong { font-size: 30px; letter-spacing: -.04em; }
.price-grid > article > small { margin-top: 6px; color: var(--muted); font-size: 9px; }
.price-grid ul { display: grid; gap: 11px; padding: 25px 0; margin: 25px 0; border-block: 1px solid var(--line-soft); list-style: none; }
.price-grid li { color: #b9c2bc; font-size: 10px; }
.price-grid li::before { content: "✓"; color: var(--green-bright); margin-right: 9px; }
.price-grid a { margin-top: auto; color: var(--green-bright); font-size: 11px; font-weight: 800; text-decoration: none; }
.price-disclaimer { margin: 18px 0 0; color: #748078; font-size: 9px; text-align: center; }
.pricing-extras { margin-top: 18px; padding: 25px 28px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: linear-gradient(100deg, rgba(26,46,31,.78), rgba(8,14,10,.96)); border: 1px solid rgba(155,214,99,.24); border-radius: 8px; }
.pricing-extras h3 { margin: 7px 0; font-size: 21px; }
.pricing-extras p:not(.card-label) { max-width: 670px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.pricing-extras .button { flex: 0 0 auto; }

.specials-home { position: relative; overflow: hidden; margin-top: 15px; padding: 30px 32px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: linear-gradient(105deg, rgba(18,40,25,.98), rgba(6,13,9,.96)); border: 1px solid rgba(155,214,99,.42); border-radius: 8px; box-shadow: 0 0 45px rgba(98,158,61,.08); }
.specials-home::after { content: ""; position: absolute; top: -80px; right: 13%; width: 220px; height: 220px; background: radial-gradient(circle, rgba(155,214,99,.15), transparent 67%); pointer-events: none; }
.specials-home > * { position: relative; z-index: 1; }
.specials-home h3 { margin: 10px 0 8px; font-size: 23px; }
.specials-home > div > p:not(.eyebrow) { max-width: 710px; margin: 0; color: #aeb9b1; font-size: 10px; line-height: 1.7; }
.specials-home .button { flex: 0 0 auto; }

.specials-section { position: relative; overflow: hidden; background: radial-gradient(circle at 50% 10%, rgba(82,146,70,.18), transparent 38rem), #050907; }
.specials-section::before { content: ""; position: absolute; inset: 0; opacity: .16; background: linear-gradient(115deg, transparent 0 44%, rgba(155,214,99,.16) 44.1% 44.25%, transparent 44.4% 100%); pointer-events: none; }
.specials-section .shell { position: relative; z-index: 1; }
.specials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.specials-grid article { min-height: 230px; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(145deg, rgba(18,30,22,.95), rgba(6,11,8,.98)); border: 1px solid var(--line-soft); border-radius: 8px; }
.specials-grid article.specials-featured { border-color: rgba(155,214,99,.55); box-shadow: 0 0 45px rgba(98,158,61,.1); }
.specials-grid span { margin-bottom: auto; color: var(--green-pale); font: 700 9px DM Mono, monospace; letter-spacing: .1em; text-transform: uppercase; }
.specials-grid strong { color: var(--white); font-size: clamp(36px, 4vw, 53px); line-height: 1; letter-spacing: -.055em; }
.specials-grid p { margin: 14px 0 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.essential-package { margin-top: 18px; overflow: hidden; background: linear-gradient(145deg, rgba(15,27,19,.96), rgba(6,11,8,.98)); border: 1px solid rgba(155,214,99,.32); border-radius: 8px; }
.essential-package-heading { padding: 27px 30px; display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; border-bottom: 1px solid var(--line-soft); }
.essential-package-heading h3 { margin: 8px 0 0; font-size: 25px; }
.essential-package-heading > p { max-width: 520px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.essential-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.essential-feature-grid article { min-height: 190px; padding: 25px; }
.essential-feature-grid article + article { border-left: 1px solid var(--line-soft); }
.essential-feature-grid span { color: var(--green-bright); font: 700 9px DM Mono, monospace; }
.essential-feature-grid h4 { margin: 37px 0 10px; font-size: 15px; }
.essential-feature-grid p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.65; }
.essential-package-details { padding: 17px 25px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; background: rgba(155,214,99,.045); border-top: 1px solid var(--line-soft); }
.essential-package-details span { color: #aeb9b1; font-size: 8px; font-weight: 700; text-align: center; }
.essential-package-details span::before { content: "✓"; margin-right: 7px; color: var(--green-bright); }
.specials-footer { margin-top: 18px; padding: 22px 25px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: rgba(8,14,10,.82); border: 1px solid var(--line-soft); border-radius: 8px; }
.specials-footer p { max-width: 790px; margin: 0; color: #7f8a83; font-size: 9px; line-height: 1.7; }
.specials-footer .button { flex: 0 0 auto; }

.addon-section { background: linear-gradient(180deg, #050907, #070c09); }
.addon-table-wrap { overflow-x: auto; border: 1px solid var(--line-soft); border-radius: 8px; background: rgba(8,14,10,.9); }
.addon-table { width: 100%; border-collapse: collapse; min-width: 760px; }
.addon-table th, .addon-table td { padding: 18px 22px; text-align: left; border-bottom: 1px solid var(--line-soft); }
.addon-table tr:last-child td { border-bottom: 0; }
.addon-table th { color: var(--green-pale); background: rgba(32,54,37,.34); font: 700 9px DM Mono, monospace; letter-spacing: .08em; text-transform: uppercase; }
.addon-table td { color: #aab5ae; font-size: 10px; line-height: 1.55; }
.addon-table td:first-child { color: var(--white); font-weight: 700; }
.addon-table td:last-child { width: 150px; color: var(--green-bright); font-weight: 800; white-space: nowrap; }
.addon-table tbody tr { transition: background .2s; }
.addon-table tbody tr:hover { background: rgba(116,180,77,.055); }
.section-footnote { margin: 18px 0 0; color: #7d8981; font-size: 9px; }

.recurring-section { background: radial-gradient(circle at 84% 15%, rgba(64,119,67,.13), transparent 30rem), var(--black); }
.maintenance-section { background: #050907; }
.recurring-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; align-items: stretch; }
.recurring-grid article { position: relative; padding: 30px; background: linear-gradient(145deg, var(--panel-raised), #070c09); border: 1px solid var(--line-soft); border-radius: 8px; }
.recurring-grid article.recurring-featured { border-color: rgba(155,214,99,.52); box-shadow: 0 0 45px rgba(98,158,61,.09); }
.recurring-grid h3 { margin: 11px 0 23px; font-size: 22px; }
.recurring-grid strong { font-size: 31px; letter-spacing: -.04em; }
.recurring-grid strong small { margin-left: 4px; color: var(--muted); font-size: 10px; font-weight: 500; letter-spacing: 0; }
.recurring-grid ul { display: grid; gap: 11px; padding: 23px 0 0; margin: 23px 0 0; border-top: 1px solid var(--line-soft); list-style: none; }
.recurring-grid li { color: #b9c2bc; font-size: 10px; }
.recurring-grid li::before { content: "•"; color: var(--green-bright); margin-right: 9px; }
.pricing-note-price { min-width: 68px; color: var(--green-bright); font-size: 26px; font-weight: 800; letter-spacing: -.04em; }

.contact { position: relative; overflow: hidden; background: #060a08; }
.contact::before { content: ""; position: absolute; inset: 0; opacity: .13; filter: saturate(.6); }
.contact::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #050907 0%, rgba(5,9,7,.94) 42%, rgba(5,9,7,.74)); }
.contact-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .82fr 1.18fr; gap: 85px; align-items: center; }
.contact-copy h2 { margin: 15px 0 19px; font-size: clamp(43px, 5vw, 65px); line-height: 1.02; letter-spacing: -.05em; }
.contact-copy > p:not(.eyebrow) { color: #b4beb7; font-size: 13px; line-height: 1.75; }
.contact-points { display: grid; gap: 12px; margin: 30px 0; }
.contact-points span { color: #b7c0ba; font-size: 10px; }
.contact-points b { display: inline-block; min-width: 45px; margin-right: 10px; color: var(--green-bright); font: 700 9px DM Mono, monospace; text-transform: uppercase; }
.email-link { color: var(--green-pale); font-size: 12px; }
.project-form { padding: 29px; background: rgba(9,15,12,.93); border: 1px solid rgba(151,204,100,.27); border-radius: 8px; box-shadow: var(--shadow); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.project-form label { display: grid; gap: 7px; margin-bottom: 15px; color: #c9d1cc; font-size: 10px; font-weight: 700; }
.project-form label small { color: #7e8a82; font-weight: 500; }
.project-form input, .project-form select, .project-form textarea { width: 100%; padding: 12px; color: var(--white); background: #050907; border: 1px solid rgba(255,255,255,.11); border-radius: 4px; outline: none; font-size: 12px; }
.project-form textarea { resize: vertical; line-height: 1.6; }
.project-form input:focus, .project-form select:focus, .project-form textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(117,178,76,.11); }
.project-form option { color: var(--white); background: var(--charcoal); }
.project-form .consent { display: flex; align-items: flex-start; gap: 9px; color: var(--muted); font-weight: 500; line-height: 1.5; }
.consent input { width: 15px; height: 15px; margin: 1px 0 0; accent-color: var(--green); }
.project-form button { width: 100%; cursor: pointer; }
.form-note { margin: 11px 0 0; color: #77837b; font-size: 8px; text-align: center; }
.honeypot { position: absolute !important; left: -9999px !important; opacity: 0 !important; }

footer { padding: 58px 0 25px; background: #020403; }
.footer-top { display: grid; grid-template-columns: 1.65fr repeat(3, 1fr); gap: 60px; }
.footer-brand p, .footer-top > div:last-child p { max-width: 250px; margin: 22px 0 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
.footer-top h3 { margin: 0 0 16px; color: var(--green); font: 700 8px DM Mono, monospace; letter-spacing: .12em; text-transform: uppercase; }
.footer-top > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 10px; }
.footer-top > div:not(.footer-brand) a { color: #b9c2bd; font-size: 10px; text-decoration: none; }
.footer-top a:hover { color: var(--green-pale); }
.footer-bottom { margin-top: 42px; padding-top: 20px; display: flex; justify-content: space-between; color: #68736c; font-size: 8px; border-top: 1px solid var(--line-soft); }
.footer-bottom a { color: var(--green-bright); text-decoration: none; }
.thanks-page { min-height: 100vh; display: grid; place-items: center; padding: 30px; background: linear-gradient(90deg, rgba(3,6,5,.97), rgba(3,6,5,.66)); }
.thanks-card { width: min(650px, 100%); padding: 58px; text-align: center; background: rgba(7,13,10,.91); border: 1px solid rgba(151,204,100,.33); border-radius: 10px; box-shadow: var(--shadow); }
.thanks-card .brand { margin-bottom: 44px; }
.thanks-card h1 { margin: 15px 0; font-size: clamp(40px, 6vw, 67px); line-height: 1; letter-spacing: -.05em; }
.thanks-card > p:not(.eyebrow) { color: var(--muted); line-height: 1.75; }
.thanks-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.pricing-header { position: absolute; }
.pricing-hero-new { position: relative; min-height: 590px; display: grid; align-items: center; padding-top: 90px; overflow: hidden; background: linear-gradient(90deg, rgba(3,6,5,.98), rgba(3,6,5,.76) 48%, rgba(3,6,5,.2)); border-bottom: 1px solid var(--line-soft); }
.pricing-hero-new::after { content: ""; position: absolute; inset: auto 0 0; height: 170px; background: linear-gradient(transparent, var(--black)); }
.pricing-hero-new .shell { position: relative; z-index: 1; }
.pricing-hero-new h1 { margin: 19px 0; font-size: clamp(52px, 7vw, 88px); line-height: .98; letter-spacing: -.055em; }
.pricing-hero-new h1 em { color: var(--green); font-style: normal; }
.pricing-hero-new .shell > p:last-child { max-width: 600px; color: #bac4bd; font-size: 15px; line-height: 1.75; }
.pricing-note { margin-top: 18px; padding: 28px 32px; display: grid; grid-template-columns: auto 1fr auto; gap: 22px; align-items: center; background: var(--panel); border: 1px solid var(--line-soft); border-radius: 8px; }
.pricing-note h2 { margin: 0 0 7px; font-size: 19px; }
.pricing-note p { margin: 0; color: var(--muted); font-size: 11px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

@media (max-width: 1000px) {
  .nav nav { gap: 16px; }
  .hero-copy { width: 67%; }
  .trust-row { grid-template-columns: repeat(2, 1fr); }
  .trust-row > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .solution-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 0; }
  .why-layout, .contact-layout { grid-template-columns: 1fr; gap: 55px; }
  .product-showcase, .product-showcase.reverse { grid-template-columns: 1fr; }
  .product-showcase.reverse .product-copy { order: 0; }
  .product-ui, .music-ui { min-height: 410px; margin: 0 38px 38px; }
  .section-heading.split { grid-template-columns: 1fr; gap: 15px; }
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .recurring-grid { grid-template-columns: 1fr; }
  .specials-grid { grid-template-columns: 1fr; }
  .specials-grid article { min-height: 190px; }
  .essential-feature-grid, .essential-package-details { grid-template-columns: repeat(2, 1fr); }
  .essential-feature-grid article:nth-child(3) { border-left: 0; border-top: 1px solid var(--line-soft); }
  .essential-feature-grid article:nth-child(4) { border-top: 1px solid var(--line-soft); }
  .essential-package-details span { text-align: left; }
  .process-grid li:nth-child(3) { border-left: 0; border-top: 1px solid var(--line-soft); }
  .process-grid li:nth-child(4) { border-top: 1px solid var(--line-soft); }
}

@media (max-width: 760px) {
  .shell { width: min(100% - 30px, 1180px); }
  .site-header { height: 74px; }
  .nav nav { display: none; }
  .brand b { font-size: 13px; }
  .brand small { font-size: 8px; }
  .nav > .button { min-height: 38px; padding-inline: 14px; font-size: 9px; }
  .hero, .hero-inner { min-height: 700px; }
  .hero::before { background: linear-gradient(90deg, rgba(2,5,4,.98), rgba(3,7,5,.78)), linear-gradient(0deg, #030605, transparent 40%); }
  .hero-copy { width: 100%; padding-top: 40px; }
  .hero h1 { font-size: clamp(43px, 13vw, 64px); }
  .hero-lead { max-width: 460px; }
  .trust-row { margin-top: 34px; }
  .section { padding-block: 76px; }
  .section-heading { margin-bottom: 34px; }
  .feature-card { grid-template-columns: 1fr; }
  .benefit-grid { grid-template-columns: 1fr; }
  .benefit-grid article:nth-child(odd) { border-right: 0; }
  .product-copy { padding: 31px 24px; }
  .product-ui, .music-ui { margin: 0 15px 15px; min-height: 340px; }
  .metric-row { grid-template-columns: 1fr; }
  .metric-row > div:nth-child(n+2) { display: none; }
  .music-ui { padding: 22px; grid-template-columns: 110px 1fr; }
  .process-grid, .price-grid { grid-template-columns: 1fr; }
  .pricing-extras { align-items: flex-start; flex-direction: column; }
  .pricing-extras .button { width: 100%; }
  .specials-home, .specials-footer { align-items: flex-start; flex-direction: column; }
  .specials-home .button, .specials-footer .button { width: 100%; }
  .essential-package-heading { align-items: flex-start; flex-direction: column; }
  .essential-feature-grid, .essential-package-details { grid-template-columns: 1fr; }
  .essential-feature-grid article + article { border-left: 0; border-top: 1px solid var(--line-soft); }
  .addon-table th, .addon-table td { padding: 15px 16px; }
  .pricing-note { grid-template-columns: 1fr; }
  .pricing-note .button { width: 100%; }
  .process-grid li + li { border-left: 0; border-top: 1px solid var(--line-soft); }
  .form-row { grid-template-columns: 1fr; }
  .project-form { padding: 22px 17px; }
  .footer-top { grid-template-columns: 1.25fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
  .nav > .button { display: inline-flex; min-height: 35px; padding-inline: 10px; font-size: 8px; }
  .hero, .hero-inner { min-height: 760px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .trust-row { grid-template-columns: 1fr 1fr; }
  .trust-row > div { padding-right: 5px; }
  .trust-row > div:nth-child(even) { padding-left: 10px; border-left: 1px solid var(--line-soft); }
  .trust-row b { font-size: 9px; }
  .product-copy h3 { font-size: 35px; }
  .music-ui { grid-template-columns: 1fr; }
  .album-art { max-width: 130px; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
}

/* Trust, navigation, and Foundry product experience */
:focus-visible { outline: 2px solid var(--green-bright); outline-offset: 4px; }
.mobile-nav { display: none; position: relative; margin-left: auto; }
.mobile-nav summary {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  color: var(--white);
  background: rgba(10, 18, 14, .92);
  border: 1px solid var(--line);
  border-radius: 5px;
  font-size: 10px;
  font-weight: 800;
  list-style: none;
  cursor: pointer;
}
.mobile-nav summary::-webkit-details-marker { display: none; }
.mobile-nav summary::after { content: "+"; margin-left: 9px; color: var(--green-bright); font: 500 15px/1 DM Mono, monospace; }
.mobile-nav[open] summary::after { content: "−"; }
.mobile-nav > div {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 230px;
  padding: 9px;
  display: grid;
  gap: 2px;
  background: rgba(6, 11, 8, .98);
  border: 1px solid var(--line);
  border-radius: 7px;
  box-shadow: var(--shadow);
}
.mobile-nav a { padding: 10px 11px; color: #c5cec8; border-radius: 4px; font-size: 10px; text-decoration: none; }
.mobile-nav a:hover { color: var(--green-pale); background: rgba(116, 180, 77, .1); }

.product-map { padding: 18px 0; background: linear-gradient(90deg, rgba(26, 55, 34, .22), rgba(5, 9, 7, .96)); border-bottom: 1px solid var(--line-soft); }
.product-map p { margin: 0; color: #9da8a1; font-size: 10px; text-align: center; }
.product-map strong { color: var(--white); }
.product-map a { color: var(--green-bright); text-decoration: none; }

.bot-directory-hero { min-height: 500px; padding: 150px 0 90px; display: flex; align-items: center; background: radial-gradient(circle at 78% 34%, rgba(101, 180, 74, .18), transparent 24rem), linear-gradient(135deg, #040806, #09130d 58%, #050806); border-bottom: 1px solid var(--line-soft); }
.bot-directory-hero h1 { max-width: 850px; margin: 18px 0 24px; color: var(--white); font-size: clamp(48px, 7vw, 82px); line-height: .98; letter-spacing: -.055em; }
.bot-directory-hero h1 em { color: var(--green-bright); font-style: normal; }
.bot-directory-hero p:last-child { max-width: 670px; color: #aeb9b1; font-size: 15px; line-height: 1.8; }
.bot-directory { background: radial-gradient(circle at 50% 0, rgba(69, 129, 65, .11), transparent 35rem), #050907; }
.bot-directory-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.bot-directory-grid article { display: flex; flex-direction: column; min-height: 520px; padding: 32px; background: linear-gradient(145deg, rgba(14, 25, 17, .96), rgba(5, 10, 7, .98)); border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 25px 55px rgba(0,0,0,.24); }
.bot-directory-mark { width: 54px; height: 54px; margin-bottom: 28px; display: grid; place-items: center; color: #071008; background: var(--green-bright); border-radius: 14px; font: 900 22px/1 "DM Mono", monospace; box-shadow: 0 0 30px rgba(112, 194, 79, .2); }
.bot-directory-mark.signal { background: #8fd66c; }
.bot-directory-mark.vault { color: #d7efcc; background: #173620; border: 1px solid #5fa84d; font-size: 14px; }
.bot-directory-grid h2 { margin: 10px 0 12px; color: var(--white); font-size: 31px; }
.bot-directory-grid article > p:not(.card-label) { color: #9eaaa2; font-size: 13px; line-height: 1.75; }
.bot-directory-grid ul { margin: 20px 0 30px; padding: 0; list-style: none; flex: 1; }
.bot-directory-grid li { padding: 8px 0; color: #c2ccc5; font-size: 11px; border-bottom: 1px solid var(--line-soft); }
.bot-directory-grid li::before { content: "+"; margin-right: 9px; color: var(--green-bright); font-weight: 900; }
.bot-directory-note { margin-top: 18px; padding: 23px 26px; display: flex; align-items: center; gap: 28px; background: rgba(13, 25, 16, .9); border: 1px solid var(--line-soft); border-radius: 7px; }
.bot-directory-note strong { color: var(--green-pale); white-space: nowrap; }
.bot-directory-note p { margin: 0; color: #909c94; font-size: 11px; line-height: 1.7; }

.proof-section { background: radial-gradient(circle at 12% 15%, rgba(67, 120, 69, .12), transparent 30rem), #050907; }
.proof-metrics { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line-soft); border-radius: 8px; overflow: hidden; }
.proof-metrics article { min-height: 135px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; background: rgba(9, 16, 12, .78); }
.proof-metrics article + article { border-left: 1px solid var(--line-soft); }
.proof-metrics strong { color: var(--green-pale); font-size: 32px; letter-spacing: -.05em; }
.proof-metrics span { max-width: 170px; color: #9ea9a2; font-size: 9px; line-height: 1.5; }
.proof-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 16px; margin-top: 16px; }
.proof-grid > article { padding: 31px; background: linear-gradient(145deg, var(--panel-raised), #070c09); border: 1px solid var(--line-soft); border-radius: 8px; }
.proof-grid h3 { margin: 11px 0 12px; font-size: 23px; letter-spacing: -.03em; }
.proof-grid > article > p:not(.card-label, .proof-note) { color: var(--muted); font-size: 11px; line-height: 1.7; }
.case-study > a { display: inline-block; margin-top: 18px; color: var(--green-bright); font-size: 10px; font-weight: 800; text-decoration: none; }
.release-notes ol { margin: 25px 0 0; padding: 0; list-style: none; }
.release-notes li { padding: 15px 0; display: grid; grid-template-columns: 85px 1fr; gap: 14px; border-top: 1px solid var(--line-soft); }
.release-notes time { color: var(--green-bright); font: 700 8px DM Mono, monospace; text-transform: uppercase; }
.release-notes li span { color: #b3bdb6; font-size: 10px; line-height: 1.55; }
.proof-note { margin: 18px 0 0; color: #667269; font-size: 8px; }

.package-comparison { margin-top: 18px; overflow: hidden; background: rgba(8, 14, 10, .92); border: 1px solid var(--line-soft); border-radius: 8px; }
.comparison-heading { padding: 24px 27px; display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; border-bottom: 1px solid var(--line-soft); }
.comparison-heading h3 { max-width: 650px; margin: 7px 0 0; font-size: 21px; }
.comparison-heading > a { flex: 0 0 auto; color: var(--green-bright); font-size: 9px; font-weight: 800; text-decoration: none; }
.comparison-scroll { overflow-x: auto; }
.comparison-scroll table { width: 100%; min-width: 820px; border-collapse: collapse; }
.comparison-scroll th, .comparison-scroll td { padding: 17px 20px; text-align: left; border-bottom: 1px solid var(--line-soft); }
.comparison-scroll tr:last-child th, .comparison-scroll tr:last-child td { border-bottom: 0; }
.comparison-scroll thead th { color: var(--green-pale); background: rgba(42, 67, 47, .28); font: 700 8px DM Mono, monospace; letter-spacing: .07em; text-transform: uppercase; }
.comparison-scroll tbody th { min-width: 190px; color: var(--white); font-size: 10px; }
.comparison-scroll tbody td { color: #a5b0a9; font-size: 9px; line-height: 1.5; }
.comparison-scroll tbody tr:hover { background: rgba(116, 180, 77, .04); }
.pricing-package-comparison { margin-top: 25px; }

.honeypot-label { position: absolute !important; left: -9999px !important; }
.form-status { margin: 12px 0 0; padding: 10px 12px; color: #f3d6d6; background: rgba(125, 45, 45, .25); border: 1px solid rgba(202, 88, 88, .35); border-radius: 4px; font-size: 9px; text-align: left; }
.project-form input:user-invalid, .project-form select:user-invalid, .project-form textarea:user-invalid { border-color: rgba(224, 98, 98, .72); }

.foundry-page { background: var(--black); }
.foundry-hero {
  min-height: 720px;
  padding-top: 86px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #030706;
  border-bottom: 1px solid var(--line-soft);
}
.foundry-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(2,5,4,.98) 0%, rgba(3,7,5,.9) 41%, rgba(4,10,7,.62) 66%, rgba(2,5,4,.35)), linear-gradient(0deg, #030605, transparent 38%); }
.foundry-hero-layout { min-height: 634px; display: grid; grid-template-columns: 1.03fr .97fr; gap: 75px; align-items: center; }
.foundry-hero-copy h1 { margin: 20px 0; font-size: clamp(53px, 6.2vw, 84px); line-height: .98; letter-spacing: -.055em; text-transform: uppercase; }
.foundry-hero-copy h1 em { color: var(--green); font-style: normal; }
.foundry-hero-copy > p:not(.eyebrow, .hero-microcopy) { max-width: 620px; margin: 0; color: #c1cac4; font-size: 15px; line-height: 1.75; }
.hero-microcopy { margin: 17px 0 0; color: #7f8b83; font-size: 9px; }
.foundry-command-card { padding: 23px; background: rgba(8, 15, 11, .91); border: 1px solid rgba(158, 213, 103, .28); border-radius: 9px; box-shadow: 0 35px 90px rgba(0,0,0,.5); backdrop-filter: blur(8px); }
.command-card-top { padding-bottom: 19px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line-soft); }
.command-card-top > div { display: flex; align-items: center; gap: 12px; }
.command-card-top > div > span { width: 40px; height: 40px; display: grid; place-items: center; color: #071007; background: linear-gradient(135deg, var(--green-pale), #578a3d); border-radius: 10px; font-weight: 900; }
.command-card-top p { display: grid; gap: 3px; margin: 0; }
.command-card-top b { font-size: 12px; }
.command-card-top small { color: var(--muted); font-size: 8px; }
.command-card-top em { color: var(--green-bright); font: 700 8px DM Mono, monospace; font-style: normal; text-transform: uppercase; }
.foundry-command-card ul { margin: 0; padding: 0; list-style: none; }
.foundry-command-card li { padding: 17px 3px; display: flex; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line-soft); }
.foundry-command-card li span { color: #c7d0ca; font-size: 10px; }
.foundry-command-card li b { color: var(--green-bright); font: 700 8px DM Mono, monospace; text-transform: uppercase; }
.command-card-foot { margin-top: 19px; padding: 15px; display: flex; justify-content: space-between; background: rgba(105, 168, 70, .07); border: 1px solid var(--line); border-radius: 5px; }
.command-card-foot span { display: flex; align-items: center; gap: 8px; color: #aab5ae; font-size: 9px; }
.command-card-foot i { width: 7px; height: 7px; background: var(--green-bright); border-radius: 50%; box-shadow: 0 0 12px var(--green); }
.command-card-foot strong { color: var(--green-pale); font-size: 10px; }

.foundry-proof-strip { background: #050907; border-bottom: 1px solid var(--line-soft); }
.foundry-proof-strip .shell { display: grid; grid-template-columns: repeat(4, 1fr); }
.foundry-proof-strip .shell > div { min-height: 105px; padding: 22px 25px; display: flex; flex-direction: column; justify-content: center; gap: 5px; }
.foundry-proof-strip .shell > div + div { border-left: 1px solid var(--line-soft); }
.foundry-proof-strip strong { color: var(--green-pale); font-size: 21px; }
.foundry-proof-strip span { color: #859087; font-size: 8px; line-height: 1.4; }

.foundry-audience { background: radial-gradient(circle at 80% 5%, rgba(62, 112, 63, .11), transparent 28rem), #050907; }
.audience-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line-soft); border-radius: 8px; overflow: hidden; }
.audience-grid article { min-height: 240px; padding: 28px; background: linear-gradient(145deg, rgba(15,25,20,.86), rgba(7,12,9,.95)); }
.audience-grid article + article { border-left: 1px solid var(--line-soft); }
.audience-grid span { color: var(--green-bright); font: 700 9px DM Mono, monospace; }
.audience-grid h3 { margin: 52px 0 11px; font-size: 17px; }
.audience-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; }

.foundry-features { background: var(--black); }
.foundry-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.foundry-feature-grid article { min-height: 330px; padding: 28px; background: linear-gradient(145deg, var(--panel-raised), #070c09); border: 1px solid var(--line-soft); border-radius: 8px; }
.foundry-feature-grid article > span { color: var(--green-bright); font: 700 8px DM Mono, monospace; letter-spacing: .1em; text-transform: uppercase; }
.foundry-feature-grid h3 { margin: 35px 0 11px; font-size: 20px; }
.foundry-feature-grid p { color: var(--muted); font-size: 10px; line-height: 1.65; }
.foundry-feature-grid ul { margin: 22px 0 0; padding: 17px 0 0; display: grid; gap: 9px; border-top: 1px solid var(--line-soft); list-style: none; }
.foundry-feature-grid li { color: #b7c0ba; font-size: 9px; }
.foundry-feature-grid li::before { content: "•"; margin-right: 8px; color: var(--green-bright); }

.dashboard-preview-section { background: radial-gradient(circle at 12% 22%, rgba(66, 119, 69, .12), transparent 34rem), #050907; }
.dashboard-gallery { display: grid; grid-template-columns: 1fr; gap: 18px; }
.dashboard-shot { margin: 0; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) 275px; align-items: stretch; background: #080d0a; border: 1px solid var(--line-soft); border-radius: 8px; }
.dashboard-shot img { width: 100%; height: auto; min-height: 0; display: block; align-self: center; object-fit: contain; object-position: left top; background: #020403; }
.dashboard-shot-large img { min-height: 0; }
.dashboard-shot figcaption { padding: 25px 24px; display: flex; align-items: flex-start; align-content: center; gap: 14px; flex-wrap: wrap; border-left: 1px solid var(--line-soft); }
.dashboard-shot figcaption > span { color: var(--green-bright); font: 700 8px DM Mono, monospace; }
.dashboard-shot figcaption b { display: block; font-size: 14px; line-height: 1.35; }
.dashboard-shot figcaption p { margin: 8px 0 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
.dashboard-preview-actions { margin-top: 16px; padding: 20px 23px; display: flex; align-items: center; justify-content: space-between; gap: 25px; background: var(--panel); border: 1px solid var(--line-soft); border-radius: 8px; }
.dashboard-preview-actions p { margin: 0; color: var(--muted); font-size: 10px; }
.dashboard-preview-actions strong { color: var(--white); }

.foundry-setup { background: var(--black); }
.setup-timeline { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; list-style: none; }
.setup-timeline li { position: relative; min-height: 190px; padding: 27px; grid-column: span 2; overflow: hidden; background: linear-gradient(150deg, rgba(14,23,18,.96), rgba(6,11,8,.99)); border: 1px solid var(--line-soft); border-radius: 8px; }
.setup-timeline li:nth-child(4), .setup-timeline li:nth-child(5) { grid-column: span 3; }
.setup-timeline li::after { content: ""; position: absolute; width: 160px; height: 160px; right: -55px; top: -75px; border: 1px solid rgba(155, 214, 99, .09); border-radius: 50%; box-shadow: 0 0 70px rgba(111, 175, 74, .05); }
.setup-timeline > li > span { position: relative; z-index: 1; color: var(--green-bright); font: 700 24px/1 DM Mono, monospace; letter-spacing: -.08em; }
.setup-timeline h3 { position: relative; z-index: 1; margin: 38px 0 10px; font-size: 20px; }
.setup-timeline p { position: relative; z-index: 1; max-width: 520px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }

.permissions-section { background: #050907; }
.permissions-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 15px; }
.permission-table-wrap { overflow-x: auto; background: rgba(8,14,10,.9); border: 1px solid var(--line-soft); border-radius: 8px; }
.permission-table-wrap table { width: 100%; border-collapse: collapse; }
.permission-table-wrap th, .permission-table-wrap td { padding: 18px 20px; text-align: left; border-bottom: 1px solid var(--line-soft); }
.permission-table-wrap tr:last-child th, .permission-table-wrap tr:last-child td { border-bottom: 0; }
.permission-table-wrap th { width: 42%; color: var(--white); font-size: 10px; }
.permission-table-wrap td { color: #a4afa8; font-size: 9px; line-height: 1.6; }
.permission-note { padding: 29px; background: linear-gradient(145deg, rgba(19, 34, 24, .98), rgba(7, 13, 9, .98)); border: 1px solid rgba(155, 214, 99, .3); border-radius: 8px; }
.permission-note h3 { margin: 11px 0; font-size: 23px; letter-spacing: -.035em; }
.permission-note > p:not(.card-label) { color: var(--muted); font-size: 10px; line-height: 1.7; }

.foundry-compare { background: var(--black); }
.compare-note { margin-top: 16px; padding: 21px 24px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: var(--panel); border: 1px solid var(--line-soft); border-radius: 8px; }
.compare-note p { max-width: 790px; margin: 0; color: #929e96; font-size: 9px; line-height: 1.65; }
.compare-note strong { color: var(--white); }
.compare-note .button { flex: 0 0 auto; }

.foundry-faq { background: radial-gradient(circle at 10% 12%, rgba(60, 111, 62, .13), transparent 30rem), #050907; }
.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 85px; align-items: start; }
.faq-heading { position: sticky; top: 115px; }
.faq-heading h2 { margin: 14px 0 16px; font-size: clamp(38px, 4.5vw, 57px); line-height: 1.04; letter-spacing: -.05em; }
.faq-heading > p:not(.eyebrow) { color: var(--muted); font-size: 11px; line-height: 1.7; }
.faq-heading .button { margin-top: 15px; }
.faq-list { border-top: 1px solid var(--line-soft); }
.faq-list details { border-bottom: 1px solid var(--line-soft); }
.faq-list summary { padding: 23px 4px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--white); font-size: 13px; font-weight: 750; list-style: none; cursor: pointer; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; color: var(--green-bright); font: 500 20px/1 DM Mono, monospace; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { max-width: 700px; margin: -7px 40px 22px 4px; color: var(--muted); font-size: 10px; line-height: 1.75; }

.foundry-final-cta { padding: 80px 0; background: linear-gradient(90deg, rgba(4,9,6,.97), rgba(18,45,27,.76)); border-bottom: 1px solid var(--line-soft); }
.foundry-final-cta .shell { display: flex; align-items: flex-end; justify-content: space-between; gap: 55px; }
.foundry-final-cta h2 { margin: 14px 0 12px; font-size: clamp(40px, 5vw, 65px); line-height: 1; letter-spacing: -.05em; }
.foundry-final-cta h2 em { color: var(--green); font-style: normal; }
.foundry-final-cta p:not(.eyebrow) { max-width: 660px; margin: 0; color: #abb6af; font-size: 11px; line-height: 1.7; }
.foundry-final-cta .shell > div:last-child { min-width: 190px; display: grid; gap: 16px; text-align: center; }
.foundry-final-cta .quiet-link { color: #aeb9b1; font-size: 9px; }

.legal-header { position: absolute; }
.legal-page { background: #050907; }
.legal-hero { min-height: 500px; padding-top: 86px; display: grid; align-items: center; position: relative; overflow: hidden; background: linear-gradient(90deg, rgba(3,6,5,.98), rgba(3,6,5,.74) 58%, rgba(3,6,5,.25)); border-bottom: 1px solid var(--line-soft); }
.legal-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 150px; background: linear-gradient(transparent, #050907); }
.legal-hero .shell { position: relative; z-index: 1; }
.legal-hero h1 { margin: 18px 0; font-size: clamp(48px, 6.5vw, 80px); line-height: .98; letter-spacing: -.055em; }
.legal-hero h1 em { color: var(--green); font-style: normal; }
.legal-hero p:last-child { color: #8e9a92; font: 500 9px DM Mono, monospace; text-transform: uppercase; }
.legal-document { max-width: 850px; padding-top: 80px; padding-bottom: 100px; }
.legal-summary { margin-bottom: 50px; padding: 24px 27px; background: rgba(111, 175, 74, .07); border: 1px solid var(--line); border-radius: 7px; }
.legal-summary strong { color: var(--green-pale); font-size: 12px; }
.legal-summary p { margin: 7px 0 0; }
.legal-document h2 { margin: 45px 0 12px; padding-top: 8px; color: var(--white); font-size: 23px; letter-spacing: -.03em; border-top: 1px solid var(--line-soft); }
.legal-document p, .legal-document li { color: #a9b4ad; font-size: 11px; line-height: 1.85; }
.legal-document ul { padding-left: 20px; }
.legal-document a { color: var(--green-bright); }

.dashboard-preview-launcher { display: grid; grid-template-columns: .78fr 1.22fr; overflow: hidden; background: linear-gradient(135deg, rgba(12, 23, 15, .98), rgba(4, 8, 6, .98)); border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); }
.preview-launcher-copy { padding: clamp(28px, 4.5vw, 58px); border-right: 1px solid var(--line-soft); }
.preview-launcher-copy h3 { margin: 13px 0 16px; font-size: clamp(28px, 3.4vw, 42px); line-height: 1.06; letter-spacing: -.045em; }
.preview-launcher-copy > p:not(.card-label) { color: var(--muted); font-size: 11px; line-height: 1.75; }
.preview-launcher-copy ul { margin: 22px 0 28px; padding: 0; display: grid; gap: 10px; list-style: none; }
.preview-launcher-copy li { color: #b4beb7; font-size: 10px; }
.preview-launcher-copy li::before { content: "✓"; margin-right: 9px; color: var(--green-bright); }
.preview-launcher-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.preview-launcher-actions .quiet-link { color: var(--green-pale); font-size: 10px; }
.preview-mini-window { padding: clamp(24px, 4vw, 46px); background: radial-gradient(circle at 85% 0%, rgba(130, 195, 79, .12), transparent 35%), #040806; }
.preview-mini-top, .preview-mini-header, .preview-mini-list p { display: flex; align-items: center; justify-content: space-between; }
.preview-mini-top { padding-bottom: 16px; border-bottom: 1px solid var(--line-soft); }
.preview-mini-top span { display: flex; gap: 6px; }
.preview-mini-top i { width: 7px; height: 7px; background: #6fae4a; border-radius: 50%; }
.preview-mini-top i:nth-child(2) { opacity: .65; }
.preview-mini-top i:nth-child(3) { opacity: .35; }
.preview-mini-top small, .preview-mini-header small, .preview-mini-grid small { color: var(--green-bright); font: 700 8px DM Mono, monospace; letter-spacing: .08em; }
.preview-mini-header { gap: 25px; padding: 31px 0 24px; }
.preview-mini-header h3 { margin: 8px 0 0; font-size: clamp(23px, 3vw, 36px); }
.preview-mini-header > span { padding: 8px 10px; color: var(--green-pale); border: 1px solid var(--line); border-radius: 99px; font: 700 7px DM Mono, monospace; text-transform: uppercase; }
.preview-mini-header > span i, .demo-online i, .demo-topbar > span i, .demo-notice span i { display: inline-block; width: 7px; height: 7px; margin-right: 6px; background: var(--green-bright); border-radius: 50%; box-shadow: 0 0 13px var(--green); }
.preview-mini-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.preview-mini-grid article { min-width: 0; padding: 17px; background: rgba(12, 21, 15, .82); border: 1px solid var(--line-soft); border-radius: 6px; }
.preview-mini-grid strong { display: block; margin: 10px 0 5px; font-size: 25px; }
.preview-mini-grid p { margin: 0; color: var(--muted); font-size: 8px; }
.preview-mini-list { margin-top: 10px; padding: 4px 18px; background: rgba(8, 15, 10, .8); border: 1px solid var(--line-soft); border-radius: 6px; }
.preview-mini-list p { margin: 0; padding: 14px 0; color: #b9c3bc; font-size: 9px; border-bottom: 1px solid var(--line-soft); }
.preview-mini-list p:last-child { border-bottom: 0; }
.preview-mini-list b { color: var(--green-bright); font: 700 7px DM Mono, monospace; }

.preview-page-hero, .command-hero { min-height: 530px; padding-top: 150px; display: flex; align-items: center; background: radial-gradient(circle at 80% 30%, rgba(85, 145, 72, .16), transparent 28rem), linear-gradient(105deg, #030605, #07100b); border-bottom: 1px solid var(--line-soft); }
.preview-page-hero h1, .command-hero h1 { max-width: 850px; margin: 18px 0; font-size: clamp(52px, 7vw, 88px); line-height: .96; letter-spacing: -.06em; }
.preview-page-hero h1 em, .command-hero h1 em { color: var(--green); font-style: normal; }
.preview-page-hero .shell > p:last-of-type, .command-hero .shell > p:last-of-type { max-width: 700px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.dashboard-demo-section, .command-catalog-section { background: #040806; }
.demo-notice { margin-bottom: 18px; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 25px; background: rgba(116, 180, 77, .07); border: 1px solid var(--line); border-radius: 7px; }
.demo-notice span { color: var(--green-pale); font: 700 9px DM Mono, monospace; text-transform: uppercase; }
.demo-notice p { margin: 0; color: var(--muted); font-size: 9px; }
.dashboard-demo { min-height: 700px; display: grid; grid-template-columns: 225px 1fr; overflow: hidden; background: #050a07; border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); }
.demo-sidebar { padding: 28px 20px; background: rgba(3, 7, 5, .98); border-right: 1px solid var(--line-soft); }
.demo-brand { display: grid; padding: 0 7px 27px; border-bottom: 1px solid var(--line-soft); }
.demo-brand b { color: var(--white); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.demo-brand small { margin-top: 5px; color: var(--green); font: 700 7px DM Mono, monospace; letter-spacing: .14em; text-transform: uppercase; }
.demo-sidebar > p { margin: 28px 7px 10px; color: #647169; font: 700 7px DM Mono, monospace; letter-spacing: .12em; text-transform: uppercase; }
.demo-sidebar nav { display: grid; gap: 4px; }
.demo-sidebar nav a { padding: 11px 12px; color: #89968e; border: 1px solid transparent; border-radius: 5px; font-size: 9px; font-weight: 700; text-decoration: none; }
.demo-sidebar nav a:hover, .demo-sidebar nav a.active { color: var(--white); background: rgba(117, 178, 76, .09); border-color: var(--line); }
.demo-online { margin-top: 32px; padding: 13px; display: flex; align-items: center; background: rgba(116, 180, 77, .06); border: 1px solid var(--line-soft); border-radius: 6px; }
.demo-online span { display: grid; }
.demo-online b { color: var(--green-pale); font-size: 8px; }
.demo-online small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.demo-main { padding: clamp(22px, 4vw, 43px); }
.demo-topbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; padding-bottom: 31px; border-bottom: 1px solid var(--line-soft); }
.demo-topbar small, .demo-panels small { color: var(--green-bright); font: 700 8px DM Mono, monospace; letter-spacing: .09em; }
.demo-topbar h2 { margin: 8px 0; font-size: clamp(29px, 4vw, 48px); }
.demo-topbar p { margin: 0; color: var(--muted); font-size: 10px; }
.demo-topbar > span { padding: 9px 11px; color: var(--green-pale); border: 1px solid var(--line); border-radius: 99px; font: 700 7px DM Mono, monospace; text-transform: uppercase; white-space: nowrap; }
.demo-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 24px 0 10px; }
.demo-metrics article, .demo-panels article { padding: 20px; background: rgba(10, 18, 12, .88); border: 1px solid var(--line-soft); border-radius: 7px; }
.demo-metrics small { color: #89958d; font-size: 8px; }
.demo-metrics strong { display: block; margin: 10px 0 5px; font-size: 28px; }
.demo-metrics span { color: var(--muted); font-size: 7px; }
.demo-panels { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.demo-panels article > div { display: flex; justify-content: space-between; gap: 15px; }
.demo-panels h3 { margin: 16px 0 9px; font-size: 18px; }
.demo-panels p, .demo-panels li { color: var(--muted); font-size: 9px; line-height: 1.65; }
.demo-panels ul { margin: 14px 0 0; padding-left: 16px; }
.demo-state { color: var(--green-pale); font: 700 7px DM Mono, monospace; }
.preview-explainer { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 18px; background: var(--panel); border: 1px solid var(--line-soft); border-radius: 8px; }
.preview-explainer > div { padding: 25px; }
.preview-explainer > div + div { border-left: 1px solid var(--line-soft); }
.preview-explainer span { color: var(--green-bright); font: 700 9px DM Mono, monospace; }
.preview-explainer h3 { margin: 25px 0 9px; font-size: 16px; }
.preview-explainer p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.65; }

.command-tools { padding: 20px; display: grid; grid-template-columns: minmax(250px, .7fr) 1.3fr; gap: 20px; align-items: end; background: var(--panel); border: 1px solid var(--line-soft); border-radius: 8px; }
.command-tools label { display: grid; gap: 8px; color: #c9d1cc; font-size: 9px; font-weight: 700; }
.command-tools input { width: 100%; padding: 13px 14px; color: var(--white); background: #030705; border: 1px solid var(--line); border-radius: 5px; outline: 0; }
.command-tools input:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(117,178,76,.11); }
.command-filters { display: flex; gap: 7px; flex-wrap: wrap; }
.command-filters label { min-width: 125px; flex: 1; }
.command-filters select { width: 100%; padding: 11px 12px; color: #dce6df; background: #030705; border: 1px solid var(--line); border-radius: 5px; font: 600 9px DM Mono, monospace; outline: 0; }
.command-filters select:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(117,178,76,.11); }
.command-filters button { padding: 9px 11px; color: #9aa69e; background: #070c09; border: 1px solid var(--line-soft); border-radius: 99px; font: 700 8px DM Mono, monospace; cursor: pointer; }
.command-filters button:hover, .command-filters button.active { color: #071008; background: var(--green-pale); border-color: var(--green-pale); }
.catalog-summary { margin: 22px 0 13px; display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 9px; }
.catalog-summary p { margin: 0; color: var(--green-pale); font-family: DM Mono, monospace; }
.command-catalog { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.command-entry { padding: 22px; background: rgba(9, 16, 11, .92); border: 1px solid var(--line-soft); border-radius: 7px; }
.command-entry-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.command-entry-heading > code { color: var(--white); font: 700 16px DM Mono, monospace; }
.command-entry-heading > span { color: var(--green-bright); font: 700 7px DM Mono, monospace; text-transform: uppercase; }
.command-entry-heading > span { display: flex; justify-content: flex-end; gap: 5px; flex-wrap: wrap; }
.command-entry-heading > span i { padding: 5px 7px; color: var(--green-pale); background: rgba(117,178,76,.08); border: 1px solid var(--line); border-radius: 99px; font-style: normal; }
.command-entry > p { margin: 13px 0 0; color: var(--muted); font-size: 9px; line-height: 1.65; }
.subcommand-list { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 17px; }
.subcommand-list code { padding: 6px 8px; color: #bac6be; background: #030705; border: 1px solid var(--line-soft); border-radius: 4px; font-size: 8px; }
.command-empty { grid-column: 1 / -1; padding: 40px; color: var(--muted); text-align: center; background: var(--panel); border: 1px solid var(--line-soft); border-radius: 7px; }

.testimonials-section { background: radial-gradient(circle at 15% 25%, rgba(87, 146, 69, .13), transparent 28rem), #050907; }
.section-heading h2 em { color: var(--green); font-style: normal; }
.testimonial-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; margin-bottom: 18px; }
.testimonial-card, .testimonial-empty { min-height: 220px; padding: 27px; background: rgba(9, 17, 11, .92); border: 1px solid var(--line-soft); border-radius: 8px; }
.testimonial-stars { margin: 0 0 24px; color: var(--green-bright); font-size: 13px; letter-spacing: .12em; }
.testimonial-card blockquote { margin: 0; color: #d4dbd6; font-size: 13px; line-height: 1.75; }
.testimonial-author { display: grid; gap: 4px; margin: 25px 0 0; }
.testimonial-author strong { color: var(--white); font-size: 10px; }
.testimonial-author span { color: var(--muted); font-size: 8px; }
.testimonial-empty { grid-column: 1 / -1; min-height: 170px; display: grid; place-content: center; text-align: center; }
.testimonial-empty h3 { margin: 10px 0 4px; font-size: 25px; }
.testimonial-empty p:not(.eyebrow) { color: var(--muted); font-size: 10px; }
.review-layout { display: grid; grid-template-columns: .72fr 1.28fr; overflow: hidden; background: linear-gradient(135deg, rgba(15, 27, 18, .98), rgba(5, 10, 7, .98)); border: 1px solid var(--line); border-radius: 9px; }
.review-copy { padding: clamp(28px, 4.5vw, 55px); border-right: 1px solid var(--line-soft); }
.review-copy h3 { margin: 14px 0; font-size: clamp(29px, 4vw, 46px); line-height: 1.04; }
.review-copy > p:not(.eyebrow) { color: var(--muted); font-size: 11px; line-height: 1.75; }
.review-copy ul { margin: 24px 0 0; padding: 0; display: grid; gap: 10px; list-style: none; }
.review-copy li { color: #aeb9b1; font-size: 9px; }
.review-copy li::before { content: "✓"; margin-right: 8px; color: var(--green-bright); }
.review-form { padding: clamp(25px, 4vw, 45px); }
.review-form label { display: grid; gap: 7px; margin-bottom: 15px; color: #c9d1cc; font-size: 10px; font-weight: 700; }
.review-form label small { color: #7e8a82; font-weight: 500; }
.review-form input, .review-form select, .review-form textarea { width: 100%; padding: 12px; color: var(--white); background: #030705; border: 1px solid rgba(255,255,255,.11); border-radius: 4px; outline: none; font-size: 12px; }
.review-form textarea { resize: vertical; line-height: 1.6; }
.review-form input:focus, .review-form select:focus, .review-form textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(117,178,76,.11); }
.review-form option { color: var(--white); background: var(--charcoal); }
.review-form .consent { display: flex; align-items: flex-start; gap: 9px; color: var(--muted); font-weight: 500; line-height: 1.5; }
.review-form .consent input { width: auto; margin-top: 2px; }
.review-form .consent a { color: var(--green-pale); }
.review-form button { width: 100%; cursor: pointer; }
.review-form button:disabled { opacity: .55; cursor: wait; }
.review-status { min-height: 18px; margin: 12px 0 0; color: var(--muted); font-size: 9px; text-align: center; }
.review-status[data-state="success"] { color: var(--green-pale); }
.review-status[data-state="error"] { color: #f2a7a7; }

.websites-hero { min-height: 760px; padding-top: 86px; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 80% 35%, rgba(101, 166, 76, .18), transparent 30rem), linear-gradient(115deg, #030605, #08130d); border-bottom: 1px solid var(--line-soft); }
.websites-hero-layout { min-height: 674px; display: grid; grid-template-columns: .88fr 1.12fr; gap: 70px; align-items: center; }
.websites-hero-copy h1 { margin: 20px 0; font-size: clamp(51px, 6.2vw, 82px); line-height: .96; letter-spacing: -.06em; }
.websites-hero-copy h1 em { color: var(--green); font-style: normal; }
.websites-hero-copy > p:not(.eyebrow) { max-width: 590px; color: #b7c1ba; font-size: 14px; line-height: 1.75; }
.web-hero-points { padding: 25px 0 0; margin: 30px 0 0; display: flex; gap: 21px; flex-wrap: wrap; border-top: 1px solid var(--line-soft); list-style: none; }
.web-hero-points li { color: #9eaaa2; font-size: 9px; }
.web-hero-points li::before { content: "✓"; margin-right: 7px; color: var(--green-bright); }
.website-browser-demo { position: relative; overflow: hidden; background: #050a07; border: 1px solid rgba(168, 219, 104, .27); border-radius: 10px; box-shadow: 0 35px 80px rgba(0, 0, 0, .5); transform: perspective(1200px) rotateY(-3deg); }
.website-browser-demo::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 70px rgba(115, 183, 73, .05); }
.browser-demo-top { height: 47px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; background: #0b120e; border-bottom: 1px solid var(--line-soft); }
.browser-demo-top > span { display: flex; gap: 6px; }
.browser-demo-top i { width: 7px; height: 7px; background: var(--green); border-radius: 50%; }
.browser-demo-top i:nth-child(2) { opacity: .58; }
.browser-demo-top i:nth-child(3) { opacity: .28; }
.browser-demo-top small { color: #87938b; font: 700 7px DM Mono, monospace; letter-spacing: .1em; }
.browser-demo-top em { color: var(--green-bright); font: 700 7px DM Mono, monospace; font-style: normal; }
.browser-demo-page { min-height: 440px; padding: 27px; background: radial-gradient(circle at 80% 25%, rgba(114, 184, 73, .2), transparent 18rem), linear-gradient(120deg, #07100b, #030605); }
.browser-demo-page nav { display: flex; align-items: center; justify-content: space-between; padding-bottom: 23px; border-bottom: 1px solid var(--line-soft); }
.browser-demo-page nav b { font-size: 9px; letter-spacing: .16em; }
.browser-demo-page nav span { color: #909c94; font-size: 7px; }
.browser-demo-hero { min-height: 285px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.browser-demo-hero small { color: var(--green-bright); font: 700 7px DM Mono, monospace; letter-spacing: .12em; }
.browser-demo-hero h2 { margin: 12px 0; font-size: clamp(31px, 4.1vw, 52px); line-height: .98; letter-spacing: -.05em; }
.browser-demo-hero h2 em { color: var(--green); font-style: normal; }
.browser-demo-hero p { max-width: 420px; margin: 0; color: #939f97; font-size: 9px; line-height: 1.65; }
.browser-demo-hero button { margin-top: 22px; padding: 10px 15px; color: #071007; background: var(--green-pale); border: 0; border-radius: 4px; font-size: 8px; font-weight: 800; pointer-events: none; }
.browser-demo-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.browser-demo-cards i { height: 64px; display: block; background: linear-gradient(145deg, rgba(21, 36, 26, .96), rgba(7, 13, 9, .96)); border: 1px solid var(--line-soft); border-radius: 5px; }
.web-trust-strip { background: #060b08; border-bottom: 1px solid var(--line-soft); }
.web-trust-strip .shell { display: grid; grid-template-columns: repeat(4, 1fr); }
.web-trust-strip span { padding: 22px 18px; color: #aab5ae; font: 700 8px DM Mono, monospace; text-align: center; text-transform: uppercase; }
.web-trust-strip span + span { border-left: 1px solid var(--line-soft); }
.web-services-section { background: radial-gradient(circle at 20% 15%, rgba(70, 127, 67, .12), transparent 28rem), #050907; }
.web-service-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.web-service-grid article { min-height: 290px; padding: 31px; background: linear-gradient(145deg, rgba(15, 27, 19, .97), rgba(6, 12, 8, .98)); border: 1px solid var(--line-soft); border-radius: 8px; }
.web-service-grid article > span { color: var(--green-bright); font: 700 9px DM Mono, monospace; }
.web-service-grid h3 { margin: 49px 0 12px; font-size: 24px; }
.web-service-grid p, .web-service-grid li { color: var(--muted); font-size: 10px; line-height: 1.7; }
.web-service-grid ul { padding-left: 17px; margin: 20px 0 0; }
.website-pricing-section { background: radial-gradient(circle at 70% 5%, rgba(67, 127, 63, .14), transparent 34rem), #030605; }
.web-package-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; align-items: stretch; }
.web-package-grid article { position: relative; padding: 29px; display: flex; flex-direction: column; background: linear-gradient(145deg, var(--panel-raised), #070c09); border: 1px solid var(--line-soft); border-radius: 8px; }
.web-package-grid article.web-package-featured { border-color: rgba(155, 214, 99, .55); box-shadow: 0 0 50px rgba(98, 158, 61, .1); }
.web-package-featured::before { content: "Recommended"; position: absolute; top: 16px; right: 16px; color: var(--green-pale); font: 700 6px DM Mono, monospace; letter-spacing: .09em; text-transform: uppercase; }
.web-package-grid h3 { min-height: 54px; margin: 12px 0 19px; font-size: 22px; }
.web-package-grid strong { font-size: 29px; letter-spacing: -.045em; }
.web-package-grid > article > small { min-height: 47px; margin-top: 7px; color: var(--muted); font-size: 8px; line-height: 1.55; }
.web-package-grid ul { padding: 22px 0; margin: 22px 0; display: grid; gap: 10px; border-block: 1px solid var(--line-soft); list-style: none; }
.web-package-grid li { color: #b4beb7; font-size: 9px; line-height: 1.5; }
.web-package-grid li::before { content: "✓"; margin-right: 8px; color: var(--green-bright); }
.web-package-grid a { margin-top: auto; color: var(--green-bright); font-size: 10px; font-weight: 800; text-decoration: none; }
.web-capabilities-section { background: linear-gradient(180deg, #050907, #070c09); }
.web-capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.web-capability-grid article { min-height: 205px; padding: 26px; background: rgba(10, 18, 12, .9); border: 1px solid var(--line-soft); border-radius: 7px; }
.web-capability-grid article > span { width: 42px; height: 42px; display: grid; place-items: center; color: var(--green-bright); border: 1px solid var(--line); border-radius: 50%; }
.web-capability-grid h3 { margin: 28px 0 9px; font-size: 16px; }
.web-capability-grid p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.7; }
.web-recurring-note { margin-top: 14px; padding: 26px 29px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: linear-gradient(105deg, rgba(20, 42, 26, .96), rgba(6, 13, 9, .98)); border: 1px solid var(--line); border-radius: 8px; }
.web-recurring-note h3 { margin: 7px 0; font-size: 21px; }
.web-recurring-note p:not(.card-label) { max-width: 750px; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.65; }
.web-recurring-note .button { flex: 0 0 auto; }
.web-process-section { background: #030605; }
.website-price-details { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 14px; }
.website-price-details > div { padding: 27px; background: rgba(9, 16, 11, .92); border: 1px solid var(--line-soft); border-radius: 8px; }
.website-price-details table { width: 100%; margin-top: 16px; border-collapse: collapse; }
.website-price-details th, .website-price-details td { padding: 12px 0; color: #aeb9b1; font-size: 9px; text-align: left; border-bottom: 1px solid var(--line-soft); }
.website-price-details tr:last-child th, .website-price-details tr:last-child td { border-bottom: 0; }
.website-price-details th { padding-right: 15px; font-weight: 600; }
.website-price-details td { color: var(--green-pale); font-weight: 800; text-align: right; white-space: nowrap; }
.web-pricing-disclaimer { margin-top: 12px; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: rgba(8, 14, 10, .86); border: 1px solid var(--line-soft); border-radius: 7px; }
.web-pricing-disclaimer p { max-width: 900px; margin: 0; color: #818d85; font-size: 8px; line-height: 1.7; }
.web-pricing-disclaimer strong { color: #afb9b2; }
.web-pricing-disclaimer a { flex: 0 0 auto; color: var(--green-bright); font-size: 9px; font-weight: 800; text-decoration: none; }

/* Dark Forge Font Studio */
.font-studio-hero { min-height: 760px; padding-top: 86px; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 77% 35%, rgba(130, 205, 85, .2), transparent 28rem), linear-gradient(120deg, #030605, #08130d); border-bottom: 1px solid var(--line-soft); }
.font-studio-hero-grid { min-height: 674px; display: grid; grid-template-columns: .95fr 1.05fr; gap: 70px; align-items: center; }
.font-studio-hero h1 { margin: 20px 0; font-size: clamp(52px, 6.3vw, 84px); line-height: .96; letter-spacing: -.06em; }
.font-studio-hero h1 em { color: var(--green); font-style: normal; }
.font-studio-hero-grid > div:first-child > p:not(.eyebrow) { max-width: 600px; color: #b7c1ba; font-size: 14px; line-height: 1.75; }
.font-studio-trust { padding: 24px 0 0; margin: 30px 0 0; display: grid; gap: 9px; border-top: 1px solid var(--line-soft); list-style: none; }
.font-studio-trust li { color: #9eaaa2; font-size: 9px; }
.font-studio-trust li::before { content: "✓"; margin-right: 8px; color: var(--green-bright); }
.font-studio-window { overflow: hidden; background: linear-gradient(150deg, #09110c, #040806); border: 1px solid rgba(164, 222, 104, .32); border-radius: 12px; box-shadow: 0 35px 90px rgba(0, 0, 0, .55); transform: perspective(1200px) rotateY(-3deg); }
.font-window-top { padding: 17px 19px; display: grid; grid-template-columns: 38px 1fr auto; gap: 12px; align-items: center; background: #0d1710; border-bottom: 1px solid var(--line-soft); }
.font-window-top > span { width: 38px; height: 38px; display: grid; place-items: center; color: #081006; background: var(--green-pale); border-radius: 9px; font: 800 11px Manrope, sans-serif; }
.font-window-top b, .font-window-top small { display: block; }
.font-window-top b { font-size: 10px; }
.font-window-top small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.font-window-top em { color: var(--green-bright); font: 700 7px DM Mono, monospace; font-style: normal; letter-spacing: .1em; }
.font-platforms { padding: 14px 17px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; border-bottom: 1px solid var(--line-soft); }
.font-platforms span { padding: 8px; color: #aab5ae; background: rgba(13, 24, 16, .9); border: 1px solid var(--line-soft); border-radius: 4px; font: 700 7px DM Mono, monospace; text-align: center; }
.font-platforms span:first-child { color: var(--green-pale); background: rgba(81, 130, 55, .18); border-color: rgba(154, 216, 97, .42); }
.font-preview { margin: 19px; padding: 26px; background: radial-gradient(circle at 85% 20%, rgba(121, 196, 71, .17), transparent 12rem), #07100a; border: 1px solid var(--line); border-radius: 8px; }
.font-preview small { color: var(--green-bright); font: 700 7px DM Mono, monospace; letter-spacing: .12em; }
.font-preview strong { margin: 19px 0 10px; display: block; color: #eef4ef; font-size: clamp(27px, 4vw, 44px); line-height: 1.1; }
.font-preview p { margin: 0; color: var(--muted); font-size: 8px; }
.font-styles { padding: 0 19px 19px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.font-styles span { padding: 13px; color: #c8d2cb; background: rgba(11, 20, 13, .9); border: 1px solid var(--line-soft); border-radius: 5px; font-size: 12px; text-align: center; }
.font-studio-section { background: radial-gradient(circle at 18% 5%, rgba(74, 135, 64, .12), transparent 28rem), #050907; }
.font-platform-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.font-platform-grid article { min-height: 205px; padding: 27px; background: linear-gradient(145deg, rgba(15, 27, 19, .97), rgba(6, 12, 8, .98)); border: 1px solid var(--line-soft); border-radius: 8px; }
.font-platform-grid article > span { width: 43px; height: 43px; display: grid; place-items: center; color: var(--green-bright); border: 1px solid var(--line); border-radius: 50%; font: 800 10px DM Mono, monospace; }
.font-platform-grid h3 { margin: 27px 0 9px; font-size: 17px; }
.font-platform-grid p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.7; }
.font-studio-features { background: linear-gradient(180deg, #030605, #07100a); }
.font-feature-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }
.font-feature-layout h2 { margin: 12px 0; font-size: clamp(34px, 4vw, 55px); letter-spacing: -.05em; }
.font-feature-layout > div:first-child > p:not(.eyebrow) { color: var(--muted); font-size: 10px; line-height: 1.75; }
.font-feature-list { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--line-soft); border-radius: 9px; overflow: hidden; }
.font-feature-list article { min-height: 145px; padding: 26px; display: flex; flex-direction: column; justify-content: center; background: rgba(9, 17, 11, .9); }
.font-feature-list article:nth-child(even) { border-left: 1px solid var(--line-soft); }
.font-feature-list article:nth-child(n+3) { border-top: 1px solid var(--line-soft); }
.font-feature-list strong { color: var(--green-pale); font-size: 34px; letter-spacing: -.04em; }
.font-feature-list span { margin-top: 5px; color: var(--muted); font-size: 8px; }
.font-download { background: radial-gradient(circle at 75% 30%, rgba(118, 183, 76, .16), transparent 24rem), #050907; }
.font-download-card { padding: 48px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 60px; align-items: center; background: linear-gradient(120deg, rgba(18, 39, 24, .96), rgba(6, 13, 9, .98)); border: 1px solid rgba(154, 216, 97, .35); border-radius: 10px; }
.font-download-card h2 { margin: 12px 0; font-size: clamp(34px, 4vw, 52px); letter-spacing: -.05em; }
.font-download-card p:not(.eyebrow) { color: var(--muted); font-size: 10px; line-height: 1.7; }
.font-download-actions { display: grid; gap: 10px; }
.font-download-actions .button { width: 100%; }
.font-download-actions small { margin-top: 7px; color: #828e86; font-size: 7px; line-height: 1.6; }

@media (max-width: 1120px) {
  .nav nav { display: none; }
  .mobile-nav { display: block; }
  .nav { gap: 14px; }
}

@media (max-width: 1000px) {
  .bot-directory-grid { grid-template-columns: 1fr; }
  .bot-directory-grid article { min-height: 0; }
  .proof-metrics, .foundry-proof-strip .shell { grid-template-columns: repeat(2, 1fr); }
  .proof-metrics article:nth-child(3), .foundry-proof-strip .shell > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line-soft); }
  .proof-metrics article:nth-child(4), .foundry-proof-strip .shell > div:nth-child(4) { border-top: 1px solid var(--line-soft); }
  .proof-grid, .foundry-hero-layout, .dashboard-gallery, .permissions-layout, .faq-layout { grid-template-columns: 1fr; }
  .foundry-hero-layout { gap: 20px; padding-block: 80px 55px; }
  .foundry-command-card { max-width: 680px; }
  .audience-grid, .foundry-feature-grid { grid-template-columns: repeat(2, 1fr); }
  .audience-grid article:nth-child(3) { border-left: 0; border-top: 1px solid var(--line-soft); }
  .audience-grid article:nth-child(4) { border-top: 1px solid var(--line-soft); }
  .dashboard-shot { grid-template-columns: 1fr; }
  .dashboard-shot figcaption { border-left: 0; border-top: 1px solid var(--line-soft); }
  .setup-timeline { grid-template-columns: repeat(2, 1fr); }
  .setup-timeline li, .setup-timeline li:nth-child(4) { min-height: 200px; grid-column: auto; }
  .setup-timeline li:nth-child(5) { min-height: 180px; grid-column: 1 / -1; }
  .faq-heading { position: static; }
  .dashboard-preview-launcher, .review-layout { grid-template-columns: 1fr; }
  .preview-launcher-copy, .review-copy { border-right: 0; border-bottom: 1px solid var(--line-soft); }
  .dashboard-demo { grid-template-columns: 175px 1fr; }
  .demo-metrics { grid-template-columns: repeat(2, 1fr); }
  .testimonial-list { grid-template-columns: repeat(2, 1fr); }
  .websites-hero-layout { grid-template-columns: 1fr; gap: 10px; padding-block: 95px 70px; }
  .websites-hero-copy { max-width: 760px; }
  .website-browser-demo { max-width: 790px; transform: none; }
  .web-package-grid { grid-template-columns: repeat(2, 1fr); }
  .web-capability-grid { grid-template-columns: repeat(2, 1fr); }
  .font-studio-hero-grid, .font-feature-layout { grid-template-columns: 1fr; }
  .font-studio-hero-grid { gap: 30px; padding-block: 95px 70px; }
  .font-studio-window { max-width: 760px; transform: none; }
  .font-download-card { grid-template-columns: 1fr; gap: 25px; }
}

@media (max-width: 760px) {
  .bot-directory-hero { min-height: 430px; padding: 120px 0 65px; }
  .bot-directory-hero h1 { font-size: clamp(44px, 14vw, 64px); }
  .bot-directory-grid article { padding: 25px; }
  .bot-directory-note { align-items: flex-start; flex-direction: column; gap: 8px; }
  .nav { justify-content: flex-start; }
  .mobile-nav { margin-left: auto; }
  .nav > .button { display: none; }
  .product-map p { line-height: 1.7; }
  .proof-grid > article { padding: 24px; }
  .comparison-heading, .compare-note, .dashboard-preview-actions, .foundry-final-cta .shell { align-items: flex-start; flex-direction: column; }
  .comparison-heading > a, .compare-note .button, .dashboard-preview-actions .button, .foundry-final-cta .shell > div:last-child { width: 100%; }
  .foundry-hero { padding-top: 74px; }
  .foundry-hero-layout { min-height: auto; }
  .foundry-hero-copy h1 { font-size: clamp(45px, 13vw, 68px); }
  .foundry-hero-copy > p:not(.eyebrow, .hero-microcopy) { font-size: 13px; }
  .audience-grid, .foundry-feature-grid, .setup-timeline { grid-template-columns: 1fr; }
  .setup-timeline li, .setup-timeline li:nth-child(4), .setup-timeline li:nth-child(5) { min-height: 0; grid-column: auto; }
  .audience-grid article + article { border-left: 0; border-top: 1px solid var(--line-soft); }
  .foundry-feature-grid article { min-height: 0; }
  .setup-timeline li { padding: 24px; border: 1px solid var(--line-soft) !important; }
  .setup-timeline h3 { margin-top: 28px; }
  .dashboard-shot img, .dashboard-shot-large img { min-height: 0; }
  .permission-table-wrap table { min-width: 680px; }
  .faq-layout { gap: 45px; }
  .foundry-final-cta { padding: 65px 0; }
  .legal-hero { padding-top: 74px; }
  .legal-document { padding-top: 60px; padding-bottom: 75px; }
  .preview-page-hero, .command-hero { min-height: 480px; padding-top: 115px; }
  .demo-notice, .catalog-summary, .demo-topbar { align-items: flex-start; flex-direction: column; }
  .dashboard-demo { min-height: 0; grid-template-columns: 1fr; }
  .demo-sidebar { border-right: 0; border-bottom: 1px solid var(--line-soft); }
  .demo-sidebar nav { grid-template-columns: repeat(2, 1fr); }
  .demo-online { margin-top: 18px; }
  .demo-panels, .preview-explainer, .command-tools, .command-catalog, .testimonial-list { grid-template-columns: 1fr; }
  .preview-explainer > div + div { border-left: 0; border-top: 1px solid var(--line-soft); }
  .command-tools { align-items: stretch; }
  .review-form .form-row { grid-template-columns: 1fr; }
  .websites-hero { padding-top: 74px; }
  .websites-hero-layout { min-height: auto; padding-block: 75px 55px; }
  .websites-hero-copy h1 { font-size: clamp(46px, 13vw, 68px); }
  .web-trust-strip .shell, .web-service-grid, .web-package-grid, .web-capability-grid, .website-price-details { grid-template-columns: 1fr; }
  .web-trust-strip span + span { border-left: 0; border-top: 1px solid var(--line-soft); }
  .web-service-grid article { min-height: 0; }
  .web-package-grid h3, .web-package-grid > article > small { min-height: 0; }
  .web-recurring-note, .web-pricing-disclaimer { align-items: flex-start; flex-direction: column; }
  .web-recurring-note .button { width: 100%; }
  .font-studio-hero { padding-top: 74px; }
  .font-studio-hero-grid { min-height: auto; padding-block: 75px 55px; }
  .font-studio-hero h1 { font-size: clamp(46px, 13vw, 68px); }
  .font-platform-grid { grid-template-columns: 1fr; }
  .font-platform-grid article { min-height: 0; }
  .font-download-card { padding: 28px; }
}

@media (max-width: 480px) {
  .mobile-nav > div { position: fixed; top: 68px; left: 15px; right: 15px; width: auto; }
  .proof-metrics, .foundry-proof-strip .shell { grid-template-columns: 1fr; }
  .proof-metrics article + article, .foundry-proof-strip .shell > div + div { border-left: 0; border-top: 1px solid var(--line-soft); }
  .foundry-command-card { padding: 16px; }
  .foundry-command-card li { gap: 8px; }
  .foundry-command-card li span { font-size: 9px; }
  .dashboard-shot figcaption { padding: 15px; }
  .preview-mini-grid, .demo-metrics { grid-template-columns: 1fr; }
  .preview-mini-header { align-items: flex-start; flex-direction: column; }
  .preview-launcher-actions { align-items: stretch; flex-direction: column; }
  .preview-launcher-actions .button { width: 100%; }
  .demo-main { padding: 17px; }
  .demo-sidebar nav { grid-template-columns: 1fr; }
  .browser-demo-page { padding: 17px; }
  .browser-demo-page nav span { display: none; }
  .web-hero-points { display: grid; gap: 11px; }
  .website-price-details > div { padding: 20px 17px; }
  .website-price-details th, .website-price-details td { font-size: 8px; }
  .font-platforms { grid-template-columns: repeat(2, 1fr); }
  .font-preview { margin: 14px; padding: 20px; }
  .font-styles { padding: 0 14px 14px; grid-template-columns: 1fr; }
  .font-feature-list { grid-template-columns: 1fr; }
  .font-feature-list article:nth-child(even) { border-left: 0; }
  .font-feature-list article + article { border-top: 1px solid var(--line-soft); }
}
.premium-plans-section{background:linear-gradient(180deg,#070b09,#0d1510);color:#f4f7f3}.premium-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;align-items:stretch}.premium-plan-grid article{display:flex;flex-direction:column;padding:34px;border:1px solid #ffffff18;border-radius:18px;background:#111914;box-shadow:0 25px 60px #0004}.premium-plan-grid article.featured{border-color:#8ed06499;background:linear-gradient(155deg,#17251b,#0d1510);transform:translateY(-8px)}.premium-plan-grid h3{margin:8px 0 14px;font-size:30px}.premium-plan-grid>article>p:not(.card-label):not(.premium-price){color:#adb8af;line-height:1.7}.premium-price{display:flex;align-items:baseline;gap:8px;margin:0 0 20px}.premium-price strong{font-size:42px;letter-spacing:-.05em}.premium-price span{color:#87948a;font-size:11px}.premium-plan-grid .check-list{flex:1;margin:20px 0 28px}.premium-plan-grid .button{width:100%;text-align:center}.premium-plan-note{text-align:center;color:#839086;font-size:11px;margin:26px 0 0}
@media(max-width:900px){.premium-plan-grid{grid-template-columns:1fr}.premium-plan-grid article.featured{transform:none}}
.font-download-count{margin-top:20px;color:#d7e0dc}.font-download-count strong{color:var(--accent,#f59e0b);font-size:1.5rem;margin-right:6px}

/* Homepage sections below the hero */
.product-section, .why-section-home, .pricing-section-home, .contact-section-home { padding: 96px 0; border-bottom: 1px solid var(--border-primary); }
.product-section { background: linear-gradient(135deg, var(--bg-primary), var(--bg-secondary)); }
.product-section:nth-of-type(even) { background: linear-gradient(135deg, var(--bg-secondary), var(--bg-tertiary)); }
.product-showcase-carousel { border-bottom: 1px solid var(--border-primary); overflow: hidden; }
.product-carousel-viewport { overflow: hidden; }
.product-carousel-track { display: flex; align-items: stretch; transition: transform .35s ease; }
.product-carousel-track .product-slide { flex: 0 0 100%; min-width: 0; border-bottom: 0; }
.product-carousel-track #foundry { background: linear-gradient(135deg, var(--bg-secondary), var(--bg-tertiary)); }
.product-carousel-controls { width: min(1180px, calc(100% - 48px)); min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-inline: auto; }
.product-carousel-control { min-width: 176px; min-height: 42px; padding-inline: 16px; }
.product-carousel-position { color: var(--text-muted); font: 700 11px DM Mono, monospace; letter-spacing: .12em; }
.product-carousel-control[hidden] { visibility: hidden; display: inline-flex; }
.product-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 70px; align-items: center; }
.product-slide .product-layout { height: 100%; row-gap: 32px; align-content: space-between; }
.product-slide { padding-bottom: 32px; }
.product-slide .product-layout > .home-actions { grid-column: 1 / -1; justify-content: flex-end; margin-top: 0; order: 3; }
.stormvault-section-home .product-layout > .home-actions { grid-column: 1; justify-content: center; }
.stormvault-section-home .case-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.stormvault-section-home .case-timeline-item { min-width: 0; display: flex; align-items: center; gap: 9px; }
.stormvault-section-home .case-timeline-item:nth-child(2) { justify-content: center; }
.stormvault-section-home .case-timeline-item:nth-child(3) { justify-content: flex-end; }
.stormvault-section-home .case-timeline-item i { flex: 0 0 7px; }
.stormvault-section-home .stormvault-preview { transform: translateY(10px); }
.foundry-showcase-side { min-width: 0; align-self: center; }
.foundry-section-home .product-layout > .home-actions { gap: 8px; }
.foundry-section-home .product-layout > .home-actions .home-button { padding-inline: 10px; }
.product-layout.reverse .interface-preview { order: 1; }
.product-layout.reverse .product-text { order: 2; }
.product-text h2, .why-home-layout h2, .section-intro h2, .contact-home-copy h2 { margin: 10px 0 16px; color: var(--silver-bright); font-size: clamp(36px, 4.4vw, 58px); line-height: 1.02; letter-spacing: -.05em; }
.product-text h3 { margin: 0 0 16px; color: var(--silver); font-size: 20px; line-height: 1.3; }
.product-text > p:not(.home-label), .why-home-layout > div > p:not(.home-label), .contact-home-copy > p:not(.home-label) { max-width: 560px; color: var(--text-secondary); font-size: 14px; line-height: 1.75; }
.product-text ul { display: grid; gap: 10px; margin: 26px 0 0; padding: 0; list-style: none; color: var(--text-secondary); font-size: 12px; }
.product-text li::before { content: "✓"; display: inline-block; width: 22px; color: var(--blue-bright); font-weight: 800; }
.interface-preview { min-width: 0; padding: 22px; overflow: hidden; background: linear-gradient(145deg, var(--surface-secondary), var(--surface-primary)); border: 1px solid var(--border-light); border-radius: 10px; box-shadow: 0 24px 60px rgba(0,0,0,.35), inset 0 1px rgba(227,231,236,.08); }
.interface-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid var(--border-primary); }
.interface-head b { color: var(--silver-bright); font-size: 17px; }
.interface-head span { color: var(--blue-bright); font: 700 9px DM Mono, monospace; letter-spacing: .08em; text-transform: uppercase; }
.foundry-metrics, .case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 18px 0; }
.foundry-metrics article, .case-grid article { padding: 14px; background: rgba(4,5,6,.45); border: 1px solid var(--border-primary); border-radius: 5px; }
.foundry-metrics span, .case-grid span { display: block; color: var(--text-muted); font: 9px DM Mono, monospace; text-transform: uppercase; }
.foundry-metrics b, .case-grid b { display: block; margin-top: 7px; color: var(--silver-bright); font-size: 21px; }
.foundry-body { display: grid; grid-template-columns: 1.25fr .75fr; gap: 18px; padding-top: 16px; border-top: 1px solid var(--border-primary); }
.moderation-feed { display: grid; gap: 8px; }
.moderation-feed > div { display: grid; grid-template-columns: .8fr 1.4fr auto; gap: 8px; align-items: center; padding: 10px; background: rgba(13,17,22,.75); border-left: 2px solid var(--blue-dark); }
.moderation-feed span, .moderation-feed b, .moderation-feed em { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.moderation-feed span { color: var(--silver); font-size: 10px; }
.moderation-feed b { color: var(--text-secondary); font-size: 9px; }
.moderation-feed em { color: var(--text-muted); font: 8px DM Mono, monospace; font-style: normal; }
.mini-chart { min-height: 118px; display: flex; align-items: end; gap: 7px; padding: 14px; background: rgba(4,5,6,.38); border: 1px solid var(--border-primary); }
.foundry-icon-panel { display: grid; place-items: center; padding: 0; background: transparent; border: 0; }
.foundry-icon-panel img { display: block; width: 82px; height: 82px; object-fit: contain; }
.mini-chart i { flex: 1; min-height: 20%; background: linear-gradient(180deg, var(--blue-bright), var(--blue-dark)); border-radius: 2px 2px 0 0; box-shadow: 0 0 10px rgba(22,139,255,.18); }
.mini-chart i:nth-child(2) { height: 52%; }.mini-chart i:nth-child(3) { height: 78%; }.mini-chart i:nth-child(4) { height: 44%; }.mini-chart i:nth-child(5) { height: 92%; }.mini-chart i:nth-child(6) { height: 66%; }
.case-hero { display: grid; gap: 7px; margin: 18px 0 12px; padding: 16px; background: rgba(4,5,6,.42); border-left: 2px solid var(--blue-primary); }
.case-hero { grid-template-columns: 72px minmax(0, 1fr); column-gap: 20px; align-items: center; }
.case-hero-icon { width: 72px; height: 72px; display: grid; place-items: center; background: transparent; border: 0; }
.case-hero-icon img { display: block; width: 68px; height: 68px; object-fit: contain; }
.case-hero-content { display: grid; gap: 7px; }
.case-hero span { color: var(--blue-bright); font: 700 10px DM Mono, monospace; }.case-hero b { color: var(--silver-bright); font-size: 17px; }.case-hero em { color: var(--text-muted); font-size: 10px; font-style: normal; }
.case-grid { grid-template-columns: repeat(4, 1fr); }.case-grid b { font-size: 13px; }.case-timeline { display: grid; grid-template-columns: 8px 1fr; gap: 10px 9px; align-items: center; padding-top: 15px; border-top: 1px solid var(--border-primary); color: var(--text-secondary); font-size: 10px; }.case-timeline i { width: 7px; height: 7px; background: var(--blue-primary); border-radius: 50%; box-shadow: 0 0 9px rgba(22,139,255,.55); }
.why-section-home { background: var(--bg-secondary); }.why-home-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: center; }.proof-points { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--border-primary); border-left: 1px solid var(--border-primary); }.proof-points article { min-height: 130px; padding: 22px; border-right: 1px solid var(--border-primary); border-bottom: 1px solid var(--border-primary); }.proof-points article::before { content: "//"; color: var(--blue-bright); font: 700 10px DM Mono, monospace; }.proof-points h3 { margin: 15px 0 7px; color: var(--silver-bright); font-size: 15px; }.proof-points p { margin: 0; color: var(--text-muted); font-size: 11px; line-height: 1.6; }
.pricing-section-home { background: var(--bg-primary); }.section-intro { margin-bottom: 38px; }.pricing-home-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.pricing-home-grid article { min-height: 280px; display: flex; flex-direction: column; padding: 28px; background: linear-gradient(145deg, var(--surface-secondary), var(--surface-primary)); border: 1px solid var(--border-primary); border-radius: 8px; }.pricing-home-grid article.featured { border-color: var(--blue-primary); box-shadow: 0 0 26px rgba(22,139,255,.12); }.pricing-home-grid h3 { margin: 0 0 18px; color: var(--silver-bright); font-size: 21px; }.pricing-home-grid strong { color: var(--blue-bright); font-size: 28px; }.pricing-home-grid ul { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; color: var(--text-secondary); font-size: 11px; line-height: 1.5; }.pricing-home-grid li::before { content: "✓"; margin-right: 8px; color: var(--blue-bright); }.pricing-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.contact-section-home { background: linear-gradient(135deg, var(--bg-secondary), var(--bg-primary)); }.contact-home-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: start; }.contact-home-copy { padding-top: 25px; }.email-link { display: inline-block; margin-top: 18px; color: var(--blue-bright); font-size: 12px; }.contact-section-home .project-form { padding: 30px; background: var(--surface-primary); border: 1px solid var(--border-light); border-radius: 8px; }.contact-section-home .project-form label { color: var(--silver); }.contact-section-home .project-form input, .contact-section-home .project-form select, .contact-section-home .project-form textarea { background: var(--bg-primary); border-color: var(--border-primary); color: var(--silver-bright); }.contact-section-home .project-form input:focus, .contact-section-home .project-form select:focus, .contact-section-home .project-form textarea:focus { border-color: var(--blue-primary); box-shadow: 0 0 0 3px rgba(22,139,255,.13); outline: none; }.contact-section-home .consent input { accent-color: var(--blue-primary); }.contact-section-home .consent span, .contact-section-home .form-note { color: var(--text-muted); }.contact-section-home .consent a { color: var(--blue-bright); }
.contact-home-copy .home-label::before { content: ""; display: inline-block; width: 36px; height: 1px; margin-right: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42,167,255,.6); }
body.homepage-rebuild .home-label:not(:has(span))::before { content: ""; display: inline-block; width: 36px; height: 1px; margin-right: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42,167,255,.6); }
body.homepage-rebuild .product-text h2,
body.homepage-rebuild .why-home-layout h2,
body.homepage-rebuild .section-intro h2,
body.homepage-rebuild .contact-home-copy h2 { font-size: clamp(32px, 3.6vw, 50px); line-height: 1.04; }

/* Homepage desktop type scale */
@media (min-width: 901px) {
  body.homepage-rebuild .home-hero h1 { font-size: clamp(48px, 4.4vw, 54px); }
  body.homepage-rebuild .solutions-overview-heading h2,
  body.homepage-rebuild .section-intro h2,
  body.homepage-rebuild .why-home-layout h2,
  body.homepage-rebuild .contact-home-copy h2 { font-size: clamp(42px, 3.4vw, 48px); }
  body.homepage-rebuild .product-text h2 { font-size: clamp(44px, 3.5vw, 48px); }

  body.homepage-rebuild .home-hero-copy > p:not(.home-label):not(.home-support-line),
  body.homepage-rebuild .solutions-overview-heading > p:last-child,
  body.homepage-rebuild .overview-card > div:last-child > p:not(.overview-eyebrow),
  body.homepage-rebuild .product-text > p:not(.home-label),
  body.homepage-rebuild .why-home-layout > div > p:not(.home-label),
  body.homepage-rebuild .contact-home-copy > p:not(.home-label) { font-size: 16px; }

  body.homepage-rebuild .home-label,
  body.homepage-rebuild .overview-eyebrow { font-size: 11px; }
  body.homepage-rebuild .overview-card h3,
  body.homepage-rebuild .pricing-home-grid h3,
  body.homepage-rebuild .product-text h3 { font-size: 24px; }
  body.homepage-rebuild .proof-points h3 { font-size: 22px; }
  body.homepage-rebuild .proof-points p,
  body.homepage-rebuild .pricing-home-grid ul { font-size: 15px; }
}

.contact-section-home .project-form { padding-top: 34px; }
.contact-section-home .project-form .form-row label,
.contact-section-home .project-form > label[for="project-service"],
.contact-section-home .project-form > label[for="project-details"] { position: relative; top: 8px; }
.footer-home { padding: 58px 0 25px; background: #030405; border-top: 1px solid var(--border-primary); }.footer-home .footer-top { display: grid; grid-template-columns: 1.35fr auto auto auto; column-gap: 72px; }.footer-home .footer-brand { width: 250px; justify-self: start; text-align: center; }.footer-home .footer-brand .home-brand { width: 250px; }.footer-home .footer-brand p { margin-inline: 0; }.footer-home .footer-top h3 { color: var(--blue-bright); }.footer-home .footer-top a { color: var(--silver); }.footer-home .footer-top a:hover { color: var(--blue-bright); }.footer-home .footer-bottom { color: var(--text-muted); }
@media (max-width: 900px) { .product-section, .why-section-home, .pricing-section-home, .contact-section-home { padding: 72px 0; }.product-layout, .why-home-layout, .contact-home-layout { grid-template-columns: 1fr; gap: 42px; }.product-layout.reverse .interface-preview, .product-layout.reverse .product-text { order: initial; }.interface-preview { width: 100%; }.product-slide .product-layout > .home-actions { flex-wrap: wrap; }.footer-home .footer-top { grid-template-columns: repeat(2, 1fr); }.footer-home .footer-brand { text-align: center; }.footer-home .footer-brand p { margin-inline: auto; }.pricing-home-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .product-section, .why-section-home, .pricing-section-home, .contact-section-home { padding: 56px 0; }.product-slide { padding-bottom: 28px; }.foundry-metrics, .case-grid, .pricing-home-grid, .proof-points { grid-template-columns: 1fr; }.foundry-body { grid-template-columns: 1fr; }.moderation-feed > div { grid-template-columns: 1fr; }.contact-section-home .project-form { padding: 20px; }.footer-home .footer-top { grid-template-columns: 1fr; }.product-text h2, .why-home-layout h2, .section-intro h2, .contact-home-copy h2 { font-size: 40px; }.product-slide .product-layout > .home-actions { justify-content: center; }.product-carousel-controls { width: min(100% - 28px, 1180px); min-height: 68px; gap: 10px; }.product-carousel-control { min-width: 0; padding-inline: 12px; font-size: 10px; }.product-carousel-position { font-size: 10px; } }
@media (max-width: 560px) { .stormvault-section-home .case-timeline { grid-template-columns: 1fr; gap: 10px; }.stormvault-section-home .case-timeline-item:nth-child(2), .stormvault-section-home .case-timeline-item:nth-child(3) { justify-content: flex-start; } }
@media (max-width: 900px) { .stormvault-section-home .product-layout > .home-actions { grid-row: 2; }.stormvault-section-home .product-text { grid-column: 1; grid-row: 3; } }

/* Standalone-page color migration only; geometry remains owned by existing rules. */
body:not(.homepage-rebuild) { background-color: var(--bg-primary); color: var(--text-primary); }
body:not(.homepage-rebuild) .site-header { background-color: var(--bg-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .brand { color: var(--silver-bright); }
body:not(.homepage-rebuild) .brand small { color: var(--blue-primary); }
body:not(.homepage-rebuild) .nav nav a { color: var(--silver); }
body:not(.homepage-rebuild) .nav nav a::after { background: var(--blue-primary); }
body:not(.homepage-rebuild) .nav nav a:hover, body:not(.homepage-rebuild) .nav nav a.active { color: var(--blue-bright); }
body:not(.homepage-rebuild) .button-primary { color: var(--silver-bright); background: var(--blue-dark); border-color: var(--blue-primary); box-shadow: 0 10px 32px rgba(22,139,255,.16); }
body:not(.homepage-rebuild) .button-outline, body:not(.homepage-rebuild) .button-small { color: var(--silver); background: var(--surface-primary); border-color: var(--border-light); }
body:not(.homepage-rebuild) .button-primary:hover, body:not(.homepage-rebuild) .button-outline:hover { color: var(--silver-bright); background: var(--blue-dark); border-color: var(--blue-bright); }
body:not(.homepage-rebuild) .section, body:not(.homepage-rebuild) .foundry-section, body:not(.homepage-rebuild) .pricing-section, body:not(.homepage-rebuild) .foundry-features, body:not(.homepage-rebuild) .foundry-setup, body:not(.homepage-rebuild) .foundry-compare { background-color: var(--bg-primary); }
body:not(.homepage-rebuild) .hero, body:not(.homepage-rebuild) .foundry-hero, body:not(.homepage-rebuild) .pricing-hero-new, body:not(.homepage-rebuild) .websites-hero, body:not(.homepage-rebuild) .font-studio-hero, body:not(.homepage-rebuild) .preview-page-hero, body:not(.homepage-rebuild) .command-hero, body:not(.homepage-rebuild) .legal-hero { background-color: var(--bg-primary); background-image: linear-gradient(135deg, rgba(22,139,255,.08), transparent 46%), linear-gradient(180deg, var(--bg-secondary), var(--bg-primary)); }
body:not(.homepage-rebuild) .product-ui, body:not(.homepage-rebuild) .forge-panel, body:not(.homepage-rebuild) .foundry-command-card, body:not(.homepage-rebuild) .metric-board, body:not(.homepage-rebuild) .project-form, body:not(.homepage-rebuild) .service-grid article, body:not(.homepage-rebuild) .foundry-feature-grid article, body:not(.homepage-rebuild) .package-card, body:not(.homepage-rebuild) .featured-package { background-color: var(--surface-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .product-ui, body:not(.homepage-rebuild) .forge-panel, body:not(.homepage-rebuild) .foundry-command-card { box-shadow: 0 24px 60px rgba(0,0,0,.34); }
body:not(.homepage-rebuild) .card-label, body:not(.homepage-rebuild) .eyebrow, body:not(.homepage-rebuild) .product-kicker, body:not(.homepage-rebuild) .foundry-feature-grid article > span, body:not(.homepage-rebuild) .footer-top h3 { color: var(--blue-bright); }
body:not(.homepage-rebuild) .icon-ring, body:not(.homepage-rebuild) .service-mark, body:not(.homepage-rebuild) .system-icon { color: var(--blue-bright); border-color: rgba(42,167,255,.42); background-color: rgba(22,139,255,.08); }
body:not(.homepage-rebuild) .contact, body:not(.homepage-rebuild) .specials-section, body:not(.homepage-rebuild) .addon-section, body:not(.homepage-rebuild) .maintenance-section { background-color: var(--bg-secondary); }
body:not(.homepage-rebuild) .contact::before { display: none; }
body:not(.homepage-rebuild) .project-form input, body:not(.homepage-rebuild) .project-form select, body:not(.homepage-rebuild) .project-form textarea { color: var(--silver-bright); background-color: var(--bg-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .project-form input:focus, body:not(.homepage-rebuild) .project-form select:focus, body:not(.homepage-rebuild) .project-form textarea:focus { border-color: var(--blue-primary); box-shadow: 0 0 0 3px rgba(22,139,255,.13); }
body:not(.homepage-rebuild) .email-link, body:not(.homepage-rebuild) .quiet-link, body:not(.homepage-rebuild) .footer-bottom a, body:not(.homepage-rebuild) .footer-top a:hover { color: var(--blue-bright); }
body:not(.homepage-rebuild) footer { background-color: #030405; border-color: var(--border-primary); }
body:not(.homepage-rebuild) .mobile-nav summary { color: var(--silver-bright); background-color: var(--surface-primary); border-color: var(--border-light); }
body:not(.homepage-rebuild) .mobile-nav > div { background-color: var(--surface-primary); border-color: var(--border-light); }
body:not(.homepage-rebuild) .mobile-nav a:hover { color: var(--blue-bright); background-color: rgba(22,139,255,.08); }
body:not(.homepage-rebuild) .website-browser-demo,
body:not(.homepage-rebuild) .font-studio-window,
body:not(.homepage-rebuild) .dashboard-demo,
body:not(.homepage-rebuild) .dashboard-preview-launcher,
body:not(.homepage-rebuild) .review-layout { background: var(--surface-primary); border-color: var(--border-primary); box-shadow: 0 35px 80px rgba(0,0,0,.45); }
body:not(.homepage-rebuild) .browser-demo-top,
body:not(.homepage-rebuild) .browser-demo-page,
body:not(.homepage-rebuild) .font-preview,
body:not(.homepage-rebuild) .demo-metrics article,
body:not(.homepage-rebuild) .demo-panels article,
body:not(.homepage-rebuild) .preview-mini-grid article,
body:not(.homepage-rebuild) .preview-mini-list { background: var(--bg-secondary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .browser-demo-page,
body:not(.homepage-rebuild) .font-preview { background-image: radial-gradient(circle at 80% 25%, rgba(22,139,255,.12), transparent 18rem), linear-gradient(120deg, var(--bg-tertiary), var(--bg-primary)); }
body:not(.homepage-rebuild) .browser-demo-top i { background: var(--blue-primary); }
body:not(.homepage-rebuild) .browser-demo-top em,
body:not(.homepage-rebuild) .browser-demo-hero small,
body:not(.homepage-rebuild) .browser-demo-hero h2 em,
body:not(.homepage-rebuild) .font-platforms span:first-child,
body:not(.homepage-rebuild) .font-window-top > span { color: var(--blue-bright); }
body:not(.homepage-rebuild) .browser-demo-hero button { color: var(--silver-bright); background: var(--blue-dark); }
body:not(.homepage-rebuild) .browser-demo-cards i { background: linear-gradient(145deg, var(--surface-secondary), var(--surface-primary)); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .web-trust-strip,
body:not(.homepage-rebuild) .web-services-section,
body:not(.homepage-rebuild) .web-capabilities-section,
body:not(.homepage-rebuild) .font-studio-section,
body:not(.homepage-rebuild) .font-studio-features { background-color: var(--bg-primary); }
body:not(.homepage-rebuild) .web-services-section,
body:not(.homepage-rebuild) .web-capabilities-section,
body:not(.homepage-rebuild) .font-studio-section,
body:not(.homepage-rebuild) .font-studio-features { background-image: linear-gradient(135deg, rgba(22, 139, 255, .045), transparent 48%), linear-gradient(180deg, var(--bg-primary), var(--bg-secondary)); }
body:not(.homepage-rebuild) .web-trust-strip,
body:not(.homepage-rebuild) .website-pricing-section,
body:not(.homepage-rebuild) .web-process-section,
body:not(.homepage-rebuild) .foundry-faq { background-image: linear-gradient(135deg, rgba(22, 139, 255, .035), transparent 52%), linear-gradient(180deg, var(--bg-primary), var(--bg-secondary)); }
body:not(.homepage-rebuild) .website-pricing-section { background: var(--bg-primary); }
body:not(.homepage-rebuild) .site-header { background-color: var(--steel-dark); }
body:not(.homepage-rebuild) .site-header .button.button-primary.button-small { color: var(--silver-bright); background: var(--blue-dark); border-color: var(--blue-primary); box-shadow: 0 10px 32px rgba(22, 139, 255, .16); }
body:not(.homepage-rebuild) {
  --green: var(--blue-primary);
  --green-bright: var(--blue-bright);
  --green-pale: var(--silver-bright);
  --forest: var(--bg-secondary);
  --line: var(--border-primary);
  --line-soft: var(--border-primary);
  --panel-raised: var(--surface-primary);
}
body:not(.homepage-rebuild) .site-header,
body:not(.homepage-rebuild) main > section,
body:not(.homepage-rebuild) .section,
body:not(.homepage-rebuild) .contact,
body:not(.homepage-rebuild) footer { color: var(--text-primary); }
body:not(.homepage-rebuild) .button-primary,
body:not(.homepage-rebuild) .button-small.button-primary { color: var(--silver-bright); background: var(--blue-dark); border-color: var(--blue-primary); box-shadow: 0 10px 32px rgba(22, 139, 255, .16); }
body:not(.homepage-rebuild) .button-primary:hover,
body:not(.homepage-rebuild) .button-small.button-primary:hover { background: var(--blue-dark); border-color: var(--blue-bright); box-shadow: 0 12px 34px rgba(22, 139, 255, .24); }
body:not(.homepage-rebuild) .specials-section,
body:not(.homepage-rebuild) .addon-section,
body:not(.homepage-rebuild) .maintenance-section,
body:not(.homepage-rebuild) .foundry-final-cta,
body:not(.homepage-rebuild) .premium-plans-section,
body:not(.homepage-rebuild) .product-section,
body:not(.homepage-rebuild) .why-section-home,
body:not(.homepage-rebuild) .pricing-section-home,
body:not(.homepage-rebuild) .contact-section-home { background-color: var(--bg-primary); background-image: linear-gradient(135deg, rgba(22, 139, 255, .035), transparent 52%), linear-gradient(180deg, var(--bg-primary), var(--bg-secondary)); }
body:not(.homepage-rebuild) .specials-grid article,
body:not(.homepage-rebuild) .addon-grid article,
body:not(.homepage-rebuild) .maintenance-grid article,
body:not(.homepage-rebuild) .feature-card,
body:not(.homepage-rebuild) .product-ui,
body:not(.homepage-rebuild) .forge-panel,
body:not(.homepage-rebuild) .metric-board,
body:not(.homepage-rebuild) .package-card,
body:not(.homepage-rebuild) .featured-package,
body:not(.homepage-rebuild) .service-grid article { background: var(--surface-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .specials-grid article:hover,
body:not(.homepage-rebuild) .feature-card:hover,
body:not(.homepage-rebuild) .service-grid article:hover { border-color: var(--blue-primary); box-shadow: 0 0 24px rgba(22, 139, 255, .12); }
body:not(.homepage-rebuild) .specials-grid a,
body:not(.homepage-rebuild) .addon-grid a,
body:not(.homepage-rebuild) .maintenance-grid a,
body:not(.homepage-rebuild) .feature-card a,
body:not(.homepage-rebuild) .quiet-link,
body:not(.homepage-rebuild) .card-label { color: var(--blue-bright); }
body:not(.homepage-rebuild) .foundry-feature-grid article,
body:not(.homepage-rebuild) .foundry-command-card,
body:not(.homepage-rebuild) .foundry-setup,
body:not(.homepage-rebuild) .foundry-compare,
body:not(.homepage-rebuild) .proof-grid article,
body:not(.homepage-rebuild) .foundry-metrics article,
body:not(.homepage-rebuild) .case-grid article,
body:not(.homepage-rebuild) .dashboard-shot,
body:not(.homepage-rebuild) .permissions-table,
body:not(.homepage-rebuild) .permission-callout,
body:not(.homepage-rebuild) .command-card,
body:not(.homepage-rebuild) .command-catalog article,
body:not(.homepage-rebuild) .testimonial-list article { background: var(--surface-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .foundry-feature-grid article > span,
body:not(.homepage-rebuild) .foundry-command-card li::before,
body:not(.homepage-rebuild) .foundry-metrics b,
body:not(.homepage-rebuild) .case-grid b,
body:not(.homepage-rebuild) .command-card a,
body:not(.homepage-rebuild) .command-catalog article > span { color: var(--blue-bright); }
body:not(.homepage-rebuild) .foundry-feature-grid article::before,
body:not(.homepage-rebuild) .foundry-command-card::before,
body:not(.homepage-rebuild) .feature-card::before { background: radial-gradient(circle at 15% 10%, rgba(22, 139, 255, .12), transparent 35%); }
body:not(.homepage-rebuild) .section-heading h2,
body:not(.homepage-rebuild) .faq-heading h2,
body:not(.homepage-rebuild) .comparison-heading h2,
body:not(.homepage-rebuild) .foundry-feature-heading h2,
body:not(.homepage-rebuild) .dashboard-section h2,
body:not(.homepage-rebuild) .command-section h2 { font-size: clamp(36px, 4vw, 50px); line-height: 1.02; }
body:not(.homepage-rebuild) .product-map,
body:not(.homepage-rebuild) .bot-directory,
body:not(.homepage-rebuild) .proof-section,
body:not(.homepage-rebuild) .dashboard-preview-section,
body:not(.homepage-rebuild) .dashboard-demo-section,
body:not(.homepage-rebuild) .command-catalog-section,
body:not(.homepage-rebuild) .foundry-setup { background: var(--bg-primary); }
body:not(.homepage-rebuild) .bot-directory-grid article,
body:not(.homepage-rebuild) .bot-directory-note,
body:not(.homepage-rebuild) .proof-metrics article,
body:not(.homepage-rebuild) .package-comparison,
body:not(.homepage-rebuild) .dashboard-preview-actions,
body:not(.homepage-rebuild) .dashboard-demo,
body:not(.homepage-rebuild) .dashboard-preview-launcher,
body:not(.homepage-rebuild) .command-tools,
body:not(.homepage-rebuild) .command-entry,
body:not(.homepage-rebuild) .command-empty,
body:not(.homepage-rebuild) .command-card-foot { background: var(--surface-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .bot-directory-mark,
body:not(.homepage-rebuild) .bot-directory-mark.signal,
body:not(.homepage-rebuild) .bot-directory-mark.vault { color: var(--silver-bright); background: var(--blue-dark); border-color: var(--blue-primary); box-shadow: 0 0 24px rgba(22, 139, 255, .16); }
body:not(.homepage-rebuild) .dashboard-preview-launcher,
body:not(.homepage-rebuild) .dashboard-demo { background-image: linear-gradient(135deg, rgba(22, 139, 255, .06), transparent 55%), linear-gradient(180deg, var(--surface-primary), var(--bg-primary)); }
body:not(.homepage-rebuild) .command-entry-heading > span i,
body:not(.homepage-rebuild) .command-filters button.active { color: var(--silver-bright); background: var(--blue-dark); border-color: var(--blue-primary); }
body:not(.homepage-rebuild) .websites-page .eyebrow::after { content: ""; display: inline-block; width: 36px; height: 1px; margin-left: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42, 167, 255, .6); }
body:not(.homepage-rebuild) .websites-page .eyebrow:not(:has(span))::before { content: ""; display: inline-block; width: 36px; height: 1px; margin-right: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42, 167, 255, .6); }
body:not(.homepage-rebuild) .bot-directory-hero .eyebrow::after { content: ""; display: inline-block; width: 36px; height: 1px; margin-left: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42, 167, 255, .6); }
body:not(.homepage-rebuild) .bot-directory-grid .bot-directory-mark { display: none; }
body:not(.homepage-rebuild) .font-studio-hero .eyebrow::after,
body:not(.homepage-rebuild) .font-studio-features .eyebrow::after,
body:not(.homepage-rebuild) .font-download .eyebrow::after,
body:not(.homepage-rebuild) .font-studio-section .eyebrow::after { content: ""; display: inline-block; width: 36px; height: 1px; margin-left: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42, 167, 255, .6); }
body:not(.homepage-rebuild) .font-studio-hero .eyebrow:not(:has(span))::before,
body:not(.homepage-rebuild) .font-studio-features .eyebrow:not(:has(span))::before,
body:not(.homepage-rebuild) .font-download .eyebrow:not(:has(span))::before,
body:not(.homepage-rebuild) .font-studio-section .eyebrow:not(:has(span))::before { content: ""; display: inline-block; width: 36px; height: 1px; margin-right: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42, 167, 255, .6); }
body:not(.homepage-rebuild) .font-window-top > span,
body:not(.homepage-rebuild) .font-platform-grid article > span { display: none; }
body:not(.homepage-rebuild) .font-studio-window .font-window-top { grid-template-columns: 1fr auto; }
body:not(.homepage-rebuild) .font-studio-window .font-window-top b,
body:not(.homepage-rebuild) .font-studio-window .font-window-top small { white-space: nowrap; }
body:not(.homepage-rebuild) .font-studio-window .font-window-top b { font-size: 12px; }
body:not(.homepage-rebuild) .font-studio-window .font-platforms span,
body:not(.homepage-rebuild) .font-studio-window .font-platforms span:first-child { color: var(--silver); background: var(--surface-secondary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .font-platform-grid article { text-align: center; }
body:not(.homepage-rebuild) .font-platform-grid article h3 { font-size: 19px; }
body:not(.homepage-rebuild) .font-studio-window .font-platforms span { font-size: 12px; }
body:not(.homepage-rebuild) .pricing-header + main .eyebrow::after { content: ""; display: inline-block; width: 36px; height: 1px; margin-left: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42, 167, 255, .6); }
body:not(.homepage-rebuild) .pricing-header + main .price-grid article,
body:not(.homepage-rebuild) .pricing-header + main .specials-grid article,
body:not(.homepage-rebuild) .pricing-header + main .essential-package,
body:not(.homepage-rebuild) .pricing-header + main .addon-table-wrap,
body:not(.homepage-rebuild) .pricing-header + main .recurring-grid article,
body:not(.homepage-rebuild) .pricing-header + main .specials-home,
body:not(.homepage-rebuild) .pricing-header + main .specials-footer { background: var(--surface-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .pricing-header + main .price-grid article.price-featured,
body:not(.homepage-rebuild) .pricing-header + main .specials-grid article.specials-featured,
body:not(.homepage-rebuild) .pricing-header + main .recurring-grid article.recurring-featured,
body:not(.homepage-rebuild) .pricing-header + main .essential-package { border-color: var(--blue-primary); box-shadow: 0 0 28px rgba(22, 139, 255, .1); }
body:not(.homepage-rebuild) .pricing-header + main .price-grid li::before,
body:not(.homepage-rebuild) .pricing-header + main .price-grid a,
body:not(.homepage-rebuild) .pricing-header + main .addon-table td:last-child,
body:not(.homepage-rebuild) .pricing-header + main .essential-feature-grid span,
body:not(.homepage-rebuild) .pricing-header + main .essential-package-details span::before { color: var(--blue-bright); }
body:not(.homepage-rebuild) .pricing-header + main .essential-package-details,
body:not(.homepage-rebuild) .pricing-header + main .addon-table th { background: var(--surface-secondary); }
body:not(.homepage-rebuild) .pricing-header + main .specials-section,
body:not(.homepage-rebuild) .pricing-header + main .addon-section,
body:not(.homepage-rebuild) .pricing-header + main .recurring-section,
body:not(.homepage-rebuild) .pricing-header + main .maintenance-section { background: var(--bg-primary); background-image: linear-gradient(135deg, rgba(22, 139, 255, .035), transparent 52%), linear-gradient(180deg, var(--bg-primary), var(--bg-secondary)); }
body:not(.homepage-rebuild) .pricing-header + main .specials-section::before,
body:not(.homepage-rebuild) .pricing-header + main .specials-home::after { background: none; }
body:not(.homepage-rebuild) .web-package-grid article.web-package-featured,
body:not(.homepage-rebuild) .price-grid article.price-featured,
body:not(.homepage-rebuild) .recurring-grid article.recurring-featured,
body:not(.homepage-rebuild) .specials-grid article.specials-featured { border-color: var(--blue-primary); box-shadow: 0 0 28px rgba(22, 139, 255, .1); }
body:not(.homepage-rebuild) .website-pricing-section,
body:not(.homepage-rebuild) .pricing,
body:not(.homepage-rebuild) .recurring-section,
body:not(.homepage-rebuild) .maintenance-section,
body:not(.homepage-rebuild) .specials-section,
body:not(.homepage-rebuild) .addon-section { background-color: var(--bg-primary); background-image: linear-gradient(135deg, rgba(22, 139, 255, .035), transparent 52%), linear-gradient(180deg, var(--bg-primary), var(--bg-secondary)); }
body:not(.homepage-rebuild) .web-package-grid article,
body:not(.homepage-rebuild) .price-grid article,
body:not(.homepage-rebuild) .recurring-grid article,
body:not(.homepage-rebuild) .specials-grid article,
body:not(.homepage-rebuild) .essential-package,
body:not(.homepage-rebuild) .web-pricing-disclaimer,
body:not(.homepage-rebuild) .pricing-extras,
body:not(.homepage-rebuild) .specials-footer,
body:not(.homepage-rebuild) .recurring-note { background: var(--surface-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .specials-section::before,
body:not(.homepage-rebuild) .specials-home::after { background: none; }
body:not(.homepage-rebuild) .command-tools input,
body:not(.homepage-rebuild) .command-filters select,
body:not(.homepage-rebuild) .subcommand-list code { color: var(--silver); background: var(--bg-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .command-hero .eyebrow::after,
body:not(.homepage-rebuild) .command-catalog-section .eyebrow::after { content: ""; display: inline-block; width: 36px; height: 1px; margin-left: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42, 167, 255, .6); }
body:not(.homepage-rebuild) .command-hero .eyebrow:not(:has(span))::before,
body:not(.homepage-rebuild) .command-catalog-section .eyebrow:not(:has(span))::before { content: ""; display: inline-block; width: 36px; height: 1px; margin-right: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42, 167, 255, .6); }
body:not(.homepage-rebuild) .foundry-page .eyebrow::after { content: ""; display: inline-block; width: 36px; height: 1px; margin-left: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42, 167, 255, .6); }
body:not(.homepage-rebuild) .foundry-page .eyebrow:not(:has(span))::before { content: ""; display: inline-block; width: 36px; height: 1px; margin-right: 14px; vertical-align: middle; background: var(--blue-primary); box-shadow: 0 0 12px rgba(42, 167, 255, .6); }
body:not(.homepage-rebuild) .foundry-page,
body:not(.homepage-rebuild) .foundry-proof-strip,
body:not(.homepage-rebuild) .foundry-audience,
body:not(.homepage-rebuild) .foundry-features,
body:not(.homepage-rebuild) .foundry-setup,
body:not(.homepage-rebuild) .foundry-compare,
body:not(.homepage-rebuild) .foundry-faq,
body:not(.homepage-rebuild) .foundry-final-cta { background-color: var(--bg-primary); background-image: linear-gradient(135deg, rgba(22, 139, 255, .035), transparent 52%), linear-gradient(180deg, var(--bg-primary), var(--bg-secondary)); }
body:not(.homepage-rebuild) .foundry-hero { background-color: var(--bg-primary); background-image: linear-gradient(135deg, rgba(22, 139, 255, .07), transparent 52%), linear-gradient(180deg, var(--bg-secondary), var(--bg-primary)); }
body:not(.homepage-rebuild) .foundry-hero::before { background: linear-gradient(90deg, rgba(4, 5, 6, .98), rgba(8, 10, 13, .88) 50%, rgba(4, 5, 6, .58)), linear-gradient(0deg, var(--bg-primary), transparent 38%); }
body:not(.homepage-rebuild) .foundry-feature-grid article,
body:not(.homepage-rebuild) .foundry-command-card,
body:not(.homepage-rebuild) .dashboard-preview-launcher,
body:not(.homepage-rebuild) .foundry-compare .package-comparison,
body:not(.homepage-rebuild) .foundry-faq .faq-list { background: var(--surface-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .foundry-feature-grid article > span,
body:not(.homepage-rebuild) .foundry-command-card li b,
body:not(.homepage-rebuild) .foundry-proof-strip strong,
body:not(.homepage-rebuild) .setup-timeline > li > span,
body:not(.homepage-rebuild) .faq-list summary::after { color: var(--blue-bright); }
body:not(.homepage-rebuild) .command-card-top > div > span { color: var(--silver-bright); background: var(--blue-dark); border: 1px solid var(--blue-primary); }
body:not(.homepage-rebuild) .command-card-foot { background: var(--surface-secondary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .audience-grid,
body:not(.homepage-rebuild) .audience-grid article,
body:not(.homepage-rebuild) .setup-timeline li,
body:not(.homepage-rebuild) .permissions-section,
body:not(.homepage-rebuild) .permissions-layout > *,
body:not(.homepage-rebuild) .demo-notice,
body:not(.homepage-rebuild) .demo-sidebar,
body:not(.homepage-rebuild) .demo-online,
body:not(.homepage-rebuild) .demo-metrics article,
body:not(.homepage-rebuild) .demo-panels article { background: var(--surface-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .setup-timeline li::after { border-color: rgba(22, 139, 255, .1); box-shadow: 0 0 50px rgba(22, 139, 255, .06); }
body:not(.homepage-rebuild) .demo-main { background: var(--bg-primary); }
body:not(.homepage-rebuild) .demo-sidebar nav a:hover,
body:not(.homepage-rebuild) .demo-sidebar nav a.active { color: var(--silver-bright); background: rgba(22, 139, 255, .08); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .demo-online { background: var(--surface-secondary); }
body:not(.homepage-rebuild) .demo-online i,
body:not(.homepage-rebuild) .demo-topbar > span i,
body:not(.homepage-rebuild) .demo-notice span i { background: var(--blue-primary); box-shadow: 0 0 10px rgba(22, 139, 255, .35); }
body:not(.homepage-rebuild) .preview-mini-window { background: var(--bg-primary); background-image: linear-gradient(135deg, rgba(22, 139, 255, .045), transparent 55%); }
body:not(.homepage-rebuild) .preview-mini-top i { background: var(--blue-primary); }
body:not(.homepage-rebuild) .preview-mini-grid article,
body:not(.homepage-rebuild) .preview-mini-list { background: var(--surface-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .preview-mini-header > span { color: var(--silver); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .preview-mini-header > span i { background: var(--blue-primary); box-shadow: 0 0 10px rgba(22, 139, 255, .35); }
body:not(.homepage-rebuild) .web-service-grid article,
body:not(.homepage-rebuild) .web-package-grid article,
body:not(.homepage-rebuild) .web-capability-grid article,
body:not(.homepage-rebuild) .font-platform-grid article,
body:not(.homepage-rebuild) .font-feature-list article,
body:not(.homepage-rebuild) .website-price-details > div { background: var(--surface-primary); border-color: var(--border-primary); }
body:not(.homepage-rebuild) .web-recurring-note,
body:not(.homepage-rebuild) .font-download-card { background: var(--surface-secondary); border-color: var(--border-primary); }

/* Final standalone-panel color override: remove legacy green washes without changing geometry. */
body:not(.homepage-rebuild) .website-browser-demo,
body:not(.homepage-rebuild) .font-studio-window,
body:not(.homepage-rebuild) .dashboard-demo,
body:not(.homepage-rebuild) .dashboard-preview-launcher,
body:not(.homepage-rebuild) .review-layout,
body:not(.homepage-rebuild) .web-service-grid article,
body:not(.homepage-rebuild) .web-package-grid article,
body:not(.homepage-rebuild) .web-capability-grid article,
body:not(.homepage-rebuild) .font-platform-grid article,
body:not(.homepage-rebuild) .font-feature-list article,
body:not(.homepage-rebuild) .website-price-details > div {
  background-color: var(--surface-primary);
  border-color: var(--border-primary);
}
body:not(.homepage-rebuild) .website-browser-demo::after { box-shadow: inset 0 0 70px rgba(22, 139, 255, .06); }
body:not(.homepage-rebuild) .browser-demo-top,
body:not(.homepage-rebuild) .browser-demo-page,
body:not(.homepage-rebuild) .font-window-top,
body:not(.homepage-rebuild) .font-platforms,
body:not(.homepage-rebuild) .font-preview,
body:not(.homepage-rebuild) .font-styles span,
body:not(.homepage-rebuild) .demo-metrics article,
body:not(.homepage-rebuild) .demo-panels article,
body:not(.homepage-rebuild) .preview-mini-grid article,
body:not(.homepage-rebuild) .preview-mini-list {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
body:not(.homepage-rebuild) .browser-demo-page,
body:not(.homepage-rebuild) .font-preview {
  background-image: radial-gradient(circle at 80% 25%, rgba(22, 139, 255, .12), transparent 18rem), linear-gradient(120deg, var(--bg-tertiary), var(--bg-primary));
}

/* Cross-page normalization: palette and type only; existing page geometry is preserved. */
body:not(.homepage-rebuild) .bot-directory-hero,
body:not(.homepage-rebuild) .foundry-hero,
body:not(.homepage-rebuild) .preview-page-hero,
body:not(.homepage-rebuild) .command-hero,
body:not(.homepage-rebuild) .websites-hero,
body:not(.homepage-rebuild) .font-studio-hero,
body:not(.homepage-rebuild) .pricing-hero-new,
body:not(.homepage-rebuild) .legal-hero,
body:not(.homepage-rebuild) .foundry-final-cta,
body:not(.homepage-rebuild) .font-download {
  background-color: var(--bg-primary);
  background-image: linear-gradient(135deg, rgba(22, 139, 255, .08), transparent 46%), linear-gradient(180deg, var(--bg-secondary), var(--bg-primary));
  border-color: var(--border-primary);
}
body:not(.homepage-rebuild) .bot-directory-hero h1,
body:not(.homepage-rebuild) .foundry-hero-copy h1,
body:not(.homepage-rebuild) .preview-page-hero h1,
body:not(.homepage-rebuild) .command-hero h1,
body:not(.homepage-rebuild) .websites-hero-copy h1,
body:not(.homepage-rebuild) .font-studio-hero h1,
body:not(.homepage-rebuild) .pricing-hero-new h1,
body:not(.homepage-rebuild) .legal-hero h1 { color: var(--silver-bright); font-size: clamp(48px, 5vw, 64px); line-height: 1; }

/* StormVault public product and pricing */
.stormvault-product-page { background: var(--bg-primary); }
.stormvault-product-page .site-header { background: rgba(3, 5, 6, .94); backdrop-filter: blur(18px); }
.stormvault-product-page a:focus-visible,
.stormvault-product-page button:focus-visible,
.stormvault-product-page input:focus-visible,
.stormvault-product-page select:focus-visible,
.stormvault-product-page [tabindex="0"]:focus-visible { outline: 3px solid var(--blue-bright); outline-offset: 3px; }
.stormvault-product-page .eyebrow::after { content: ""; display: inline-block; width: 28px; height: 1px; margin-left: 10px; vertical-align: middle; background: var(--green); box-shadow: 0 0 10px rgba(120,184,79,.7); }
.stormvault-hero { min-height: 760px; display: grid; align-items: center; padding: 150px 0 90px; position: relative; overflow: hidden; background: radial-gradient(circle at 76% 36%, rgba(22, 139, 255, .18), transparent 28%), linear-gradient(135deg, #020405 12%, #071018 58%, #020405); border-bottom: 1px solid var(--border-primary); }
.stormvault-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr); gap: 56px; align-items: center; }
.stormvault-hero h1 { margin: 10px 0 8px; color: var(--silver-bright); font-size: clamp(48px, 5vw, 68px); line-height: .9; letter-spacing: -.07em; }
.stormvault-hero h2 { max-width: 780px; margin: 0 0 24px; color: var(--blue-bright); font: 700 clamp(18px, 2.2vw, 29px)/1.3 DM Mono, monospace; letter-spacing: -.03em; }
.stormvault-hero p { max-width: 760px; color: var(--text-secondary); font-size: 15px; line-height: 1.75; }
.stormvault-hero .stormvault-lead { margin-bottom: 4px; color: var(--silver-bright); font-size: clamp(18px, 2vw, 24px); font-weight: 700; }
.stormvault-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.stormvault-signin-note { margin: 14px 0 0; color: var(--text-muted) !important; font: 500 10px/1.5 DM Mono, monospace !important; text-transform: uppercase; letter-spacing: .06em; }
.stormvault-hero-mark { min-height: 490px; display: grid; place-items: center; }
.stormvault-hero-mark img { width: min(92%, 420px); height: auto; object-fit: contain; filter: drop-shadow(0 0 30px rgba(22, 139, 255, .3)); }
.stormvault-capabilities { background: var(--bg-secondary); }
.stormvault-capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border-primary); border-left: 1px solid var(--border-primary); }
.stormvault-capability-grid article { min-height: 270px; padding: 30px; border-right: 1px solid var(--border-primary); border-bottom: 1px solid var(--border-primary); background: linear-gradient(145deg, rgba(13, 19, 25, .84), rgba(5, 8, 10, .82)); }
.stormvault-capability-grid article > span { color: var(--blue-bright); font: 700 10px DM Mono, monospace; }
.stormvault-capability-grid h3 { margin: 25px 0 14px; color: var(--silver-bright); font: 700 20px DM Mono, monospace; letter-spacing: .06em; }
.stormvault-capability-grid p { margin: 0; color: var(--text-secondary); font-size: 12px; line-height: 1.75; }
.stormvault-capability-grid small { display: block; margin-top: 16px; padding-top: 14px; color: var(--text-muted); border-top: 1px solid var(--border-primary); font-size: 10px; line-height: 1.65; }
.stormvault-trust-section { background: linear-gradient(120deg, #05090d, #0b1823); }
.stormvault-trust-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 60px; align-items: center; }
.stormvault-trust-grid h2 { margin: 12px 0 18px; color: var(--silver-bright); font-size: clamp(34px, 4vw, 54px); letter-spacing: -.05em; }
.stormvault-trust-grid p { color: var(--text-secondary); line-height: 1.75; }
.stormvault-trust-grid aside { padding: 28px; border: 1px solid var(--blue-primary); background: rgba(22, 139, 255, .07); }
.stormvault-trust-grid aside strong { color: var(--blue-bright); font: 700 13px DM Mono, monospace; text-transform: uppercase; }
.stormvault-plans-section, .stormvault-pricing-summary { background: var(--bg-primary); }
.stormvault-plan-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.stormvault-plan-card { min-width: 0; display: flex; flex-direction: column; position: relative; padding: 27px; background: linear-gradient(155deg, var(--surface-secondary), var(--surface-primary)); border: 1px solid var(--border-light); border-radius: 8px; }
.stormvault-plan-card.featured { border-color: var(--blue-bright); box-shadow: 0 0 34px rgba(22, 139, 255, .15); }
.stormvault-plan-card .popular-label { position: absolute; top: 0; right: 20px; margin: 0; padding: 8px 12px; color: #020504; background: var(--blue-bright); font: 800 9px DM Mono, monospace; letter-spacing: .06em; }
.tier-label { width: fit-content; margin: 0 0 20px; padding: 6px 9px; border: 1px solid currentColor; font: 800 10px DM Mono, monospace; letter-spacing: .08em; }
.tier-free { color: var(--silver); }
.tier-silver { color: #a8d7ff; }
.tier-gold { color: #ffd88a; }
.tier-gold-plus { color: #d7adff; }
.stormvault-plan-card h3 { margin: 0 0 7px; color: var(--silver-bright); font-size: 24px; }
.stormvault-plan-tagline { min-height: 24px; margin: 0; color: var(--text-secondary); font-size: 13px; }
.stormvault-price { min-height: 58px; display: flex; align-items: end; gap: 9px; margin: 24px 0 0; color: var(--silver-bright); }
.stormvault-price strong { font-size: clamp(34px, 4vw, 48px); line-height: 1; }
.stormvault-price span { padding-bottom: 5px; color: var(--text-muted); font-size: 10px; line-height: 1.3; }
.stormvault-coverage { min-height: 54px; margin: 18px 0; padding: 14px 0; color: var(--silver); border-top: 1px solid var(--border-primary); border-bottom: 1px solid var(--border-primary); font: 600 11px/1.55 DM Mono, monospace; }
.stormvault-plan-card ul { display: grid; gap: 10px; margin: 0 0 28px; padding: 0; color: var(--text-secondary); list-style: none; font-size: 11px; line-height: 1.55; }
.stormvault-plan-card li::before { content: "✓"; margin-right: 8px; color: var(--blue-bright); font-weight: 800; }
.stormvault-plan-card .button { width: 100%; justify-content: center; margin-top: auto; text-align: center; }
.stormvault-billing-note { margin: 22px 0 0; color: var(--text-muted); font-size: 11px; line-height: 1.65; text-align: center; }
.stormvault-network-note { background: linear-gradient(90deg, rgba(22, 139, 255, .13), rgba(8, 14, 20, .4)); border-block: 1px solid var(--border-primary); }
.stormvault-network-note .shell { max-width: 950px; }
.stormvault-network-note h2 { margin: 12px 0 16px; color: var(--silver-bright); font-size: clamp(30px, 4vw, 48px); letter-spacing: -.04em; }
.stormvault-network-note p:last-child { color: var(--text-secondary); font-size: 14px; line-height: 1.75; }
.stormvault-comparison-section { background: var(--bg-secondary); }
.stormvault-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--border-light); }
.stormvault-comparison-table { width: 100%; min-width: 720px; border-collapse: collapse; background: var(--surface-primary); }
.stormvault-comparison-table caption { padding: 14px; color: var(--text-muted); background: var(--bg-primary); font: 500 10px DM Mono, monospace; text-align: left; }
.stormvault-comparison-table th, .stormvault-comparison-table td { padding: 16px 18px; border-bottom: 1px solid var(--border-primary); color: var(--text-secondary); font-size: 11px; line-height: 1.45; text-align: left; }
.stormvault-comparison-table thead th { color: var(--silver-bright); background: #071018; font: 800 11px DM Mono, monospace; letter-spacing: .06em; }
.stormvault-comparison-table tbody th { color: var(--silver); font-weight: 700; }
.stormvault-comparison-table .comparison-group th { padding-block: 10px; color: var(--blue-bright); background: rgba(22, 139, 255, .07); font: 800 10px DM Mono, monospace; letter-spacing: .08em; }
.stormvault-commands-section { background: var(--bg-primary); }
.stormvault-commands-section .section-heading a { color: var(--blue-bright); }
.stormvault-command-tools { display: grid; grid-template-columns: minmax(260px, 1fr) 190px 220px; gap: 14px; margin-bottom: 18px; }
.stormvault-command-tools label { display: grid; gap: 8px; color: var(--silver); font: 700 10px DM Mono, monospace; text-transform: uppercase; letter-spacing: .05em; }
.stormvault-command-tools input, .stormvault-command-tools select { width: 100%; min-height: 46px; padding: 0 13px; color: var(--silver-bright); background: var(--surface-primary); border: 1px solid var(--border-light); border-radius: 3px; font: 500 12px Manrope, sans-serif; }
.stormvault-command-catalog { display: grid; gap: 10px; }
.stormvault-command-entry { padding: 20px; background: var(--surface-primary); border: 1px solid var(--border-primary); }
.stormvault-command-heading { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.stormvault-command-heading code { color: var(--silver-bright); font: 700 14px DM Mono, monospace; overflow-wrap: anywhere; }
.stormvault-command-heading > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.stormvault-command-heading .tier-label, .command-category-label { margin: 0; padding: 5px 7px; font: 700 8px DM Mono, monospace; letter-spacing: .06em; }
.command-category-label { color: var(--silver); border: 1px solid var(--border-light); }
.stormvault-command-entry p { margin: 12px 0 5px; color: var(--text-secondary); font-size: 12px; line-height: 1.55; }
.stormvault-command-entry small { color: var(--text-muted); font-size: 9px; }
.stormvault-final-cta { background: linear-gradient(135deg, #071019, #020405); border-top: 1px solid var(--border-primary); }
.stormvault-final-cta .shell { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; }
.stormvault-final-cta h2 { margin: 10px 0; color: var(--silver-bright); font-size: clamp(38px, 5vw, 64px); }
.stormvault-final-cta p { max-width: 700px; color: var(--text-secondary); line-height: 1.7; }
.stormvault-final-cta .stormvault-actions { justify-content: flex-end; margin: 0; }
.stormvault-pricing-summary { border-block: 1px solid var(--border-primary); }
.stormvault-plan-grid-compact .stormvault-plan-card { padding: 27px; }
.stormvault-plan-grid-compact .stormvault-plan-card ul { min-height: 130px; }
.stormvault-pricing-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 26px; }
.bot-directory-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.bot-directory-actions .button { flex: 1 1 150px; justify-content: center; text-align: center; }

@media (max-width: 1040px) {
  .stormvault-hero-grid { grid-template-columns: 1fr; }
  .stormvault-hero-mark { min-height: 390px; }
  .stormvault-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stormvault-plan-grid { grid-template-columns: 1fr; max-width: 720px; margin-inline: auto; }
  .stormvault-plan-card .stormvault-coverage, .stormvault-plan-card .stormvault-plan-tagline { min-height: 0; }
  .stormvault-command-tools { grid-template-columns: 1fr 1fr; }
  .stormvault-command-tools label:first-child { grid-column: 1 / -1; }
  .stormvault-final-cta .shell { grid-template-columns: 1fr; }
  .stormvault-final-cta .stormvault-actions { justify-content: flex-start; }
}

@media (max-width: 700px) {
  .stormvault-product-page .eyebrow > span { width: 8px; margin-right: 4px; }
  .stormvault-product-page .eyebrow::after { width: 8px; margin-left: 4px; }
  .stormvault-hero { min-height: 0; padding: 125px 0 70px; }
  .stormvault-hero-grid { gap: 42px; }
  .stormvault-hero h1 { font-size: clamp(42px, 12.5vw, 54px); }
  .stormvault-hero-mark { min-height: 300px; }
  .stormvault-capability-grid { grid-template-columns: 1fr; }
  .stormvault-capability-grid article { min-height: 0; }
  .stormvault-trust-grid { grid-template-columns: 1fr; gap: 28px; }
  .stormvault-command-tools { grid-template-columns: 1fr; }
  .stormvault-command-tools label:first-child { grid-column: auto; }
  .stormvault-command-heading { display: grid; }
  .stormvault-command-heading > div { justify-content: flex-start; }
  .stormvault-actions .button, .stormvault-pricing-actions .button { width: 100%; justify-content: center; text-align: center; }
  .stormvault-plan-card { padding: 25px 22px; }
}
body:not(.homepage-rebuild) .bot-directory-hero h1 em,
body:not(.homepage-rebuild) .foundry-hero-copy h1 em,
body:not(.homepage-rebuild) .preview-page-hero h1 em,
body:not(.homepage-rebuild) .command-hero h1 em,
body:not(.homepage-rebuild) .websites-hero-copy h1 em,
body:not(.homepage-rebuild) .font-studio-hero h1 em,
body:not(.homepage-rebuild) .pricing-hero-new h1 em,
body:not(.homepage-rebuild) .legal-hero h1 em { color: var(--blue-bright); text-shadow: 0 0 25px rgba(22, 139, 255, .24); }
body:not(.homepage-rebuild) .hero h1 em { color: var(--blue-bright); text-shadow: 0 0 25px rgba(22, 139, 255, .24); }
body:not(.homepage-rebuild) .web-hero-points li::before,
body:not(.homepage-rebuild) .font-studio-trust li::before,
body:not(.homepage-rebuild) .check-list li::before { color: var(--blue-bright); }
body:not(.homepage-rebuild) .web-hero-points li,
body:not(.homepage-rebuild) .font-studio-trust li,
body:not(.homepage-rebuild) .websites-hero-copy > p:not(.eyebrow),
body:not(.homepage-rebuild) .foundry-hero-copy > p:not(.eyebrow, .hero-microcopy),
body:not(.homepage-rebuild) .bot-directory-hero p:last-child { color: var(--text-secondary); }
body:not(.homepage-rebuild) .web-service-grid a,
body:not(.homepage-rebuild) .web-package-grid a,
body:not(.homepage-rebuild) .web-capability-grid a,
body:not(.homepage-rebuild) .website-price-details td,
body:not(.homepage-rebuild) .font-platform-grid article > span,
body:not(.homepage-rebuild) .font-feature-list strong,
body:not(.homepage-rebuild) .font-download-actions a { color: var(--blue-bright); }
body:not(.homepage-rebuild) .web-process-section,
body:not(.homepage-rebuild) .web-capabilities-section,
body:not(.homepage-rebuild) .font-studio-section,
body:not(.homepage-rebuild) .font-studio-features,
body:not(.homepage-rebuild) .premium-plans-section { background: var(--bg-primary); }
body:not(.homepage-rebuild) .premium-plan-grid article,
body:not(.homepage-rebuild) .premium-plan-grid article.featured { background: var(--surface-primary); border-color: var(--border-primary); box-shadow: 0 25px 60px rgba(0, 0, 0, .35); }
body:not(.homepage-rebuild) .premium-plan-grid article.featured { border-color: var(--blue-primary); }
body:not(.homepage-rebuild) .premium-plan-grid .check-list li::before { color: var(--blue-bright); }
body:not(.homepage-rebuild) .faq-list,
body:not(.homepage-rebuild) .faq-list details { border-color: var(--border-primary); }
body:not(.homepage-rebuild) .faq-list summary::after { color: var(--blue-bright); }

@media (max-width: 700px) {
  body:not(.homepage-rebuild) .bot-directory-hero h1,
  body:not(.homepage-rebuild) .foundry-hero-copy h1,
  body:not(.homepage-rebuild) .preview-page-hero h1,
  body:not(.homepage-rebuild) .command-hero h1,
  body:not(.homepage-rebuild) .websites-hero-copy h1,
  body:not(.homepage-rebuild) .font-studio-hero h1,
  body:not(.homepage-rebuild) .pricing-hero-new h1,
  body:not(.homepage-rebuild) .legal-hero h1 { font-size: clamp(32px, 10vw, 40px); }
}