@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

    /* ── TOKENS ───────────────────────────────────────────────── */
    :root {
      --c-blue:       #4070FF;
      --c-blue-deep:  #2855E0;
      --c-blue-mid:   #3264FA;
      --c-blue-wash:  #EEF2FF;
      --c-bg:         #F5F5F5;
      --c-white:      #FFFFFF;
      --c-text:       #111111;
      --c-muted:      #6B7280;
      --c-border:     #E4E4E4;
      --c-dark:       #111111;
      --font:         'Plus Jakarta Sans', system-ui, sans-serif;
      --mono:         'DM Mono', monospace;
      --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px;
      --sp-5:40px; --sp-6:48px; --sp-8:64px; --sp-10:80px; --sp-12:96px;
      --r-sm:8px; --r-md:16px; --r-lg:24px; --r-pill:999px;
      --sh-sm:   0 1px 4px rgba(0,0,0,.06);
      --sh-card: 0 4px 24px rgba(0,0,0,.08);
      --sh-lift: 0 8px 40px rgba(64,112,255,.15);
      --t: all .2s ease;
      --max: 1120px;
      --sec: 96px;
      --sec-m: 64px;
    }

    /* ── RESET ────────────────────────────────────────────────── */
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);
      line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}
    ul{list-style:none}
    button{font-family:var(--font);cursor:pointer;border:none;background:none}
    :focus-visible{outline:2px solid var(--c-blue);outline-offset:3px;border-radius:4px}

    /* ── LAYOUT ───────────────────────────────────────────────── */
    .wrap{max-width:var(--max);margin:0 auto;padding:0 var(--sp-3)}
    @media(max-width:640px){.wrap{padding:0 var(--sp-2)}}

    /* ── SHARED COMPONENTS ────────────────────────────────────── */
    .eyebrow{display:inline-flex;align-items:center;
      background:rgba(64,112,255,.1);color:var(--c-blue);
      font-size:13px;font-weight:600;text-transform:uppercase;
      letter-spacing:.08em;padding:6px 16px;border-radius:var(--r-pill);
      margin-bottom:var(--sp-2)}
    .eyebrow--dark{background:rgba(255,255,255,.18);color:#fff}

    .sec-h2{font-size:40px;font-weight:800;color:var(--c-text);
      line-height:1.12;letter-spacing:-.02em}
    .sec-h2--white{color:#fff}
    .sec-sub{font-size:17px;color:var(--c-muted);line-height:1.65;margin-top:var(--sp-2)}
    .sec-sub--white{color:rgba(255,255,255,.85)}

    .sec-hd{text-align:center;max-width:600px;margin:0 auto;
      display:flex;flex-direction:column;align-items:center}

    .btn{display:inline-flex;align-items:center;gap:8px;
      padding:14px 28px;border-radius:var(--r-pill);
      font-family:var(--font);font-size:15px;font-weight:600;
      cursor:pointer;border:none;text-decoration:none;
      white-space:nowrap;transition:var(--t)}
    .btn--primary{background:var(--c-blue);color:#fff}
    .btn--primary:hover{background:var(--c-blue-deep);box-shadow:var(--sh-lift);transform:translateY(-1px)}
    .btn--outline{background:transparent;border:2px solid var(--c-blue);color:var(--c-blue)}
    .btn--outline:hover{background:rgba(64,112,255,.06)}
    .btn--white{background:#fff;color:var(--c-blue)}
    .btn--white:hover{background:rgba(255,255,255,.9);box-shadow:0 4px 20px rgba(0,0,0,.15)}
    .btn--lg{font-size:16px;padding:16px 36px}

    /* ── REVEAL ANIMATION ─────────────────────────────────────── */
    .rv{opacity:0;transform:translateY(24px);
      transition:opacity .55s ease,transform .55s ease}
    .rv.in{opacity:1;transform:translateY(0)}
    .rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}

    /* ════════════════════════════════════════════════════════════
       NAV
    ════════════════════════════════════════════════════════════ */
    #nav{position:fixed;top:0;left:0;right:0;z-index:1000;
      background:#fff;border-bottom:1px solid transparent;
      transition:box-shadow .3s ease,border-color .3s ease}
    #nav.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.08);border-bottom-color:var(--c-border)}

    .nav-row{max-width:var(--max);margin:0 auto;padding:0 var(--sp-3);
      display:flex;align-items:center;justify-content:space-between;height:72px}

    .nav-logo img{height:32px;width:auto}

    .nav-links{display:flex;align-items:center;gap:var(--sp-5)}
    .nav-links a{font-size:15px;font-weight:500;color:var(--c-text);transition:color .2s ease;position:relative}
    .nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:#98CDFF;transform:scaleX(0);transform-origin:center;transition:transform .25s ease}
    .nav-links a:hover,.nav-links a.active{color:#98CDFF}
    .nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}

    .nav-right{display:flex;align-items:center;gap:var(--sp-2)}
    .nav-cta{font-size:14px;padding:10px 22px}

    .burger{display:none;flex-direction:column;gap:5px;
      min-width:44px;min-height:44px;width:44px;height:44px;
      align-items:center;justify-content:center;padding:2px}
    .burger span{display:block;width:22px;height:2px;
      background:var(--c-text);border-radius:2px;
      transition:all .25s ease;transform-origin:center}
    .burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .burger[aria-expanded=true] span:nth-child(2){opacity:0}
    .burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

    .nav-mob{display:none;flex-direction:column;
      background:#fff;border-top:1px solid var(--c-border);
      padding:var(--sp-2) var(--sp-3);overflow:hidden;
      max-height:0;transition:max-height .35s ease}
    .nav-mob.open{max-height:400px}
    .nav-mob a{padding:13px 0;font-size:16px;font-weight:500;
      color:var(--c-text);border-bottom:1px solid var(--c-border)}
    .nav-mob a:last-of-type{border-bottom:none}
    .nav-mob a:hover{color:var(--c-blue)}
    .nav-mob .btn{margin-top:var(--sp-2);justify-content:center;width:100%}

    @media(max-width:768px){
      .nav-links,.nav-cta{display:none}
      .burger{display:flex}
      .nav-mob{display:flex}
    }

    /* ════════════════════════════════════════════════════════════
       HERO
    ════════════════════════════════════════════════════════════ */
    #hero{background:var(--c-bg);min-height:92vh;
      display:flex;align-items:center;
      position:relative;overflow:hidden;padding-top:72px}

    .hero-blob{position:absolute;right:-100px;top:-80px;
      width:55%;opacity:.9;z-index:0;
      pointer-events:none;user-select:none;transition:transform .1s ease-out}

    .hero-inner{position:relative;z-index:1;
      display:grid;grid-template-columns:55fr 45fr;
      gap:64px;align-items:center;padding:var(--sp-10) 0}

    .hero-eyebrow{margin-bottom:var(--sp-2)}

    h1.hero-h1{font-size:52px;font-weight:800;color:var(--c-text);
      line-height:1.12;letter-spacing:-.025em;max-width:560px;margin-top:var(--sp-2)}

    .hero-sub{font-size:18px;font-weight:400;color:var(--c-muted);
      line-height:1.65;max-width:480px;margin-top:var(--sp-2)}

    .hero-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:36px}

    .hero-trust{margin-top:var(--sp-3);font-size:13px;font-weight:500;
      color:var(--c-muted);display:flex;flex-wrap:wrap;
      align-items:center;gap:4px 0}
    .hero-trust .check{color:var(--c-blue);font-weight:700;margin-right:4px}
    .hero-trust .sep{margin:0 10px;opacity:.4}

    /* Photo column */
    .hero-photo-wrap{position:relative;display:inline-block;width:100%}
    .hero-photo{width:100%;max-width:420px;border-radius:var(--r-lg);
      box-shadow:var(--sh-lift);object-fit:cover;
      object-position:top center;aspect-ratio:3/4}

    .badge{position:absolute;background:#fff;border-radius:var(--r-pill);
      padding:8px 14px;font-size:12px;font-weight:600;
      box-shadow:var(--sh-card);white-space:nowrap;line-height:1.4}
    .badge-ca{top:20px;left:-16px;color:var(--c-blue);
      border:1.5px solid rgba(64,112,255,.2)}
    .badge-smsf{bottom:80px;right:-16px;color:var(--c-text);
      border:1.5px solid var(--c-border)}
    .badge-award{bottom:24px;left:-16px;color:#B8860B;
      border:1.5px solid rgba(184,134,11,.25)}

    @media(max-width:1024px){
      .hero-inner{grid-template-columns:1fr 1fr;gap:40px}
      h1.hero-h1{font-size:44px}
    }
    @media(max-width:768px){
      .hero-inner{grid-template-columns:1fr;padding:var(--sp-8) 0}
      h1.hero-h1{font-size:34px}
      .hero-sub{font-size:16px;max-width:100%}
      .hero-right{display:flex;justify-content:center}
      .hero-photo{max-width:300px}
      .badge-award{display:none}
      .badge-ca{top:10px;left:-6px;font-size:11px;padding:6px 10px}
      .badge-smsf{bottom:60px;right:-6px;font-size:11px;padding:6px 10px}
      .hero-blob{width:90%;right:-40px;opacity:.6}
    }
    @media(max-width:500px){
      h1.hero-h1{font-size:28px}
      .badge-ca,.badge-smsf{display:none}
    }

    /* ════════════════════════════════════════════════════════════
       TRUST BAR
    ════════════════════════════════════════════════════════════ */
    #trust{background:var(--c-blue);padding:56px 0}

    .trust-row{display:grid;grid-template-columns:repeat(4,1fr);
      align-items:center}

    .trust-item{text-align:center;padding:var(--sp-5) var(--sp-3);
      position:relative}
    .trust-item:not(:last-child){
      border-right:1px solid rgba(255,255,255,.2)}

    .trust-num{font-family:var(--mono);font-size:56px;
      font-weight:500;color:#fff;line-height:1}
    .trust-lbl{font-size:14px;font-weight:500;
      color:rgba(255,255,255,.75);text-transform:uppercase;
      letter-spacing:.06em;margin-top:4px}

    @media(max-width:768px){
      .trust-row{grid-template-columns:1fr 1fr}
      .trust-item:nth-child(2){border-right:none}
      .trust-item:nth-child(3),.trust-item:nth-child(4){
        border-top:1px solid rgba(255,255,255,.2)}
      .trust-item:nth-child(4){border-right:none}
      .trust-num{font-size:44px}
    }

    /* ════════════════════════════════════════════════════════════
       SERVICES
    ════════════════════════════════════════════════════════════ */
    #services{background:#fff;padding:var(--sec) 0}

    .svc-grid{display:grid;grid-template-columns:1fr 1fr;
      gap:var(--sp-3);margin-top:56px}

    .svc-card{background:var(--c-bg);border-radius:var(--r-md);
      padding:36px;border-left:4px solid var(--c-blue);
      transition:transform .2s ease,box-shadow .2s ease}
    .svc-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lift)}

    .svc-icon{width:48px;height:48px;color:var(--c-blue);margin-bottom:var(--sp-2)}
    .svc-icon svg{width:48px;height:48px;stroke:currentColor;
      fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

    .svc-card h3{font-size:20px;font-weight:700;
      color:var(--c-text);margin-bottom:12px}
    .svc-card p{font-size:15px;color:var(--c-muted);line-height:1.65}

    .svc-footer{text-align:center;margin-top:48px;
      font-size:15px;color:var(--c-muted)}
    .svc-footer a{color:var(--c-blue);font-weight:600;
      border-bottom:1px solid transparent;transition:border-color .2s ease}
    .svc-footer a:hover{border-bottom-color:var(--c-blue)}

    @media(max-width:768px){.svc-grid{grid-template-columns:1fr}}

    /* ════════════════════════════════════════════════════════════
       PROCESS
    ════════════════════════════════════════════════════════════ */
    #process{background:var(--c-blue-wash);padding:var(--sec) 0}

    .proc-steps{display:flex;gap:var(--sp-6);
      margin-top:56px;justify-content:center;position:relative}

    /* dashed connector */
    .proc-step{flex:1;max-width:320px;text-align:center;position:relative}
    .proc-step:not(:last-child)::after{content:'';position:absolute;
      top:32px;left:calc(50% + 36px);right:calc(-50% + 36px - var(--sp-6));
      height:2px;border-top:2px dashed rgba(64,112,255,.3)}

    .step-num{width:64px;height:64px;background:var(--c-blue);
      border-radius:50%;display:flex;align-items:center;justify-content:center;
      font-family:var(--mono);font-size:24px;font-weight:500;
      color:#fff;margin:0 auto var(--sp-3);position:relative;z-index:1}

    .proc-step h3{font-size:20px;font-weight:700;
      color:var(--c-text);margin-bottom:12px}
    .proc-step p{font-size:15px;color:var(--c-muted);line-height:1.65}

    .proc-cta{text-align:center;margin-top:48px}

    @media(max-width:768px){
      .proc-steps{flex-direction:column;align-items:center;gap:var(--sp-5)}
      .proc-step::after{display:none}
    }

    /* ════════════════════════════════════════════════════════════
       ABOUT
    ════════════════════════════════════════════════════════════ */
    #about{background:#fff;padding:var(--sec) 0}

    .about-grid{display:grid;grid-template-columns:45fr 55fr;
      gap:80px;align-items:center}

    .about-img-col{position:relative}
    .about-img-bg{position:absolute;inset:-16px -16px -16px -24px;
      background:rgba(64,112,255,.08);border-radius:var(--r-md);
      transform:rotate(3deg);z-index:0}
    .about-img{position:relative;z-index:1;width:100%;
      border-radius:var(--r-lg);object-fit:cover;
      object-position:top center;aspect-ratio:4/5}

    .about-content h2{font-size:38px;font-weight:800;
      color:var(--c-text);line-height:1.12;letter-spacing:-.02em;
      margin-bottom:var(--sp-3)}
    .about-content p{font-size:16px;color:var(--c-muted);
      line-height:1.7;margin-bottom:var(--sp-2)}

    .cred-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}
    .cred{background:#fff;border:1.5px solid var(--c-border);
      border-radius:var(--r-sm);padding:10px 18px;
      font-size:13px;font-weight:600;color:var(--c-text);
      transition:border-color .2s ease,color .2s ease}
    .cred:hover{border-color:var(--c-blue);color:var(--c-blue)}

    .about-cta{display:inline-block;margin-top:var(--sp-4);
      color:var(--c-blue);font-weight:600;font-size:15px}
    .about-cta:hover{opacity:.75}

    @media(max-width:1024px){.about-grid{grid-template-columns:1fr 1fr;gap:48px}}
    @media(max-width:768px){
      .about-grid{grid-template-columns:1fr;gap:36px}
      .about-img-col{order:2}
      .about-content{order:1}
      .about-content h2{font-size:28px}
    }

    /* ════════════════════════════════════════════════════════════
       TESTIMONIALS
    ════════════════════════════════════════════════════════════ */
    #testimonials{background:#111;padding:var(--sec) 0}

    .test-grid{display:grid;grid-template-columns:repeat(3,1fr);
      gap:var(--sp-3);margin-top:56px}

    .tcard{background:#1C1C1C;border-radius:var(--r-md);padding:36px;
      border:1px solid rgba(255,255,255,.08);
      display:flex;flex-direction:column;
      transition:border-color .25s ease,box-shadow .25s ease}
    .tcard:hover{border-color:rgba(64,112,255,.4);
      box-shadow:0 4px 32px rgba(64,112,255,.15)}

    .tcard-qm{font-family:var(--mono);font-size:48px;color:var(--c-blue);
      opacity:.8;display:block;line-height:1;margin-bottom:var(--sp-2)}
    .tcard-text{font-size:15px;font-style:italic;
      color:rgba(255,255,255,.8);line-height:1.75;flex:1}

    .tcard-author{display:flex;align-items:center;
      gap:14px;margin-top:var(--sp-3)}
    .tcard-desc{font-size:13px;color:var(--c-blue)}

    @media(max-width:1024px){.test-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:640px){
      .test-grid{display:flex;overflow-x:auto;
        scroll-snap-type:x mandatory;gap:var(--sp-3);
        padding-bottom:var(--sp-2)}
      .tcard{min-width:82vw;scroll-snap-align:start}
    }

    /* ════════════════════════════════════════════════════════════
       FAQS
    ════════════════════════════════════════════════════════════ */
    #faqs{background:var(--c-bg);padding:var(--sec) 0}

    /* ── FAQ TABS ─────────────────────────────────────────────── */
    .faq-tabs{display:flex;gap:8px;flex-wrap:wrap;
      border-bottom:2px solid var(--c-border);padding-bottom:0;
      margin-bottom:40px}
    .faq-tab{font-size:14px;font-weight:600;color:var(--c-muted);
      padding:10px 20px;border-radius:var(--r-pill) var(--r-pill) 0 0;
      cursor:pointer;border:none;background:transparent;
      border-bottom:2px solid transparent;margin-bottom:-2px;
      transition:color .2s ease,border-color .2s ease;
      font-family:var(--font)}
    .faq-tab:hover{color:var(--c-blue)}
    .faq-tab.active{color:var(--c-blue);border-bottom-color:var(--c-blue);
      background:rgba(64,112,255,.05)}

    .faq-panel{display:none}
    .faq-panel.active{display:block}

    .faq-list{max-width:760px;margin:0 auto}

    .faq-item{background:#fff;border-radius:var(--r-md);
      border:1px solid var(--c-border);margin-bottom:8px;
      overflow:hidden;transition:border-color .2s ease}
    .faq-item.open{border-color:var(--c-blue)}

    .faq-q{display:flex;align-items:center;
      justify-content:space-between;padding:24px 28px;
      cursor:pointer;gap:var(--sp-2)}
    .faq-qt{font-size:16px;font-weight:600;color:var(--c-text)}
    .faq-ico{font-size:22px;color:var(--c-blue);font-weight:300;
      line-height:1;flex-shrink:0;
      transition:transform .2s ease;user-select:none}
    .faq-item.open .faq-ico{transform:rotate(45deg)}

    .faq-ans{height:0;overflow:hidden;transition:height .3s ease}
    .faq-ans-inner{padding:0 28px 24px;
      font-size:15px;color:var(--c-muted);line-height:1.7}

    /* ════════════════════════════════════════════════════════════
       CONTACT
    ════════════════════════════════════════════════════════════ */
    #contact{background:var(--c-blue);position:relative;
      overflow:hidden;padding:var(--sec) 0}

    .contact-blob{position:absolute;right:0;bottom:0;
      width:50%;opacity:.15;pointer-events:none;z-index:0}

    .contact-body{position:relative;z-index:1;
      text-align:center;max-width:640px;margin:0 auto}
    .contact-body h2{font-size:44px;font-weight:800;color:#fff;
      line-height:1.12;letter-spacing:-.02em;max-width:580px;margin:0 auto}
    .contact-body p{font-size:18px;color:rgba(255,255,255,.85);
      line-height:1.65;max-width:480px;margin:var(--sp-3) auto 0}
    .contact-cta{margin-top:var(--sp-5)}
    .contact-details{display:flex;gap:var(--sp-4);
      justify-content:center;flex-wrap:wrap;margin-top:var(--sp-4)}
    .contact-details span{font-size:14px;color:rgba(255,255,255,.75)}

    @media(max-width:768px){
      .contact-body h2{font-size:30px}
      .contact-body p{font-size:16px}
      .contact-details{flex-direction:column;align-items:center;gap:var(--sp-2)}
    }

    /* ════════════════════════════════════════════════════════════
       FOOTER
    ════════════════════════════════════════════════════════════ */
    footer{background:#111;padding:64px 0 32px}

    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;
      gap:48px;padding-bottom:48px}

    .footer-logo{height:28px;width:auto}
    .footer-desc{font-size:14px;color:rgba(255,255,255,.5);
      line-height:1.65;margin-top:16px;max-width:300px}

    .footer-socials{display:flex;gap:12px;margin-top:24px}
    .fsoc{width:36px;height:36px;border-radius:50%;
      background:rgba(255,255,255,.08);
      display:flex;align-items:center;justify-content:center;
      transition:background .2s ease;color:rgba(255,255,255,.6)}
    .fsoc:hover{background:var(--c-blue);color:#fff}
    .fsoc svg{width:16px;height:16px;stroke:currentColor;fill:none;
      stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

    .fcol-title{font-size:12px;font-weight:600;
      color:rgba(255,255,255,.4);text-transform:uppercase;
      letter-spacing:.08em;margin-bottom:16px}
    .fcol ul{display:flex;flex-direction:column;gap:12px}
    .fcol ul li{font-size:14px;color:rgba(255,255,255,.6);line-height:2}
    .fcol ul li a{color:rgba(255,255,255,.6);transition:color .2s ease}
    .fcol ul li a:hover{color:#fff}

    .footer-badges{
      display:flex;align-items:center;justify-content:flex-start;
      gap:28px;flex-wrap:wrap;
      border-top:1px solid rgba(255,255,255,.08);
      padding:28px 0;
    }
    .footer-badge{
      height:52px;width:auto;
      mix-blend-mode:screen;
      opacity:0.8;
      transition:opacity .2s ease;
    }
    .footer-badge--award{height:64px}
    .footer-badge:hover{opacity:1}
    @media(max-width:640px){
      .footer-badges{gap:20px}
      .footer-badge{height:36px}
      .footer-badge--award{height:48px}
    }

    .footer-bottom{border-top:1px solid rgba(255,255,255,.08);
      padding-top:24px;margin-top:0;
      display:flex;justify-content:space-between;
      flex-wrap:wrap;gap:var(--sp-2);align-items:center}
    .footer-legal{font-size:12px;color:rgba(255,255,255,.35)}
    .footer-policy{display:flex;gap:var(--sp-3)}
    .footer-policy a{font-size:12px;color:rgba(255,255,255,.35);
      transition:color .2s ease}
    .footer-policy a:hover{color:#fff}

    .footer-credit{font-size:11px;color:rgba(255,255,255,.25);
      text-align:center;padding-top:20px;margin-top:4px}
    .footer-credit a{color:rgba(255,255,255,.35);transition:color .2s ease}
    .footer-credit a:hover{color:rgba(255,255,255,.7)}
    .pixel-font{font-family:'Press Start 2P',monospace;font-size:8px;
      letter-spacing:.02em;vertical-align:middle}

    @media(max-width:1024px){
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-brand{grid-column:1 / -1}
    }
    @media(max-width:640px){
      .footer-grid{grid-template-columns:1fr}
      .footer-brand{grid-column:1}
    }

    /* ── Mobile section padding ───────────────────────────────── */
    @media(max-width:768px){
      #services,#process,#about,#testimonials,#faqs,#contact{
        padding:var(--sec-m) 0}
      .sec-h2{font-size:30px}
    }

/* ════════════════════════════════════════════════════════════
   PAGE HERO (inner pages — about, faqs, blog)
════════════════════════════════════════════════════════════ */
.page-hero{
  background:var(--c-bg);
  padding:calc(72px + 72px) 0 var(--sp-10);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.page-hero h1{
  font-size:52px;font-weight:800;
  color:var(--c-text);line-height:1.12;
  letter-spacing:-.025em;
  max-width:720px;margin:var(--sp-2) auto 0;
}
.page-hero .page-sub{
  font-size:18px;color:var(--c-muted);
  line-height:1.65;max-width:580px;
  margin:var(--sp-2) auto 0;
}
@media(max-width:768px){
  .page-hero{padding:calc(72px + 48px) 0 var(--sp-8)}
  .page-hero h1{font-size:34px}
  .page-hero .page-sub{font-size:16px}
}

/* ── BREADCRUMB ─────────────────────────────────────────── */
.breadcrumb{
  padding:14px 0 0;
  font-size:13px;color:var(--c-muted);
  display:flex;align-items:center;gap:6px;
}
.breadcrumb a{color:var(--c-muted);transition:color .2s ease}
.breadcrumb a:hover{color:var(--c-blue)}
.breadcrumb .sep{opacity:.35}

/* ════════════════════════════════════════════════════════════
   ABOUT PAGE — VALUES SECTION
════════════════════════════════════════════════════════════ */
#values{background:var(--c-blue-wash);padding:var(--sec) 0}

.values-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:var(--sp-3);margin-top:56px;
}
.value-card{
  background:#fff;border-radius:var(--r-md);
  padding:36px;border-top:4px solid var(--c-blue);
  transition:transform .2s ease,box-shadow .2s ease;
}
.value-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lift)}
.value-icon{font-size:32px;margin-bottom:var(--sp-2);line-height:1}
.value-card h3{font-size:20px;font-weight:700;color:var(--c-text);margin-bottom:12px}
.value-card p{font-size:15px;color:var(--c-muted);line-height:1.65}

@media(max-width:768px){.values-grid{grid-template-columns:1fr}}

/* ════════════════════════════════════════════════════════════
   BLOG — LISTING PAGE
════════════════════════════════════════════════════════════ */
#blog-listing{background:#fff;padding:var(--sec) 0}

.blog-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:var(--sp-4);margin-top:56px;
}
.blog-card{
  background:var(--c-bg);border-radius:var(--r-md);
  overflow:hidden;border:1px solid var(--c-border);
  transition:transform .2s ease,box-shadow .2s ease;
  display:flex;flex-direction:column;
}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lift);border-color:var(--c-blue)}
.blog-card-body{padding:28px;flex:1;display:flex;flex-direction:column}
.blog-cat{font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--c-blue);margin-bottom:12px;display:block}
.blog-card h2,.blog-card h3{font-size:19px;font-weight:700;
  color:var(--c-text);line-height:1.35;margin-bottom:12px}
