:root {
      --ink: #081822;
      --ink-2: #102a38;
      --paper: #f7fafc;
      --white: #ffffff;
      --blue: #1677ff;
      --blue-2: #005ad4;
      --lime: #c6ff4a;
      --sky: #dcecff;
      --muted: #5f7480;
      --line: #d9e4ea;
      --shadow: 0 24px 80px rgba(8, 24, 34, .14);
      --radius: 22px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: "DM Sans", system-ui, sans-serif;
      font-size: 16px;
      line-height: 1.6;
    }
    a { color: inherit; text-decoration: none; }
    button, a { -webkit-tap-highlight-color: transparent; }
    .shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

    .topbar {
      position: sticky;
      top: 0;
      z-index: 30;
      background: rgba(247, 250, 252, .88);
      backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(217, 228, 234, .85);
    }
    .nav {
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }
    .brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 800; }
    .brand-mark {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      border-radius: 11px;
      background: var(--ink);
      color: var(--white);
      font: 800 18px/1 "Manrope", sans-serif;
      position: relative;
      box-shadow: 0 8px 20px rgba(8, 24, 34, .16);
    }
    .brand-mark::after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      right: 6px;
      top: 6px;
      border-top: 2px solid var(--lime);
      border-right: 2px solid var(--lime);
    }
    .brand-name { font: 800 20px/1 "Manrope", sans-serif; letter-spacing: -.035em; }
    .brand-name span { color: var(--blue); }
    .nav-links { display: flex; align-items: center; gap: 26px; font-size: 14px; font-weight: 600; }
    .nav-links a:not(.nav-cta) { color: #334b58; }
    .nav-links a:hover { color: var(--blue); }
    .nav-cta {
      padding: 11px 18px;
      border-radius: 999px;
      color: var(--white);
      background: var(--ink);
      box-shadow: 0 8px 20px rgba(8, 24, 34, .15);
    }
    .category-nav {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 0 0 12px;
      overflow-x: auto;
      scrollbar-width: none;
    }
    .category-nav::-webkit-scrollbar { display: none; }
    .category-nav a {
      flex: 0 0 auto;
      padding: 9px 14px;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: #334b58;
      background: rgba(255,255,255,.78);
      font-size: 13px;
      font-weight: 700;
      transition: color .18s ease, border-color .18s ease, background .18s ease;
    }
    .category-nav a:hover { color: var(--white); border-color: var(--blue); background: var(--blue); }

    .hero {
      position: relative;
      overflow: hidden;
      padding: 88px 0 92px;
      background:
        linear-gradient(rgba(8,24,34,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8,24,34,.035) 1px, transparent 1px),
        radial-gradient(circle at 82% 10%, rgba(22,119,255,.14), transparent 30%),
        var(--paper);
      background-size: 34px 34px, 34px 34px, auto, auto;
    }
    .hero::before {
      content: "";
      position: absolute;
      width: 420px;
      height: 420px;
      border: 1px solid rgba(22,119,255,.15);
      border-radius: 50%;
      right: -180px;
      top: -170px;
    }
    .hero-grid {
      display: grid;
      grid-template-columns: 1.06fr .94fr;
      align-items: center;
      gap: 70px;
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 22px;
      color: var(--blue-2);
      font-weight: 700;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: .13em;
    }
    .eyebrow::before { content: ""; width: 24px; height: 2px; background: var(--blue); }
    h1, h2, h3 { font-family: "Manrope", sans-serif; margin: 0; letter-spacing: -.045em; }
    h1 { max-width: 700px; font-size: clamp(48px, 6.2vw, 78px); line-height: 1.01; }
    h1 em { color: var(--blue); font-style: normal; position: relative; }
    h1 em::after {
      content: "";
      position: absolute;
      height: 9px;
      left: 3px;
      right: 0;
      bottom: 2px;
      background: var(--lime);
      z-index: -1;
      transform: rotate(-1deg);
    }
    .hero-copy { max-width: 640px; margin: 26px 0 34px; color: #465f6c; font-size: 19px; line-height: 1.7; }
    .actions { display: flex; flex-wrap: wrap; gap: 13px; }
    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      min-height: 52px;
      padding: 0 22px;
      border-radius: 12px;
      font-weight: 700;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .button:hover { transform: translateY(-2px); }
    .button.primary { color: var(--white); background: var(--blue); box-shadow: 0 12px 28px rgba(22,119,255,.26); }
    .button.secondary { background: var(--white); border: 1px solid var(--line); }
    .arrow { font-size: 19px; line-height: 1; }
    .hero-note { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 28px; color: var(--muted); font-size: 13px; }
    .hero-note span { display: inline-flex; align-items: center; gap: 8px; }
    .check { width: 17px; height: 17px; border-radius: 50%; display: grid; place-items: center; background: #eaf9d6; color: #426b00; font-size: 11px; font-weight: 800; }

    .command-card {
      position: relative;
      min-height: 520px;
      padding: 24px;
      border-radius: 28px;
      color: var(--white);
      background: linear-gradient(145deg, #071721, #0d2a3a 68%, #0d3d53);
      box-shadow: var(--shadow);
      overflow: hidden;
    }
    .command-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 85% 5%, rgba(198,255,74,.15), transparent 23%);
      pointer-events: none;
    }
    .command-top { display: flex; align-items: center; justify-content: space-between; position: relative; }
    .mini-brand { color: #b8cbd4; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
    .live-pill { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #d7e5eb; font-size: 11px; }
    .live-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px rgba(198,255,74,.8); }
    .command-title { position: relative; margin-top: 38px; color: #9eb3bd; font-size: 13px; }
    .command-title strong { display: block; margin-top: 6px; color: var(--white); font: 700 27px/1.2 "Manrope", sans-serif; letter-spacing: -.035em; }
    .metric-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
    .metric { padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 17px; background: rgba(255,255,255,.055); }
    .metric small { display: block; color: #9eb3bd; font-size: 11px; text-transform: uppercase; letter-spacing: .09em; }
    .metric b { display: block; margin-top: 5px; font: 700 30px/1 "Manrope", sans-serif; }
    .metric .delta { margin-top: 8px; color: var(--lime); font-size: 11px; }
    .signal-list { position: relative; margin-top: 16px; padding: 8px 16px; border-radius: 17px; background: var(--white); color: var(--ink); }
    .signal-row { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 11px; padding: 13px 0; border-bottom: 1px solid #e9eff2; }
    .signal-row:last-child { border-bottom: 0; }
    .signal-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: var(--blue); background: #e9f3ff; font-weight: 800; }
    .signal-row strong { display: block; font-size: 13px; line-height: 1.25; }
    .signal-row small { color: var(--muted); font-size: 11px; }
    .signal-tag { padding: 5px 8px; border-radius: 999px; background: #eaf9d6; color: #426b00; font-size: 10px; font-weight: 700; }
    .float-chip {
      position: absolute;
      right: -20px;
      bottom: 42px;
      padding: 12px 14px;
      border-radius: 12px;
      background: var(--lime);
      color: #1d3300;
      box-shadow: 0 15px 30px rgba(34,62,0,.22);
      font-size: 12px;
      font-weight: 700;
      transform: rotate(-3deg);
    }

    .proof-strip { background: var(--ink); color: var(--white); }
    .proof-grid { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); align-items: center; min-height: 104px; gap: 30px; }
    .proof-intro { color: #b5c7d0; font-size: 14px; }
    .proof-stat { padding-left: 28px; border-left: 1px solid rgba(255,255,255,.14); }
    .proof-stat b { display: block; font: 700 25px/1 "Manrope", sans-serif; }
    .proof-stat span { color: #94aab5; font-size: 12px; }

    section { padding: 96px 0; scroll-margin-top: 130px; }
    article[id] { scroll-margin-top: 145px; }
    .section-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 42px; }
    .section-head h2 { max-width: 680px; font-size: clamp(36px, 4vw, 52px); line-height: 1.06; }
    .section-head p { max-width: 410px; margin: 0; color: var(--muted); }

    .pathways { background: var(--white); }
    .path-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .path-card {
      min-height: 330px;
      padding: 28px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--white);
      transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .path-card:hover { transform: translateY(-5px); border-color: #b6cfe0; box-shadow: 0 18px 42px rgba(8,24,34,.08); }
    .path-card.featured { color: var(--white); background: var(--blue); border-color: var(--blue); }
    .path-num { color: #8fa3ae; font: 700 13px/1 "Manrope", sans-serif; letter-spacing: .1em; }
    .featured .path-num { color: #c6ddff; }
    .path-icon { width: 52px; height: 52px; margin: 42px 0 26px; display: grid; place-items: center; border-radius: 15px; background: var(--sky); color: var(--blue); }
    .featured .path-icon { color: var(--ink); background: var(--lime); }
    .path-icon svg { width: 25px; height: 25px; }
    .path-card h3 { font-size: 24px; }
    .path-card p { margin: 12px 0 24px; color: var(--muted); }
    .featured p { color: #dceaff; }
    .text-link { display: inline-flex; align-items: center; gap: 7px; color: var(--blue); font-weight: 700; font-size: 14px; }
    .featured .text-link { color: var(--lime); }

    .function-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .function-grid .path-card { min-height: 360px; }
    .support-links {
      margin-top: 22px;
      padding: 20px 22px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: #f6f9fb;
    }
    .support-links p { margin: 0; color: var(--muted); font-size: 14px; }
    .support-link-list { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 18px; }
    .support-link-list a { color: var(--blue); font-size: 14px; font-weight: 700; }

    .store { background: var(--paper); }
    .product-grid { display: grid; grid-template-columns: 1.18fr .82fr .82fr; gap: 18px; }
    .product {
      min-height: 310px;
      padding: 28px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-radius: var(--radius);
      background: var(--white);
      border: 1px solid var(--line);
      overflow: hidden;
      position: relative;
    }
    .product.large { min-height: 440px; color: var(--white); background: var(--ink-2); border-color: var(--ink-2); }
    .product.large::after {
      content: "";
      position: absolute;
      width: 260px;
      height: 260px;
      right: -74px;
      top: -70px;
      border: 1px solid rgba(198,255,74,.26);
      border-radius: 50%;
      box-shadow: 0 0 0 30px rgba(198,255,74,.035), 0 0 0 65px rgba(198,255,74,.025);
    }
    .product.kicker { color: var(--blue); }
    .product-label { position: relative; z-index: 2; color: var(--blue); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
    .large .product-label { color: var(--lime); }
    .product h3 { position: relative; z-index: 2; max-width: 420px; margin-top: 12px; font-size: 27px; line-height: 1.15; }
    .large h3 { margin-top: 34px; font-size: 40px; }
    .product p { position: relative; z-index: 2; margin: 12px 0 0; color: var(--muted); }
    .large p { max-width: 430px; color: #bbced7; }
    .product-bottom { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 30px; }
    .product-type { color: #7a909b; font-size: 12px; }
    .large .product-type { color: #9fb2bc; }
    .fine-print { margin: 14px 2px 0; color: #627985; font-size: 13px; line-height: 1.5; }
    .round-arrow { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #eaf3f8; color: var(--ink); font-weight: 700; }
    .large .round-arrow { background: var(--lime); }
    .product-stack { display: grid; gap: 18px; }
    .collection-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 46px; }
    .collection-card { min-height: 235px; padding: 28px; border-radius: var(--radius); color: var(--white); background: var(--ink-2); position: relative; overflow: hidden; }
    .collection-card:nth-child(2) { background: var(--blue); }
    .collection-card::after { content: ""; position: absolute; width: 180px; height: 180px; right: -55px; top: -60px; border: 1px solid rgba(198,255,74,.3); border-radius: 50%; }
    .collection-card .product-label { color: var(--lime); }
    .collection-card h3 { position: relative; z-index: 2; margin-top: 18px; max-width: 520px; font-size: 29px; }
    .collection-card p { position: relative; z-index: 2; max-width: 560px; margin-top: 10px; color: #d0e0e8; }
    .collection-card .product-bottom { margin-top: 26px; }
    .collection-card .product-type { color: #d0e0e8; }
    .collection-card .round-arrow { background: var(--lime); }
    .catalog-group + .catalog-group { margin-top: 38px; }
    .catalog-group-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
    .catalog-group-head h3 { font-size: 25px; }
    .catalog-group-head span { color: var(--muted); font-size: 14px; }
    .catalog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
    .catalog-card { min-height: 215px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--line); border-radius: 18px; background: var(--white); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
    .catalog-card:hover { transform: translateY(-3px); border-color: #b6cfe0; box-shadow: 0 14px 34px rgba(8,24,34,.07); }
    .catalog-number { color: var(--blue); font: 800 12px/1 "Manrope", sans-serif; letter-spacing: .08em; }
    .catalog-card h4 { margin-top: 14px; font: 750 21px/1.18 "Manrope", sans-serif; letter-spacing: -.025em; }
    .catalog-card p { margin-top: 9px; color: var(--muted); font-size: 14px; line-height: 1.5; }
    .catalog-price { margin-top: 24px; color: #526b77; font-size: 13px; font-weight: 700; }

    .signals { color: var(--white); background: var(--ink); position: relative; overflow: hidden; }
    .signals::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 15% 10%, rgba(22,119,255,.25), transparent 31%);
    }
    .signals .shell { position: relative; }
    .signals-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 70px; align-items: center; }
    .signals h2 { font-size: clamp(38px, 4.7vw, 60px); line-height: 1.05; }
    .signals-copy > p { margin: 22px 0 30px; max-width: 560px; color: #b8cbd4; font-size: 18px; }
    .signal-points { display: grid; gap: 12px; margin: 0 0 34px; padding: 0; list-style: none; }
    .signal-points li { display: flex; gap: 12px; align-items: flex-start; color: #d6e3e9; }
    .signal-points i { width: 23px; height: 23px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 7px; background: rgba(198,255,74,.14); color: var(--lime); font-style: normal; font-weight: 800; font-size: 12px; }
    .dashboard { padding: 24px; border: 1px solid rgba(255,255,255,.13); border-radius: 24px; background: rgba(255,255,255,.06); backdrop-filter: blur(10px); }
    .dash-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
    .dash-head strong { font: 700 18px/1 "Manrope", sans-serif; }
    .dash-head span { color: #8fa7b2; font-size: 11px; }
    .county-list { display: grid; gap: 17px; margin-top: 24px; }
    .county-meta { display: flex; justify-content: space-between; color: #cad8de; font-size: 12px; }
    .bar { height: 7px; margin-top: 7px; border-radius: 99px; background: rgba(255,255,255,.09); overflow: hidden; }
    .bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), #67aaff); }
    .dash-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
    .dash-note { padding: 14px; border-radius: 13px; background: rgba(255,255,255,.07); }
    .dash-note b { display: block; font: 700 22px/1 "Manrope", sans-serif; }
    .dash-note small { color: #8fa7b2; }

    .advisory { background: var(--white); }
    .advisory-panel {
      padding: 54px;
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 70px;
      border: 1px solid var(--line);
      border-radius: 28px;
      background:
        radial-gradient(circle at 0 100%, rgba(22,119,255,.11), transparent 30%),
        var(--white);
    }
    .advisory-panel h2 { font-size: clamp(38px, 4.2vw, 54px); line-height: 1.06; }
    .advisory-panel p { color: var(--muted); }
    .service-list { display: grid; }
    .service-row { display: grid; grid-template-columns: 40px 1fr auto; gap: 16px; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--line); }
    .service-row:first-child { padding-top: 0; }
    .service-row:last-child { border-bottom: 0; }
    .service-num { color: var(--blue); font-weight: 700; }
    .service-row strong { display: block; font-family: "Manrope", sans-serif; font-size: 18px; }
    .service-row small { color: var(--muted); }
    .planned { padding: 6px 10px; border-radius: 999px; background: var(--sky); color: var(--blue-2); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
    .service-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .service-card {
      min-height: 360px;
      padding: 30px;
      display: flex;
      flex-direction: column;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--white);
    }
    .service-card:nth-child(2) { color: var(--white); background: var(--ink-2); border-color: var(--ink-2); }
    .service-card .service-icon { width: 54px; height: 54px; margin-top: 22px; display: grid; place-items: center; border-radius: 16px; color: var(--blue); background: var(--sky); font: 800 18px/1 "Manrope", sans-serif; }
    .service-card:nth-child(2) .service-icon { color: var(--ink); background: var(--lime); }
    .service-card h3 { margin-top: 34px; font-size: 26px; }
    .service-card p { margin: 14px 0 24px; color: var(--muted); }
    .service-card:nth-child(2) p { color: #b8cbd4; }
    .service-card ul { margin: auto 0 0; padding: 20px 0 0; border-top: 1px solid var(--line); list-style: none; color: #49616e; font-size: 14px; }
    .service-card:nth-child(2) ul { color: #d6e3e9; border-top-color: rgba(255,255,255,.14); }
    .service-card li + li { margin-top: 7px; }
    .service-status { align-self: flex-start; padding: 6px 10px; border-radius: 999px; color: var(--blue-2); background: var(--sky); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
    .service-status.active { color: #315500; background: #eaf9d6; }
    .service-card .text-link { margin-top: 22px; }

    .pricing-section { background: var(--paper); }
    .pricing-section.alt { background: var(--white); }
    .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .price-card {
      padding: 28px;
      display: flex;
      flex-direction: column;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--white);
    }
    .alt .price-card { background: var(--paper); }
    .price-card.recommended { color: var(--white); background: var(--blue); border-color: var(--blue); box-shadow: 0 18px 45px rgba(22,119,255,.22); }
    .price-label { color: var(--blue-2); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
    .recommended .price-label { color: var(--lime); }
    .price-card h3 { margin-top: 12px; font-size: 24px; }
    .price { margin: 22px 0 6px; font: 800 38px/1 "Manrope", sans-serif; letter-spacing: -.045em; }
    .price small { color: var(--muted); font: 500 13px/1.4 "DM Sans", sans-serif; letter-spacing: 0; }
    .recommended .price small, .recommended .price-card-copy { color: #dceaff; }
    .price-card-copy { min-height: 74px; margin: 8px 0 18px; color: var(--muted); }
    .price-list { margin: 0; padding: 18px 0 0; border-top: 1px solid var(--line); list-style: none; color: #49616e; font-size: 14px; }
    .recommended .price-list { color: #eef6ff; border-top-color: rgba(255,255,255,.2); }
    .price-list li { display: flex; gap: 9px; }
    .price-list li::before { content: "✓"; color: var(--blue); font-weight: 800; }
    .recommended .price-list li::before { color: var(--lime); }
    .price-list li + li { margin-top: 8px; }
    .pricing-note { margin-top: 20px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 14px; color: var(--muted); background: rgba(255,255,255,.7); font-size: 14px; }
    .boost-offer {
      display: grid;
      grid-template-columns: 1.25fr .75fr;
      gap: 36px;
      align-items: center;
      margin-bottom: 20px;
      padding: 30px;
      border: 1px solid #b9df64;
      border-radius: var(--radius);
      background: linear-gradient(135deg, #f3ffdc, #eaf9d6);
    }
    .boost-offer .price-label { color: #426b00; }
    .boost-offer h3 { margin: 8px 0 10px; font-size: 30px; }
    .boost-offer p { margin: 0; color: #49612d; }
    .boost-price { text-align: right; }
    .boost-price strong { display: block; color: #315500; font: 800 52px/1 "Manrope", sans-serif; letter-spacing: -.05em; }
    .boost-price span { color: #597237; font-size: 13px; }
    .boost-details { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 16px 32px; padding-top: 22px; border-top: 1px solid rgba(66,107,0,.2); }
    .boost-details ul { margin: 0; padding: 0; list-style: none; color: #354c1c; font-size: 14px; }
    .boost-details li + li { margin-top: 7px; }
    .boost-details li::before { content: "✓"; margin-right: 8px; color: #426b00; font-weight: 800; }
    .boost-limits { color: #597237; font-size: 13px; }
    .engagement-strip { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 32px; margin-top: 18px; padding: 26px 28px; border-radius: 18px; color: var(--white); background: var(--ink-2); }
    .engagement-strip strong { display: block; font: 700 20px/1.2 "Manrope", sans-serif; }
    .engagement-strip span { color: #b8cbd4; }
    .engagement-strip b { color: var(--lime); font: 800 28px/1 "Manrope", sans-serif; white-space: nowrap; }

    .about { color: var(--white); background: var(--ink); position: relative; overflow: hidden; }
    .about::before { content: ""; position: absolute; width: 520px; height: 520px; right: -220px; top: -240px; border: 1px solid rgba(198,255,74,.2); border-radius: 50%; box-shadow: 0 0 0 44px rgba(198,255,74,.025), 0 0 0 92px rgba(22,119,255,.025); }
    .about-grid { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; gap: 76px; align-items: start; }
    .about h2 { font-size: clamp(42px, 5vw, 64px); line-height: 1.03; }
    .about-lead { margin: 24px 0 0; color: #c2d3db; font-size: 19px; }
    .about-copy p { margin: 0 0 20px; color: #c2d3db; font-size: 17px; }
    .about-copy strong { color: var(--white); }
    .values-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 30px; }
    .value-card { padding: 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(255,255,255,.055); }
    .value-card b { display: block; color: var(--lime); font: 700 15px/1.3 "Manrope", sans-serif; }
    .value-card span { display: block; margin-top: 7px; color: #9eb3bd; font-size: 13px; }

    .final-cta { padding: 88px 0; color: var(--white); background: var(--blue); }
    .cta-grid { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
    .final-cta h2 { max-width: 760px; font-size: clamp(38px, 5vw, 62px); line-height: 1.03; }
    .final-cta p { margin: 18px 0 0; color: #ddebff; }
    .final-cta .button { flex: 0 0 auto; color: var(--ink); background: var(--lime); box-shadow: 0 16px 30px rgba(31,63,0,.2); }

    footer { padding: 34px 0; color: #9eb1ba; background: #06131b; font-size: 13px; }
    .footer-row { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
    .footer-brand { color: var(--white); font: 700 16px/1 "Manrope", sans-serif; }
    .footer-brand span { color: #77aefe; }

    @media (max-width: 980px) {
      .nav-links a:not(.nav-cta) { display: none; }
      .hero-grid, .signals-grid, .advisory-panel { grid-template-columns: 1fr; }
      .about-grid { grid-template-columns: 1fr; gap: 38px; }
      .hero-grid { gap: 50px; }
      .command-card { max-width: 650px; }
      .float-chip { right: 18px; }
      .proof-grid { grid-template-columns: 1fr 1fr; padding: 24px 0; }
      .proof-stat { padding-left: 0; border-left: 0; }
      .path-grid { grid-template-columns: 1fr; }
      .function-grid { grid-template-columns: 1fr 1fr; }
      .path-card { min-height: 0; }
      .path-icon { margin-top: 28px; }
      .product-grid { grid-template-columns: 1fr 1fr; }
      .catalog-grid { grid-template-columns: repeat(2, 1fr); }
      .product.large { grid-column: 1 / -1; }
      .advisory-panel { padding: 40px; gap: 38px; }
      .service-card-grid { grid-template-columns: 1fr; }
      .pricing-grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 680px) {
      .shell { width: min(100% - 28px, 1180px); }
      .topbar .shell { width: min(100% - 22px, 1180px); }
      .nav { min-height: 68px; }
      .brand-name { font-size: 18px; }
      .nav-cta { padding: 9px 13px; font-size: 12px; }
      .category-nav { margin: 0; width: 100%; padding: 0 11px 10px; }
      .hero { padding: 64px 0 66px; }
      h1 { font-size: clamp(43px, 14vw, 60px); }
      .hero-copy { font-size: 17px; }
      .button { width: 100%; }
      .command-card { min-height: 0; padding: 18px; border-radius: 21px; }
      .metric-grid { grid-template-columns: 1fr; }
      .float-chip { display: none; }
      .proof-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
      .proof-intro { grid-column: 1 / -1; }
      section { padding: 72px 0; }
      .section-head { display: block; }
      .section-head p { margin-top: 18px; }
      .function-grid { grid-template-columns: 1fr; }
      .support-links { align-items: flex-start; flex-direction: column; }
      .support-link-list { justify-content: flex-start; }
      .pricing-grid { grid-template-columns: 1fr; }
      .price-card-copy { min-height: 0; }
      .engagement-strip { grid-template-columns: 1fr; }
      .boost-offer { grid-template-columns: 1fr; padding: 24px 20px; }
      .boost-price { text-align: left; }
      .boost-details { grid-template-columns: 1fr; }
      .values-grid { grid-template-columns: 1fr; }
      .product-grid { grid-template-columns: 1fr; }
      .collection-grid, .catalog-grid { grid-template-columns: 1fr; }
      .catalog-group-head { align-items: start; flex-direction: column; gap: 4px; }
      .product.large { grid-column: auto; min-height: 380px; }
      .large h3 { font-size: 34px; }
      .dashboard { padding: 18px; }
      .dash-footer { grid-template-columns: 1fr; }
      .advisory-panel { padding: 26px 20px; }
      .service-row { grid-template-columns: 30px 1fr; }
      .planned { display: none; }
      .cta-grid { display: block; }
      .final-cta .button { margin-top: 28px; }
      .footer-row { display: block; }
      .footer-row > div:last-child { margin-top: 10px; }
    }
    /* Revenue Recovery + Continuity */
    .recovery { padding: 104px 0; background: #eef5f9; }
    .recovery-hero { display:grid; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items:start; }
    .recovery h2, .continuity h2 { font-size: clamp(42px, 5vw, 64px); line-height:1.03; }
    .recovery-lead, .continuity-lead { margin:22px 0 0; max-width:680px; color:#49616e; font-size:18px; }
    .value-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
    .value-chips span { padding:9px 13px; border:1px solid #cddce4; background:#fff; border-radius:999px; font-size:13px; font-weight:700; }
    .recovery-panel { padding:28px; border-radius:24px; background:var(--ink); color:white; box-shadow:var(--shadow); }
    .recovery-panel h3 { font-size:26px; }
    .recovery-panel p { color:#b8cbd4; }
    .est-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
    .field { display:flex; flex-direction:column; gap:7px; }
    .field label { font-size:12px; font-weight:700; color:#5c7380; }
    .recovery-panel .field label { color:#b8cbd4; }
    .field input, .field select, .field textarea { width:100%; border:1px solid #cfdce3; border-radius:11px; background:white; color:var(--ink); padding:12px 13px; font:inherit; }
    .field textarea { min-height:96px; resize:vertical; }
    .recovery-panel .field input { border-color:rgba(255,255,255,.16); background:rgba(255,255,255,.08); color:white; }
    .est-results { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px; }
    .est-result { padding:15px; border-radius:14px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); }
    .est-result small { display:block; color:#9fb4bf; font-size:11px; }
    .est-result b { display:block; margin-top:5px; font:700 24px/1.1 'Manrope',sans-serif; }
    .fineprint { margin-top:12px; font-size:11px; color:#8fa5b0!important; }
    .steps { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-top:46px; }
    .step { padding:24px; border:1px solid var(--line); border-radius:18px; background:white; }
    .step b { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--sky); color:var(--blue); font-family:'Manrope',sans-serif; }
    .step h3 { margin-top:25px; font-size:20px; }
    .step p { margin:9px 0 0; color:var(--muted); font-size:14px; }
    .pricing-block { margin-top:70px; }
    .pricing-head { display:flex; justify-content:space-between; gap:30px; align-items:end; }
    .pricing-head h3 { font-size:34px; }
    .pricing-head p { max-width:560px; color:var(--muted); }
    .recovery-price-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:24px; }
    .recovery-price-card { display:flex; flex-direction:column; padding:28px; border:1px solid var(--line); border-radius:22px; background:white; }
    .recovery-price-card.featured { background:var(--ink); color:white; border-color:var(--ink); transform:translateY(-8px); }
    .recovery-price-card .tag { align-self:flex-start; padding:6px 9px; border-radius:999px; background:#eaf9d6; color:#426b00; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
    .recovery-price-card h4 { margin:22px 0 0; font:700 24px/1.1 'Manrope',sans-serif; }
    .price { margin-top:12px; font:800 40px/1 'Manrope',sans-serif; }
    .price small { font:500 13px/1 'DM Sans',sans-serif; color:var(--muted); }
    .recovery-price-card.featured .price small, .recovery-price-card.featured p, .recovery-price-card.featured li { color:#b8cbd4; }
    .recovery-price-card p { color:var(--muted); }
    .recovery-price-card ul { padding-left:18px; margin:6px 0 26px; color:#425a67; font-size:14px; }
    .recovery-price-card li+li { margin-top:8px; }
    .recovery-price-card .button { margin-top:auto; }
    .intake { margin-top:64px; display:grid; grid-template-columns:.72fr 1.28fr; gap:28px; align-items:start; }
    .intake-copy { padding:28px; border-radius:22px; background:var(--blue); color:white; }
    .intake-copy h3 { font-size:31px; }
    .intake-copy p { color:#dceaff; }
    .intake-copy ul { padding-left:18px; color:#eef6ff; }
    .intake-form { padding:28px; border:1px solid var(--line); border-radius:22px; background:white; }
    .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .form-grid .full { grid-column:1/-1; }
    .file-box { border:1px dashed #a9bfca; border-radius:14px; padding:16px; background:#f8fbfc; }
    .file-status { margin-top:8px; font-size:12px; color:var(--muted); }
    .form-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
    .summary-box { display:none; margin-top:18px; padding:18px; border-radius:14px; background:#eef5f9; white-space:pre-wrap; font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; }
    .continuity { padding:104px 0; background:white; }
    .continuity-grid { display:grid; grid-template-columns:1fr 1fr; gap:46px; align-items:start; }
    .risk-card { padding:28px; border-radius:24px; background:#0d2a3a; color:white; }
    .risk-card h3 { font-size:27px; }
    .risk-list { display:grid; gap:10px; margin-top:18px; }
    .risk-item { display:grid; grid-template-columns:auto 1fr; gap:11px; padding:13px; border-radius:13px; background:rgba(255,255,255,.07); }
    .risk-item i { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; background:var(--lime); color:#1d3300; font-style:normal; font-weight:800; }
    .risk-item small { color:#aac0ca; display:block; }
    .continuity-packages { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:44px; }
    .continuity-card { padding:24px; border:1px solid var(--line); border-radius:18px; }
    .continuity-card h3 { font-size:22px; }
    .continuity-card .price { font-size:34px; }
    .continuity-card p, .continuity-card li { color:var(--muted); font-size:14px; }
    .continuity-card ul { padding-left:18px; }
    .privacy-note { margin-top:18px; padding:14px 16px; border-left:3px solid var(--blue); background:#eef5f9; color:#425a67; font-size:12px; }

    @media (max-width: 960px) {
      .recovery-hero, .continuity-grid, .intake { grid-template-columns:1fr; }
      .steps { grid-template-columns:1fr 1fr; }
      .recovery-price-grid, .continuity-packages { grid-template-columns:1fr; }
      .recovery-price-card.featured { transform:none; }
    }
    @media (max-width: 640px) {
      .steps, .form-grid, .est-grid, .est-results { grid-template-columns:1fr; }
      .pricing-head { display:block; }
    }

  
.catalog-card{position:relative}.catalog-card .plan-open::after{content:"";position:absolute;inset:0;border-radius:18px}.catalog-card .plan-open:focus-visible::after{outline:3px solid var(--blue);outline-offset:4px}.catalog-card .plan-open{display:block}.catalog-card img{width:100%;height:190px;object-fit:cover;border-radius:12px;margin-bottom:16px}.catalog-card .button{position:relative;z-index:2}.detail-main{padding:40px 0 70px}.detail-back{display:inline-block;color:var(--blue);margin-bottom:26px}.detail-heading{max-width:850px}.detail-heading h1{font:800 clamp(32px,5vw,58px)/1.12 Manrope,sans-serif;margin:14px 0 20px;letter-spacing:-.035em}.detail-headline{font-size:22px;line-height:1.45;color:var(--muted);margin-bottom:28px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}.detail-content h2{font:750 25px/1.3 Manrope,sans-serif;margin:30px 0 12px}.detail-content p{font-size:17px}.detail-price{background:white;border:1px solid var(--line);border-radius:20px;padding:26px;position:sticky;top:150px}.detail-price strong{display:block;font-size:28px}.detail-price .button{margin-top:20px;width:100%}.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:38px 0}.detail-gallery figure{margin:0}.detail-gallery img{width:100%;height:300px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:16px}.detail-gallery figcaption{font-size:14px;color:var(--muted);margin-top:8px}.detail-note{color:var(--muted);font-size:14px;margin-top:16px}.detail-steps{background:var(--sky);padding:24px;border-radius:18px;margin-top:30px}@media(max-width:760px){.detail-layout{grid-template-columns:1fr}.detail-price{position:static}.detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-gallery img{height:240px}}@media(max-width:450px){.detail-gallery{grid-template-columns:1fr}.detail-gallery img{height:auto;max-height:440px}}
.pressure-photo{position:relative;overflow:hidden;aspect-ratio:384/174;border-radius:16px}.pressure-photo img{position:absolute!important;width:400%!important;height:auto!important;max-width:none!important;left:0;top:-377%;border:0!important;border-radius:0!important}.catalog-card .pressure-photo{margin-bottom:16px}.catalog-card .pressure-photo img{margin:0}