/* Shared visual shell for every localized SYSTEM_CHECKMATE landing page. */
:root{color-scheme:dark}
html{background:#020604}
body{margin:0;background:#020604;color:#00ff88;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;line-height:1.7}
.wrapper{box-sizing:border-box;width:100%;max-width:980px;margin:0 auto;padding:clamp(18px,4vw,40px)}
.wrapper *{box-sizing:border-box}
nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 22px;padding:12px 14px;border:1px solid #005533;background:linear-gradient(100deg,rgba(0,255,136,.075),rgba(0,0,0,.8));font-size:13px;letter-spacing:.035em}
nav:before,nav:after{display:block;flex:0 0 100%;font-family:inherit;line-height:1.5;white-space:normal}
nav:before{content:"ghost@systemcheckmate :~";padding-bottom:3px;color:#00ff88;font-size:.82em;letter-spacing:.14em;text-shadow:0 0 10px rgba(0,255,136,.32)}
nav:after{content:"> secure_shell // no_one_left_behind";padding-top:4px;border-top:1px solid rgba(0,255,136,.14);color:#8bc9ae;font-size:.75em;letter-spacing:.07em;opacity:.9}
nav a{display:inline-flex;align-items:center;min-height:34px;padding:4px 3px;color:#aaffd0;text-decoration:none}
nav a:hover,nav a:focus-visible{color:#fff;text-shadow:0 0 12px rgba(0,255,136,.45)}
.sc-language{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;margin:0 0 24px;padding:11px 13px;border:1px solid #005533;background:#020805;color:#8bc9ae;font-size:12px;line-height:1.9}
.sc-language span{color:#00ff88;font-weight:700;letter-spacing:.08em}
.sc-language a{display:inline-block;padding:2px 3px;color:#aaffd0;text-decoration:none;white-space:nowrap}
.sc-language a:hover,.sc-language a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sc-language a[aria-current=page]{color:#00ff88;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.local-hero{margin:24px 0;padding:clamp(22px,4vw,40px);border:1px solid #00a85a;background:radial-gradient(ellipse at 85% 0%,rgba(0,255,136,.12),transparent 48%),linear-gradient(145deg,#03140d,#000 72%);box-shadow:0 0 28px rgba(0,255,136,.08)}
.local-hero h1{margin:.45em 0;font-size:clamp(30px,5.8vw,54px);line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere;color:#caffdf;text-shadow:0 0 18px rgba(0,255,136,.12)}
.local-hero p{max-width:760px;line-height:1.9;color:#b4e9cc}
.local-hero .hero-kicker{font-size:11px;letter-spacing:.12em;line-height:1.8;color:#9affc9}
.local-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 4px}
.local-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;border:1px solid #00a85a;background:#03140d;color:#baffd9;text-decoration:none;line-height:1.5}
.local-actions a:first-child{background:#00ff88;color:#00150b;font-weight:700}
.local-actions a:hover,.local-actions a:focus-visible{border-color:#baffd9;background:#baffd9;color:#00150b;outline:2px solid #00ff88;outline-offset:3px}
.local-note{padding:clamp(18px,3vw,26px);border:1px solid #00452b;background:linear-gradient(110deg,rgba(0,255,136,.045),rgba(0,0,0,.9) 70%);color:#9ad8b8;line-height:1.85}
.local-note h2{margin-top:0;color:#caffdf;line-height:1.3}
.local-note p{max-width:780px}
.local-back{margin:20px 0 0;padding-top:16px;border-top:1px solid rgba(0,255,136,.14);color:#8bc9ae;font-size:12px}
.local-back a{color:#aaffd0}
@media(max-width:600px){body{font-size:15px}.wrapper{padding:18px 14px}nav{gap:6px 9px;padding:10px;font-size:12px}nav a{min-height:36px}.sc-language{gap:5px 7px;padding:10px;font-size:11px}.local-hero{margin:18px 0;padding:22px 17px}.local-actions{display:grid;grid-template-columns:1fr}.local-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}