.blog-card p{font-size:14px;color:var(--c-muted);line-height:1.7;flex:1;margin:0}
.blog-meta{font-size:12px;color:var(--c-muted);margin-top:var(--sp-2);
  padding-top:var(--sp-2);border-top:1px solid var(--c-border);
  display:flex;align-items:center;gap:8px}
.blog-read{color:var(--c-blue);font-size:14px;font-weight:600;
  margin-top:var(--sp-2);display:inline-flex;align-items:center;gap:4px;
  transition:gap .2s ease}
.blog-card:hover .blog-read{gap:8px}

@media(max-width:1024px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}

/* ════════════════════════════════════════════════════════════
   BLOG — ARTICLE PAGE
════════════════════════════════════════════════════════════ */
#article-page{background:#fff;padding-bottom:var(--sec)}

.article-wrap{max-width:760px;margin:0 auto}

.article-header{padding:var(--sp-8) 0}
.article-header .blog-cat{font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--c-blue);margin-bottom:var(--sp-2);display:block}
.article-header h1{font-size:48px;font-weight:800;color:var(--c-text);
  line-height:1.1;letter-spacing:-.025em;margin-bottom:var(--sp-3)}
.article-meta{display:flex;align-items:center;gap:var(--sp-3);
  flex-wrap:wrap;padding-bottom:var(--sp-5);
  border-bottom:1px solid var(--c-border)}
