/* Colors, type, radii and shadows all come from /site.css's own :root
     (navy / parchment / emerald / gold -- see the design-system comment at
     the top of that file) so this page matches the rest of the site
     instead of keeping its own separate palette. Only the few tokens
     below have no equivalent there. */
  :root{
    --gold-deep:#8F6D24;
    --shadow-gold:0 10px 30px -12px rgba(184,146,42,0.35);
    --hairline:linear-gradient(90deg, transparent, rgba(184,146,42,0.55), transparent);
  }
  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *,*::before,*::after{animation-duration:0.001ms !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;} }
  body{margin:0; font-family:var(--font-body); color:var(--text-primary); background:var(--parchment); line-height:1.65; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}
  img{max-width:100%; display:block;}
  a{color:inherit;}
  .wrap{max-width:var(--max-w); margin:0 auto; padding:0 24px;}
  .eyebrow{font-family:var(--font-mono); font-size:11.5px; letter-spacing:0.18em; text-transform:uppercase; color:var(--gold); font-weight:600; display:inline-flex; align-items:center; gap:10px; margin-bottom:16px;}
  .eyebrow::before{content:""; width:22px; height:1px; background:var(--gold); display:inline-block;}
  .eyebrow.dark{color:var(--gold-deep);}
  h1,h2,h3{font-family:var(--font-display); font-weight:700; letter-spacing:-0.015em; margin:0;}
  h2{font-size:clamp(28px,4vw,40px); line-height:1.15; color:var(--navy);}
  h3{font-size:19px; line-height:1.35; color:var(--navy);}
  p{margin:0 0 16px;}
  .lede{font-size:clamp(16px,1.6vw,19px); color:var(--text-mid); max-width:660px;}
  ::selection{background:rgba(184,146,42,0.25); color:var(--ink);}
  .skip-link{position:absolute; left:-999px; top:0; background:var(--gold); color:var(--ink); padding:10px 16px; z-index:200; font-weight:600;}
  .skip-link:focus{left:16px; top:16px;}
  :focus-visible{outline:3px solid var(--gold); outline-offset:2px;}
  section{padding:84px 0;}
  @media (max-width:720px){ section{padding:50px 0;} }
  /* Buttons, nav and the floating home button are the site's own
     .btn/.btn-primary/.btn-outline-dark/.btn-ghost-light, .nav and
     .site-home-btn from /site.css -- this page no longer keeps a
     separate button/header/home-button system of its own. Only the
     flex-row layout helper for a row of buttons stays, since site.css
     has no exact equivalent. */
  .cta-row{display:flex; flex-wrap:wrap; gap:14px; align-items:center;}

  .sa-hero{background:radial-gradient(900px 500px at 82% -10%, rgba(184,146,42,0.16), transparent 60%), linear-gradient(180deg, var(--navy), var(--ink)); color:#fff; padding:60px 0 84px; overflow:hidden; position:relative;}
  .sa-hero-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:52px; align-items:center;}
  @media (max-width:900px){ .sa-hero-grid{grid-template-columns:1fr; gap:36px;} }
  .sa-hero h1{font-size:clamp(30px,4.4vw,48px); line-height:1.14; color:#fff; margin-bottom:20px;}
  .sa-hero .lede{color:rgba(246,242,235,0.65); max-width:580px; margin-bottom:28px;}
  .trust-strip{display:flex; flex-wrap:wrap; gap:20px; margin-top:32px; padding-top:22px; border-top:1px solid rgba(255,255,255,0.14);}
  .sa-trust-item{font-size:13.5px; color:rgba(246,242,235,0.55); font-family:var(--font-mono);}
  .hero-photo{border-radius:var(--radius); overflow:hidden; border:1px solid rgba(255,255,255,0.14); box-shadow:0 30px 70px -20px rgba(0,0,0,0.6); position:relative;}
  .hero-photo img{width:100%; height:100%; object-fit:cover; display:block; max-height:460px;}
  .hero-stat-below{
    margin-top:16px;
    background:rgba(255,255,255,0.05); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
    border:1px solid rgba(255,255,255,0.16); border-radius:12px; padding:16px 18px;
    display:flex; align-items:baseline; gap:14px;
  }
  .hero-stat-below .big{font-family:var(--font-display); font-weight:800; font-size:30px; color:var(--gold); line-height:1; flex:none;}
  .hero-stat-below .txt{font-size:12.5px; color:rgba(246,242,235,0.72); line-height:1.4;}

  .what-is-this{background:var(--parchment-2); border-bottom:1px solid var(--parchment-3); padding:64px 0;}
  .what-is-this h2{font-size:clamp(26px,3.6vw,36px); margin-bottom:22px; max-width:760px;}
  .what-is-this .lede{color:var(--text-mid); margin-bottom:16px;}
  .what-is-this .lede strong{color:var(--navy);}
  .clarify-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px;}
  .clarify-item{font-family:var(--font-mono); font-size:12.5px; letter-spacing:.03em; text-transform:uppercase; color:var(--navy); background:#efe4c8; border-radius:999px; padding:9px 16px;}
  .problem{background:var(--parchment);}
  .stat-pair{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:36px;}
  @media (max-width:640px){ .stat-pair{grid-template-columns:1fr;} }
  .pstat{border:1px solid var(--parchment-3); border-radius:var(--radius); padding:26px 24px; background:#fff; box-shadow:var(--shadow-sm); transition:box-shadow .2s ease, transform .2s ease;}
  .pstat:hover{box-shadow:var(--shadow-md); transform:translateY(-2px);}
  .pstat .num{font-family:var(--font-display); font-size:40px; font-weight:800; color:var(--navy);}
  .pstat .cap{font-size:14.5px; color:var(--text-mid); margin-top:8px;}
  .pstat .src{font-family:var(--font-mono); font-size:11px; color:var(--text-soft); margin-top:12px; text-transform:uppercase; letter-spacing:.05em;}

  .burden-list{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:40px;}
  @media (max-width:960px){ .burden-list{grid-template-columns:1fr 1fr;} }
  @media (max-width:560px){ .burden-list{grid-template-columns:1fr;} }
  .burden-item{border:1px solid var(--parchment-3); border-radius:var(--radius); padding:24px 22px; background:#fff; box-shadow:var(--shadow-sm); transition:box-shadow .2s ease, transform .2s ease;}
  .burden-item:hover{box-shadow:var(--shadow-md); transform:translateY(-2px);}
  .burden-item .ico{font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--gold); margin-bottom:10px;}
  .burden-item h3{font-size:16.5px; margin-bottom:8px;}
  .burden-item p{font-size:13.5px; color:var(--text-mid); margin-bottom:0;}

  .relief{background:var(--ink); color:#fff;}
  .relief h2{color:#fff;}
  .relief .lede{color:rgba(246,242,235,0.55);}
  .relief-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:44px;}
  @media (max-width:900px){ .relief-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:600px){ .relief-grid{grid-template-columns:1fr;} }
  .relief-card{background:linear-gradient(160deg, var(--navy-mid), var(--navy)); border:1px solid rgba(255,255,255,0.08); border-radius:var(--radius); padding:26px 24px; box-shadow:var(--shadow-md); transition:box-shadow .2s ease, transform .2s ease;}
  .relief-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg);}
  .relief-card .num{font-family:var(--font-mono); font-size:12px; color:var(--gold); text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px;}
  .relief-card h3{color:#fff; margin-bottom:8px;}
  .relief-card p{color:rgba(246,242,235,0.65); font-size:14px; margin-bottom:0;}

  .fee-model{background:var(--parchment-2); border-top:1px solid var(--parchment-3); border-bottom:1px solid var(--parchment-3);}
  .fee-steps{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:40px;}
  @media (max-width:800px){ .fee-steps{grid-template-columns:1fr;} }
  .fee-card{background:#fff; border:1px solid var(--parchment-3); border-radius:var(--radius-lg); padding:32px 30px; box-shadow:var(--shadow-md); position:relative; overflow:hidden;}
  .fee-card::before{content:""; position:absolute; top:0; left:0; right:0; height:3px; background:var(--hairline);}
  .fee-card .kind{font-family:var(--font-mono); font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--gold); margin-bottom:10px;}
  .fee-card .amount{font-family:var(--font-display); font-size:36px; font-weight:800; color:var(--navy); line-height:1.15;}
  .fee-card .when{font-size:13.5px; color:var(--text-soft); margin:8px 0 16px;}
  .fee-card ul{margin:0; padding-left:18px; color:var(--text-mid); font-size:14.5px;}
  .fee-card li{margin-bottom:6px;}

  .guarantee-bar{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:44px;}
  @media (max-width:720px){ .guarantee-bar{grid-template-columns:1fr;} }
  .g-item{background:linear-gradient(160deg, var(--navy), var(--ink)); color:#fff; border-radius:var(--radius); padding:26px 24px; text-align:center; border:1px solid rgba(255,255,255,0.08); box-shadow:var(--shadow-md);}
  .g-item .num{font-family:var(--font-display); font-size:32px; font-weight:800; color:var(--gold);}
  .g-item .lab{font-size:13.5px; color:rgba(246,242,235,0.65); margin-top:6px;}

  .process-list{display:grid; gap:0; margin-top:44px; border-top:1px solid var(--parchment-3);}
  .process-item{display:grid; grid-template-columns:64px 1fr; gap:22px; padding:24px 0; border-bottom:1px solid var(--parchment-3); align-items:start;}
  .process-item .idx{font-family:var(--font-mono); font-size:14px; color:var(--gold); font-weight:600; padding-top:2px;}
  .process-item h3{margin-bottom:6px;}
  .process-item p{color:var(--text-mid); margin-bottom:0; max-width:660px;}

  .regions{background:var(--ink); color:#fff;}
  .regions h2{color:#fff;}
  .regions .lede{color:rgba(246,242,235,0.55);}
  .region-chips{display:flex; flex-wrap:wrap; gap:12px; margin-top:36px; margin-bottom:8px;}
  .region-chip{font-family:var(--font-mono); font-size:12.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink); background:var(--gold-lite); border-radius:8px; padding:8px 14px;}
  .table-wrap{overflow-x:auto; margin-top:30px; border-radius:var(--radius-lg); border:1px solid rgba(255,255,255,0.08); box-shadow:var(--shadow-lg);}
  table.rate{width:100%; border-collapse:collapse; min-width:760px; background:var(--navy);}
  table.rate th, table.rate td{padding:16px 20px; text-align:left; font-size:14px; border-bottom:1px solid rgba(255,255,255,0.08); vertical-align:top;}
  table.rate thead th{background:linear-gradient(180deg, var(--navy-mid), var(--navy)); color:var(--gold-lite); font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.08em;}
  table.rate tbody th{color:#fff; font-weight:600; width:20%;}
  table.rate td{color:rgba(246,242,235,0.55);}
  table.rate tbody tr:hover td, table.rate tbody tr:hover th{background:rgba(255,255,255,0.03);}
  table.rate tbody tr:last-child th, table.rate tbody tr:last-child td{border-bottom:none;}
  .table-src{font-family:var(--font-mono); font-size:11.5px; color:rgba(246,242,235,0.3); margin-top:14px; max-width:900px;}

  .burden-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:20px;}
  @media (max-width:960px){ .burden-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:560px){ .burden-grid{grid-template-columns:1fr;} }
  .burden-card{background:var(--navy-mid); border:1px solid rgba(255,255,255,0.08); border-radius:var(--radius); padding:22px 20px;}
  .burden-card .region-name{font-family:var(--font-mono); font-size:11.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--gold); margin-bottom:10px;}
  .burden-card p{font-size:13.5px; color:rgba(246,242,235,0.65); margin-bottom:0;}

  .savings-band{background:linear-gradient(135deg, var(--gold), var(--gold-lite)); color:var(--ink); border-radius:var(--radius); padding:34px 32px; margin-top:40px;}
  .savings-band h3{color:var(--ink); font-size:22px; margin-bottom:10px;}
  .savings-band p{color:#2c2107; font-size:15px; max-width:820px; margin-bottom:0;}

  .compare{background:var(--parchment);}
  .table-wrap-light{overflow-x:auto; margin-top:36px; border-radius:var(--radius-lg); border:1px solid var(--parchment-3); box-shadow:var(--shadow-md);}
  table.cmp{width:100%; border-collapse:collapse; min-width:700px; background:#fff;}
  table.cmp th, table.cmp td{padding:17px 20px; text-align:left; font-size:14.5px; border-bottom:1px solid var(--parchment-3); vertical-align:top;}
  table.cmp thead th{background:linear-gradient(180deg, var(--navy), var(--ink)); color:#fff; font-family:var(--font-mono); font-size:11.5px; text-transform:uppercase; letter-spacing:.06em;}
  table.cmp tbody th{color:var(--navy); font-weight:600; width:24%; background:var(--parchment-2);}
  table.cmp td{color:var(--text-mid);}
  table.cmp tbody tr:hover{background:var(--parchment-2);}
  table.cmp td.win{color:var(--navy); font-weight:600;}
  table.cmp td.win::before{content:"✓ "; color:var(--gold-deep); font-weight:700;}
  table.cmp tbody tr:last-child th, table.cmp tbody tr:last-child td{border-bottom:none;}

  /* Data visualizations */
  .chart-card{background:var(--navy); border:1px solid rgba(255,255,255,0.08); border-radius:var(--radius-lg); padding:32px 34px 28px; margin-top:36px; box-shadow:var(--shadow-lg);}
  .chart-card .chart-title{font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--gold-lite); margin-bottom:22px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
  .chart-card .chart-title .legend{display:flex; gap:16px; font-size:11px; color:rgba(246,242,235,0.55); text-transform:none; letter-spacing:0;}
  .chart-card .chart-title .legend span{display:inline-flex; align-items:center; gap:6px;}
  .chart-card .legend i{width:9px; height:9px; border-radius:2px; display:inline-block;}
  .bar-row{display:grid; grid-template-columns:150px 1fr 108px; align-items:center; gap:14px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,0.06);}
  .bar-row:last-child{border-bottom:none;}
  .bar-row .lab{font-size:13px; color:rgba(246,242,235,0.72); font-weight:600;}
  .bar-track{position:relative; height:10px; background:rgba(255,255,255,0.08); border-radius:999px; overflow:hidden;}
  .bar-fill{position:absolute; left:0; top:0; height:100%; border-radius:999px; background:linear-gradient(90deg, var(--gold-deep), var(--gold-lite));}
  .bar-fill.alt{background:linear-gradient(90deg, #3a5578, #6f8bb3);}
  .bar-row .val{font-family:var(--font-mono); font-size:12.5px; color:#fff; text-align:right; white-space:nowrap;}
  @media (max-width:640px){ .bar-row{grid-template-columns:96px 1fr 86px; gap:10px;} .bar-row .lab{font-size:12px;} }

  .donut-wrap{display:flex; align-items:center; gap:32px; flex-wrap:wrap;}
  .donut-figure{flex:none; position:relative; width:168px; height:168px;}
  .donut-figure .center{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
  .donut-figure .center .big{font-family:var(--font-display); font-size:26px; font-weight:800; color:#fff;}
  .donut-figure .center .small{font-family:var(--font-mono); font-size:10px; color:rgba(246,242,235,0.55); text-transform:uppercase; letter-spacing:.05em; margin-top:2px;}
  .donut-notes{flex:1; min-width:220px; display:grid; gap:14px;}
  .donut-note{display:flex; gap:12px; align-items:flex-start;}
  .donut-note i{width:11px; height:11px; border-radius:3px; flex:none; margin-top:4px;}
  .donut-note .t{font-size:13.5px; color:rgba(246,242,235,0.72); line-height:1.5;}
  .donut-note .t strong{color:#fff;}

  .flow-row{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; margin-top:34px;}
  @media (max-width:720px){ .flow-row{grid-template-columns:1fr;} .flow-row .flow-arrow{transform:rotate(90deg); margin:4px auto;} }
  .flow-step{background:var(--navy); border:1px solid rgba(255,255,255,0.08); border-radius:var(--radius); padding:20px 22px; text-align:center; box-shadow:var(--shadow-sm);}
  .flow-step .n{font-family:var(--font-mono); font-size:11px; color:var(--gold-lite); text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px;}
  .flow-step .v{font-family:var(--font-display); font-weight:800; font-size:20px; color:#fff;}
  .flow-arrow{flex:none; color:var(--gold); opacity:.8;}

  .platforms{background:var(--parchment-2); border-top:1px solid var(--parchment-3); border-bottom:1px solid var(--parchment-3);}
  .plat-row{display:flex; flex-wrap:wrap; gap:16px; margin-top:36px;}
  .plat-chip{display:flex; align-items:center; gap:12px; border:1px solid var(--parchment-3); background:#fff; border-radius:12px; padding:14px 20px; flex:1 1 190px;}
  .plat-chip .mark{width:38px; height:38px; border-radius:9px; background:var(--navy); color:var(--gold); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-weight:700; font-size:12px; flex:none;}
  .plat-chip .name{font-weight:600; font-size:15px; color:var(--navy);}
  .plat-chip .modules{font-size:12.5px; color:var(--text-soft);}

  .roles-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:44px;}
  @media (max-width:900px){ .roles-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:600px){ .roles-grid{grid-template-columns:1fr;} }
  .role-card{border:1px solid var(--parchment-3); border-radius:var(--radius); padding:26px; background:#fff;}
  .role-card h3{margin-bottom:12px;}
  .role-card ul{margin:0; padding-left:18px; color:var(--text-mid); font-size:14.5px;}
  .role-card li{margin-bottom:6px;}
  .role-card .tag{display:inline-block; font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--navy); background:#efe4c8; border-radius:5px; padding:3px 8px; margin-bottom:14px;}

  .proof{text-align:center;}
  .proof .lede{margin-left:auto; margin-right:auto;}
  .logo-row{display:flex; justify-content:center; align-items:center; gap:48px; flex-wrap:wrap; margin-top:40px; filter:grayscale(1); opacity:.75;}
  .logo-row img{height:34px; width:auto;}

  .faq-list{max-width:820px; margin:40px auto 0;}
  details.faq{border-bottom:1px solid var(--parchment-3); padding:20px 0;}
  details.faq summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; font-weight:600; font-size:16.5px; color:var(--navy);}
  details.faq summary::-webkit-details-marker{display:none;}
  details.faq summary::after{content:"+"; font-family:var(--font-mono); font-size:22px; color:var(--gold); flex:none;}
  details.faq[open] summary::after{content:"–";}
  details.faq p{margin:14px 0 0; color:var(--text-mid); font-size:15px; max-width:680px;}

  .final-cta{background:linear-gradient(135deg, var(--ink), var(--navy)); color:#fff;}
  .final-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:0; align-items:stretch; border-radius:var(--radius); overflow:hidden; border:1px solid rgba(255,255,255,0.08);}
  @media (max-width:860px){ .final-grid{grid-template-columns:1fr;} }
  /* min-width:0 lets these grid items shrink below their content's min-content
     size (the photo's intrinsic width, the phone-number line) instead of
     forcing the 1fr track wider than the viewport on narrow screens. */
  .final-photo, .final-copy{min-width:0;}
  .final-photo{min-height:320px;}
  .final-photo img{width:100%; height:100%; object-fit:cover; display:block; min-height:320px;}
  .final-copy{background:var(--navy-mid); padding:44px 40px; display:flex; flex-direction:column; justify-content:center;}
  .final-copy h2{color:#fff; margin-bottom:14px;}
  .final-copy .lede{color:rgba(246,242,235,0.65); margin-bottom:26px;}
  .final-copy .fine{margin-top:20px; font-size:13px; color:rgba(246,242,235,0.4);}
  .call-now{font-family:var(--font-mono); font-size:14.5px; color:rgba(246,242,235,0.72); margin-bottom:22px;}
  .call-now a{color:var(--gold-lite); text-decoration:none; font-weight:600;}
  .call-now a:hover{text-decoration:underline;}
  .talent-form{display:flex; flex-direction:column; gap:14px;}
  .tf-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  @media (max-width:560px){ .tf-row{grid-template-columns:1fr;} }
  .tf-field{display:flex; flex-direction:column; gap:6px; min-width:0;}
  .tf-field label{font-size:12.5px; color:rgba(246,242,235,0.55); font-family:var(--font-mono); letter-spacing:.02em;}
  .tf-field input, .tf-field select, .tf-field textarea{
    background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.18); border-radius:8px;
    padding:11px 12px; color:#fff; font-family:var(--font-body); font-size:14.5px;
  }
  .tf-field input::placeholder, .tf-field textarea::placeholder{color:rgba(246,242,235,0.35);}
  .tf-field select{appearance:auto; cursor:pointer;}
  .tf-field select option{background:var(--navy); color:#fff;}
  .tf-field select option[disabled]{color:rgba(246,242,235,0.4);}
  .tf-field select optgroup{background:var(--ink); color:var(--gold-lite); font-style:normal; font-weight:600;}
  .tf-field input:focus, .tf-field select:focus, .tf-field textarea:focus{outline:2px solid var(--gold); outline-offset:1px; border-color:var(--gold);}
  .tf-full{width:100%;}
  .tf-submit{margin-top:6px; align-self:flex-start;}
  .tf-note{font-size:12.5px; color:rgba(246,242,235,0.4); margin:10px 0 0;}
  .tf-note a{color:var(--gold-lite);}

  /* Footer is the site's own .footer/.footer-cols/.footer-menu/etc from
     /site.css -- this page no longer keeps a separate footer of its own. */
</style>