/* ============================================
       DESIGN SYSTEM — TEMPLATE SHELL
    ============================================ */
    :root {
      --forest: #102F2A;
      --forest-deep: #0a1a17;
      --forest-light: #1a3d36;
      --forest-mid: #163530;
      --lime: #C5D947;
      --lime-dim: rgba(197, 217, 71, 0.10);
      --lime-hover: #d4e85a;
      --white: #FFFFFF;
      --silver: #D9DFDE;
      --slate: #475569;

      --text-primary: #e8ede6;
      --text-secondary: #9aab96;
      --text-tertiary: #5f7369;
      --border: rgba(197, 217, 71, 0.08);
      --border-hover: rgba(197, 217, 71, 0.18);

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

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

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

    *, *::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-deep);
      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.12;
    }

    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }
    button { cursor: pointer; border: none; background: none; font-family: inherit; color: inherit; }

    .skip-link {
      position: absolute; top: -100%; left: calc(var(--space) * 4);
      background: var(--lime); color: var(--forest);
      padding: calc(var(--space) * 2) calc(var(--space) * 4);
      border-radius: var(--radius-sm); font-weight: 600; font-size: 0.85rem;
      z-index: 9999; transition: top 0.2s;
    }
    .skip-link:focus { top: calc(var(--space) * 4); }

    .container { max-width: 1120px; margin: 0 auto; padding: 0 calc(var(--space) * 6); }
    .container-narrow { max-width: 800px; margin: 0 auto; padding: 0 calc(var(--space) * 6); }

    .label {
      font-family: var(--font-body);
      font-size: 0.72rem; font-weight: 600;
      letter-spacing: 0.14em; text-transform: uppercase;
      color: var(--lime); margin-bottom: calc(var(--space) * 5);
      display: flex; align-items: center; gap: calc(var(--space) * 2);
    }
    .label::before { content: ''; width: 20px; height: 1px; background: var(--lime); opacity: 0.5; }

    /* NAV */
    .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: calc(var(--space) * 4) 0; transition: all var(--duration-fast) var(--ease); }
    .nav.scrolled { background: var(--forest-deep); border-bottom: 1px solid var(--border); }
    .nav-container { display: flex; align-items: center; justify-content: space-between; }
    .nav-logo { display: flex; align-items: center; }
    .nav-logo img { height: 28px; width: auto; display: block; }
    .nav-links { display: flex; align-items: center; gap: calc(var(--space) * 4); }
    .nav-cta { font-size: 0.82rem; }
    .nav-mobile-btn { display: none; color: var(--text-primary); padding: calc(var(--space) * 2); }
    @media (max-width: 768px) { .nav-links { display: none; } .nav-mobile-btn { display: block; } }

    /* BUTTONS */
    .btn-primary {
      display: inline-flex; align-items: center; gap: calc(var(--space) * 2);
      background: var(--lime); color: var(--forest);
      font-family: var(--font-heading); font-size: 0.88rem; font-weight: 700;
      letter-spacing: 0.01em;
      padding: calc(var(--space) * 3.5) calc(var(--space) * 7);
      border-radius: var(--radius-sm);
      transition: background var(--duration-fast), transform 0.15s;
      min-height: 48px;
    }
    .btn-primary:hover { background: var(--lime-hover); }
    .btn-primary:active { transform: scale(0.97); }
    .btn-primary:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; box-shadow: 0 0 0 4px rgba(197, 217, 71, 0.25); }
    .btn-primary .icon { width: 18px; height: 18px; flex-shrink: 0; }

    /* SECTIONS */
    .section { padding: calc(var(--space) * 24) 0; }
    .section--surface { background: var(--forest); }
    .section--deep { background: var(--forest-deep); }
    .section--bordered { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }

    /* HERO */
    .hero {
      position: relative;
      min-height: 72svh;
      display: flex; align-items: center; overflow: hidden;
      background: linear-gradient(180deg, var(--forest) 0%, var(--forest-deep) 100%);
    }
    .hero-texture {
      position: absolute; inset: 0;
      background-image:
        linear-gradient(rgba(197,217,71,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(197,217,71,0.03) 1px, transparent 1px);
      background-size: 80px 80px;
      mask-image: radial-gradient(ellipse 60% 60% at 30% 40%, black 0%, transparent 70%);
      -webkit-mask-image: radial-gradient(ellipse 60% 60% at 30% 40%, black 0%, transparent 70%);
      z-index: 0;
    }
    .hero-gradient {
      position: absolute; inset: 0;
      background: radial-gradient(ellipse 80% 60% at 20% 50%, rgba(197,217,71,0.04) 0%, transparent 60%);
      z-index: 0;
    }
    .hero-content {
      position: relative; z-index: 1;
      max-width: 760px;
      padding-top: calc(var(--space) * 32);
      padding-bottom: calc(var(--space) * 18);
    }
    .hero h1 {
      font-size: clamp(2.4rem, 5.2vw, 4.2rem);
      font-weight: 800; line-height: 1.04; letter-spacing: -0.035em;
      margin-bottom: calc(var(--space) * 6);
    }
    .text-lime { color: var(--lime); }
    .text-red { color: #F87171; }
    .hero-description {
      font-size: clamp(1rem, 1.4vw, 1.15rem);
      color: var(--text-secondary); line-height: 1.75;
      max-width: 600px; margin-bottom: calc(var(--space) * 10);
    }
    .hero-buttons { display: flex; gap: calc(var(--space) * 4); flex-wrap: wrap; }
    .hero-content > * { opacity: 0; transform: translateY(24px); animation: heroIn var(--duration) var(--ease) forwards; }
    .hero-content > :nth-child(1) { animation-delay: 0.05s; }
    .hero-content > :nth-child(2) { animation-delay: 0.15s; }
    .hero-content > :nth-child(3) { animation-delay: 0.3s; }
    .hero-content > :nth-child(4) { animation-delay: 0.45s; }
    @keyframes heroIn { to { opacity: 1; transform: translateY(0); } }

    @media (max-width: 768px) {
      .hero {
        min-height: auto;
        align-items: flex-start;
      }
      .hero-content {
        width: 100%;
        max-width: 100%;
        padding-top: calc(var(--space) * 28);
        padding-bottom: calc(var(--space) * 16);
      }
      .hero h1 {
        font-size: clamp(2rem, 7vw, 2.55rem);
        line-height: 1.08;
        letter-spacing: -0.025em;
        overflow-wrap: anywhere;
      }
      .hero-description {
        max-width: 100%;
      }
    }

    /* FAQ */
    .faq-layout { display: grid; grid-template-columns: 1fr 1.6fr; gap: calc(var(--space) * 16); align-items: start; }
    .faq-title h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.12; }
    .faq-title p { margin-top: calc(var(--space) * 4); color: var(--text-secondary); font-size: 0.9rem; }
    .faq-item { border-bottom: 1px solid var(--border); }
    .faq-question {
      display: flex; justify-content: space-between; align-items: center;
      width: 100%; padding: calc(var(--space) * 5) 0;
      font-family: var(--font-heading); font-size: 0.95rem; font-weight: 600;
      text-align: left; color: var(--text-primary);
      transition: color var(--duration-fast);
    }
    .faq-question:hover { color: var(--lime); }
    .faq-question:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; border-radius: var(--radius-sm); }
    .faq-chevron { flex-shrink: 0; width: 20px; height: 20px; stroke: var(--text-tertiary); transition: transform var(--duration-fast) var(--ease); }
    .faq-item.active .faq-chevron { transform: rotate(45deg); }
    .faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--duration-fast) var(--ease); }
    .faq-item.active .faq-answer { grid-template-rows: 1fr; }
    .faq-answer-inner { overflow: hidden; }
    .faq-answer-inner p { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.75; padding-bottom: 0; transition: padding var(--duration-fast); }
    .faq-item.active .faq-answer-inner p { padding-bottom: calc(var(--space) * 5); }
    @media (max-width: 768px) { .faq-layout { grid-template-columns: 1fr; gap: calc(var(--space) * 8); } }

    /* FINAL CTA + FORM */
    .final-cta { padding: calc(var(--space) * 28) 0; }
    .final-cta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--space) * 16); align-items: center; }
    .final-cta-copy h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 800; letter-spacing: -0.035em; margin-bottom: calc(var(--space) * 4); }
    .final-cta-copy p { color: var(--text-secondary); font-size: 0.95rem; line-height: 1.75; }
    @media (max-width: 768px) { .final-cta-grid { grid-template-columns: 1fr; gap: calc(var(--space) * 10); } }

    .form-card { background: var(--forest); border: 1px solid var(--border-hover); border-radius: var(--radius-lg); padding: calc(var(--space) * 8); }
    .form-fields { display: grid; gap: calc(var(--space) * 3); }
    .field-input {
      width: 100%; background: var(--forest-mid); border: 1px solid var(--border);
      border-radius: var(--radius-md); padding: calc(var(--space) * 3.5) calc(var(--space) * 4);
      font-family: var(--font-body); font-size: 0.88rem; color: var(--text-primary);
      transition: border-color var(--duration-fast);
    }
    .field-input::placeholder { color: var(--text-tertiary); }
    .field-input:focus { outline: none; border-color: var(--lime); }
    .field-input.error { border-color: #e74c3c; }
    .form-submit {
      width: 100%; display: inline-flex; align-items: center; justify-content: center;
      gap: calc(var(--space) * 2); background: var(--lime); color: var(--forest);
      font-family: var(--font-heading); font-size: 0.88rem; font-weight: 700;
      padding: calc(var(--space) * 3.5); border: none; border-radius: var(--radius-md);
      cursor: pointer; min-height: 48px; transition: background var(--duration-fast);
    }
    .form-submit:hover { background: var(--lime-hover); }
    .form-submit:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
    .form-submit .icon { width: 18px; height: 18px; }
    .form-success-msg { display: none; align-items: center; gap: calc(var(--space) * 3); padding: calc(var(--space) * 4); color: var(--lime); font-weight: 500; font-size: 0.9rem; }
    .form-success-msg.visible { display: flex; }
    .form-success-msg svg { width: 22px; height: 22px; flex-shrink: 0; }
    .form-fine-print { font-size: 0.7rem; color: var(--text-tertiary); margin-top: calc(var(--space) * 3); }
    .form-fine-print a { text-decoration: underline; text-underline-offset: 2px; }

    /* FOOTER */
    .site-footer { position: relative; background: var(--forest); padding: calc(var(--space) * 16) 0 calc(var(--space) * 8); border-top: 1px solid var(--border); overflow: hidden; }
    .site-footer > .container { position: relative; z-index: 1; }
    .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: calc(var(--space) * 10); margin-bottom: calc(var(--space) * 12); }
    .footer-logo { height: 28px; width: auto; display: block; margin-bottom: calc(var(--space) * 4); }
    .footer-desc { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.65; max-width: 280px; }
    .footer-col h4 { font-family: var(--font-heading); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-tertiary); margin-bottom: calc(var(--space) * 4); }
    .footer-col ul { list-style: none; }
    .footer-col li { margin-bottom: calc(var(--space) * 2); }
    .footer-col a { font-size: 0.85rem; color: var(--text-secondary); transition: color var(--duration-fast); }
    .footer-col a:hover { color: var(--text-primary); }
    .footer-copy { font-size: 0.75rem; color: var(--text-tertiary); padding-top: calc(var(--space) * 6); border-top: 1px solid var(--border); }
    @media (max-width: 768px) { .footer-grid { grid-template-columns: 1fr 1fr; gap: calc(var(--space) * 8); } }

    [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity var(--duration) var(--ease), transform var(--duration) var(--ease); }
    [data-reveal].visible { opacity: 1; transform: translateY(0); }

    /* ============================================
       CALCULATOR — SCOPED UNDER .calc-root
       Brighter lime + red alerting palette kept
       intentionally for persuasion effect.
    ============================================ */
    .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);
      --c-forest:#1A5C3A;
      --red:#F87171;
      --red-dim:#7F1D1D;
      --amber:#FBBF24;
      --amber-dim:#92400E;
      --text:#F1F5F3;
      --text2:#A3B8AC;
      --text3:#5E7A68;

      background: var(--bg);
      color: var(--text);
      border-radius: var(--radius-lg);
      padding: 36px 0 40px;
      border: 1px solid var(--c-border);
      overflow: hidden;
    }
    .calc-root .calc-header { padding: 0 28px 28px; border-bottom:1px solid var(--c-border); position:relative; overflow:hidden; }
    .calc-root .calc-header::before { content:''; position:absolute; top:-80px; right:-80px; width:300px; height:300px; background:radial-gradient(circle,rgba(197,217,71,.04) 0%,transparent 70%); pointer-events:none; }
    .calc-root .calc-tagline { font-size:11px; font-weight:600; color:var(--text3); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:12px; }
    .calc-root .calc-headline { font-family: var(--font-heading); font-size:24px; font-weight:800; color:#fff; margin:0 0 8px; line-height:1.2; letter-spacing:-.3px; }
    .calc-root .calc-headline .calc-accent { color:var(--calc-lime); }
    .calc-root .calc-subtitle { font-size:14px; color:var(--text2); line-height:1.6; max-width:560px; }

    .calc-root .calc-wrap { padding: 24px 28px 0; max-width:760px; margin:0 auto; }
    .calc-root .calc-section { background:var(--card); border:1px solid var(--c-border); border-radius:12px; padding:20px 24px; margin-bottom:16px; }
    .calc-root .calc-section-label { font-size:10px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:2px; margin-bottom:14px; }

    .calc-root .presets { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:20px; }
    .calc-root .preset-btn { padding:14px 10px; border-radius:10px; cursor:pointer; border:1.5px solid var(--c-border); background:transparent; text-align:center; transition:all .15s ease; font-family:inherit; color:inherit; }
    .calc-root .preset-btn:hover { border-color:var(--border-light); background:var(--lime-glow2); }
    .calc-root .preset-btn.active { border-color:var(--calc-lime); background:var(--lime-glow); }
    .calc-root .preset-btn .name { font-size:14px; font-weight:700; color:var(--text); margin-bottom:2px; }
    .calc-root .preset-btn.active .name { color:var(--calc-lime); }
    .calc-root .preset-btn .desc { font-size:11px; color:var(--text3); }

    .calc-root .sliders { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
    .calc-root .slider-row { display:flex; justify-content:space-between; margin-bottom:8px; }
    .calc-root .slider-row span { font-size:13px; color:var(--text2); }
    .calc-root .slider-row .val { font-size:15px; font-weight:700; color:var(--calc-lime); }
    .calc-root input[type=range] { width:100%; accent-color:var(--calc-lime); cursor:pointer; height:6px; }
    .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:28px 24px; margin-bottom:16px; }
    .calc-root .ticker .ticker-label { font-size:10px; font-weight:700; color:var(--red); text-transform:uppercase; letter-spacing:2px; margin-bottom:10px; }
    .calc-root .ticker .amount { font-family: var(--font-heading); font-size:44px; 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:16px; margin-bottom:16px; }
    .calc-root .big-card { background:var(--card); border:1px solid var(--c-border); border-radius:12px; padding:20px 24px; text-align:center; }
    .calc-root .big-card .label { font-size:10px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:1.5px; margin-bottom:10px; display:block; }
    .calc-root .big-card .label::before { display:none; }
    .calc-root .big-card .num { font-family: var(--font-heading); font-size:34px; font-weight:900; line-height:1; margin-bottom:4px; font-variant-numeric:tabular-nums; letter-spacing:-1px; }
    .calc-root .big-card .sub { font-size:12px; color:var(--text3); min-height:18px; }

    .calc-root .savings-header { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:16px; }
    .calc-root .savings-header .num { font-family: var(--font-heading); font-size:30px; font-weight:900; color:var(--calc-lime); line-height:1; letter-spacing:-1px; }
    .calc-root .savings-header .mo { font-size:16px; color:var(--text3); font-weight:400; }
    .calc-root .savings-header .pct { font-family: var(--font-heading); font-size:24px; font-weight:900; color:var(--calc-lime); }
    .calc-root .bar-wrap { position:relative; height:28px; 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:13px; color:var(--text2); }
    .calc-root .annual-row strong { color:var(--calc-lime); }

    .calc-root .waiting { background:linear-gradient(135deg,var(--card) 0%,#1A1A10 100%); border:1px solid rgba(251,191,36,.15); }
    .calc-root .waiting .calc-section-label { color:var(--amber); }
    .calc-root .week-row { display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
    .calc-root .week-row>span { font-size:13px; color:var(--text2); white-space:nowrap; }
    .calc-root .week-btn { padding:6px 14px; border-radius:8px; cursor:pointer; font-size:13px; border:1.5px solid var(--c-border); background:transparent; color:var(--text3); font-weight:500; font-family:inherit; transition:all .15s; }
    .calc-root .week-btn:hover { border-color:var(--amber-dim); }
    .calc-root .week-btn.active { border-color:var(--amber); background:rgba(251,191,36,.1); color:var(--amber); font-weight:700; }
    .calc-root .wait-cards { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; }
    .calc-root .wait-card { background:var(--card2); border-radius:10px; padding:14px 16px; text-align:center; border:1px solid var(--c-border); }
    .calc-root .wait-card .wlabel { font-size:11px; color:var(--text3); margin-bottom:6px; }
    .calc-root .wait-card .wnum { font-family: var(--font-heading); font-size:22px; font-weight:800; color:var(--amber); font-variant-numeric:tabular-nums; }

    .calc-root .details-toggle { width:100%; padding:14px 24px; border-radius:12px; cursor:pointer; border:1px solid var(--c-border); background:var(--card); display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; font-family:inherit; color:inherit; transition:border-color .15s; }
    .calc-root .details-toggle:hover { border-color:var(--border-light); }
    .calc-root .details-toggle span:first-child { font-size:13px; color:var(--text2); }
    .calc-root .details-toggle .arrow { font-size:18px; color:var(--text3); transition:transform .2s; }
    .calc-root .details-toggle.open .arrow { transform:rotate(180deg); }
    .calc-root .details-panel { font-size:13px; color:var(--text2); line-height:1.8; }
    .calc-root .details-panel strong { color:var(--text); }
    .calc-root .details-panel .red { color:var(--red); }
    .calc-root .details-panel .lime { color:var(--calc-lime); }

    .calc-root .calc-cta { background:linear-gradient(135deg,#0A2214 0%,#143D24 50%,#0A2214 100%); border:1px solid rgba(197,217,71,.15); border-radius:16px; padding:32px 28px; text-align:center; margin-top:4px; }
    .calc-root .calc-cta h3 { font-family: var(--font-heading); font-size:22px; font-weight:800; color:#fff; margin-bottom:8px; }
    .calc-root .calc-cta p { font-size:14px; color:var(--text2); max-width:480px; margin:0 auto 20px; }
    .calc-root .calc-cta-buttons { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
    .calc-root .calc-btn-primary { padding:14px 28px; border-radius:10px; cursor:pointer; font-size:15px; font-weight:700; border:none; background:var(--calc-lime); color:#0A1610; box-shadow:0 4px 24px rgba(197,217,71,.2); font-family: var(--font-heading); transition:all .15s; display:inline-flex; align-items:center; gap:8px; }
    .calc-root .calc-btn-primary:hover { box-shadow:0 4px 32px rgba(197,217,71,.35); transform:translateY(-1px); }
    .calc-root .calc-btn-secondary { padding:14px 28px; border-radius:10px; cursor:pointer; font-size:15px; font-weight:600; border:1.5px solid rgba(197,217,71,.3); background:transparent; color:var(--calc-lime); font-family: var(--font-heading); transition:all .15s; }
    .calc-root .calc-btn-secondary:hover { border-color:rgba(197,217,71,.5); background:var(--lime-glow2); }
    .calc-root .calc-disclaimer { text-align:center; margin-top:20px; font-size:11px; color:var(--text3); line-height:1.7; padding: 0 28px; }

    @media(max-width:640px){
      .calc-root .presets{ grid-template-columns:repeat(2,1fr); }
      .calc-root .sliders{ grid-template-columns:1fr; }
      .calc-root .big-nums{ grid-template-columns:1fr; }
      .calc-root .wait-cards{ grid-template-columns:1fr; }
      .calc-root .calc-headline{ font-size:20px; }
      .calc-root .ticker .amount{ font-size:32px; }
      .calc-root .big-card .num{ font-size:26px; }
    }