.article-author-row{display:flex;align-items:center;gap:10px}
.article-author-row img{width:40px;height:40px;border-radius:50%;
  object-fit:cover;object-position:top}
.article-author-name{font-size:14px;font-weight:600;color:var(--c-text)}
.article-author-title{font-size:12px;color:var(--c-muted)}
.article-date{font-size:13px;color:var(--c-muted)}

.article-body{font-size:17px;line-height:1.8;color:#2a2a2a;
  padding:var(--sp-6) 0 var(--sp-10)}
.article-body h2{font-size:28px;font-weight:800;color:var(--c-text);
  line-height:1.2;letter-spacing:-.015em;
  margin-top:var(--sp-8);margin-bottom:var(--sp-3)}
.article-body h3{font-size:20px;font-weight:700;color:var(--c-text);
  margin-top:var(--sp-5);margin-bottom:var(--sp-2)}
.article-body p{margin-bottom:var(--sp-3)}
.article-body ul,.article-body ol{
  margin:var(--sp-2) 0 var(--sp-3) var(--sp-4)}
.article-body li{margin-bottom:8px}
.article-body ul{list-style:disc}
.article-body ol{list-style:decimal}
.article-body strong{font-weight:700;color:var(--c-text)}
.article-body a:not(.btn){color:var(--c-blue);text-decoration:underline;text-underline-offset:3px}
.article-body a:not(.btn):hover{color:var(--c-blue-deep)}
.article-body blockquote{
  border-left:4px solid var(--c-blue);
  padding:var(--sp-3) var(--sp-4);
  background:var(--c-blue-wash);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  margin:var(--sp-5) 0;
  font-style:italic;
  color:var(--c-text);
  font-size:18px;
}
.article-cta{
  background:var(--c-blue-wash);border-radius:var(--r-md);
  padding:40px;margin:var(--sp-6) 0;
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--sp-4);flex-wrap:wrap;
}
.article-cta p{font-size:18px;font-weight:700;color:var(--c-text);margin:0;max-width:380px}

