:root{
  --navy:#0e1625;
  --navy-2:#151f32;
  --ink:#172033;
  --muted:#626d7f;
  --paper:#f6f3ec;
  --white:#fff;
  --amber:#ffb423;
  --amber-dark:#a76000;
  --line:#d9dde5;
  --soft:#fff7e6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{width:min(1140px,100% - 40px);margin-inline:auto}
.skip{position:absolute;left:-9999px;top:8px;z-index:20;background:var(--white);padding:10px 14px;border-radius:6px}
.skip:focus{left:12px}
.top{background:var(--navy);color:var(--white)}
.header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px;color:var(--white);text-decoration:none;min-width:220px}
.mark{display:grid;place-items:center;width:45px;height:45px;border-radius:8px;background:#090f19;border:1px solid #40506b;color:var(--amber);font-size:13px;font-weight:900;letter-spacing:.08em}
.brand strong,.brand small{display:block}
.brand strong{font-size:15px}
.brand small{color:#aab5c7;font-size:11px;margin-top:2px}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:22px}
.nav a{color:#dce3ee;text-decoration:none;font-size:12px;font-weight:700}
.nav a:hover{text-decoration:underline;text-underline-offset:4px}
.nav .call{background:var(--amber);color:#211707;border-radius:7px;padding:11px 14px;text-decoration:none}
.hero{background:var(--navy);color:var(--white);padding:64px 0 74px}
.crumbs{display:flex;gap:8px;align-items:center;margin:0 0 40px;color:#99a7ba;font-size:11px}
.crumbs a{color:#d9e0eb;text-decoration:none}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center}
.eyebrow{color:var(--amber);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.16em;margin:0 0 17px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.94;letter-spacing:-.06em;max-width:780px;margin-bottom:24px}
.lead{max-width:700px;color:#c1cad7;font-size:17px;line-height:1.72;margin-bottom:28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:49px;padding:0 19px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:850}
.button-primary{background:var(--amber);color:#211707}
.button-secondary{border:1px solid #43516a;color:var(--white);background:#141f32}
.hero-media{border:1px solid #35445d;border-radius:16px;overflow:hidden;background:#151f32;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hero-media figcaption{padding:16px 18px;color:#b6c2d2;font-size:12px;line-height:1.55}
.facts{background:var(--white);border-bottom:1px solid var(--line)}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.fact{padding:25px 30px;border-right:1px solid var(--line)}
.fact:first-child{padding-left:0}
.fact:last-child{border-right:0}
.fact strong,.fact span{display:block}
.fact strong{font-size:14px;margin-bottom:6px}
.fact span{color:var(--muted);font-size:12px;line-height:1.55}
.main{padding:78px 0 92px}
.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:70px;align-items:start}
.copy-section{margin-bottom:58px}
.copy-section:last-child{margin-bottom:0}
.copy-section h2{font-size:clamp(2.15rem,4vw,3.55rem);line-height:1;letter-spacing:-.05em;margin-bottom:20px}
.copy-section>p{color:var(--muted);font-size:15px;line-height:1.78;max-width:790px}
.issue-grid,.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:28px}
.issue{background:var(--white);border:1px solid var(--line);border-radius:11px;padding:20px}
.issue h3{font-size:16px;margin-bottom:8px}
.issue p{color:var(--muted);font-size:13px;line-height:1.62;margin-bottom:0}
.steps{counter-reset:steps;display:grid;gap:13px;margin-top:28px}
.step{counter-increment:steps;background:var(--white);border:1px solid var(--line);border-radius:11px;padding:20px 20px 20px 65px;position:relative}
.step:before{content:counter(steps,decimal-leading-zero);position:absolute;left:20px;top:20px;color:var(--amber-dark);font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.step h3{font-size:16px;margin-bottom:7px}
.step p{color:var(--muted);font-size:13px;line-height:1.62;margin:0}
.sidebar{position:sticky;top:24px;display:grid;gap:14px}
.side-card{background:var(--navy);color:var(--white);border-radius:13px;padding:25px}
.side-card.amber{background:var(--soft);color:var(--ink);border:1px solid #ead3a5}
.side-label{color:var(--amber);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.15em;margin-bottom:13px}
.side-card.amber .side-label{color:var(--amber-dark)}
.side-card h2{font-size:24px;line-height:1.05;letter-spacing:-.035em;margin-bottom:12px}
.side-card p{color:#b9c4d3;font-size:13px;line-height:1.67}
.side-card.amber p{color:var(--muted)}
.side-card .button{width:100%;margin-top:5px}
.service-list{list-style:none;padding:0;margin:0}
.service-list li{border-top:1px solid #2e3b50;padding:12px 0;color:#c5cfdd;font-size:12px;line-height:1.5}
.service-list li:first-child{border-top:0;padding-top:0}
.faq{border-top:1px solid var(--line);padding-top:70px;margin-top:10px}
.faq h2{font-size:clamp(2.15rem,4vw,3.4rem);letter-spacing:-.05em;margin-bottom:26px}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:0 20px}
.faq summary{cursor:pointer;font-weight:800;padding:18px 30px 18px 0}
.faq details p{color:var(--muted);font-size:13px;line-height:1.7;padding:0 0 18px;margin:0}
.related{padding:72px 0;background:#eef1f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.related-head{display:flex;align-items:end;justify-content:space-between;gap:25px}
.related h2{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.045em;margin-bottom:0}
.related-grid{grid-template-columns:repeat(3,1fr)}
.related-card{background:var(--white);border:1px solid var(--line);border-radius:11px;padding:22px;text-decoration:none}
.related-card span{display:block;color:var(--amber-dark);font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;margin-bottom:22px}
.related-card strong{display:block;font-size:17px;margin-bottom:8px}
.related-card p{color:var(--muted);font-size:12px;line-height:1.55;margin:0}
.cta{padding:78px 0}
.cta-box{background:var(--amber-dark);color:var(--white);border-radius:15px;padding:42px 46px;display:flex;justify-content:space-between;align-items:center;gap:35px}
.cta-box h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;margin-bottom:12px}
.cta-box p{color:#ffe3af;line-height:1.65;margin-bottom:0}
.cta-box .button{background:var(--white);color:var(--ink);white-space:nowrap}
.footer{border-top:1px solid var(--line);padding:28px 0 40px;color:#737d8b;font-size:11px}
.footer-inner{display:flex;justify-content:space-between;gap:25px}
.footer-links{display:flex;flex-wrap:wrap;gap:15px}
.footer a{text-decoration:none}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
@media(max-width:900px){
  .hero-grid,.content-grid{grid-template-columns:1fr}
  .hero-grid{gap:38px}
  .content-grid{gap:42px}
  .sidebar{position:static;grid-template-columns:1fr 1fr}
  .nav{gap:13px}
  .nav a:not(.call){display:none}
}
@media(max-width:680px){
  .wrap{width:min(100% - 32px,1140px)}
  .header{min-height:72px}
  .brand{min-width:0}
  .brand strong{max-width:160px;line-height:1.1}
  .hero{padding:42px 0 54px}
  .crumbs{margin-bottom:29px}
  h1{font-size:clamp(2.7rem,13vw,3.7rem)}
  .lead{font-size:16px}
  .hero-actions{display:grid}
  .hero-actions .button{width:100%}
  .fact-grid{grid-template-columns:1fr}
  .fact{padding:19px 0;border-right:0;border-bottom:1px solid var(--line)}
  .fact:last-child{border-bottom:0}
  .main{padding:56px 0 68px}
  .issue-grid,.related-grid,.sidebar{grid-template-columns:1fr}
  .copy-section{margin-bottom:48px}
  .faq{padding-top:52px}
  .related{padding:55px 0}
  .cta{padding:58px 0}
  .cta-box{padding:28px 24px;display:block}
  .cta-box .button{width:100%;margin-top:22px;white-space:normal;text-align:center}
  .footer-inner{display:grid}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}