:root {
  --navy:#172033;
  --navy2:#22304a;
  --blue:#2563eb;
  --blue-dark:#1d4ed8;
  --blue-soft:#e8f0fe;
  --slate:#64748b;
  --slate-dark:#475569;
  --bg:#f4f7fb;
  --line:#d5dee9;
  --white:#ffffff;
  --shadow:0 16px 40px rgba(23,32,51,.08);
  --radius:14px;
  --wrap:1120px;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  font-family:"Segoe UI",Arial,sans-serif;
  color:var(--navy);
  background:var(--bg);
  line-height:1.55;
}
a { color:inherit; }
.wrap {
  width:min(var(--wrap),calc(100% - 38px));
  margin:0 auto;
}

.topbar {
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(23,32,51,.98);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-row {
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand {
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
}
.brand-mark {
  width:38px;height:38px;border-radius:9px;
  background:
    linear-gradient(90deg,var(--blue) 0 10px,transparent 10px),
    linear-gradient(#fff,#fff);
  background-size:100% 100%,22px 25px;
  background-position:0 0,14px 5px;
  background-repeat:no-repeat;
  position:relative;
  border:1px solid rgba(255,255,255,.1);
}
.brand-mark::after {
  content:"";
  position:absolute;
  right:3px;bottom:4px;
  width:21px;height:5px;
  border-radius:4px;
  background:#8fb4ff;
}
.brand-copy strong {
  display:block;
  font-size:15px;
  letter-spacing:.045em;
}
.brand-copy span {
  display:block;
  color:#b9c9db;
  font-size:11px;
}
.site-nav {
  display:flex;
  align-items:center;
  gap:22px;
}
.site-nav a {
  text-decoration:none;
  color:#dce6f2;
  font-size:14px;
  font-weight:600;
}
.site-nav a:hover { color:#fff; }
.menu-button {
  display:none;
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  border-radius:7px;
  padding:8px 10px;
}

.hero {
  padding:84px 0 72px;
  background:
    radial-gradient(circle at 90% 0%,rgba(37,99,235,.12),transparent 34%),
    linear-gradient(135deg,#f7f9fc 0%,#edf3fa 100%);
}
.hero-grid {
  display:grid;
  grid-template-columns:1.16fr .84fr;
  gap:54px;
  align-items:center;
}
.eyebrow {
  color:var(--blue);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
h1,h2,h3 { color:var(--navy); }
h1 {
  font-size:clamp(42px,6vw,64px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:13px 0 20px;
}
h2 {
  font-size:clamp(30px,4vw,40px);
  line-height:1.12;
  margin:10px 0 16px;
}
h3 { margin:0 0 8px; font-size:19px; }
.lead,.section-lead {
  font-size:19px;
  color:var(--slate);
  max-width:760px;
}
.actions {
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:27px;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 18px;
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
  border:1px solid var(--line);
  transition:.15s ease;
}
.button:hover { transform:translateY(-1px); }
.button.primary {
  color:#fff;
  background:var(--blue);
  border-color:var(--blue);
}
.button.primary:hover {
  background:var(--blue-dark);
  border-color:var(--blue-dark);
}
.button.secondary {
  background:#fff;
  color:var(--navy);
}
.micro {
  margin-top:12px;
  color:var(--slate);
  font-size:12px;
}

.product-panel {
  background:var(--navy);
  color:#fff;
  border-radius:18px;
  padding:26px;
  box-shadow:0 24px 60px rgba(23,32,51,.18);
}
.product-panel .panel-kicker {
  color:#9ebcff;
  font-weight:800;
  font-size:11px;
  letter-spacing:.12em;
}
.product-panel h3 {
  color:#fff;
  font-size:26px;
  margin-top:8px;
}
.product-panel p { color:#bfd0e3; }
.tool-list {
  list-style:none;
  padding:0;
  margin:20px 0 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px 14px;
}
.tool-list li {
  color:#e8eef6;
  font-size:14px;
}
.tool-list li::before {
  content:"•";
  color:#8fb4ff;
  margin-right:8px;
}

.section { padding:72px 0; }
.section.white { background:#fff; }

.feature-grid,.workflow-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:30px;
}
.card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:23px;
  box-shadow:var(--shadow);
}
.card p { margin:0; color:var(--slate); }
.icon-line {
  width:38px;height:5px;
  border-radius:5px;
  background:var(--blue);
  margin-bottom:16px;
}
.two-col {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:center;
}

.demo {
  padding:24px;
  min-height:330px;
  background:var(--navy);
  border-radius:16px;
  box-shadow:var(--shadow);
  display:grid;
  place-items:center;
}
.demo-window {
  width:92%;
  border-radius:11px;
  overflow:hidden;
  border:1px solid #34455f;
  background:var(--bg);
}
.demo-titlebar {
  background:var(--navy2);
  color:#fff;
  padding:10px 14px;
  font-size:12px;
  font-weight:700;
}
.demo-body { padding:18px; }
.fake-card {
  background:#fff;
  border:1px solid var(--line);
  padding:14px;
  border-radius:8px;
  margin-bottom:10px;
}
.fake-card strong { display:block; margin-bottom:3px; }
.fake-card span { color:var(--slate); font-size:12px; }

.pricing-wrap {
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}
.pricing-wrap .section-lead {
  max-width:920px;
}
.pricing-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:19px;
  margin-top:30px;
}
.price-card {
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border:1px solid #c7d4eb;
  border-top:4px solid #9dbaf2;
  border-radius:18px;
  padding:26px 25px 24px;
  box-shadow:0 14px 28px rgba(17,39,74,.08), 0 3px 8px rgba(17,39,74,.05);
  position:relative;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.price-card:hover {
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(17,39,74,.12), 0 6px 14px rgba(17,39,74,.07);
}
.price-card.featured {
  border:2px solid var(--blue);
  border-top:4px solid var(--blue);
  box-shadow:0 18px 36px rgba(47,102,241,.16), 0 6px 16px rgba(17,39,74,.08);
}
.badge {
  position:absolute;
  top:16px;right:16px;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(180deg,#e8f0ff 0%,#dce8ff 100%);
  color:var(--blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  box-shadow:inset 0 0 0 1px rgba(47,102,241,.12);
}
.price-line {
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
  margin:16px 0 8px;
}
.price {
  font-size:42px;
  line-height:1;
  font-weight:800;
  margin:0;
}
.price-tag {
  font-size:17px;
  font-weight:800;
  color:var(--navy);
  line-height:1.1;
  padding:7px 10px 6px;
  border-radius:999px;
  background:#eef4ff;
  border:1px solid #d6e3ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.renewal-line {
  margin:0 0 18px;
  font-size:15px;
  font-weight:700;
  color:var(--slate-dark);
  background:#f5f8fe;
  border:1px solid #dbe5f6;
  border-radius:12px;
  padding:10px 12px;
}
.price-card ul {
  padding-left:20px;
  color:var(--slate-dark);
  min-height:150px;
  margin:0 0 18px;
}
.price-card li { margin-bottom:10px; }
.plan-note {
  margin:8px 0 0;
  color:var(--slate);
  font-size:14px;
  min-height:38px;
}
.license-contact {
  margin-top:14px;
  font-size:16px;
}
.notice {
  margin-top:20px;
  padding:12px 16px;
  border-radius:12px;
  background:#f5f8fd;
  border:1px solid #dce6f7;
  text-align:center;
}
.price-card .button { width:100%; }

.trial-band {
  background:var(--navy);
  color:#fff;
}
.trial-band h2 { color:#fff; }
.trial-band p { color:#bfd0e3; }

.support-box {
  background:#edf3fa;
  border:1px solid #c9d7e7;
  border-radius:14px;
  padding:25px;
}
.faq-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:28px;
}
details {
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:15px 17px;
}
summary {
  cursor:pointer;
  font-weight:700;
}
details p {
  color:var(--slate);
  margin-bottom:0;
}

footer {
  background:#101725;
  color:#fff;
}
.footer-row {
  min-height:105px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.footer-row p {
  margin:4px 0 0;
  color:#9fb0c5;
  font-size:13px;
}
.footer-links {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.footer-links a {
  color:#cbd7e5;
  text-decoration:none;
  font-size:13px;
}
.notice {
  color:var(--slate);
  font-size:12px;
  text-align:center;
  margin-top:16px;
}

@media (max-width:900px) {
  .hero-grid,.two-col,.feature-grid,.pricing-grid,.workflow-grid { grid-template-columns:1fr; }
  .site-nav {
    display:none;
    position:absolute;
    right:18px;top:60px;
    width:220px;
    padding:14px;
    border-radius:10px;
    background:var(--navy2);
    box-shadow:var(--shadow);
    flex-direction:column;
    align-items:flex-start;
  }
  .site-nav.open { display:flex; }
  .menu-button { display:block; }
  .tool-list { grid-template-columns:1fr; }
  .faq-grid { grid-template-columns:1fr; }
}

@media (max-width:560px) {
  .wrap { width:calc(100% - 26px); }
  .hero { padding-top:58px; }
  h1 { font-size:40px; }
  .section { padding:55px 0; }
  .footer-row {
    align-items:flex-start;
    flex-direction:column;
    padding:28px 0;
  }
}


/* Complete feature set refinements */
#features .feature-grid {
  align-items: stretch;
}

#features .card {
  min-height: 205px;
}

#features .card h3 {
  margin-bottom: 9px;
}


.suite-intro-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 34px;
  align-items: center;
  margin-bottom: 32px;
}

.suite-summary {
  margin-top: 22px;
  display: grid;
  gap: 12px;
}

.suite-summary > div {
  padding: 13px 15px;
  border-left: 4px solid var(--blue);
  background: #f7f9fc;
  border-radius: 0 8px 8px 0;
}

.suite-summary strong {
  display: block;
  color: var(--navy);
  margin-bottom: 2px;
}

.suite-summary span {
  display: block;
  color: var(--slate);
  font-size: 14px;
}

.program-shot {
  margin: 0;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow);
}

.program-shot img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  border: 1px solid #dbe3ed;
}

.program-shot figcaption {
  margin-top: 8px;
  color: var(--slate);
  font-size: 12px;
  text-align: center;
}



/* v0.3.6 feature refinement */
.suite-intro-grid {
  grid-template-columns: .72fr 1.28fr;
  gap: 28px;
  align-items: stretch;
}

.program-shot {
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.program-shot img {
  width: 100%;
}

.feature-grid {
  align-items: stretch;
}

.span-2 {
  grid-column: span 2;
}

.feature-callout {
  background: linear-gradient(180deg, #f3f7ff 0%, #eef4ff 100%);
  border: 1px solid #c8d7f0;
  box-shadow: 0 14px 36px rgba(21, 41, 75, 0.08);
}

.feature-callout-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
}

.feature-callout-head .icon-line {
  margin-bottom: 0;
  flex: 0 0 auto;
}

.feature-callout h3 {
  margin: 0;
}

.feature-callout-intro {
  margin: 0 0 16px 0 !important;
  color: var(--navy) !important;
  font-weight: 600;
}

.mini-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 18px;
}

.mini-feature {
  background: rgba(255,255,255,0.72);
  border: 1px solid #d8e3f5;
  border-radius: 12px;
  padding: 14px 14px 12px;
}

.mini-feature strong {
  display: block;
  color: var(--navy);
  font-size: 17px;
  margin-bottom: 6px;
}

.mini-feature span {
  display: block;
  color: var(--slate);
  line-height: 1.6;
  font-size: 14px;
}

@media (max-width: 1100px) {
  .mini-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .suite-intro-grid {
    grid-template-columns: 1fr;
  }

  .span-2 {
    grid-column: span 1;
  }
}

@media (max-width: 720px) {
  .feature-grid, .workflow-grid, .pricing-grid {
    grid-template-columns: 1fr;
  }

  .mini-feature-grid {
    grid-template-columns: 1fr;
  }
}


/* v0.3.7 screenshot spacing refinement */
.suite-intro-grid {
  align-items: start;
}

.program-shot {
  align-self: start;
  justify-content: flex-start;
  padding: 6px;
}

.program-shot img {
  display: block;
}

.program-shot figcaption {
  margin-top: 10px;
}


/* v0.3.8 intro layout refinement */
.suite-intro-grid {
  display: block;
  margin-bottom: 34px;
}

.suite-intro-top {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 28px;
  align-items: start;
  margin-bottom: 20px;
}

.suite-copy {
  padding-top: 6px;
}

.suite-copy .section-lead {
  max-width: 700px;
}

.suite-summary {
  margin-top: 0;
  align-self: start;
}

.suite-summary > div {
  min-height: 94px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.program-shot.wide-shot {
  padding: 10px;
  align-self: stretch;
}

.program-shot.wide-shot img {
  width: 100%;
  height: auto;
}

@media (max-width: 980px) {
  .suite-intro-top {
    grid-template-columns: 1fr;
  }

  .suite-copy {
    padding-top: 0;
  }
}


/* v0.3.9 visual emphasis update */
:root {
  --panel-blue-bg: #ecf3ff;
  --panel-blue-bg-strong: #e6efff;
  --panel-blue-border: #b8caf0;
  --panel-blue-shadow: 0 12px 28px rgba(37, 74, 150, 0.10);
  --box-shadow-strong: 0 10px 24px rgba(22, 36, 58, 0.08);
}

.suite-summary > div {
  background: linear-gradient(180deg, var(--panel-blue-bg) 0%, #f2f6ff 100%);
  border: 1px solid var(--panel-blue-border);
  border-left: 4px solid var(--blue);
  border-radius: 10px;
  box-shadow: var(--panel-blue-shadow);
}

.feature-callout {
  background: linear-gradient(180deg, var(--panel-blue-bg-strong) 0%, #edf4ff 100%);
  border: 1px solid var(--panel-blue-border);
  box-shadow: 0 14px 34px rgba(32, 61, 122, 0.12);
}

/* Give the rest of the feature boxes more definition */
.card,
.mini-feature,
.program-shot,
.pricing-card,
.faq-item,
.contact-card,
.policy-card {
  border: 1px solid #cfdbef;
  box-shadow: var(--box-shadow-strong);
}

.card:hover,
.mini-feature:hover {
  box-shadow: 0 14px 30px rgba(20, 39, 68, 0.11);
}


/* v0.3.11 visual refinement — lighter, cleaner, less boxed-in */
#features {
  background: #ffffff;
}

/* Standard feature cards: thin neutral border, almost no shadow */
#features .card {
  background: #ffffff;
  border: 1px solid #d8e1ec;
  box-shadow: 0 3px 10px rgba(23, 32, 51, 0.045);
  min-height: 188px;
}

/* Keep the main feature highlight special instead of making every card heavy */
.feature-callout {
  background: linear-gradient(180deg, #edf4ff 0%, #f5f8ff 100%);
  border: 1px solid #a9c3ef;
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.09);
}

.feature-callout .mini-feature {
  background: #ffffff;
  border: 1px solid #d8e3f3;
  box-shadow: none;
}

/* Summary blocks stay highlighted, but without oversized shadows */
.suite-summary > div {
  background: #eef4fd;
  border: 1px solid #c3d4ee;
  border-left: 4px solid var(--blue);
  box-shadow: none;
}

/* Main screenshot: clean framed presentation */
.program-shot {
  background: #ffffff;
  border: 1px solid #bfd0e6;
  box-shadow: 0 6px 18px rgba(23, 32, 51, 0.07);
}

/* Keep pricing and FAQ cards understated */
.price-card,
details,
.support-box {
  border: 1px solid #d8e1ec;
  box-shadow: 0 3px 10px rgba(23, 32, 51, 0.045);
}

/* Slightly larger text for easier reading */
#features .card h3 {
  font-size: 20px;
}

#features .card p,
.mini-feature span {
  font-size: 15px;
  line-height: 1.6;
}


/* v0.3.12 stronger card definition per review */
:root {
  --strong-box-border: #172033;
}

/* Add a visible dark border to the white content boxes */
#features .card,
#features .mini-feature,
.program-shot,
.price-card,
details,
.support-box {
  border: 1.5px solid var(--strong-box-border);
}

/* Keep standard feature cards white but more defined */
#features .card {
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(23, 32, 51, 0.06);
}

/* Ensure the main screenshot frame stands out */
.program-shot,
.program-shot img {
  border-color: var(--strong-box-border);
}

/* Put the blue emphasis back on the bottom feature box */
.feature-callout {
  background: linear-gradient(180deg, #dfeafe 0%, #edf4ff 100%);
  border: 1.5px solid var(--strong-box-border);
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.10);
}

.feature-callout .mini-feature {
  background: rgba(255,255,255,0.95);
}


/* v0.3.13 requested visual tweaks */
.feature-callout {
  background: linear-gradient(180deg, #cfdfff 0%, #e0ebff 100%);
  border: 1.5px solid var(--strong-box-border);
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.14);
}

.suite-copy .section-lead {
  max-width: 700px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.45;
  color: var(--navy);
}


/* v0.3.14 specificity fix */
#features .card.feature-callout {
  background: linear-gradient(180deg, #c9ddff 0%, #dce9ff 100%) !important;
  border: 1.5px solid #172033 !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.16) !important;
}

#features .card.feature-callout .mini-feature {
  background: #ffffff !important;
  border: 1.5px solid #172033 !important;
}

.suite-copy .section-lead {
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.45;
  color: #172033 !important;
}

/* v0.3.15 screenshot frame tweak */
.program-shot {
  border: none !important;
  box-shadow: 0 14px 34px rgba(23, 32, 51, 0.14) !important;
}

.program-shot img {
  border: 1px solid #c7d5e8 !important;
  box-shadow: none !important;
}


/* v0.3.18 pricing contact note */
.license-contact {
  margin: 18px auto 0;
  max-width: 820px;
  text-align: center;
  font-size: 16px;
  color: var(--navy);
}
.license-contact a {
  color: var(--blue);
  font-weight: 700;
  text-decoration: none;
}
.license-contact a:hover { text-decoration: underline; }

/* v0.3.20 pricing polish overrides */
.pricing-wrap .notice {
  margin-top:20px;
  padding:12px 16px;
  border-radius:12px;
  background:#f5f8fd;
  border:1px solid #dce6f7;
  text-align:center;
  color:var(--slate-dark);
  font-size:13px;
}
.pricing-wrap .price-card .button {
  box-shadow:0 8px 18px rgba(47,102,241,.18);
}
.pricing-wrap .price-card.featured .button {
  box-shadow:0 10px 22px rgba(47,102,241,.24);
}


/* v0.3.21 premium polish */
.hero {
  padding: 88px 0 76px;
}
.hero .lead {
  max-width: 760px;
}
.hero-points {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:24px;
}
.hero-point {
  background:rgba(255,255,255,.78);
  border:1px solid #d7e2f0;
  border-radius:14px;
  padding:14px 15px;
  box-shadow:0 8px 20px rgba(23,32,51,.06);
  backdrop-filter:blur(4px);
}
.hero-point strong {
  display:block;
  font-size:15px;
  margin-bottom:4px;
  color:var(--navy);
}
.hero-point span {
  display:block;
  font-size:13px;
  line-height:1.5;
  color:var(--slate);
}
.product-panel {
  background:linear-gradient(180deg,#172033 0%,#111a2b 100%);
  border:1px solid rgba(146,175,233,.18);
  position:relative;
  overflow:hidden;
}
.product-panel::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 85% 10%, rgba(80,134,255,.22), transparent 30%);
  pointer-events:none;
}
.product-panel > * { position:relative; z-index:1; }
.tool-list li {
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:8px 10px;
}
.tool-list li::before {
  color:#9fc0ff;
}
.suite-intro-top {
  margin-bottom:24px;
}
.suite-copy h2 {
  max-width:740px;
}
.pricing-wrap h2,
#faq h2,
#support h2 {
  max-width:900px;
}
.support-box {
  background:linear-gradient(180deg,#eef4fd 0%,#f6f9fd 100%);
  box-shadow:0 14px 32px rgba(23,32,51,.08);
}
.support-box .button.secondary {
  background:#fff;
  border-color:#bfcde0;
  box-shadow:0 8px 18px rgba(23,32,51,.07);
}
@media (max-width: 980px) {
  .hero-points {
    grid-template-columns:1fr;
  }
}


/* v0.3.22 launch-ready premium polish */
.nav-cta {
  background:#2563eb;
  color:#fff !important;
  padding:8px 13px;
  border-radius:8px;
  box-shadow:0 6px 14px rgba(37,99,235,.22);
}
.nav-cta:hover { background:#1d4ed8; }
.hero {
  background:
    radial-gradient(circle at 84% 8%,rgba(37,99,235,.18),transparent 30%),
    radial-gradient(circle at 14% 88%,rgba(15,139,141,.08),transparent 30%),
    linear-gradient(135deg,#f8fbff 0%,#edf3fa 100%);
}
.hero h1 { max-width:820px; }
.hero .button.primary {
  box-shadow:0 10px 24px rgba(37,99,235,.23);
}
.proof-strip {
  background:#172033;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.proof-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.proof-grid > div {
  padding:22px 20px;
  border-right:1px solid rgba(255,255,255,.09);
}
.proof-grid > div:first-child { padding-left:0; }
.proof-grid > div:last-child { border-right:0; }
.proof-grid strong {
  display:block;
  font-size:14px;
  margin-bottom:3px;
}
.proof-grid span {
  display:block;
  color:#aebfd3;
  font-size:12px;
  line-height:1.45;
}
.pricing-grid { gap:22px; }
.price-card {
  display:flex;
  flex-direction:column;
}
.price-card h3 { font-size:22px; }
.price-card ul { flex:1; }
.savings-chip {
  display:inline-flex;
  align-self:flex-start;
  margin-top:8px;
  padding:6px 9px;
  border-radius:999px;
  background:#ecfdf3;
  border:1px solid #bce7ca;
  color:#15803d;
  font-size:12px;
  font-weight:800;
}
.price-card.featured {
  transform:translateY(-6px);
}
.price-card.featured:hover {
  transform:translateY(-9px);
}
.sales-contact {
  max-width:920px;
  margin:22px auto 0;
  padding:20px 22px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  background:linear-gradient(135deg,#172033 0%,#22304a 100%);
  color:#fff;
  box-shadow:0 14px 30px rgba(23,32,51,.13);
}
.sales-contact strong {
  display:block;
  font-size:20px;
  margin:2px 0 4px;
}
.sales-contact p {
  margin:0;
  color:#b9c9db;
}
.sales-kicker {
  color:#8fb4ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.sales-contact .button.secondary {
  border-color:#fff;
  white-space:nowrap;
}
.trial-band {
  background:
    radial-gradient(circle at 85% 0%,rgba(37,99,235,.18),transparent 35%),
    linear-gradient(135deg,#172033 0%,#101827 100%);
}
.trial-band .button.secondary {
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
#faq details {
  transition:box-shadow .18s ease, transform .18s ease;
}
#faq details[open] {
  box-shadow:0 10px 24px rgba(23,32,51,.08);
  transform:translateY(-1px);
}
@media (max-width:900px) {
  .proof-grid { grid-template-columns:repeat(2,1fr); }
  .proof-grid > div:nth-child(2) { border-right:0; }
  .price-card.featured { transform:none; }
  .sales-contact { align-items:flex-start; flex-direction:column; }
}
@media (max-width:560px) {
  .proof-grid { grid-template-columns:1fr; }
  .proof-grid > div { border-right:0; border-bottom:1px solid rgba(255,255,255,.09); padding-left:0; }
  .proof-grid > div:last-child { border-bottom:0; }
}

/* v1.0 production readiness */
.purchase-trust {
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:22px 0 -6px;
  padding:12px 16px;
  background:#f4f8ff;
  border:1px solid #d7e4f6;
  border-radius:12px;
  color:#475569;
  font-size:13px;
  font-weight:650;
}
.purchase-trust span { white-space:nowrap; }
.contact-sales-row {
  display:flex;
  justify-content:center;
  margin-top:14px;
}
.contact-sales-row .button {
  min-width:180px;
}
.launch-modal {
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(12,20,34,.62);
  backdrop-filter:blur(5px);
}
.launch-modal.open { display:flex; }
.launch-modal-card {
  width:min(560px,100%);
  background:#fff;
  border:1px solid #cbd8ea;
  border-radius:18px;
  padding:30px;
  box-shadow:0 30px 80px rgba(5,15,35,.28);
  position:relative;
}
.launch-modal-card h2 {
  font-size:30px;
  margin:8px 0 12px;
}
.launch-modal-card p { color:var(--slate); }
.launch-modal-close {
  position:absolute;
  right:14px;
  top:10px;
  border:none;
  background:transparent;
  color:#64748b;
  font-size:30px;
  cursor:pointer;
}
.legal-wrap { max-width:960px; }
.legal-title { font-size:44px; margin-bottom:6px; }
.legal-updated { color:var(--slate); margin-top:0; }
.legal-card {
  margin-top:26px;
  padding:30px;
  background:#fff;
  border:1px solid #cbd8ea;
  border-radius:16px;
  box-shadow:0 14px 34px rgba(23,32,51,.07);
}
.legal-card h2 {
  font-size:22px;
  margin-top:28px;
  margin-bottom:8px;
}
.legal-card h2:first-child { margin-top:0; }
.legal-card p { color:#475569; }
.legal-nav { display:flex !important; }
@media (max-width:720px) {
  .purchase-trust { display:grid; grid-template-columns:1fr; }
  .purchase-trust span { white-space:normal; }
  .legal-card { padding:22px; }
  .legal-title { font-size:36px; }
}


/* v1.1 legal brand identity */
.company-line {
  color:#c9d6e6 !important;
  font-weight:700;
  letter-spacing:.01em;
}
.legal-brand-note {
  display:inline-block;
  margin:8px 0 0;
  padding:8px 12px;
  border-radius:10px;
  background:#eef4ff;
  border:1px solid #d5e2f5;
  color:#172033;
}