@media(max-width:768px){
  .article-header h1{font-size:30px}
  .article-body{font-size:16px}
  .article-cta{flex-direction:column}
  .article-cta p{font-size:16px;max-width:100%}
}

/* ── Blog listing section padding mobile ── */
@media(max-width:768px){
  #blog-listing,#values{padding:var(--sec-m) 0}
}

/* ════════════════════════════════════════════════════════════
   DIV 296 CALCULATOR WIDGET
════════════════════════════════════════════════════════════ */
.calc-widget{
  border:1.5px solid var(--c-border);
  border-radius:var(--r-md);
  padding:var(--sp-5);
  margin:var(--sp-6) 0;
  background:#fff;
  box-shadow:var(--sh-card);
}
.calc-eyebrow{
  display:inline-block;
  font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--c-blue);
  background:var(--c-blue-wash);
  padding:4px 10px;
  border-radius:var(--r-pill);
  margin-bottom:var(--sp-2);
}
.calc-title{
  font-size:20px;font-weight:800;
  color:var(--c-text);
  margin:0 0 6px;
  letter-spacing:-.01em;
}
.calc-subtitle{
  font-size:14px;color:var(--c-muted);
  margin:0 0 var(--sp-4);
}
.calc-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--sp-3);
  margin-bottom:var(--sp-3);
}
.calc-grid--3{grid-template-columns:1fr 1fr 1fr}
.calc-field{display:flex;flex-direction:column;gap:6px}
.calc-field label{
  font-size:12px;font-weight:600;
  color:var(--c-muted);
  letter-spacing:.02em;
  display:flex;align-items:center;gap:5px;
  text-transform:uppercase;
}
.calc-tip{
  display:inline-flex;align-items:center;justify-content:center;
  width:15px;height:15px;border-radius:50%;
  background:var(--c-border);color:var(--c-muted);
  font-size:9px;font-weight:700;font-style:normal;
  cursor:default;position:relative;flex-shrink:0;
}
.calc-tip:hover::after{
  content:attr(data-tip);
  position:absolute;
  bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);
  background:#1a1a1a;color:#fff;
  font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;
  padding:8px 12px;border-radius:var(--r-sm);
  width:220px;white-space:normal;line-height:1.5;
  z-index:20;pointer-events:none;
  box-shadow:0 4px 16px rgba(0,0,0,.25);
}
.calc-input-wrap{position:relative;display:flex;align-items:center}
.calc-input-wrap::before{
  content:'$';
  position:absolute;left:12px;
  font-size:15px;font-weight:600;
  color:var(--c-muted);pointer-events:none;
}
.calc-input{
  width:100%;
  padding:11px 12px 11px 24px;
  font-family:var(--font);font-size:16px;font-weight:500;
  color:var(--c-text);background:#fff;
  border:1.5px solid var(--c-border);border-radius:var(--r-sm);
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease;
  -moz-appearance:textfield;
}
.calc-input::-webkit-outer-spin-button,
.calc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.calc-input:focus{
  border-color:var(--c-blue);
  box-shadow:0 0 0 3px rgba(64,112,255,.12);
}
.calc-divider{border:none;border-top:1px solid var(--c-border);margin:var(--sp-3) 0}
.calc-result{
  display:none;
  background:var(--c-blue-wash);
  border-radius:var(--r-sm);
  padding:var(--sp-3) var(--sp-4);
  margin-top:var(--sp-3);
}
.calc-result.visible{display:block}
.calc-result-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:9px 0;
  border-bottom:1px solid rgba(64,112,255,.1);
  font-size:14px;
}
.calc-result-row:last-of-type{border-bottom:none}
.calc-rlabel{color:var(--c-muted);font-weight:500}
.calc-rval{font-weight:700;color:var(--c-text);font-family:var(--mono);font-size:13px}
.calc-result-total{
  margin-top:var(--sp-2);
  padding:var(--sp-3);
  background:#fff;border-radius:var(--r-sm);
  border-left:4px solid var(--c-blue);
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:8px;
}
.calc-result-total-label{font-size:15px;font-weight:700;color:var(--c-text)}
.calc-result-total-amount{font-size:30px;font-weight:800;color:var(--c-blue)}
.calc-result-monthly{font-size:13px;color:var(--c-muted);margin-top:4px}
.calc-state-msg{
  display:none;
  font-size:14px;font-weight:600;
  padding:12px 16px;border-radius:var(--r-sm);
  margin-top:var(--sp-3);line-height:1.5;
}
.calc-state-msg.under{
  display:block;
  background:#F0FDF4;color:#166534;border:1px solid #BBF7D0;
}
.calc-state-msg.noearnings{
  display:block;
  background:#FFF7ED;color:#9A3412;border:1px solid #FDBA74;
}
.calc-cta-row{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:var(--sp-2);
  margin-top:var(--sp-3);
  padding-top:var(--sp-3);
  border-top:1px solid rgba(64,112,255,.12);
}
.calc-cta-text{font-size:14px;font-weight:600;color:var(--c-text)}
.calc-disclaimer{
  font-size:11px;color:var(--c-muted);
  line-height:1.7;margin-top:var(--sp-3);font-style:italic;
}
@media(max-width:768px){
  .calc-widget{padding:var(--sp-3)}
  .calc-grid,.calc-grid--3{grid-template-columns:1fr}
  .calc-result-total-amount{font-size:24px}
  .calc-cta-row{flex-direction:column;align-items:flex-start}
}

