@media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto !important; }
      *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
      }
      .flow-line {
        animation: none !important;
        stroke-dasharray: none !important;
      }
    }

    /* ============================================
       DESIGN SYSTEM — VETRIQ brand tokens
    ============================================ */
    :root {
      --forest: #102F2A;
      --forest-deep: #0A1A17;
      --forest-dark: #071310;
      --forest-light: #163B34;
      --forest-mid: #163B34;
      --forest-soft: #EAF0E4;
      --lime: #C5D947;
      --lime-dim: rgba(197, 217, 71, 0.10);
      --lime-hover: #d4e85a;
      --lime-on-white: #3D5A0F;
      --lime-dark: #3D5A0F;
      --mint: #DCE8D6;
      --white: #FFFFFF;
      --silver: #C5D0C1;
      --slate: #576660; /* Darkened to satisfy WCAG contrast on #EAF0E4 */
      --ink: #102F2A;
      --muted-dark: #576660;
      --border-light: rgba(197, 217, 71, 0.18);
      --line-dark: rgba(197, 217, 71, 0.18);
      --line-light: #C5D0C1;
      --warn: #F3D28A;

      --text-primary: #FFFFFF;
      --text-secondary: #DCE8D6;
      --text-tertiary: #576660;
      --border: rgba(197, 217, 71, 0.18);
      --border-hover: rgba(197, 217, 71, 0.28);

      --lime-glow: rgba(197, 217, 71, 0.12);
      --lime-glow-soft: rgba(197, 217, 71, 0.04);

      --font-heading: 'Barlow', sans-serif;
      --font-body: 'Inter', sans-serif;

      --h2: clamp(1.85rem, 3.4vw, 2.5rem);

      --space: 8px;
      --radius-sm: 4px;
      --radius-md: 8px;
      --radius-lg: 14px;

      --ease: cubic-bezier(.22, 1, .36, 1);
      --duration: 0.4s;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

    body {
      font-family: var(--font-body);
      background: var(--forest-dark);
      color: var(--text-primary);
      line-height: 1.6;
      overflow-x: hidden;
    }

    h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); letter-spacing: -0.02em; line-height: 1.15; color: #fff; }
    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }
    button { cursor: pointer; border: none; background: none; font-family: inherit; color: inherit; }

    /* Accessibility Skip Link */
    .skip-link {
      position: absolute; top: -100%; left: 24px;
      background: var(--lime); color: var(--forest-dark);
      padding: 12px 24px;
      border-radius: var(--radius-sm); font-weight: 600; font-size: 0.9rem;
      z-index: 9999; transition: top var(--duration) var(--ease);
      border: 1px solid var(--lime);
    }
    .skip-link:focus { top: 24px; }

    .container { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
    .container-narrow { max-width: 760px; margin: 0 auto; padding: 0 24px; }
    .container-wide { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

    .section-eyebrow {
      font-family: var(--font-body); font-size: 0.75rem; font-weight: 600;
      letter-spacing: 0.14em; text-transform: uppercase; color: var(--lime);
      margin-bottom: 16px; display: inline-flex; align-items: center; gap: 8px;
    }
    .section-eyebrow::before { content: ''; width: 16px; height: 1px; background: var(--lime); opacity: 0.5; }

    .section-title {
      font-size: var(--h2); font-weight: 800; margin-bottom: 16px;
    }

    .text-lime { color: var(--lime); }

    /* ============================================
       NAVIGATION
    ============================================ */
    .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 18px 0; transition: all 0.3s ease; }
    .nav.scrolled {
      background: rgba(10, 26, 23, 0.95);
      border-bottom: 1px solid var(--border);
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .nav-container { display: flex; align-items: center; justify-content: space-between; }
    .nav-logo { display: flex; align-items: center; gap: 12px; }
    .nav-logo-img { height: 24px; width: auto; }
    .nav-event-tag {
      font-family: var(--font-body); font-size: 0.68rem; font-weight: 600;
      letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-secondary);
      border-left: 1px solid var(--border-light); padding-left: 12px;
      display: inline-block;
    }
    .nav-links { display: flex; align-items: center; gap: 16px; }
    .nav-btn {
      font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
      padding: 10px 18px; border-radius: var(--radius-sm); transition: all var(--duration) var(--ease);
      font-family: var(--font-heading);
    }
    .nav-btn--secondary {
      color: var(--text-primary); border: 1px solid var(--border-light);
    }
    .nav-btn--secondary:hover {
      background: rgba(197, 217, 71, 0.04); border-color: var(--lime); color: var(--lime);
    }
    .nav-btn--primary {
      background: var(--lime); color: var(--forest-dark);
    }
    .nav-btn--primary:hover {
      filter: brightness(1.05); box-shadow: 0 0 16px var(--lime-glow);
    }

    @media (max-width: 620px) {
      .nav-event-tag { display: none; }
      .nav-btn { padding: 8px 12px; font-size: 0.75rem; }
      .nav-btn--primary { display: none; }
    }

    /* ============================================
       HERO SECTION
    ============================================ */
    .hero {
      position: relative; padding: 180px 0 100px;
      background: radial-gradient(circle at 50% 0%, var(--forest-light) 0%, var(--forest-dark) 70%);
      border-bottom: 1px solid var(--border);
    }
    .hero-grid {
      display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 48px; align-items: center;
    }
    .hero-copy {
      text-align: left;
    }
    .hero-eyebrow {
      font-family: var(--font-body); font-size: 0.8rem; font-weight: 600;
      letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-secondary);
      margin-bottom: 24px; display: inline-block; background: rgba(232, 237, 230, 0.03);
      padding: 6px 16px; border-radius: 20px; border: 1px solid var(--border);
    }
    .hero h1 {
      font-size: clamp(2.4rem, 5.2vw, 3.8rem); font-weight: 900;
      margin-bottom: 20px; letter-spacing: -0.03em; line-height: 1.1;
    }
    .hero-subhead {
      font-size: clamp(1.05rem, 2vw, 1.25rem); color: var(--text-secondary);
      margin-bottom: 36px; line-height: 1.6;
    }
    .hero-ctas {
      display: flex; gap: 16px; align-items: center;
    }
    .btn {
      font-family: var(--font-heading); font-size: 1.05rem; font-weight: 700;
      text-transform: uppercase; letter-spacing: 0.05em; padding: 16px 32px;
      border-radius: var(--radius-sm); transition: all var(--duration) var(--ease);
      display: inline-flex; align-items: center; gap: 8px; min-height: 52px;
    }
    .btn--primary {
      background: var(--lime); color: var(--forest-dark);
    }
    .btn--primary:hover {
      transform: translateY(-2px); box-shadow: 0 4px 20px var(--lime-glow);
    }
    .btn--secondary {
      color: var(--text-primary); border: 1.5px solid var(--border-light);
    }
    .btn--secondary:hover {
      background: rgba(197, 217, 71, 0.04); border-color: var(--lime); color: var(--lime);
      transform: translateY(-2px);
    }

    /* Systems blueprint hero graphic */
    .blueprint-graphic {
      width: 100%; height: auto; display: block; position: relative;
    }
    .flow-line {
      stroke-dasharray: 8, 8;
      animation: flowPulse 4s linear infinite;
    }
    @keyframes flowPulse {
      to { stroke-dashoffset: -32; }
    }

    @media (max-width: 920px) {
      .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
      .hero-copy { text-align: center; }
      .hero-ctas { justify-content: center; }
      .blueprint-graphic { max-width: 540px; margin: 0 auto; }
    }
    @media (max-width: 620px) {
      .hero { padding: 140px 0 70px; }
      .hero-ctas { flex-direction: column; gap: 12px; width: 100%; max-width: 320px; margin: 0 auto; }
      .btn { width: 100%; justify-content: center; }
    }

    /* ============================================
       PROOF STRIP (POST-HERO)
    ============================================ */
    .proof-strip {
      background: var(--forest-dark); padding: 48px 0; border-bottom: 1px solid var(--border);
    }
    .proof-grid {
      display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px;
    }
    .proof-card {
      text-align: center; display: flex; flex-direction: column; align-items: center;
    }
    .proof-val {
      font-family: var(--font-heading); font-size: clamp(2rem, 4vw, 3rem); font-weight: 800;
      color: var(--lime); line-height: 1; margin-bottom: 8px;
    }
    .proof-desc {
      font-size: 0.9rem; color: var(--text-secondary); max-width: 260px; line-height: 1.4;
    }
    @media (max-width: 920px) {
      .proof-strip { padding: 36px 0; }
      .proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
      .proof-desc { max-width: 100%; }
    }
    @media (max-width: 620px) {
      .proof-grid { grid-template-columns: minmax(0, 1fr); }
    }

    /* ============================================
       PROBLEM REFRAME
    ============================================ */
    .reframe {
      padding: 96px 0 72px; text-align: center; border-bottom: 1px solid var(--border);
      background: var(--forest-soft);
      color: var(--ink);
    }
    .reframe .section-eyebrow {
      color: var(--lime-dark);
    }
    .reframe .section-eyebrow::before {
      background: var(--lime-dark);
    }
    .reframe-copy {
      font-size: clamp(1.1rem, 2vw, 1.35rem); color: var(--ink);
      max-width: 760px; margin: 0 auto; line-height: 1.7;
    }
    .reframe-copy .attribution {
      display: block; font-size: 0.95rem; font-weight: 600; color: var(--slate); margin-top: 12px;
    }

    /* ============================================
       CALCULATOR CONTAINER
    ============================================ */
    .calc-section {
      padding: 96px 0; border-bottom: 1px solid var(--border);
      background: radial-gradient(circle at 50% 50%, var(--forest-deep) 0%, var(--forest-dark) 100%);
    }
    .calc-intro {
      text-align: center; margin-bottom: 48px;
    }
    .calc-intro p {
      color: var(--text-secondary); font-size: 1.05rem; max-width: 600px; margin: 0 auto;
    }
    .calc-frame {
      max-width: 720px; margin: 0 auto; box-shadow: 0 16px 48px rgba(0,0,0,0.5);
    }

    /* ============================================
       WEINFUSE PARTNERSHIP BLOCK
    ============================================ */
    .partnership {
      padding: 96px 0; border-bottom: 1px solid var(--border);
      background: var(--forest-dark);
    }
    .partner-card {
      background: var(--forest-mid); border: 1.5px solid var(--border);
      border-radius: var(--radius-lg); padding: 48px;
      display: grid; grid-template-columns: 1.1fr 1.9fr; gap: 48px; align-items: center;
      transition: border-color var(--duration) var(--ease);
    }
    .partner-card:hover {
      border-color: var(--border-hover);
    }
    .partner-lockup {
      display: flex; flex-direction: column; gap: 16px; border-right: 1.5px solid var(--border);
      padding-right: 48px;
    }
    .partner-label {
      font-family: var(--font-body); font-size: 0.68rem; font-weight: 700;
      letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-secondary);
    }
    .partner-logos {
      display: flex; align-items: center; gap: 24px;
    }
    .pl-vetriq { height: 22px; width: auto; }
    .pl-weinfuse { height: 32px; width: auto; }
    .pl-x { font-size: 1.5rem; color: var(--text-secondary); line-height: 1; }

    .partner-blueprint-diagram {
      display: flex; align-items: center; gap: 8px; margin-top: 20px;
      padding-top: 16px; border-top: 1px dashed rgba(197, 217, 71, 0.1); font-size: 0.72rem;
    }
    .pb-step {
      background: rgba(232, 237, 230, 0.03); border: 1px solid var(--border);
      padding: 6px 10px; border-radius: 4px; color: var(--text-secondary);
      font-family: var(--font-heading); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
    }
    .pb-step.highlight {
      border-color: var(--lime); color: var(--lime); background: rgba(197, 217, 71, 0.03);
    }
    .pb-arrow { color: var(--text-secondary); opacity: 0.4; font-weight: bold; }

    .partner-copy h3 {
      font-size: 1.6rem; font-weight: 800; margin-bottom: 16px;
    }
    .partner-copy p {
      color: var(--text-secondary); margin-bottom: 24px; line-height: 1.65;
    }
    .partner-link {
      color: var(--lime); font-weight: 600; font-size: 0.95rem; display:inline-flex; align-items: center; gap: 8px;
    }
    .partner-link:hover {
      text-decoration: underline; text-underline-offset: 4px;
    }

    @media (max-width: 920px) {
      .partner-card { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 32px; }
      .partner-lockup { border-right: none; border-bottom: 1px solid var(--border); padding-right: 0; padding-bottom: 24px; }
    }
    @media (max-width: 480px) {
      .partner-card { padding: 20px; }
      .partner-logos { gap: 12px; }
      .pl-vetriq { height: 18px; }
      .pl-weinfuse { height: 26px; }
      .pl-x { font-size: 1.2rem; }
      .partner-blueprint-diagram { flex-direction: column; gap: 6px; align-items: center; text-align: center; }
      .pb-arrow { transform: rotate(90deg); margin: 2px 0; }
    }

    /* ============================================
       INTEGRATION / SCOPE SHELF
    ============================================ */
    .integrations {
      padding: 96px 0; border-bottom: 1px solid var(--border);
      background: var(--forest-dark);
    }
    .integrations-intro {
      text-align: center; margin-bottom: 56px;
    }
    .integrations-grid {
      display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;
    }
    .int-card {
      background: var(--forest-mid); border: 1px solid var(--border);
      border-radius: var(--radius-md); padding: 32px; transition: all var(--duration) var(--ease);
      display: flex; flex-direction: column;
    }
    .int-card:hover {
      border-color: var(--lime); transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.3);
    }
    .int-icon {
      margin-bottom: 20px;
    }
    .int-icon svg { width: 32px; height: 32px; color: var(--lime); }
    .int-card h3 {
      font-size: 1.25rem; font-weight: 700; margin-bottom: 12px;
    }
    .int-card p {
      color: var(--text-secondary); font-size: 0.95rem; line-height: 1.6; flex-grow: 1;
    }

    .int-specs {
      margin-top: 24px; padding-top: 16px; border-top: 1px dashed rgba(197, 217, 71, 0.1);
      display: flex; flex-direction: column; gap: 8px; font-size: 0.8rem;
    }
    .int-spec-row { display: flex; justify-content: space-between; align-items: center; }
    .spec-label { color: var(--lime); font-weight: 700; font-family: var(--font-heading); text-transform: uppercase; letter-spacing: 0.05em; }
    .spec-val { color: var(--text-secondary); text-align: right; }

    @media (max-width: 920px) {
      .integrations-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
      .int-card { padding: 24px; }
    }
    @media (max-width: 620px) {
      .integrations-grid { grid-template-columns: minmax(0, 1fr); }
    }

    /* ============================================
       BOOK MATT SECTION (CALENDLY INLINE WIDGET)
    ============================================ */
    .book-matt {
      padding: 96px 0; border-bottom: 1px solid var(--border);
      background: var(--forest-soft);
      color: var(--ink);
    }
    .book-matt .section-eyebrow {
      color: var(--lime-dark);
    }
    .book-matt .section-eyebrow::before {
      background: var(--lime-dark);
    }
    .book-matt .section-title {
      color: var(--ink);
    }
    .book-matt-grid {
      display: grid; grid-template-columns: 1fr 1.2fr; gap: 64px; align-items: start;
    }
    .book-matt-copy {
      padding-top: 16px;
    }
    .book-matt-copy p {
      font-size: 1.05rem; color: var(--slate); margin-bottom: 24px; line-height: 1.65;
    }
    .book-features {
      list-style: none; margin-top: 32px; display: flex; flex-direction: column; gap: 16px;
    }
    .book-features li {
      display: flex; align-items: flex-start; gap: 12px; color: var(--ink); font-size: 0.95rem;
    }
    .book-features svg {
      width: 20px; height: 20px; color: var(--lime-dark); flex-shrink: 0; margin-top: 2px;
    }
    .booking-widget-card {
      background: var(--white); border-radius: var(--radius-lg); overflow: hidden;
      box-shadow: 0 16px 48px rgba(16, 47, 42, 0.08);
    }

    @media (max-width: 920px) {
      .book-matt-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
      .book-matt-copy { text-align: center; }
      .book-features { align-items: flex-start; text-align: left; max-width: 480px; margin: 24px auto 0; }
    }

    /* ============================================
       FAQ ACCORDION
    ============================================ */
    .faq {
      padding: 96px 0; border-bottom: 1px solid var(--border);
      background: var(--forest-dark);
    }
    .faq-layout {
      max-width: 800px; margin: 0 auto;
    }
    .faq-title {
      text-align: center; margin-bottom: 48px;
    }
    .faq-accordion {
      display: flex; flex-direction: column; gap: 12px;
    }
    .faq-item {
      background: var(--forest-mid); border: 1px solid var(--border);
      border-radius: var(--radius-md); overflow: hidden; transition: border-color var(--duration) var(--ease);
    }
    .faq-item:hover {
      border-color: var(--border-hover);
    }
    .faq-item summary {
      padding: 24px; font-family: var(--font-heading); font-size: 1.15rem; font-weight: 700;
      color: #fff; cursor: pointer; list-style: none; display: flex; justify-content: space-between;
      align-items: center; user-select: none;
    }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after {
      content: '+'; font-size: 1.5rem; color: var(--text-secondary); font-weight: 300;
      transition: transform var(--duration) var(--ease);
    }
    .faq-item[open] summary::after {
      content: '−'; transform: rotate(180deg); color: var(--lime);
    }
    .faq-content {
      padding: 0 24px 24px; border-top: 1px solid rgba(197, 217, 71, 0.03);
    }
    .faq-content p {
      color: var(--text-secondary); font-size: 0.95rem; line-height: 1.65;
    }
    .faq-content a {
      color: var(--lime); text-decoration: underline; text-underline-offset: 3px;
    }

    /* ============================================
       FOOTER
    ============================================ */
    .footer {
      background: var(--forest-deep); padding: 64px 0 40px; border-top: 1px solid var(--border);
      color: var(--text-secondary); font-size: 0.9rem;
    }
    .footer-top {
      display: flex; justify-content: space-between; align-items: flex-start;
      margin-bottom: 48px; flex-wrap: wrap; gap: 32px;
    }
    .footer-brand {
      max-width: 320px;
    }
    .footer-brand-logo {
      height: 22px; width: auto; margin-bottom: 16px;
    }
    .footer-brand p {
      font-size: 0.85rem; color: var(--text-secondary); line-height: 1.5;
    }
    .footer-links {
      display: flex; gap: 64px; flex-wrap: wrap;
    }
    .footer-col h4 {
      font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em;
      color: #fff; margin-bottom: 18px;
    }
    .footer-col ul {
      list-style: none; display: flex; flex-direction: column; gap: 10px;
    }
    .footer-col a {
      color: var(--text-secondary); transition: color var(--duration) var(--ease);
      font-size: 0.85rem;
    }
    .footer-col a:hover {
      color: var(--lime);
    }
    .footer-bottom {
      border-top: 1px solid var(--border); padding-top: 32px;
      display: flex; justify-content: space-between; align-items: center;
      flex-wrap: wrap; gap: 16px; font-size: 0.8rem; color: var(--text-secondary);
    }
    .footer-bottom-links {
      display: flex; gap: 24px;
    }
    .footer-bottom-links a:hover {
      color: var(--lime);
    }

    @media (max-width: 768px) {
      .footer-top { flex-direction: column; align-items: stretch; gap: 40px; }
      .footer-links { gap: 32px; justify-content: space-between; }
      .footer-bottom { flex-direction: column; text-align: center; }
    }

    /* ============================================
       STICKY BOTTOM CTA FOR MOBILE
    ============================================ */
    .sticky-cta {
      display: none;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: var(--forest-deep);
      border-top: 1px solid var(--border);
      padding: 12px 24px;
      z-index: 999;
      box-shadow: 0 -4px 16px rgba(0,0,0,0.3);
    }
    .sticky-cta .btn {
      width: 100%;
      justify-content: center;
      min-height: 48px;
      padding: 12px;
      font-size: 1rem;
    }
    @media (max-width: 620px) {
      .sticky-cta { display: block; }
      body { padding-bottom: 72px; }
    }


    /* Consent bar offset for mobile sticky CTA. */
    html body.vq-consent-visible .sticky-cta { bottom: 92px; }
    @media (max-width: 767px) { html body.vq-consent-visible { padding-bottom: 160px; } }

  

          /* ============================================
             CALCULATOR — SCOPED UNDER .calc-root (touch-optimized for booth iPad / /nica embed)
             Same design tokens as cost.html's .calc-root; single-column sliders + larger touch
             targets throughout since this fragment's only host context is the NICA booth page.
          ============================================ */
          .calc-root {
            --bg:#060E09; --bg2:#0A1610; --card:#0E1D14; --card2:#132A1C;
            --c-border:#1B3526; --border-light:#245235;
            --calc-lime:#C5D947; --lime-dim-calc:#3D6614; --lime-glow:rgba(197,217,71,.12); --lime-glow2:rgba(197,217,71,.06);
            --red:#F87171; --amber:#FBBF24; --amber-dim:#92400E;
            --text:#F1F5F3; --text2:#A3B8AC; --text3:#779682;
            --font-heading:'Barlow', sans-serif; --font-body:'Inter', sans-serif;
            background: var(--bg); color: var(--text); border-radius:14px; padding:28px 0 32px;
            border:1px solid var(--c-border); overflow:hidden; font-family:var(--font-body);
          }
          .calc-root *, .calc-root *::before, .calc-root *::after { box-sizing:border-box; }
          .calc-root button { cursor:pointer; border:none; background:none; font-family:inherit; color:inherit; }
          .calc-root .calc-header { padding:0 22px 22px; border-bottom:1px solid var(--c-border); }
          .calc-root .calc-tagline { font-size:10px; font-weight:600; color:var(--text3); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:10px; }
          .calc-root .calc-headline { font-family:var(--font-heading); font-size:21px; font-weight:800; color:#fff; margin:0 0 6px; line-height:1.2; letter-spacing:-.3px; }
          .calc-root .calc-headline .calc-accent { color:var(--calc-lime); }
          .calc-root .calc-subtitle { font-size:13px; color:var(--text2); line-height:1.6; }
          .calc-root .calc-wrap { padding:20px 20px 0; max-width:640px; margin:0 auto; }
          .calc-root .calc-section { background:var(--card); border:1px solid var(--c-border); border-radius:12px; padding:18px 18px; margin-bottom:14px; }
          .calc-root .calc-section-label { font-size:10px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:2px; margin-bottom:12px; }
          .calc-root .sliders { display:grid; grid-template-columns:1fr; gap:20px; }
          .calc-root .slider-row { display:flex; justify-content:space-between; margin-bottom:10px; }
          .calc-root .slider-row span { font-size:13.5px; color:var(--text2); }
          .calc-root .slider-row .val { font-size:16px; font-weight:700; color:var(--calc-lime); }
          .calc-root input[type=range] { width:100%; accent-color:var(--calc-lime); cursor:pointer; height:8px; touch-action:pan-x; }
          .calc-root input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:28px; height:28px; border-radius:50%; background:var(--calc-lime); border:3px solid #06110b; cursor:pointer; }
          .calc-root input[type=range]::-moz-range-thumb { width:28px; height:28px; border-radius:50%; background:var(--calc-lime); border:3px solid #06110b; cursor:pointer; }
          .calc-root .range-labels { display:flex; justify-content:space-between; font-size:11px; color:var(--text3); }
          .calc-root .ticker { background:linear-gradient(135deg,rgba(127,29,29,.15) 0%,var(--card) 100%); border:1px solid rgba(248,113,113,.15); border-radius:12px; text-align:center; padding:24px 20px; margin-bottom:14px; }
          .calc-root .ticker .ticker-label { font-size:10px; font-weight:700; color:var(--red); text-transform:uppercase; letter-spacing:1.5px; margin-bottom:10px; }
          .calc-root .ticker .amount { font-family:var(--font-heading); font-size:38px; font-weight:900; color:var(--red); line-height:1; margin-bottom:8px; font-variant-numeric:tabular-nums; letter-spacing:-1px; }
          .calc-root .ticker .sub { font-size:12px; color:var(--text3); }
          .calc-root .big-nums { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:14px; }
          .calc-root .big-card { background:var(--card); border:1px solid var(--c-border); border-radius:12px; padding:18px 14px; text-align:center; }
          .calc-root .big-card .label { font-size:9.5px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; display:block; }
          .calc-root .big-card .num { font-family:var(--font-heading); font-size:27px; font-weight:900; line-height:1; margin-bottom:4px; font-variant-numeric:tabular-nums; letter-spacing:-1px; }
          .calc-root .big-card .sub { font-size:11.5px; color:var(--text3); min-height:16px; }
          .calc-root .savings-header { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:14px; }
          .calc-root .savings-header .num { font-family:var(--font-heading); font-size:27px; font-weight:900; color:var(--calc-lime); line-height:1; letter-spacing:-1px; }
          .calc-root .savings-header .mo { font-size:14px; color:var(--text3); font-weight:400; }
          .calc-root .savings-header .pct { font-family:var(--font-heading); font-size:21px; font-weight:900; color:var(--calc-lime); }
          .calc-root .bar-wrap { position:relative; height:26px; background:rgba(127,29,29,.25); border-radius:8px; overflow:hidden; }
          .calc-root .bar-fill { position:absolute; left:0; top:0; bottom:0; border-radius:8px; background:linear-gradient(90deg,var(--lime-dim-calc),rgba(197,217,71,.35)); transition:width .6s ease; }
          .calc-root .bar-label { position:absolute; top:50%; transform:translateY(-50%); font-size:11px; font-weight:700; }
          .calc-root .bar-label.left { left:12px; color:#fff; }
          .calc-root .bar-label.right { right:12px; color:var(--red); font-weight:600; }
          .calc-root .annual-row { display:flex; justify-content:space-between; margin-top:12px; font-size:12.5px; color:var(--text2); flex-wrap:wrap; gap:6px; }
          .calc-root .annual-row strong { color:var(--calc-lime); }
          .calc-root .diagnosis-headline { font-family:var(--font-heading); font-size:16px; font-weight:800; color:#fff; margin-bottom:8px; }
          .calc-root .diagnosis-copy { font-size:13px; color:var(--text2); line-height:1.7; margin-bottom:4px; }
          .calc-root .field-input { width:100%; background:var(--card2); border:1px solid var(--c-border); border-radius:8px; padding:14px; font-family:var(--font-body); font-size:15px; color:var(--text); margin-bottom:10px; }
          .calc-root .field-input::placeholder { color:var(--text3); }
          .calc-root .field-input:focus { outline:none; border-color:var(--calc-lime); }
          .calc-root .form-submit { width:100%; display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--calc-lime); color:#0A1610; font-family:var(--font-heading); font-size:15px; font-weight:700; padding:14px; border:none; border-radius:10px; cursor:pointer; min-height:52px; }
          .calc-root .form-submit:hover { filter:brightness(1.05); }
          .calc-root .form-success-msg { display:none; align-items:center; gap:10px; padding:14px 4px; color:var(--calc-lime); font-weight:500; font-size:14px; }
          .calc-root .form-success-msg.visible { display:flex; }
          .calc-root .form-success-msg svg { width:20px; height:20px; flex-shrink:0; }
          .calc-root .form-fine-print { font-size:11px; color:var(--text3); margin-top:6px; }
          .calc-root .form-fine-print a { color:var(--text2); text-decoration:underline; }
          .calc-root .share-link-row { margin-top:18px; padding-top:16px; border-top:1px solid var(--c-border); }
          .calc-root .share-label { font-size:10.5px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:1.5px; display:block; margin-bottom:8px; }
          .calc-root .share-link-box { display:flex; flex-direction:column; gap:8px; }
          .calc-root .share-link-box input { background:var(--card2); border:1px solid var(--c-border); border-radius:8px; padding:12px; font-size:12px; color:var(--text2); font-family:monospace; }
          .calc-root .share-copy-btn { padding:12px 16px; border-radius:8px; font-size:14px; font-weight:600; border:1.5px solid rgba(197,217,71,.3); background:transparent; color:var(--calc-lime); min-height:44px; }
          .calc-root .share-note { display:block; margin-top:8px; font-size:11px; color:var(--text3); line-height:1.5; }
          .calc-root .calc-disclaimer { text-align:center; margin-top:16px; font-size:10.5px; color:var(--text3); line-height:1.6; padding:0 22px; }