/* Dark visual reconstruction from the saved October homepage and before screenshots.
   Content, URLs, forms and delivery remain owned by the current PHP implementation. */
:root{color-scheme:dark;--ink:#f4f4f2;--muted:#b8b8b6;--paper:#080808;--line:#30302e;--orange:#f64302;--petrol:#111110;--soft:#131312}
html{scroll-padding-top:100px}
body{background:var(--paper);color:var(--ink);font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;line-height:1.8}
h1,h2,h3{font-family:"Handjet","Courier New",monospace;font-weight:500;letter-spacing:-.025em}
h1{font-size:clamp(44px,5.4vw,82px)}
h2{font-size:clamp(35px,4vw,60px)}
h3{font-size:30px}
p{color:var(--muted)}
.shell,.wrap{width:min(1324px,calc(100% - 64px))}
.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.14em}
.button,.btn,.hero-cta,.header-cta,.light-cta{background:var(--orange);color:#080808;border:1px solid var(--orange);border-radius:0;min-height:52px;font:600 12px/1.5 "JetBrains Mono",monospace;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 21px}
.button:hover,.btn:hover,.hero-cta:hover,.header-cta:hover,.light-cta:hover{background:#ff6736;border-color:#ff6736;color:#080808}
.button-light,.light-cta{background:#f1f1ed;border-color:#f1f1ed;color:#080808}
.button-light:hover,.light-cta:hover{background:#fff;border-color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ff754a;outline-offset:5px}
.skip{background:#f4f4f2;color:#000}
.site-header{background:#060606;border-bottom:1px solid #1c1c1b}
.bar{width:calc(100% - 32px);max-width:1700px;min-height:98px;display:flex;gap:24px;align-items:center;justify-content:space-between}
.brand{font:600 12px/1.3 "JetBrains Mono",monospace;letter-spacing:-.045em;gap:10px}
.brand-symbol{width:28px;height:28px;fill:var(--orange);flex:none}
.brand-domain{color:var(--orange)}
.nav-panel{display:contents}
.nav-pill{border:1px solid #373735;border-radius:999px;padding:4px 19px;gap:29px;background:#090909}
.nav a{font-size:11px;letter-spacing:0;font-weight:500;padding:15px 0;white-space:nowrap}
.nav a:hover,.nav a[aria-current]{color:#fff;text-decoration-color:var(--orange)}
.header-actions{display:flex;align-items:center;gap:12px}
.header-incident,.hero-incident{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid #563020;color:#f4f4f2;text-decoration:none;font:600 11px/1.5 "JetBrains Mono",monospace;padding:14px 17px;min-height:48px;white-space:nowrap}
.header-incident{border-radius:999px}
.header-incident:hover,.hero-incident:hover{border-color:var(--orange)}
.signal-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block;flex:none;box-shadow:0 0 10px #f6430238}
.nav-cta{font-size:11px;min-height:52px;padding:15px 18px;gap:24px}
.nav-toggle{border:1px solid var(--line);border-radius:4px;background:#111;color:var(--ink);padding:10px 13px;font-size:12px}
.home-hero{position:relative;isolation:isolate;min-height:calc(100svh - 98px);padding:24px 0 42px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#030303}
.hero-film{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,#202020 0,transparent 53%),#020202}
.hero-film:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,#0004 50%,#000 100%)}
.hero-video{width:100%;height:100%;object-fit:cover;opacity:.58}
.home-hero-center{padding:0 24px;position:relative;text-align:center}
.hero-kicker{margin:0 0 34px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#aaa}
.home-hero h1{font-family:"Handjet","Courier New",monospace;font-size:clamp(84px,10.4vw,168px);font-weight:400;line-height:.92;letter-spacing:-.035em;text-transform:uppercase;max-width:1450px;margin:0 auto;color:#fff}
.home-hero-bottom{width:calc(100% - 116px);margin:100px auto 0;display:flex;align-items:flex-end;justify-content:space-between;gap:48px;position:relative}
.home-hero-bottom>p{max-width:450px;font-size:12px;line-height:1.8;margin:0;color:#c1c1bf}
.home-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px;align-items:center}
.hero-cta{min-width:188px;min-height:53px}
.hero-incident{border-color:#545451;border-radius:0;min-height:53px;font-size:11px}
.motion-toggle{position:absolute;bottom:12px;right:28px;background:#080808cc;color:#c7c7c4;border:1px solid #3d3d3a;padding:4px 8px;font-size:10px;cursor:pointer}
.signal-strip{border-block:1px solid var(--line);background:#0b0b0a}
.signal-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:23px 0;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#bbb}
.about-showcase{position:relative;isolation:isolate;min-height:680px;padding:64px 0;background:#0e0e0d;overflow:hidden}
.about-showcase>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;z-index:-2}
.about-overlay{width:min(1324px,calc(100% - 116px));margin:auto;min-height:550px;display:flex;flex-direction:column;justify-content:space-between;gap:120px}
.about-top,.about-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:70px}
.about-top>p{max-width:580px;font-size:15px;margin:0}
.about-bottom h2{font-size:clamp(48px,5.4vw,84px);line-height:1;max-width:760px}
.about-bottom h2 span{color:#a9a9a6}
.about-bottom>p{max-width:380px;font-size:12px;margin:0}
.need-section,.service-bento,.decision-section,.context-section,.commitments-section,.guides-teaser{padding:100px 0;border-bottom:1px solid var(--line)}
.section-head{max-width:850px;margin-bottom:44px}
.section-head h2{font-size:clamp(42px,5vw,72px);line-height:1.05}
.section-head>p:last-child{max-width:700px;font-size:14px;margin-top:22px}
.need-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;gap:0;margin:0;padding:0;border-top:1px solid var(--line)}
.need-grid li{margin:0;border-bottom:1px solid var(--line)}
.need-grid li:nth-child(odd){border-right:1px solid var(--line)}
.need-grid a{display:grid;grid-template-columns:30px 1fr;gap:12px 18px;padding:30px 26px;min-height:152px;text-decoration:none}
.need-grid a:hover{background:#171716}
.need-index{font-size:11px;color:var(--orange)}
.need-situation{font-size:17px;line-height:1.6}
.need-target{grid-column:2;font-size:11px;color:#9d9d98}
.bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.bento-column{position:relative;isolation:isolate;overflow:hidden;min-height:600px;border:1px solid #343431;background:#121211}
.bento-column>img,.bento-column>video,.bento-video,.bento-video>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.45}
.media-wash{position:absolute;inset:0;background:linear-gradient(180deg,#0005,#000d);z-index:-1}
.bento-content{position:relative;height:100%;min-height:600px;padding:31px;display:flex;flex-direction:column;gap:35px}
.bento-head h3{font-size:44px;margin:10px 0}
.bento-head p{font-size:12px}
.bento-head>span,.bento-code{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#bbb}
.bento-services{display:flex;flex-direction:column;gap:0;margin-top:auto}
.bento-services a{padding:13px 0;border-top:1px solid #5a5a54;font-size:12px;text-decoration:none;line-height:1.6}
.bento-services a:hover{color:#ff8057}
.bento-code{padding-top:15px;color:#a4a49c}
.decision-grid{width:min(1324px,calc(100% - 116px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px}
.decision-copy h2{font-size:clamp(45px,5vw,76px);line-height:1.05}
.decision-copy>p{font-size:14px}
.decision-steps{list-style:none;padding:0;margin:30px 0}
.decision-steps li{border-top:1px solid var(--line);padding:19px 0;display:flex;gap:20px}
.decision-steps li>span{color:var(--orange);font-size:11px}
.decision-steps h3{font-size:31px}
.decision-steps p{font-size:12px;margin:7px 0 0}
.decision-cta{border:1px solid var(--line);background:#111110;padding:40px;align-self:center}
.decision-cta h3{font-size:43px}
.decision-cta p{font-size:13px}
.decision-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:25px}
.context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.context-grid>article,.context-grid>div{padding:30px;border-right:1px solid var(--line)}
.context-grid>article:last-child,.context-grid>div:last-child{border:0}
.context-grid h3{font-size:36px}
.context-grid p{font-size:13px}
.commitments-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.commitments-grid h2{font-size:clamp(44px,5vw,72px)}
.commitments-grid p{font-size:13px}
.commitment-list{list-style:none;padding:0;margin:0}
.commitment-list li{padding:20px 0;border-top:1px solid var(--line);font-size:13px}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.resource-card{border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;gap:16px;min-height:245px;text-decoration:none;background:#10100f}
.resource-card:hover{border-color:#a45b40}
.resource-card h3{font-size:33px}
.resource-card>span,.resource-card p{font-size:12px;color:var(--muted)}
.resource-card>span:last-child{margin-top:auto}
.authority-strip{padding:24px 32px;border-bottom:1px solid var(--line);font-size:11px;color:#a6a6a1;text-align:center;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.path-card,.service-card,.side-card,.compare-table>div,.method-grid>article,.verification-levels>div,.callout,.price{background:#10100f;border-color:var(--line);color:var(--ink);border-radius:4px}
.path-card:hover,.service-card:hover{border-color:#8c4a32}
.section-petrol,.section-dark,.incident-instructions,.site-footer{background:#0c0c0b}
.section-petrol p,.section-dark p,.incident-instructions p,.site-footer p{color:var(--muted)}
.section-soft,.cta-panel,.provider-note{background:#131312}
.site-footer{border-top:1px solid var(--line)}
.footer-bottom,.process-list li,.guide-links a{border-color:var(--line)}
.site-footer h2{font:600 12px/1.6 "JetBrains Mono",monospace;letter-spacing:.07em}
.site-footer .brand{font-size:14px;white-space:normal;overflow-wrap:anywhere}
.site-footer a,.site-footer p{font-size:12px}
.sticky-cta{background:#0a0a0af2;border-color:var(--line)}
.breadcrumbs,.article-meta,.card-number,.hero-note{color:var(--muted)}
input,select,textarea,.field input,.field select,.field textarea{background:#111110;color:#f1f1ed;border-color:#686861}
input::placeholder,textarea::placeholder{color:#aaa}
input:focus,select:focus,textarea:focus{border-color:#f64302}
input[type=checkbox]{accent-color:var(--orange)}
.filter-chip,.chip{background:#10100f;color:var(--ink);border-color:#555}
.filter-chip.active,.chip.active,[data-filter].active{background:var(--orange);color:#080808;border-color:var(--orange)}
.form-errors,.callout--warn{background:#21150f;color:#ffe3d4;border-color:#f2774c}
.field-error{color:#ffb298}
.lead-form .fine,.form-note{color:var(--muted)}
.article-layout .article-body p,.article-layout article p{font-size:15px}
.article-body h2,.article-layout article h2{font-size:42px}
.article-body h3,.article-layout article h3{font-size:32px}
.page-hero{background:#0a0a09}
@media(min-width:1151px){.nav-toggle{display:none!important}}
@media(max-width:1150px){
 .bar{min-height:78px;display:flex;flex-wrap:wrap;padding-block:14px;width:calc(100% - 40px)}
 .nav-panel{display:flex;flex-direction:column;width:100%;align-items:stretch;gap:18px;padding:15px 0}
 .nav-pill{justify-content:center;gap:22px}
 .header-actions{justify-content:center}
 .js .bar{flex-wrap:nowrap;padding-block:0}
 .js .nav-toggle{display:block}
 .js .nav-panel{display:none;position:absolute;left:0;right:0;top:100%;width:100%;padding:24px;background:#0a0a09;border-bottom:1px solid #555}
 .js .nav-open .nav-panel{display:flex}
 .home-hero{min-height:calc(100svh - 78px)}
 .home-hero h1{font-size:clamp(75px,12vw,145px)}
 .home-hero-bottom{width:calc(100% - 64px);gap:30px;align-items:flex-start}
 .home-hero-actions{justify-content:flex-start}
 .home-hero-bottom>p{max-width:380px}
 .bento-content{padding:25px}
}
@media(max-width:760px){
 .shell,.wrap{width:calc(100% - 40px)}
 body{font-size:14px}
 .bar{min-height:76px}
 .brand{font-size:11px}
 .brand-symbol{width:25px;height:25px}
 .nav-pill{border-radius:18px;flex-direction:column;gap:0;align-items:stretch;padding:8px 20px}
 .nav a{font-size:13px;padding:12px 0}
 .header-actions{flex-wrap:wrap;justify-content:flex-start}
 .home-hero{min-height:calc(100svh - 76px);padding:35px 0 40px}
 .home-hero-center{padding:0 18px}
 .hero-kicker{font-size:9px;letter-spacing:.06em;margin-bottom:28px}
 .home-hero h1{font-size:clamp(60px,13vw,100px);line-height:1;letter-spacing:-.04em}
 .home-hero-bottom{width:calc(100% - 40px);display:block;margin-top:120px}
 .home-hero-bottom>p{font-size:12px;max-width:470px}
 .home-hero-actions{margin-top:25px;display:grid;grid-template-columns:1fr;gap:12px}
 .hero-cta,.hero-incident{width:100%;min-height:50px;font-size:12px}
 .motion-toggle{right:20px;bottom:9px}
 .signal-row{display:grid;grid-template-columns:1fr 1fr;font-size:9px;gap:18px}
 .about-showcase{min-height:620px;padding:50px 0}
 .about-overlay{width:calc(100% - 40px);min-height:520px;gap:85px}
 .about-top,.about-bottom{display:block}
 .about-top>p{font-size:13px;margin-bottom:25px}
 .about-bottom h2{font-size:48px;margin-bottom:22px}
 .about-bottom>p{font-size:12px}
 .need-section,.service-bento,.decision-section,.context-section,.commitments-section,.guides-teaser{padding:65px 0}
 .section-head{margin-bottom:30px}
 .section-head h2{font-size:44px}
 .section-head>p:last-child{font-size:13px}
 .need-grid,.bento-grid,.context-grid,.commitments-grid,.resource-grid{grid-template-columns:1fr}
 .need-grid li:nth-child(odd){border-right:0}
 .need-grid a{padding:23px 0;min-height:125px;gap:9px 12px}
 .need-situation{font-size:15px}
 .need-target{font-size:11px}
 .bento-column,.bento-content{min-height:500px}
 .decision-grid{width:calc(100% - 40px);grid-template-columns:1fr;gap:30px}
 .decision-copy h2{font-size:48px}
 .decision-cta{padding:27px}
 .context-grid>article,.context-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}
 .commitments-grid{gap:30px}
 .resource-card{min-height:200px;padding:25px}
 .authority-strip{font-size:10px;padding:25px 20px}
 .site-footer .footer-grid{gap:32px}
 .section{padding:60px 0}
 .article-body h2,.article-layout article h2{font-size:36px}
 .page-hero h1{font-size:48px}
}
@media(prefers-reduced-motion:reduce){.hero-video,.about-showcase>video,.bento-column video{visibility:hidden}}
@media print{body{background:white;color:#000}p{color:#222}.hero-film,.motion-toggle,.about-showcase>video,.bento-column>img,.bento-column>video,.bento-video{display:none}.home-hero{min-height:auto}.home-hero h1{color:#000;font-size:48px}.home-hero-bottom{margin-top:30px}.about-showcase,.resource-card,.bento-column{background:white;color:#000;min-height:auto}.bento-content{min-height:auto}}

/* Prevent long Spanish headings and grid min-content widths from widening mobile pages. */
.page-hero-grid>*,.article-layout>*{min-width:0}
h1,h2,h3,.source-list a{overflow-wrap:anywhere}
.compare-card,.need-grid a,.lead-form{background:#10100f;color:var(--ink);border-color:var(--line)}
.need-grid a{border:0;border-radius:0}
.home-hero h1{overflow-wrap:normal}
@media(max-width:760px){
 .home-hero h1{font-size:clamp(42px,11vw,84px)}
 .fonts-ready .home-hero h1{font-size:clamp(60px,13vw,100px)}
 .page-hero-grid{grid-template-columns:minmax(0,1fr)}
 .hero-actions .button{max-width:100%;white-space:normal}
 .lead-form{padding:25px}
}

/* Buying resources remain readable and keyboard-accessible in the dark theme. */
.buyer-context{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.buyer-example{margin:1.5rem 0}
.buyer-example>div{padding:1rem 0;border-bottom:1px solid var(--line)}
.buyer-example dt{font-weight:600;color:var(--ink);margin-bottom:.5rem}
.buyer-example dd{margin:0;color:#c4c4bc;line-height:1.8}
.comparison-scroll{overflow-x:auto;max-width:100%;margin:1.5rem 0}
.buyer-table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.7}
.buyer-table caption{text-align:left;color:#c4c4bc;margin-bottom:.8rem}
.buyer-table th,.buyer-table td{text-align:left;vertical-align:top;padding:1rem;border:1px solid #484842;min-width:140px}
.buyer-table th{color:var(--ink);font-weight:600}
.buyer-table td{color:#c4c4bc}
.print-brief{display:none}
.js .print-brief{display:inline-flex}
@media print{
 .site-header,.site-footer,.sticky-cta,.print-brief,.js .print-brief{display:none}
 .buying-brief,.buyer-context,.buyer-example dd,.buyer-table td,.buyer-table th,.buyer-table caption{color:#000}
 .comparison-scroll{overflow:visible}
 .buyer-table th,.buyer-table td{min-width:0;padding:.5rem}
 body:has(.buying-brief) main>section:not(:has(.buying-brief)){display:none}
 .buying-brief h2{font-family:Arial,sans-serif;font-size:24pt}
}

/* Services disclosure: server-rendered links, native keyboard/no-JS fallback. */
.services-menu summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;padding:15px 0;font-size:11px;font-weight:500;line-height:1.8;white-space:nowrap}
.services-menu summary::-webkit-details-marker{display:none}
.services-menu summary.is-current,.services-menu[open]>summary{color:#fff;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}
.menu-chevron{font-size:16px;line-height:1;transition:transform .15s}
.services-menu[open] .menu-chevron{transform:rotate(180deg)}
.services-mega{position:absolute;z-index:30;left:50%;top:calc(100% - 1px);transform:translateX(-50%);width:min(1220px,calc(100vw - 64px));padding:28px;background:#10100f;border:1px solid #484842;box-shadow:0 20px 45px #0009;max-height:calc(100svh - 120px);overflow-y:auto}
.mega-intro,.mega-help{display:flex;justify-content:space-between;align-items:center;gap:24px}
.mega-intro{padding-bottom:22px;border-bottom:1px solid var(--line)}
.mega-intro p{margin:0;color:#f4f4f2;font-size:13px}
.nav .mega-intro a,.nav .mega-help a{font-size:12px;white-space:normal;text-decoration:underline;padding:4px 0}
.mega-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding:25px 0}
.mega-group h2{font:600 11px/1.6 "JetBrains Mono",monospace;letter-spacing:.05em;text-transform:uppercase;color:#ff976e;margin:0 0 12px}
.mega-group ul{list-style:none;padding:0;margin:0}
.nav .mega-group a{font-size:12px;line-height:1.6;white-space:normal;padding:8px 0;overflow-wrap:anywhere}
.mega-help{padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
@media(max-width:1150px){
 .js .nav-panel{max-height:calc(100svh - 78px);overflow-y:auto;overscroll-behavior:contain}
 .services-mega{position:static;transform:none;width:100%;padding:20px;margin:8px 0 16px;max-height:none;box-shadow:none}
 .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .services-menu summary{font-size:13px;padding:12px 0}
 .mega-intro,.mega-help{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:760px){.mega-grid{grid-template-columns:1fr;gap:24px}.services-mega{padding:18px}}
@media print{.services-mega{display:none}}