:root{
    --navy:#0B2545;
    --navy-dark:#071A33;
    --navy-soft:#1B3A63;
    --charcoal:#2B2F36;
    --gold:#C89B3C;
    --gold-light:#E3C374;
    --green:#1E8E5A;
    --white:#FFFFFF;
    --grey:#F5F7FA;
    --grey-line:#E6E9EF;
    --ink:#1F2937;
    --muted:#64748B;
    --shadow-sm: 0 2px 10px rgba(11,37,69,0.06);
    --shadow-md: 0 12px 32px rgba(11,37,69,0.10);
    --shadow-lg: 0 24px 60px rgba(11,37,69,0.16);
    --radius: 16px;
    --radius-sm: 10px;
    --maxw: 1200px;
    --ff-display: 'Sora', sans-serif;
    --ff-body: 'Inter', sans-serif;
  }
  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *,*::before,*::after{animation-duration:.001ms !important; transition-duration:.001ms !important;}
  }
  body{
    margin:0; font-family:var(--ff-body); color:var(--ink); background:var(--white);
    -webkit-font-smoothing:antialiased; line-height:1.6; overflow-x:hidden;
  }
  h1,h2,h3,h4{ font-family:var(--ff-display); color:var(--navy); margin:0 0 .6em 0; line-height:1.15; letter-spacing:-0.01em; }
  p{margin:0 0 1em 0;}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  section{position:relative;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
  .py{padding:88px 0;}
  .section-alt{background:var(--grey);}
  .eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:var(--ff-display); font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
  .eyebrow::before{content:""; width:22px; height:2px; background:var(--gold); display:inline-block; border-radius:2px;}
  .section-head{max-width:700px; margin:0 auto 48px auto; text-align:center;}
  .section-head p{color:var(--muted); font-size:17px;}
  .btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; font-family:var(--ff-display); font-weight:600; font-size:15px; padding:15px 30px; border-radius:100px; cursor:pointer; border:none; transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease; white-space:nowrap; }
  .btn-primary{ background:var(--gold); color:var(--navy-dark); box-shadow:0 10px 24px rgba(200,155,60,.35); }
  .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(200,155,60,.45); background:var(--gold-light); }
  .btn-secondary{ background:transparent; color:var(--navy); border:1.5px solid var(--grey-line); }
  .btn-secondary:hover{ border-color:var(--gold); color:var(--gold); transform:translateY(-2px); }
  .btn-ghost-light{ background:rgba(255,255,255,.12); color:#fff; border:1.5px solid rgba(255,255,255,.4); }
  .btn-ghost-light:hover{ background:rgba(255,255,255,.22); border-color:#fff; }

  #scrollProgress{ position:fixed; top:0; left:0; height:3px; background:linear-gradient(90deg,var(--gold),var(--gold-light)); z-index:1201; width:0%; }

  header#siteNav{ position:sticky; top:0; z-index:1100; background:rgba(255,255,255,.92); backdrop-filter:blur(14px); border-bottom:1px solid var(--grey-line); transition:box-shadow .3s ease; }
  header#siteNav.scrolled{ box-shadow:var(--shadow-sm); }
  .nav-inner{ max-width:var(--maxw); margin:0 auto; padding:12px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
  .brand{ display:flex; align-items:center; gap:12px; }
  .brand img{ height:40px; width:auto; }
  .brand-text{ display:flex; flex-direction:column; line-height:1.1; }
  .brand-text .b1{ font-family:var(--ff-display); font-weight:800; font-size:19px; letter-spacing:.03em; color:var(--navy); }
  .brand-text .b2{ font-family:var(--ff-display); font-weight:700; font-size:19px; letter-spacing:.14em; color:var(--gold); }
  .brand-text .b3{ font-family:var(--ff-body); font-weight:500; font-size:10.5px; letter-spacing:.03em; color:var(--muted); margin-top:1px; }
  @media (max-width:420px){ .brand-text .b3{ font-size:8.5px; letter-spacing:.01em; } }
  @media (max-width:360px){ .brand-text .b1, .brand-text .b2{ font-size:16px; } .brand-text .b3{ font-size:8px; } .brand img{ height:32px; } }
  nav.primary-links{ display:flex; align-items:center; gap:26px; }
  nav.primary-links a{ font-family:var(--ff-display); font-weight:600; font-size:14px; color:var(--ink); position:relative; padding:6px 0; }
  nav.primary-links a::after{ content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--gold); transition:width .25s ease; }
  nav.primary-links a:hover::after{ width:100%; }
  .nav-tools{ display:flex; align-items:center; gap:12px; }
  .btn-nav{ padding:11px 22px; font-size:13.5px; }

  .region-toggle{ position:relative; }
  .region-btn{ display:flex; align-items:center; gap:8px; background:var(--grey); border:1px solid var(--grey-line); padding:8px 14px; border-radius:100px; font-family:var(--ff-display); font-weight:600; font-size:13.5px; cursor:pointer; color:var(--ink); }
  .region-menu{ position:absolute; top:calc(100% + 10px); right:0; background:#fff; border:1px solid var(--grey-line); border-radius:14px; box-shadow:var(--shadow-md); padding:8px; min-width:190px; opacity:0; visibility:hidden; transform:translateY(-8px); transition:all .25s ease; z-index:1150; }
  .region-menu.open{ opacity:1; visibility:visible; transform:translateY(0); }
  .region-menu button{ width:100%; display:flex; align-items:center; gap:10px; background:none; border:none; cursor:pointer; padding:10px 12px; border-radius:10px; font-family:var(--ff-body); font-size:14px; color:var(--ink); text-align:left; }
  .region-menu button:hover{ background:var(--grey); }
  .region-menu button.active{ color:var(--gold); font-weight:600; }
  @media (max-width:900px){ .region-toggle{ display:none; } }
  .mobile-region{ border:1px solid var(--grey-line); border-radius:14px; padding:14px; margin-top:4px; }
  .mobile-region .mr-label{ font-family:var(--ff-display); font-weight:700; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:10px; }
  .mobile-region-list{ display:flex; flex-direction:column; gap:6px; }
  .mobile-region-list button{ display:flex; align-items:center; gap:10px; width:100%; text-align:left; background:none; border:none; padding:10px 10px; border-radius:10px; font-family:var(--ff-body); font-size:14.5px; color:var(--ink); cursor:pointer; }
  .mobile-region-list button.active{ background:var(--grey); color:var(--navy); font-weight:700; font-family:var(--ff-display); }
  .mobile-region-list button[disabled]{ opacity:.45; cursor:default; }
  .mobile-region-list .soon{ margin-left:auto; font-size:10.5px; color:var(--muted); font-family:var(--ff-body); }
  .menu-toggle{ display:none; width:42px; height:42px; border-radius:10px; background:var(--grey); border:1px solid var(--grey-line); cursor:pointer; position:relative; }
  .menu-toggle span, .menu-toggle span::before, .menu-toggle span::after{ content:""; position:absolute; left:11px; width:20px; height:2px; background:var(--navy); }
  .menu-toggle span{ top:20px; } .menu-toggle span::before{ top:-6px; } .menu-toggle span::after{ top:6px; }
  .panel-overlay{ position:fixed; inset:0; background:rgba(11,37,69,.4); z-index:1150; opacity:0; visibility:hidden; transition:all .3s ease; }
  .panel-overlay.open{ opacity:1; visibility:visible; }
  .mobile-panel{ position:fixed; top:0; right:0; height:100%; width:78%; max-width:320px; background:#fff; z-index:1160; transform:translateX(100%); transition:transform .35s ease; padding:90px 28px 28px; display:flex; flex-direction:column; gap:20px; }
  .mobile-panel.open{ transform:translateX(0); }
  .mobile-panel a{ font-family:var(--ff-display); font-weight:600; font-size:17px; }
  .panel-close{ position:absolute; top:20px; right:20px; width:38px; height:38px; border-radius:50%; border:1px solid var(--grey-line); background:#fff; font-size:20px; cursor:pointer; }

  @media (max-width:900px){
    nav.primary-links, .btn-nav{ display:none; }
    .menu-toggle{ display:block; }
  }

  /* HERO */
  #hero{ padding:70px 0 90px; background:linear-gradient(180deg,#F8FAFD 0%, #ffffff 70%); }
  #hero .wrap{ display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
  @media (max-width:960px){ #hero .wrap{ grid-template-columns:1fr; } }
  h1#heroHeadline{ font-size:44px; }
  @media (max-width:600px){ h1#heroHeadline{ font-size:32px; } }
  .lead{ color:var(--muted); font-size:18px; max-width:540px; }
  .hero-checks{ display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; margin:22px 0 30px; }
  .hero-checks div{ display:flex; align-items:center; gap:8px; font-family:var(--ff-display); font-weight:600; font-size:14.5px; color:var(--navy); }
  .hero-checks svg{ width:18px; height:18px; color:var(--green); flex:none; }
  .hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:10px; }
  .hero-visual{ position:relative; border-radius:24px; overflow:hidden; box-shadow:var(--shadow-lg); }
  .hero-visual img{ width:100%; height:100%; object-fit:cover; min-height:380px; }
  .hero-badge{ position:absolute; left:20px; bottom:20px; background:rgba(255,255,255,.95); backdrop-filter:blur(6px); border-radius:14px; padding:14px 18px; box-shadow:var(--shadow-md); display:flex; gap:14px; }
  .hero-badge b{ display:block; font-family:var(--ff-display); color:var(--navy); font-size:15px; }
  .hero-badge span{ color:var(--muted); font-size:12.5px; }

  /* WHY REMOTE */
  .remote-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
  @media (max-width:800px){ .remote-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:520px){ .remote-grid{ grid-template-columns:1fr; } }
  .remote-card{ background:#fff; border:1px solid var(--grey-line); border-radius:var(--radius); padding:26px 24px; box-shadow:var(--shadow-sm); }
  .remote-card .ic{ width:44px; height:44px; border-radius:12px; background:rgba(200,155,60,.12); display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
  .remote-card .ic svg{ width:22px; height:22px; color:var(--gold); }
  .remote-card h4{ font-size:16.5px; margin-bottom:6px; }
  .remote-card p{ color:var(--muted); font-size:14.5px; margin:0; }

  /* WHY CHOOSE */
  .why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  @media (max-width:900px){ .why-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:560px){ .why-grid{ grid-template-columns:1fr; } }
  .why-card{ background:#fff; border-radius:var(--radius); padding:28px 24px; box-shadow:var(--shadow-sm); border:1px solid var(--grey-line); transition:transform .25s ease, box-shadow .25s ease; }
  .why-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
  .why-num{ font-family:var(--ff-display); font-weight:800; font-size:13px; color:var(--gold); letter-spacing:.08em; margin-bottom:10px; }
  .why-card h4{ font-size:17px; }
  .why-card p{ color:var(--muted); font-size:14.5px; margin:0; }

  /* FREE TRIAL BANNER */
  .trial-banner{ background:linear-gradient(120deg, var(--navy) 0%, var(--navy-soft) 100%); border-radius:28px; padding:56px 48px; text-align:center; color:#fff; box-shadow:var(--shadow-lg); }
  .trial-banner h2{ color:#fff; font-size:32px; }
  .trial-banner p{ color:rgba(255,255,255,.8); font-size:17px; max-width:520px; margin:0 auto 26px; }
  @media (max-width:600px){ .trial-banner{ padding:40px 22px; } .trial-banner h2{ font-size:24px; } }

  /* SERVICES */
  .service-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
  @media (max-width:900px){ .service-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:560px){ .service-grid{ grid-template-columns:1fr; } }
  .service-card{ background:#fff; border:1px solid var(--grey-line); border-radius:var(--radius); padding:28px 24px; box-shadow:var(--shadow-sm); }
  .service-icon{ width:46px; height:46px; border-radius:12px; background:var(--navy); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
  .service-icon svg{ width:22px; height:22px; color:var(--gold-light); }
  .service-card h3{ font-size:17.5px; }
  .service-card p{ color:var(--muted); font-size:14.5px; margin:0; }

  /* FOUNDER */
  .founder-tags{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 20px; }
  .founder-tag{ background:var(--grey); border:1px solid var(--grey-line); border-radius:100px; padding:7px 16px; font-family:var(--ff-display); font-weight:600; font-size:13px; color:var(--navy); }

  /* TESTIMONIALS */
  .test-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  @media (max-width:900px){ .test-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:560px){ .test-grid{ grid-template-columns:1fr; } }
  .test-card{ background:#fff; border:1px solid var(--grey-line); border-radius:var(--radius); padding:26px 24px; box-shadow:var(--shadow-sm); }
  .stars{ color:var(--gold); font-size:15px; letter-spacing:2px; margin-bottom:12px; }
  .test-card p{ font-size:14.5px; color:var(--ink); }
  .test-name{ font-family:var(--ff-display); font-weight:700; font-size:14px; color:var(--navy); margin-top:6px; }
  .test-role{ color:var(--muted); font-size:13px; }

  /* PROCESS */
  .timeline{ display:grid; grid-template-columns:repeat(5,1fr); gap:20px; }
  @media (max-width:900px){ .timeline{ grid-template-columns:1fr 1fr; } }
  @media (max-width:560px){ .timeline{ grid-template-columns:1fr; } }
  .tl-step{ background:#fff; border-radius:var(--radius); padding:24px 20px; border:1px solid var(--grey-line); box-shadow:var(--shadow-sm); }
  .tl-dot{ width:34px; height:34px; border-radius:50%; background:var(--gold); color:var(--navy-dark); font-family:var(--ff-display); font-weight:800; display:flex; align-items:center; justify-content:center; margin-bottom:14px; font-size:14px; }
  .tl-step h4{ font-size:15.5px; } .tl-step p{ color:var(--muted); font-size:13.5px; margin:0; }

  /* WHO WE WORK WITH */
  .audience-grid{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
  .audience-chip{ background:#fff; border:1px solid var(--grey-line); border-radius:100px; padding:12px 22px; font-family:var(--ff-display); font-weight:600; font-size:14px; color:var(--navy); box-shadow:var(--shadow-sm); }

  /* SOFTWARE */
  .software-grid{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:36px; }
  .software-chip{ display:flex; flex-direction:column; align-items:center; gap:10px; }
  .software-chip img{ height:44px; width:auto; }
  .software-chip .letter-badge{ width:44px; height:44px; border-radius:12px; background:var(--navy); color:#fff; font-family:var(--ff-display); font-weight:700; display:flex; align-items:center; justify-content:center; font-size:15px; }
  .software-chip span{ font-family:var(--ff-display); font-weight:600; font-size:13px; color:var(--muted); }

  /* SECURITY */
  .security-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
  @media (max-width:900px){ .security-grid{ grid-template-columns:repeat(2,1fr); } }
  .security-card{ text-align:center; padding:22px 14px; }
  .security-card .ic{ width:48px; height:48px; margin:0 auto 12px; border-radius:50%; background:rgba(200,155,60,.12); display:flex; align-items:center; justify-content:center; }
  .security-card .ic svg{ width:22px; height:22px; color:var(--gold); }
  .security-card h4{ font-size:14.5px; margin-bottom:4px; }
  .security-card p{ color:var(--muted); font-size:13px; margin:0; }

  /* CONTACT */
  /* FAQ */
  .faq-list{ max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }
  .faq-item{ background:#fff; border:1px solid var(--grey-line); border-radius:14px; box-shadow:var(--shadow-sm); overflow:hidden; }
  .faq-q{ width:100%; text-align:left; background:none; border:none; cursor:pointer; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:16px; font-family:var(--ff-display); font-weight:600; font-size:15.5px; color:var(--navy); }
  .faq-q .plus{ position:relative; width:16px; height:16px; flex:none; }
  .faq-q .plus::before, .faq-q .plus::after{ content:""; position:absolute; background:var(--gold); border-radius:2px; }
  .faq-q .plus::before{ width:16px; height:2px; top:7px; left:0; }
  .faq-q .plus::after{ width:2px; height:16px; left:7px; top:0; transition:transform .25s ease; }
  .faq-item.open .faq-q .plus::after{ transform:rotate(90deg); }
  .faq-a{ max-height:0; overflow:hidden; transition:max-height .3s ease; }
  .faq-a p{ padding:0 22px 20px; color:var(--muted); font-size:14.5px; margin:0; }

  #contact .wrap{ display:grid; grid-template-columns:.9fr 1.1fr; gap:50px; }
  @media (max-width:900px){ #contact .wrap{ grid-template-columns:1fr; } }
  .contact-points{ display:flex; flex-direction:column; gap:20px; margin-top:10px; }
  .contact-point{ display:flex; gap:14px; align-items:flex-start; }
  .contact-point .ic{ width:42px; height:42px; border-radius:12px; background:var(--grey); border:1px solid var(--grey-line); display:flex; align-items:center; justify-content:center; flex:none; }
  .contact-point .ic svg{ width:19px; height:19px; color:var(--navy); }
  .contact-point b{ display:block; font-family:var(--ff-display); font-size:15px; color:var(--navy); }
  .contact-point span{ color:var(--muted); font-size:14px; }
  .contact-form{ background:#fff; border:1px solid var(--grey-line); border-radius:var(--radius); padding:32px; box-shadow:var(--shadow-md); }
  .form-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
  @media (max-width:520px){ .form-row{ grid-template-columns:1fr; } }
  .form-field label{ display:block; font-family:var(--ff-display); font-weight:600; font-size:13px; color:var(--navy); margin-bottom:6px; }
  .form-field input, .form-field select, .form-field textarea{ width:100%; padding:12px 14px; border-radius:10px; border:1.5px solid var(--grey-line); font-family:var(--ff-body); font-size:14.5px; background:#fff; color:var(--ink); }
  .form-field input:focus, .form-field select:focus, .form-field textarea:focus{ outline:none; border-color:var(--gold); }
  .full-row{ grid-column:1/-1; margin-bottom:16px; }

  /* FOOTER */
  footer{ background:var(--navy-dark); color:rgba(255,255,255,.75); padding:64px 0 28px; }
  .footer-top{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.12); }
  @media (max-width:800px){ .footer-top{ grid-template-columns:1fr 1fr; } }
  .footer-brand img{ height:40px; margin-bottom:14px; }
  .footer-brand p{ font-size:14px; max-width:280px; }
  footer h5{ color:#fff; font-family:var(--ff-display); font-size:14px; margin-bottom:16px; letter-spacing:.04em; text-transform:uppercase; }
  footer ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
  footer ul a{ font-size:14px; color:rgba(255,255,255,.75); }
  footer ul a:hover{ color:var(--gold-light); }
  .footer-socials{ display:flex; gap:10px; margin-top:16px; }
  .footer-socials a{ width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; }
  .footer-socials svg{ width:16px; height:16px; color:#fff; }
  .footer-bottom{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding-top:24px; font-size:13px; }
  .footer-bottom a{ color:rgba(255,255,255,.6); margin-left:16px; }

  .reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
  .reveal.in{ opacity:1; transform:none; }

  /* PAIN POINTS */
  .pain-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  @media (max-width:900px){ .pain-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:560px){ .pain-grid{ grid-template-columns:1fr; } }
  .pain-card{ background:#fff; border:1px solid var(--grey-line); border-radius:var(--radius); padding:24px 22px; box-shadow:var(--shadow-sm); }
  .pain-card h4{ font-size:16px; margin-bottom:6px; }
  .pain-card p{ color:var(--muted); font-size:14px; margin:0; }
  .pain-card .tag{ display:inline-block; font-family:var(--ff-display); font-weight:700; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); margin-bottom:8px; }

  /* DEADLINE WATCH */
  .deadline-panel{ background:linear-gradient(120deg, var(--navy) 0%, var(--navy-soft) 100%); border-radius:28px; padding:44px 40px; color:#fff; box-shadow:var(--shadow-lg); }
  @media (max-width:600px){ .deadline-panel{ padding:30px 20px; } }
  .deadline-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:24px 0 8px; }
  @media (max-width:900px){ .deadline-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:520px){ .deadline-grid{ grid-template-columns:1fr; } }
  .deadline-card{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); border-radius:16px; padding:18px 16px; }
  .deadline-card b{ display:block; font-family:var(--ff-display); font-size:14.5px; margin-bottom:6px; color:var(--gold-light); }
  .deadline-card span{ display:block; font-size:13px; color:rgba(255,255,255,.75); }
  .deadline-disclaimer{ font-size:12.5px; color:rgba(255,255,255,.6); max-width:640px; margin:18px 0 22px; }

  /* HEALTH CHECK */
  .health-list{ max-width:640px; margin:0 auto; display:flex; flex-direction:column; gap:10px; }
  .health-item{ display:flex; align-items:center; gap:12px; background:#fff; border:1px solid var(--grey-line); border-radius:12px; padding:13px 16px; cursor:pointer; font-size:14.5px; color:var(--ink); }
  .health-item input{ width:18px; height:18px; accent-color:var(--gold); flex:none; }
  .health-result{ max-width:640px; margin:22px auto 0; text-align:center; font-size:14.5px; color:var(--muted); min-height:20px; }

  /* CPA WORKFLOW */
  .cpa-flow{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; margin:34px 0; }
  .cpa-flow .step{ background:#fff; border:1px solid var(--grey-line); border-radius:14px; padding:14px 18px; font-family:var(--ff-display); font-weight:600; font-size:13.5px; color:var(--navy); box-shadow:var(--shadow-sm); }
  .cpa-flow .arrow{ color:var(--gold); font-size:18px; }
  @media (max-width:700px){ .cpa-flow{ flex-direction:column; } .cpa-flow .arrow{ transform:rotate(90deg); } }

  /* DECISION SPLIT */
  .decision-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
  @media (max-width:800px){ .decision-grid{ grid-template-columns:1fr; } }
  .decision-card{ background:#fff; border:1px solid var(--grey-line); border-radius:var(--radius); padding:32px 28px; box-shadow:var(--shadow-sm); }
  .decision-card .eyebrow{ margin-bottom:8px; }
  .decision-card h3{ font-size:20px; }
  .decision-card ul{ margin:16px 0 22px; padding-left:20px; color:var(--muted); font-size:14.5px; line-height:1.9; }

  /* INDUSTRY */
  .industry-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
  @media (max-width:700px){ .industry-grid{ grid-template-columns:1fr; } }
  .industry-card{ background:#fff; border:1px solid var(--grey-line); border-radius:var(--radius); padding:24px 22px; box-shadow:var(--shadow-sm); }
  .industry-card h4{ font-size:16.5px; margin-bottom:6px; }
  .industry-card p{ color:var(--muted); font-size:14px; margin:0; }

  /* CLOSE CHECKLIST */
  .close-list{ max-width:640px; margin:0 auto; list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px 22px; }
  @media (max-width:600px){ .close-list{ grid-template-columns:1fr; } }
  .close-list li{ display:flex; gap:10px; align-items:flex-start; font-size:14.5px; color:var(--ink); }
  .close-list li svg{ width:18px; height:18px; color:var(--green); flex:none; margin-top:2px; }
  .close-tagline{ text-align:center; max-width:600px; margin:28px auto 0; font-family:var(--ff-display); font-weight:600; color:var(--navy); font-size:15.5px; }

  /* RED FLAGS */
  .flag-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
  @media (max-width:900px){ .flag-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:560px){ .flag-grid{ grid-template-columns:1fr; } }
  .flag-card{ background:#fff; border:1px solid var(--grey-line); border-radius:12px; padding:14px 16px; font-size:14px; color:var(--ink); display:flex; gap:10px; align-items:flex-start; }
  .flag-card span.emoji{ flex:none; }

/* AVORA MULTI-PAGE REFINEMENT — keeps the original visual language, improves hierarchy and navigation. */
html{scroll-padding-top:90px}
body{overflow-x:hidden}
body.page-exit{opacity:0;transition:opacity .16s ease}
body.page-enter{animation:avoraPageIn .42s ease both}
@keyframes avoraPageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.brand{gap:13px;min-width:250px}.brand img{width:44px;height:44px;object-fit:contain}
.brand-text{gap:3px}.brand-name{font-family:var(--ff-display);font-size:20px;font-weight:800;letter-spacing:.045em;color:var(--navy);white-space:nowrap}.brand-tagline{font-family:var(--ff-display);font-size:11px;font-weight:600;letter-spacing:.17em;color:var(--gold);white-space:nowrap}
.brand-text .b1,.brand-text .b2,.brand-text .b3{display:none}
nav.primary-links{gap:19px}.primary-links a{white-space:nowrap}.nav-more{position:relative}.nav-more-btn{font:600 14px var(--ff-display);background:none;border:0;color:var(--ink);padding:6px 0;cursor:pointer}.nav-more-btn span{color:var(--gold);font-size:16px}.nav-more-menu{position:absolute;right:0;top:34px;min-width:150px;background:#fff;border:1px solid var(--grey-line);box-shadow:var(--shadow-md);border-radius:12px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s ease;z-index:1180}.nav-more.open .nav-more-menu{opacity:1;visibility:visible;transform:none}.nav-more-menu a{display:block;padding:10px 12px;border-radius:8px}.nav-more-menu a:hover{background:var(--grey)}
.page-hero{padding:58px 0 56px;background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);border-bottom:1px solid var(--grey-line)}.page-hero-copy{max-width:850px}.page-hero h1{font-size:46px;max-width:850px;margin-bottom:18px}.page-hero p{font-size:18px;color:var(--muted);max-width:720px;margin:0}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted);margin:0 0 20px}.breadcrumbs a:hover{color:var(--gold)}
.section-action{display:flex;justify-content:center;margin-top:34px}.final-cta{padding:76px 0;background:var(--navy-dark);color:#fff}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.final-cta h2{color:#fff;font-size:34px}.final-cta p{color:rgba(255,255,255,.72);margin:0}.final-cta .eyebrow{margin-bottom:10px}.final-cta .hero-ctas{margin:0}.final-cta .btn-secondary{color:#fff;border-color:rgba(255,255,255,.28)}
.contact-strip{padding:52px 0;border-top:1px solid var(--grey-line)}.contact-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-strip h2{font-size:28px;margin-bottom:8px}.contact-strip p{color:var(--muted);margin:0}.contact-strip-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}.text-link{font-family:var(--ff-display);font-weight:600;color:var(--navy)}.text-link:hover{color:var(--gold)}
.mobile-brand{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--grey-line)}.mobile-brand img{width:38px;height:38px}.mobile-brand b{display:block;font:800 15px var(--ff-display);letter-spacing:.05em;color:var(--navy)}.mobile-brand span{display:block;font:600 9px var(--ff-display);letter-spacing:.14em;color:var(--gold);margin-top:2px}.mobile-nav-main,.mobile-nav-more{display:flex;flex-direction:column;gap:15px}.mobile-nav-main a,.mobile-nav-more a{font-size:16px}.mobile-nav-label{font:700 10px var(--ff-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:-3px}.mobile-nav-more{border-top:1px solid var(--grey-line);padding-top:14px}
.health-preview{padding:54px 0}.health-preview-card{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--grey-line);border-radius:20px;padding:30px 32px;background:#fff;box-shadow:var(--shadow-sm)}.health-preview-card h2{font-size:28px}.health-preview-card p{color:var(--muted);max-width:650px;margin:0}
.positioning-note{max-width:850px;margin:auto;padding:34px;border:1px solid rgba(200,155,60,.3);background:linear-gradient(135deg,#fff,#faf8f1);border-radius:20px}.positioning-note h2{font-size:30px}.positioning-note p{color:var(--muted);font-size:16px;margin:0}
.canada-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.canada-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.canada-list div{padding:16px 18px;background:#fff;border:1px solid var(--grey-line);border-radius:12px;box-shadow:var(--shadow-sm);font:600 14px var(--ff-display);color:var(--navy)}
/* Make pages feel airy rather than stacked. */
.py{padding:76px 0}.section-head{margin-bottom:40px}.service-grid,.remote-grid,.why-grid,.industry-grid,.pain-grid,.test-grid,.security-grid,.flag-grid{row-gap:20px}.service-card,.remote-card,.why-card,.industry-card,.pain-card,.test-card,.security-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-card:hover,.remote-card:hover,.why-card:hover,.industry-card:hover,.pain-card:hover,.test-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#d9dfe8}
@media (max-width:1120px){.nav-inner{gap:12px}.brand{min-width:220px}.brand-name{font-size:18px}.brand-tagline{font-size:10px}.primary-links{gap:14px!important}.primary-links a,.nav-more-btn{font-size:13px}.btn-nav{padding:10px 17px}}
@media (max-width:980px){.primary-links{display:none!important}.nav-more{display:none}.brand{min-width:0}.nav-inner{padding:10px 18px}.btn-nav{display:none}.menu-toggle{display:block}.page-hero h1{font-size:40px}.contact-strip-inner,.final-cta-inner{align-items:flex-start;flex-direction:column}.contact-strip-actions{justify-content:flex-start}.canada-service-grid{grid-template-columns:1fr}}
@media (max-width:600px){.wrap{padding:0 18px}.brand img{width:38px;height:38px}.brand-name{font-size:17px;letter-spacing:.035em}.brand-tagline{font-size:9px;letter-spacing:.12em}.page-hero{padding:44px 0 42px}.page-hero h1{font-size:33px;line-height:1.12}.page-hero p{font-size:16px}.breadcrumbs{margin-bottom:15px}.py{padding:58px 0}.section-head{margin-bottom:30px}.section-head p{font-size:15.5px}.final-cta{padding:58px 0}.final-cta h2{font-size:28px}.contact-strip{padding:44px 0}.contact-strip h2{font-size:25px}.health-preview-card{align-items:flex-start;flex-direction:column;padding:24px}.canada-list{grid-template-columns:1fr}.mobile-panel{width:min(88%,350px);padding:78px 22px 24px;overflow:auto}.mobile-panel{gap:16px}}
@media (max-width:420px){.brand-name{font-size:16px}.brand-tagline{font-size:8.5px;letter-spacing:.1em}.menu-toggle{width:42px;height:42px}.page-hero h1{font-size:31px}}
@media (max-width:360px){.nav-inner{padding:9px 14px}.brand img{width:34px;height:34px}.brand-name{font-size:14px}.brand-tagline{font-size:7.5px}.wrap{padding:0 15px}.btn{font-size:14px;padding:13px 21px}}


/* ===== AVORA V3 PROFESSIONAL OVERRIDES ===== */
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden;background:#fff;color:var(--ink)}
/* Brand hierarchy: company name is primary, tagline is quiet secondary */
.brand{gap:12px;min-width:245px}.brand img{width:43px;height:43px;object-fit:contain}.brand-text{gap:2px}.brand-name{font-family:var(--ff-display);font-size:21px!important;line-height:1.05;font-weight:850;letter-spacing:.045em;color:var(--navy);white-space:nowrap}.brand-tagline{font-family:var(--ff-display);font-size:9.5px!important;line-height:1.1;font-weight:600;letter-spacing:.15em;color:var(--gold);white-space:nowrap}
.primary-links{gap:17px!important}.primary-links a,.nav-more-btn{font-size:13px!important}.nav-tools{gap:12px}.btn-nav{padding:10px 16px!important}
/* Never hide core content if JS fails */
.reveal{opacity:1!important;transform:none!important}.js .reveal{opacity:0;transform:translateY(18px)}.js .reveal.in{opacity:1;transform:none}
.page-enter main,.page-enter footer,.page-enter .contact-strip{animation:avoraPageIn .42s ease both}.page-exit main,.page-exit footer,.page-exit .contact-strip{animation:avoraPageOut .16s ease both}
@keyframes avoraPageIn{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes avoraPageOut{from{opacity:1}to{opacity:.2}}
/* Better hero proportions */
#hero{padding:82px 0 78px}#hero .wrap{align-items:center}.hero-copy{max-width:700px}.hero-copy .eyebrow{letter-spacing:.14em}.hero-copy h1{font-size:clamp(46px,5.2vw,72px);line-height:1.02;max-width:760px;letter-spacing:-.035em}.hero-copy .lead{font-size:19px;line-height:1.65;max-width:640px}.hero-checks{margin-top:24px}.hero-checks>div{font-size:14px}.hero-visual img{border-radius:20px}.hero-badge{border-radius:14px}
/* Section rhythm */
.section-head{max-width:820px}.section-head h2{letter-spacing:-.025em}.why-grid,.service-grid,.industry-grid,.security-grid{gap:18px}.why-card,.service-card,.industry-card,.decision-card{border-radius:16px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.why-card:hover,.service-card:hover,.industry-card:hover,.decision-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
/* Cleaner page heroes */
.page-hero{padding:66px 0 62px}.page-hero h1{font-size:clamp(42px,5vw,58px);line-height:1.05;letter-spacing:-.03em}.page-hero p{font-size:18px;line-height:1.65}
/* More purposeful CTA strip */
.contact-strip{background:#f7f9fc}.contact-strip-inner{max-width:1100px}.contact-strip h2{font-size:31px;letter-spacing:-.02em}
/* Mobile drawer hierarchy */
.mobile-panel{box-shadow:-18px 0 50px rgba(7,28,53,.16)}.mobile-brand b{font-size:16px;letter-spacing:.05em}.mobile-brand span{font-size:9px;letter-spacing:.13em;color:var(--gold)}.mobile-nav-main a,.mobile-nav-more a{padding:8px 0}.mobile-nav-main a.active,.mobile-nav-more a.active{color:var(--gold)}
/* Forms */
.form-field input,.form-field select,.form-field textarea{font-size:15px}.form-note{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 14px}.form-success{padding:30px;border:1px solid var(--grey-line);border-radius:14px;background:#f7fbf8}.form-success h3{margin-bottom:6px}.form-success p{margin:0;color:var(--muted)}
/* Health check */
.health-preview-card{border-radius:18px}.health-preview-card h2{letter-spacing:-.025em}
/* Prevent giant empty-looking spaces */
.py{padding-top:72px;padding-bottom:72px}.final-cta{padding:72px 0}.inline-cta{margin-top:28px;margin-bottom:8px;border-radius:18px}
@media(max-width:1120px){.brand{min-width:215px}.brand-name{font-size:19px!important}.primary-links{gap:13px!important}.primary-links a,.nav-more-btn{font-size:12.5px!important}}
@media(max-width:980px){.brand{min-width:0}.brand-name{font-size:20px!important}.brand-tagline{font-size:9px!important}}
@media(max-width:600px){.brand img{width:38px;height:38px}.brand-name{font-size:18px!important;letter-spacing:.035em}.brand-tagline{font-size:8.5px!important;letter-spacing:.10em}.nav-inner{padding:10px 17px}.py{padding:58px 0}.page-hero{padding:48px 0 44px}.page-hero h1{font-size:34px}.page-hero p{font-size:16px}.hero-copy h1{font-size:40px;line-height:1.04}.hero-copy .lead{font-size:17px}.hero-ctas{display:flex;flex-direction:column;align-items:stretch}.hero-ctas .btn{width:100%;text-align:center}.contact-strip h2{font-size:26px}}
@media(max-width:420px){.brand-name{font-size:16.5px!important}.brand-tagline{font-size:8px!important}.brand img{width:36px;height:36px}.hero-copy h1{font-size:36px}.wrap{padding-left:16px;padding-right:16px}}
@media(max-width:360px){.brand-name{font-size:15px!important}.brand-tagline{font-size:7.2px!important}.brand img{width:34px;height:34px}.nav-inner{padding:9px 13px}.hero-copy h1{font-size:33px}}