/* ── CALCULATOR TABS ── */
.calc-tabs{
  display:flex;
  gap:0;
  margin-bottom:var(--sp-4);
  border-bottom:2px solid var(--c-border);
}
.calc-tab-btn{
  padding:8px 16px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--c-muted);
  background:none;
  border:none;
  border-bottom:2px solid transparent;
  margin-bottom:-2px;
  cursor:pointer;
  transition:color .15s ease,border-color .15s ease;
  font-family:var(--font);
}
.calc-tab-btn.active{
  color:var(--c-blue);
  border-bottom-color:var(--c-blue);
}
.calc-tab-btn:hover:not(.active){color:var(--c-text)}
.calc-tab-pane{display:none}
.calc-tab-pane.active{display:block}

/* ════════════════════════════════════════════════════════════
   LEGAL PAGES (privacy, terms)
════════════════════════════════════════════════════════════ */
#legal-page{background:#fff;padding:var(--sec) 0}

.legal-wrap{max-width:760px;margin:0 auto}

.legal-body{font-size:16px;line-height:1.8;color:#2a2a2a;
  padding:var(--sp-6) 0 var(--sp-10)}
.legal-body h2{font-size:22px;font-weight:700;color:var(--c-text);
  margin-top:var(--sp-8);margin-bottom:var(--sp-2);
  padding-bottom:10px;border-bottom:1px solid var(--c-border)}
.legal-body h2:first-child{margin-top:0}
.legal-body p{margin-bottom:var(--sp-3)}
.legal-body ul{margin:var(--sp-2) 0 var(--sp-3) var(--sp-4);list-style:disc}
.legal-body li{margin-bottom:8px}

@media(max-width:768px){
  #legal-page{padding:var(--sec-m) 0}
  .legal-body{font-size:15px}
  .legal-body h2{font-size:19px}
}