:root {
  --public-bg: #0D1110;
  --public-bg-2: #131A17;
  --public-surface: #19221E;
  --public-surface-2: #202B26;
  --public-ink: #F2F0E9;
  --public-muted: #B6BEB8;
  --public-soft: #D8DED9;
  --public-line: rgba(190, 211, 199, .14);
  --public-line-strong: rgba(190, 211, 199, .26);
  --public-brand: #3ECF8E;
  --public-brand-dark: #57D99F;
  --public-accent: #3ECF8E;
  --public-warm: #C88B5A;
  --public-danger: #E77272;
  --public-radius: 8px;
  --public-shadow: 0 28px 80px rgba(0, 0, 0, .42);
  --public-container: 1160px;
  color: var(--public-ink);
  background: var(--public-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--public-bg); }
body {
  min-width: 320px;
  margin: 0;
  color: var(--public-ink);
  background:
    linear-gradient(90deg, rgba(62, 207, 142, .035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(62, 207, 142, .035) 1px, transparent 1px),
    radial-gradient(circle at 17% -4%, rgba(62, 207, 142, .16), transparent 31rem),
    radial-gradient(circle at 84% 9%, rgba(62, 207, 142, .11), transparent 28rem),
    radial-gradient(circle at 64% 0%, rgba(200, 139, 90, .055), transparent 24rem),
    linear-gradient(180deg, #07070a 0%, #0d1117 42%, #08070c 100%);
  background-size: 44px 44px, 44px 44px, auto, auto, auto, auto;
}
body::before {
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  content: "";
  background: linear-gradient(115deg, transparent 18%, rgba(62, 207, 142, .055) 40%, rgba(246, 193, 119, .035) 52%, transparent 68%);
}
a { color: var(--public-brand); text-decoration: none; }
a:hover { color: #57D99F; text-decoration: none; }
p { color: var(--public-muted); line-height: 1.65; }
code, pre { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }

.ambient { position: fixed; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; }
.ambient span { position: absolute; display: block; border: 1px solid rgba(62, 207, 142, .1); opacity: .75; transform: rotate(-11deg); }
.ambient span:first-child { width: 70vw; height: 22rem; right: -18vw; top: 7rem; border-radius: 50%; }
.ambient span:last-child { width: 48vw; height: 14rem; left: -15vw; bottom: 5rem; border-radius: 50%; }

.skip-link {
  position: absolute;
  left: 1rem;
  top: -4rem;
  z-index: 20;
  padding: .75rem 1rem;
  border: 1px solid var(--public-line-strong);
  border-radius: var(--public-radius);
  color: #0D1110;
  background: var(--public-brand);
  font-weight: 800;
}
.skip-link:focus { top: 1rem; }

.beta-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  min-height: 2.65rem;
  padding: .55rem 1rem;
  color: var(--public-soft);
  background: rgba(13, 17, 16, .88);
  border-bottom: 1px solid var(--public-line);
  font-size: .93rem;
  text-align: center;
}
.beta-pill {
  display: inline-flex;
  align-items: center;
  min-height: 1.65rem;
  padding: .25rem .6rem;
  border: 1px solid rgba(246, 193, 119, .38);
  border-radius: 999px;
  color: #ffe3b5;
  background: rgba(246, 193, 119, .1);
  font-size: .76rem;
  font-weight: 850;
  text-transform: uppercase;
}

.public-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: .9rem max(1.25rem, calc((100vw - var(--public-container)) / 2));
  background: rgba(13, 17, 16, .82);
  border-bottom: 1px solid var(--public-line);
  backdrop-filter: blur(16px);
}
.public-brand {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  color: var(--public-ink);
  font-size: 1.15rem;
  font-weight: 850;
}
.brand-mark {
  width: 1.7rem;
  height: 1.7rem;
  border: 1px solid rgba(62, 207, 142, .45);
  border-radius: 7px;
  background: linear-gradient(135deg, rgba(62, 207, 142, .18), rgba(62, 207, 142, .12));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 0 24px rgba(62, 207, 142, .18);
}
.public-nav { display: flex; align-items: center; gap: .85rem; font-size: .92rem; }
.public-nav a { color: var(--public-soft); font-weight: 700; }
.public-nav a:hover { color: var(--public-ink); }
.nav-login, .nav-cta {
  min-height: 2.45rem;
  padding: .62rem .82rem;
  border: 1px solid var(--public-line);
  border-radius: var(--public-radius);
}
.nav-login { background: rgba(255,255,255,.03); }
.nav-cta { color: #031018 !important; background: var(--public-brand); border-color: transparent; }
.nav-toggle {
  display: none;
  width: 2.7rem;
  height: 2.7rem;
  padding: .55rem;
  border: 1px solid var(--public-line);
  border-radius: var(--public-radius);
  color: var(--public-ink);
  background: rgba(255,255,255,.04);
  cursor: pointer;
}
.nav-toggle span { display: block; width: 100%; height: 2px; margin: 4px 0; background: currentColor; }

.section { width: min(var(--public-container), calc(100% - 2.5rem)); margin: 0 auto; padding: 4.8rem 0; }
.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: 3rem;
  align-items: center;
  min-height: calc(100vh - 7.6rem);
  padding-top: 3rem;
}
.hero h1, .section h1, .section h2 { margin: 0 0 .8rem; line-height: 1.05; letter-spacing: 0; }
.hero h1 { max-width: 850px; font-size: clamp(3rem, 7vw, 6.8rem); }
.section h1 { font-size: clamp(2.3rem, 5vw, 4.2rem); }
.section h2 { max-width: 820px; font-size: clamp(1.85rem, 3.4vw, 3.35rem); }
.section h3 { margin: 0 0 .45rem; color: var(--public-ink); font-size: 1.02rem; }
.eyebrow { margin: 0 0 .6rem; color: var(--public-brand); text-transform: uppercase; letter-spacing: .08em; font-size: .76rem; font-weight: 850; }
.mono-label { color: var(--public-accent); font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.hero-text, .section-intro { max-width: 760px; color: #c8ccd4; font-size: 1.12rem; }
.small-note { color: #818C85; font-size: .93rem; }

.hero-actions, .form-actions { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; margin: 1.45rem 0; }
.center-actions { justify-content: center; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.8rem;
  padding: .78rem 1rem;
  border: 1px solid var(--public-line-strong);
  border-radius: var(--public-radius);
  color: var(--public-ink);
  background: rgba(255,255,255,.05);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.button:hover { border-color: rgba(62, 207, 142, .55); background: rgba(62, 207, 142, .08); }
.button-primary { color: #0D1110 !important; background: linear-gradient(135deg, var(--public-brand), #57D99F); border-color: transparent; box-shadow: 0 14px 36px rgba(62, 207, 142, .18); }
.button-secondary { color: var(--public-ink); }

.truth-strip, .form-truth-strip, .truth-band { display: flex; flex-wrap: wrap; gap: .65rem; }
.truth-strip span, .form-truth-strip span, .truth-band span {
  display: inline-flex;
  align-items: center;
  min-height: 2.15rem;
  padding: .48rem .7rem;
  border: 1px solid var(--public-line);
  border-radius: 999px;
  color: var(--public-soft);
  background: rgba(255,255,255,.035);
  font-size: .88rem;
  font-weight: 750;
}
.truth-band { justify-content: center; padding: 1.2rem 0 2rem; }

.hero-visual, .panel-preview, .notice-card, .plan-card, .faq-list details, .confirmation, .policy-page, .policy-toc, .form-group, .consent-box {
  border: 1px solid var(--public-line);
  border-radius: var(--public-radius);
  background: linear-gradient(180deg, rgba(25, 34, 30, .88), rgba(19, 26, 23, .9));
  box-shadow: var(--public-shadow);
}
.hero-visual { position: relative; display: grid; gap: .8rem; padding: 1rem; overflow: hidden; }
.hero-visual::before, .panel-preview::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(90deg, rgba(62,207,142,.06) 1px, transparent 1px), linear-gradient(180deg, rgba(62,207,142,.06) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(180deg, #000, transparent 85%);
}
.visual-header, .preview-top { position: relative; display: flex; justify-content: space-between; gap: 1rem; color: var(--public-soft); }
.device-card, .access-card, .server-card {
  position: relative;
  padding: 1rem;
  border: 1px solid var(--public-line);
  border-radius: var(--public-radius);
  background: rgba(13, 17, 16, .68);
}
.device-card, .access-card { width: min(22rem, 88%); }
.access-card { margin-left: auto; }
.server-card { display: grid; gap: .8rem; }
.server-card h2 { margin: 0; font-size: 1.45rem; }
.server-card code, .panel-preview pre { display: block; max-width: 100%; overflow-x: auto; padding: .8rem; border: 1px solid rgba(52,211,153,.18); border-radius: var(--public-radius); color: #C8F7DE; background: rgba(0,0,0,.26); }
.flow-line { width: 56%; height: 2.2rem; margin: -.15rem auto; border-right: 1px solid rgba(62, 207, 142, .32); border-bottom: 1px solid rgba(62, 207, 142, .32); border-radius: 0 0 8px 0; }
.flow-line-short { width: 42%; margin-left: 12%; }
.status-dot { display: inline-block; width: .62rem; height: .62rem; margin-right: .45rem; border-radius: 999px; background: var(--public-accent); box-shadow: 0 0 18px rgba(62, 207, 142, .7); }
.resource-chips, .preview-specs, .feature-grid, .limitation-grid { display: flex; flex-wrap: wrap; gap: .6rem; }
.resource-chips span, .preview-specs span, .feature-grid span, .limitation-grid span {
  padding: .58rem .7rem;
  border: 1px solid var(--public-line);
  border-radius: var(--public-radius);
  color: var(--public-soft);
  background: rgba(255,255,255,.035);
  font-weight: 750;
}

.segment-grid, .usecase-grid, .timeline, .plan-grid, .fit-grid, .why-grid, .next-steps { display: grid; gap: 1rem; margin-top: 1.5rem; }
.segment-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.usecase-grid, .why-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.timeline, .next-steps { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.segment-grid article, .usecase-grid article, .timeline article, .fit-grid article, .why-grid article, .next-steps article {
  padding: 1rem;
  border: 1px solid var(--public-line);
  border-radius: var(--public-radius);
  background: rgba(255,255,255,.035);
}
.segment-icon { display: inline-grid; place-items: center; width: 2.6rem; height: 2.6rem; margin-bottom: 1rem; border: 1px solid rgba(62,207,142,.28); border-radius: var(--public-radius); color: var(--public-brand); background: rgba(62,207,142,.08); font-family: "SFMono-Regular", Consolas, monospace; font-size: .82rem; font-weight: 900; }
.timeline span, .next-steps span { display: inline-flex; margin-bottom: .8rem; color: var(--public-warm); font-family: "SFMono-Regular", Consolas, monospace; font-weight: 900; }

.product-preview, .network-section { display: grid; grid-template-columns: minmax(0, .78fr) minmax(320px, 1fr); gap: 2rem; align-items: center; }
.panel-preview { position: relative; padding: 1.15rem; overflow: hidden; }
.panel-preview > * { position: relative; }
.status-badge { padding: .28rem .55rem; border: 1px solid rgba(52,211,153,.32); border-radius: 999px; color: #C8F7DE; background: rgba(52,211,153,.09); font-size: .78rem; font-weight: 850; }
.preview-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; margin: 1rem 0; }
.preview-actions button { min-height: 2.45rem; border: 1px solid var(--public-line); border-radius: var(--public-radius); color: var(--public-soft); background: rgba(255,255,255,.04); font: inherit; font-size: .84rem; }

.plan-card { position: relative; display: grid; gap: .75rem; padding: 1.1rem; }
.featured-plan { border-color: rgba(62, 207, 142, .48); box-shadow: 0 22px 56px rgba(62, 207, 142, .12); }
.plan-ribbon { justify-self: start; padding: .35rem .55rem; border-radius: 999px; color: #17100a; background: var(--public-warm); font-size: .74rem; font-weight: 900; }
.plan-spec { color: var(--public-ink); font-size: 1.18rem; font-weight: 850; }
.plan-meta { display: grid; gap: .65rem; margin: .25rem 0; }
.plan-meta div { display: grid; grid-template-columns: .55fr 1fr; gap: .6rem; padding-top: .65rem; border-top: 1px solid var(--public-line); }
.plan-meta dt { color: var(--public-soft); font-weight: 850; }
.plan-meta dd { margin: 0; color: var(--public-muted); }
.network-diagram { display: grid; grid-template-columns: 1fr auto 1.1fr auto 1fr; gap: .65rem; align-items: center; }
.network-diagram div, .network-diagram span { min-height: 3rem; display: grid; place-items: center; padding: .6rem; border: 1px solid var(--public-line); border-radius: var(--public-radius); text-align: center; }
.network-diagram div { color: var(--public-ink); background: rgba(255,255,255,.04); font-weight: 850; }
.network-diagram span { color: var(--public-brand); background: rgba(62,207,142,.06); font-size: .78rem; font-weight: 850; text-transform: uppercase; }
.fit-grid ul { margin: .75rem 0 0; padding-left: 1.1rem; color: var(--public-muted); line-height: 1.8; }
.not-yet { border-color: rgba(246, 193, 119, .26) !important; }
.limitations { width: 100%; padding: 4.8rem max(1.25rem, calc((100vw - var(--public-container)) / 2)); background: rgba(0, 0, 0, .18); border-top: 1px solid var(--public-line); border-bottom: 1px solid var(--public-line); }
.section-heading-block { grid-column: 1 / -1; }
.trust { padding-top: 2.5rem; }
.faq-list { display: grid; gap: .75rem; margin-top: 1.5rem; }
details { padding: 1rem 1.1rem; }
summary { cursor: pointer; color: var(--public-ink); font-weight: 850; }
details p { margin-bottom: 0; }
.final-cta, .confirmation { text-align: center; }
.final-cta { max-width: 820px; }

.public-footer {
  display: grid;
  grid-template-columns: 1.15fr .9fr .85fr;
  gap: 1.5rem;
  padding: 2.25rem max(1.25rem, calc((100vw - var(--public-container)) / 2));
  border-top: 1px solid var(--public-line);
  background: #050506;
  color: var(--public-soft);
}
.public-footer a { color: var(--public-ink); }
.public-footer p { margin: .75rem 0 0; }
.public-footer nav, .footer-contact { display: grid; gap: .55rem; align-content: start; }
.footer-contact span { color: var(--public-muted); }
.footer-brand { color: var(--public-ink); }

.form-shell { max-width: 980px; }
.form-intro { max-width: 760px; }
.beta-form { display: grid; gap: 1rem; }
.form-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 1.1rem; }
.form-section-heading { grid-column: 1 / -1; display: grid; gap: .25rem; margin-bottom: .25rem; }
.form-section-heading span { color: var(--public-warm); font-family: "SFMono-Regular", Consolas, monospace; font-weight: 900; }
.form-section-heading h2 { margin: 0; font-size: 1.35rem; }
.form-section-heading p { margin: 0; }
label { display: grid; gap: .42rem; color: var(--public-soft); font-weight: 750; }
label small { color: var(--public-muted); font-weight: 500; }
input, select, textarea {
  width: 100%;
  padding: .78rem .78rem;
  border: 1px solid rgba(157, 220, 229, .25);
  border-radius: var(--public-radius);
  color: var(--public-ink);
  background: rgba(13, 17, 16, .74);
  font: inherit;
}
textarea { resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: rgba(62, 207, 142, .7); outline: none; box-shadow: 0 0 0 3px rgba(62, 207, 142, .15); }
.full-width { grid-column: 1 / -1; }
.checkbox { display: flex; align-items: flex-start; gap: .6rem; color: var(--public-soft); font-weight: 650; line-height: 1.45; }
.checkbox input { width: auto; margin-top: .24rem; }
.consent-box { display: grid; gap: .75rem; padding: 1rem; }
.consent-box legend { padding: 0 .35rem; color: var(--public-ink); font-weight: 850; }
.alert { margin: 1rem 0; padding: .9rem 1rem; border: 1px solid; border-radius: var(--public-radius); }
.alert-error { color: #ffd5d0; background: rgba(231, 114, 114, .1); border-color: rgba(231, 114, 114, .34); }
.hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.confirmation-shell { max-width: 980px; }
.confirmation { padding: 1.4rem; }
.next-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); text-align: left; }
.next-steps h2 { margin: 0 0 .35rem; font-size: 1.05rem; }
.policy-layout { max-width: var(--public-container); }
.policy-hero { max-width: 820px; margin-bottom: 1.5rem; }
.policy-body { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 1.4rem; align-items: start; }
.policy-toc { position: sticky; top: 6rem; display: grid; gap: .6rem; padding: 1rem; }
.policy-toc a { color: var(--public-soft); font-weight: 750; }
.policy-page { padding: 1.2rem; }
.policy-section { padding: 1.1rem 0; border-top: 1px solid var(--public-line); }
.policy-section:first-child { padding-top: 0; border-top: 0; }
.policy-section p { margin: .45rem 0 0; }
.back-to-top { display: inline-flex; margin-top: 1rem; font-weight: 850; }

.reveal { transform: translateY(14px); opacity: 0; transition: transform .55s ease, opacity .55s ease; }
.reveal.is-visible { transform: translateY(0); opacity: 1; }
:focus-visible { outline: 3px solid rgba(62, 207, 142, .72); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .001ms !important; animation-duration: .001ms !important; }
  .reveal { transform: none; opacity: 1; }
}

@media (max-width: 980px) {
  .nav-toggle { display: inline-block; }
  .public-header { align-items: flex-start; flex-wrap: wrap; }
  .public-nav { display: none; width: 100%; flex-direction: column; align-items: stretch; padding-top: .5rem; }
  .public-nav[data-open="true"] { display: flex; }
  .public-nav a { padding: .6rem .2rem; }
  .hero, .product-preview, .network-section, .public-footer, .policy-body { grid-template-columns: 1fr; }
  .segment-grid, .usecase-grid, .timeline, .plan-grid, .why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .policy-toc { position: static; }
}

@media (max-width: 720px) {
  .beta-bar { flex-direction: column; gap: .3rem; }
  .section, .limitations { width: min(100% - 1.4rem, var(--public-container)); padding: 3.1rem 0; }
  .hero { min-height: auto; gap: 2rem; padding-top: 2rem; }
  .hero h1 { font-size: 3rem; }
  .section h1 { font-size: 2.35rem; }
  .section h2 { font-size: 1.8rem; }
  .segment-grid, .usecase-grid, .timeline, .plan-grid, .fit-grid, .why-grid, .next-steps, .form-group, .preview-actions { grid-template-columns: 1fr; }
  .full-width { grid-column: auto; }
  .network-diagram { grid-template-columns: 1fr; }
  .hero-actions, .form-actions { align-items: stretch; flex-direction: column; }
  .button { width: 100%; }
}

@media (max-width: 420px) {
  .section, .limitations { width: min(100% - 1rem, var(--public-container)); }
  .hero h1 { font-size: 2.55rem; }
  .public-header { padding-left: .8rem; padding-right: .8rem; }
  .hero-visual, .panel-preview, .form-group, .consent-box, .confirmation, .policy-page, .policy-toc { padding: .85rem; }
  .truth-strip span, .form-truth-strip span, .truth-band span { width: 100%; justify-content: center; }
}

/* Premium palette refinement: graphite, glass, sky, mint, and restrained amber. */
body {
  background:
    linear-gradient(90deg, rgba(148, 163, 184, .018) 1px, transparent 1px),
    linear-gradient(180deg, rgba(148, 163, 184, .018) 1px, transparent 1px),
    radial-gradient(circle at 16% -8%, rgba(62, 207, 142, .22), transparent 34rem),
    radial-gradient(circle at 86% 12%, rgba(87, 217, 159, .13), transparent 30rem),
    radial-gradient(circle at 60% -6%, rgba(200, 139, 90, .055), transparent 25rem),
    linear-gradient(180deg, #0D1110 0%, #131A17 42%, #0D1110 100%);
  background-size: 56px 56px, 56px 56px, auto, auto, auto, auto;
}
body::before {
  background: linear-gradient(116deg, transparent 18%, rgba(62, 207, 142, .06) 40%, rgba(87, 217, 159, .045) 58%, transparent 74%);
}
a { color: #3ECF8E; }
a:hover { color: #57D99F; }
.public-header {
  background: rgba(13, 17, 16, .74);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .02), 0 14px 44px rgba(0, 0, 0, .24);
}
.beta-bar {
  color: #B6BEB8;
  background: rgba(13, 17, 16, .76);
}
.beta-pill {
  color: #E2B07A;
  border-color: rgba(200, 139, 90, .34);
  background: rgba(200, 139, 90, .075);
}
.public-brand { font-weight: 780; }
.brand-mark {
  border-color: rgba(62, 207, 142, .42);
  background: linear-gradient(135deg, rgba(62, 207, 142, .2), rgba(87, 217, 159, .16));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 16px 42px rgba(62, 207, 142, .18);
}
.public-nav a { color: #c5cad3; font-weight: 640; }
.nav-login {
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.nav-cta {
  color: #0D1110 !important;
  background: linear-gradient(135deg, #3ECF8E, #57D99F);
  box-shadow: 0 12px 34px rgba(59, 130, 246, .2);
}
.hero h1 {
  max-width: 760px;
  color: #F2F0E9;
  background: linear-gradient(180deg, #F7F4EC 12%, #F2F0E9 44%, #B6BEB8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 760;
  text-wrap: balance;
  color: transparent;
}
.hero-text, .section-intro { color: #B6BEB8; }
.eyebrow { color: #3ECF8E; }
.mono-label { color: #3ECF8E; }
.button {
  min-height: 2.95rem;
  padding: .78rem 1.15rem;
  color: #F2F0E9;
  background: rgba(255,255,255,.045);
  border-color: rgba(190, 211, 199, .18);
  font-weight: 720;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.button:hover {
  border-color: rgba(62, 207, 142, .38);
  background: rgba(62, 207, 142, .075);
}
.button-primary {
  color: #0D1110 !important;
  background: linear-gradient(135deg, #3ECF8E 0%, #57D99F 100%);
  box-shadow: 0 16px 42px rgba(59, 130, 246, .22), inset 0 1px 0 rgba(255,255,255,.34);
}
.button-secondary { color: #F2F0E9; }
.truth-strip span, .form-truth-strip span, .truth-band span {
  color: #D8DED9;
  background: rgba(25, 34, 30, .42);
  border-color: rgba(190, 211, 199, .16);
  font-weight: 650;
}
.hero-visual, .panel-preview, .notice-card, .plan-card, .faq-list details, .confirmation, .policy-page, .policy-toc, .form-group, .consent-box {
  border-color: rgba(190, 211, 199, .15);
  background:
    linear-gradient(180deg, rgba(25, 34, 30, .82), rgba(19, 26, 23, .9)),
    radial-gradient(circle at 12% 0%, rgba(62, 207, 142, .12), transparent 20rem);
  box-shadow: 0 26px 80px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255,255,255,.055);
}
.hero-visual::before, .panel-preview::before {
  background: linear-gradient(90deg, rgba(147,197,253,.04) 1px, transparent 1px), linear-gradient(180deg, rgba(147,197,253,.04) 1px, transparent 1px);
  background-size: 32px 32px;
}
.device-card, .access-card, .server-card {
  border-color: rgba(190, 211, 199, .14);
  background: rgba(13, 17, 16, .62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}
.flow-line {
  border-right-color: rgba(62, 207, 142, .26);
  border-bottom-color: rgba(62, 207, 142, .26);
}
.status-dot {
  background: #3ECF8E;
  box-shadow: 0 0 18px rgba(62, 207, 142, .55);
}
.server-card code, .panel-preview pre {
  color: #C8F7DE;
  border-color: rgba(62, 207, 142, .2);
  background: rgba(8, 12, 11, .58);
}
.resource-chips span, .preview-specs span, .feature-grid span, .limitation-grid span,
.segment-grid article, .usecase-grid article, .timeline article, .fit-grid article, .why-grid article, .next-steps article {
  color: #D8DED9;
  background: rgba(255,255,255,.032);
  border-color: rgba(190, 211, 199, .13);
}
.segment-icon {
  color: #3ECF8E;
  border-color: rgba(147,197,253,.28);
  background: rgba(147,197,253,.08);
}
.timeline span, .next-steps span, .form-section-heading span { color: #C88B5A; }
.plan-ribbon {
  color: #21150D;
  background: linear-gradient(135deg, #E2B07A, #C88B5A);
}
.featured-plan {
  border-color: rgba(62, 207, 142, .4);
  box-shadow: 0 28px 76px rgba(59, 130, 246, .13), inset 0 1px 0 rgba(255,255,255,.06);
}
.status-badge {
  color: #C8F7DE;
  border-color: rgba(52,211,153,.3);
  background: rgba(52,211,153,.08);
}
.network-diagram div { background: rgba(255,255,255,.035); }
.network-diagram span {
  color: #3ECF8E;
  background: rgba(147,197,253,.055);
}
.public-footer { background: #0D1110; }
input, select, textarea {
  border-color: rgba(190, 211, 199, .18);
  background: rgba(13, 17, 16, .68);
}
input:focus, select:focus, textarea:focus {
  border-color: rgba(62, 207, 142, .68);
  box-shadow: 0 0 0 3px rgba(62, 207, 142, .14);
}
:focus-visible { outline-color: rgba(62, 207, 142, .74); }

/* Alternative 4: warm light theme with deep blue, teal, and sand. */
:root {
  --public-bg: #F7F6F1;
  --public-bg-2: #EEF2F1;
  --public-surface: #FFFFFF;
  --public-surface-2: #EEF2F1;
  --public-ink: #102330;
  --public-muted: #465A66;
  --public-soft: #2E4654;
  --public-line: #D8E1E2;
  --public-line-strong: #BCCBCC;
  --public-brand: #087F75;
  --public-brand-dark: #066A62;
  --public-accent: #087F75;
  --public-warm: #D99A3D;
  --public-danger: #C94D4D;
  --public-shadow: 0 22px 58px rgba(16, 35, 48, .11);
}
html { background: var(--public-bg); }
body {
  color: var(--public-ink);
  background:
    linear-gradient(90deg, rgba(8, 127, 117, .035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(8, 127, 117, .035) 1px, transparent 1px),
    radial-gradient(circle at 14% -8%, rgba(8, 127, 117, .16), transparent 34rem),
    radial-gradient(circle at 88% 8%, rgba(217, 154, 61, .13), transparent 28rem),
    linear-gradient(180deg, #F7F6F1 0%, #EEF2F1 48%, #F7F6F1 100%);
  background-size: 58px 58px, 58px 58px, auto, auto, auto;
}
body::before {
  background: linear-gradient(116deg, transparent 18%, rgba(8, 127, 117, .06) 42%, rgba(217, 154, 61, .055) 64%, transparent 78%);
}
a { color: var(--public-brand); }
a:hover { color: var(--public-brand-dark); }
p { color: var(--public-muted); }
.ambient span { border-color: rgba(8, 127, 117, .12); opacity: .5; }
.skip-link { color: #FFFFFF; background: var(--public-brand); border-color: var(--public-brand); }
.beta-bar {
  color: var(--public-muted);
  background: rgba(255, 255, 255, .82);
  border-bottom-color: var(--public-line);
}
.beta-pill {
  color: #7A4D10;
  background: rgba(217, 154, 61, .16);
  border-color: rgba(217, 154, 61, .38);
}
.public-header {
  background: rgba(247, 246, 241, .82);
  border-bottom-color: var(--public-line);
  box-shadow: 0 1px 0 rgba(255,255,255,.9), 0 12px 38px rgba(16, 35, 48, .08);
}
.public-brand, .footer-brand { color: var(--public-ink); }
.brand-mark {
  border-color: rgba(8, 127, 117, .38);
  background: linear-gradient(135deg, rgba(8, 127, 117, .14), rgba(217, 154, 61, .14));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 12px 28px rgba(8, 127, 117, .12);
}
.public-nav a { color: #2F4450; }
.public-nav a:hover { color: var(--public-ink); }
.nav-login {
  background: rgba(255,255,255,.68);
  border-color: var(--public-line);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.nav-cta {
  color: #FFFFFF !important;
  background: var(--public-brand);
  border-color: var(--public-brand);
  box-shadow: 0 12px 28px rgba(8, 127, 117, .18);
}
.nav-toggle { color: var(--public-ink); background: rgba(255,255,255,.76); border-color: var(--public-line); }
.hero h1 {
  color: var(--public-ink);
  background: linear-gradient(180deg, #102330 0%, #17384A 52%, #087F75 130%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.section h1, .section h2, .section h3, summary { color: var(--public-ink); }
.hero-text, .section-intro { color: var(--public-muted); }
.small-note { color: var(--text-muted, #71818A); }
.eyebrow, .mono-label { color: var(--public-brand); }
.button {
  color: var(--public-ink);
  background: rgba(255,255,255,.76);
  border-color: var(--public-line-strong);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(16, 35, 48, .06);
}
.button:hover {
  color: var(--public-brand-dark);
  border-color: rgba(8, 127, 117, .34);
  background: rgba(8, 127, 117, .07);
}
.button-primary {
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #087F75 0%, #066A62 100%);
  box-shadow: 0 16px 36px rgba(8, 127, 117, .22), inset 0 1px 0 rgba(255,255,255,.22);
}
.button-secondary { color: var(--public-ink); }
.truth-strip span, .form-truth-strip span, .truth-band span {
  color: #284251;
  background: rgba(255,255,255,.7);
  border-color: var(--public-line);
}
.hero-visual, .panel-preview, .notice-card, .plan-card, .faq-list details, .confirmation, .policy-page, .policy-toc, .form-group, .consent-box {
  color: var(--public-ink);
  border-color: var(--public-line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.9)),
    radial-gradient(circle at 12% 0%, rgba(8, 127, 117, .08), transparent 20rem);
  box-shadow: var(--public-shadow), inset 0 1px 0 rgba(255,255,255,.95);
}
.hero-visual::before, .panel-preview::before {
  background: linear-gradient(90deg, rgba(8,127,117,.05) 1px, transparent 1px), linear-gradient(180deg, rgba(8,127,117,.05) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(180deg, #000, transparent 86%);
}
.visual-header, .preview-top { color: var(--public-soft); }
.device-card, .access-card, .server-card {
  color: var(--public-ink);
  border-color: var(--public-line);
  background: rgba(247, 246, 241, .82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.flow-line {
  border-right-color: rgba(8, 127, 117, .28);
  border-bottom-color: rgba(8, 127, 117, .28);
}
.status-dot { background: #087F75; box-shadow: 0 0 0 4px rgba(8, 127, 117, .12); }
.server-card code, .panel-preview pre {
  color: #D9FFF3;
  border-color: rgba(8, 127, 117, .2);
  background: #102330;
}
.resource-chips span, .preview-specs span, .feature-grid span, .limitation-grid span,
.segment-grid article, .usecase-grid article, .timeline article, .fit-grid article, .why-grid article, .next-steps article {
  color: var(--public-soft);
  background: rgba(255,255,255,.68);
  border-color: var(--public-line);
}
.segment-icon {
  color: var(--public-brand);
  background: rgba(8, 127, 117, .09);
  border-color: rgba(8, 127, 117, .22);
}
.timeline span, .next-steps span, .form-section-heading span { color: var(--public-warm); }
.plan-ribbon {
  color: #FFFFFF;
  background: linear-gradient(135deg, #D99A3D, #B8732F);
}
.featured-plan {
  border-color: rgba(8, 127, 117, .34);
  box-shadow: 0 24px 58px rgba(8, 127, 117, .13), inset 0 1px 0 rgba(255,255,255,.95);
}
.status-badge {
  color: #07584F;
  border-color: rgba(8, 127, 117, .24);
  background: rgba(8, 127, 117, .09);
}
.network-diagram div { color: var(--public-ink); background: rgba(255,255,255,.72); }
.network-diagram span { color: var(--public-brand); background: rgba(8, 127, 117, .08); }
.not-yet { border-color: rgba(217, 154, 61, .32) !important; }
.limitations {
  background: linear-gradient(180deg, rgba(238, 242, 241, .76), rgba(247, 246, 241, .82));
  border-top-color: var(--public-line);
  border-bottom-color: var(--public-line);
}
.public-footer {
  color: #DCE6E6;
  background: #102330;
  border-top-color: rgba(255,255,255,.08);
}
.public-footer a, .public-footer .public-brand { color: #FFFFFF; }
.public-footer p, .footer-contact span { color: #B8C2CC; }
label, .checkbox { color: var(--public-soft); }
input, select, textarea {
  color: var(--public-ink);
  background: #FFFFFF;
  border-color: var(--public-line);
}
input:focus, select:focus, textarea:focus {
  border-color: rgba(8, 127, 117, .62);
  box-shadow: 0 0 0 3px rgba(8, 127, 117, .12);
}
.alert-error {
  color: #8F2D2D;
  background: rgba(240, 120, 120, .1);
  border-color: rgba(240, 120, 120, .28);
}
.policy-toc a { color: var(--public-soft); }
:focus-visible { outline-color: rgba(8, 127, 117, .62); }

/* Liquid glass refinement: translucent iOS-style surfaces over the light theme. */
@supports ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))) {
  .beta-bar,
  .public-header,
  .hero-visual,
  .panel-preview,
  .notice-card,
  .plan-card,
  .faq-list details,
  .confirmation,
  .policy-page,
  .policy-toc,
  .form-group,
  .consent-box,
  .device-card,
  .access-card,
  .server-card,
  .truth-strip span,
  .form-truth-strip span,
  .truth-band span,
  .segment-grid article,
  .usecase-grid article,
  .timeline article,
  .fit-grid article,
  .why-grid article,
  .next-steps article,
  .resource-chips span,
  .preview-specs span,
  .feature-grid span,
  .limitation-grid span,
  .network-diagram div,
  .network-diagram span,
  .button,
  .nav-login,
  .nav-toggle {
    -webkit-backdrop-filter: blur(22px) saturate(1.35);
    backdrop-filter: blur(22px) saturate(1.35);
  }
}
body {
  background:
    radial-gradient(circle at 12% 8%, rgba(8, 127, 117, .18), transparent 24rem),
    radial-gradient(circle at 88% 18%, rgba(217, 154, 61, .16), transparent 25rem),
    radial-gradient(circle at 48% 0%, rgba(255, 255, 255, .86), transparent 21rem),
    linear-gradient(90deg, rgba(8, 127, 117, .028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(8, 127, 117, .028) 1px, transparent 1px),
    linear-gradient(180deg, #F7F6F1 0%, #EEF2F1 48%, #F7F6F1 100%);
  background-size: auto, auto, auto, 62px 62px, 62px 62px, auto;
}
body::before {
  background:
    linear-gradient(115deg, transparent 16%, rgba(255,255,255,.5) 30%, transparent 46%),
    linear-gradient(122deg, transparent 45%, rgba(8,127,117,.055) 58%, transparent 74%);
}
.ambient span {
  border-color: rgba(255, 255, 255, .72);
  box-shadow: inset 0 0 48px rgba(8, 127, 117, .08), 0 22px 80px rgba(8, 127, 117, .08);
}
.beta-bar,
.public-header {
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.5));
  border-bottom-color: rgba(216, 225, 226, .72);
}
.hero-visual,
.panel-preview,
.notice-card,
.plan-card,
.faq-list details,
.confirmation,
.policy-page,
.policy-toc,
.form-group,
.consent-box {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.42) 48%, rgba(238,242,241,.68)),
    radial-gradient(circle at 8% 0%, rgba(255,255,255,.9), transparent 18rem),
    radial-gradient(circle at 100% 0%, rgba(8,127,117,.1), transparent 16rem);
  border-color: rgba(255,255,255,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(16,35,48,.04),
    0 20px 48px rgba(16,35,48,.1),
    0 2px 10px rgba(16,35,48,.045);
}
.hero-visual::after,
.panel-preview::after,
.plan-card::after,
.form-group::after,
.confirmation::after,
.policy-page::after,
.policy-toc::after,
.notice-card::after,
.faq-list details::after {
  position: absolute;
  inset: 1px;
  pointer-events: none;
  content: "";
  border-radius: calc(var(--public-radius) - 1px);
  background: linear-gradient(145deg, rgba(255,255,255,.58), transparent 34%, rgba(255,255,255,.18) 58%, transparent 76%);
  opacity: .88;
}
.hero-visual > *,
.panel-preview > *,
.plan-card > *,
.form-group > *,
.confirmation > *,
.policy-page > *,
.policy-toc > *,
.notice-card > *,
.faq-list details > * { position: relative; z-index: 1; }
.device-card,
.access-card,
.server-card,
.truth-strip span,
.form-truth-strip span,
.truth-band span,
.segment-grid article,
.usecase-grid article,
.timeline article,
.fit-grid article,
.why-grid article,
.next-steps article,
.resource-chips span,
.preview-specs span,
.feature-grid span,
.limitation-grid span,
.network-diagram div,
.network-diagram span {
  background: linear-gradient(135deg, rgba(255,255,255,.64), rgba(255,255,255,.34));
  border-color: rgba(255,255,255,.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 26px rgba(16,35,48,.055);
}
.button,
.nav-login,
.nav-toggle {
  background: linear-gradient(135deg, rgba(255,255,255,.76), rgba(255,255,255,.38));
  border-color: rgba(255,255,255,.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 10px 24px rgba(16,35,48,.08);
}
.button-primary,
.nav-cta {
  color: #FFFFFF !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.24), transparent 36%),
    linear-gradient(135deg, #087F75 0%, #066A62 100%);
  border-color: rgba(255,255,255,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 18px 38px rgba(8,127,117,.24);
}
.button:hover,
.nav-login:hover,
.nav-toggle:hover {
  background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(8,127,117,.08));
  border-color: rgba(8,127,117,.28);
}
.hero-visual::before,
.panel-preview::before {
  opacity: .7;
  mask-image: linear-gradient(180deg, #000, transparent 80%);
}
.segment-icon,
.status-badge,
.beta-pill,
.plan-ribbon {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 8px 18px rgba(16,35,48,.06);
}
input,
select,
textarea {
  background: rgba(255,255,255,.7);
  border-color: rgba(255,255,255,.9);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 8px 20px rgba(16,35,48,.04);
}
input:focus,
select:focus,
textarea:focus {
  background: rgba(255,255,255,.92);
}
.public-footer {
  background:
    linear-gradient(135deg, rgba(16,35,48,.98), rgba(8,55,60,.96)),
    radial-gradient(circle at 20% 0%, rgba(8,127,117,.24), transparent 20rem);
}
@media (prefers-reduced-transparency: reduce) {
  .beta-bar,
  .public-header,
  .hero-visual,
  .panel-preview,
  .notice-card,
  .plan-card,
  .faq-list details,
  .confirmation,
  .policy-page,
  .policy-toc,
  .form-group,
  .consent-box {
    background: #FFFFFF;
  }
}

.code-rain {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: -1;
  width: 100%;
  height: min(92vh, 860px);
  pointer-events: none;
  opacity: .55;
  mix-blend-mode: multiply;
  mask-image: linear-gradient(90deg, transparent 0%, #000 14%, #000 86%, transparent 100%), linear-gradient(180deg, #000 0%, #000 58%, transparent 100%);
  mask-composite: intersect;
}
@media (prefers-reduced-motion: reduce) {
  .code-rain { display: none; }
}

/* Blue CTA refinement requested after liquid-glass pass. */
.button-primary,
.nav-cta {
  color: #FFFFFF !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.24), transparent 36%),
    linear-gradient(135deg, #1769E0 0%, #0B4DB3 100%);
  border-color: rgba(255,255,255,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 18px 38px rgba(23,105,224,.24);
}
.button-primary:hover,
.nav-cta:hover {
  background:
    linear-gradient(135deg, rgba(255,255,255,.28), transparent 36%),
    linear-gradient(135deg, #1F7AF2 0%, #1769E0 100%);
  border-color: rgba(23,105,224,.3);
}