@font-face{font-family:"Lab Display";src:url("fonts/NimbusSansNarrow-Bold.otf") format("opentype");font-weight:700 900;font-display:swap}
@font-face{font-family:"Lab Sans";src:url("fonts/NimbusSans-Regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Lab Sans";src:url("fonts/NimbusSans-Bold.otf") format("opentype");font-weight:700 900;font-display:swap}
:root{--navy:#171125;--panel:#251b36;--cyan:#ff9bc7;--orange:#ffc39d;--text:#fff5ee;--muted:#cbbfd7;--line:#564260}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font:16px/1.6 "Lab Sans",system-ui,sans-serif}a{color:var(--cyan)}a:focus,button:focus,input:focus{outline:3px solid var(--orange);outline-offset:2px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:var(--orange);color:#111;padding:.5rem;z-index:5}.wrap{width:min(1080px,calc(100% - 2rem));margin:auto}.top{border-bottom:1px solid var(--line);background:#1b1429}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}.brand{font-weight:800;letter-spacing:.04em;text-decoration:none;color:var(--text);font-size:1.2rem}.brand span{color:var(--cyan)}nav{display:flex;flex-wrap:wrap;gap:.8rem}nav a{padding:.45rem .6rem;text-decoration:none;border-radius:.4rem}nav a:hover{background:#392640}.hero{padding:4rem 0 3rem;background:radial-gradient(circle at 80% 10%,#61375d 0,transparent 38%)}h1,h2,h3{line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(2.2rem,5vw,4rem);max-width:800px;margin:.4rem 0 1rem}.lede{font-size:1.2rem;color:var(--muted);max-width:750px}.eyebrow{color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:2rem 0}.card,.tool{background:var(--panel);border:1px solid var(--line);border-radius:.8rem;padding:1.25rem}.card h2,.card h3{margin-top:0}.btn{display:inline-block;background:var(--cyan);color:#241329;padding:.7rem 1rem;border-radius:.45rem;text-decoration:none;font-weight:800;margin-top:1rem}.btn.secondary{background:transparent;color:var(--cyan);border:1px solid var(--cyan);margin-left:.5rem}.section{padding:2.4rem 0}.notice{border-left:4px solid var(--orange);padding:.8rem 1rem;background:#302237;color:var(--muted)}.tag{display:inline-block;border:1px solid var(--line);border-radius:1rem;padding:.15rem .55rem;color:var(--muted);font-size:.85rem;margin:.15rem}.facts{display:grid;gap:.8rem}.fact{padding:1rem;border:1px solid var(--line);border-radius:.6rem;background:#21172e}.fact strong{color:var(--cyan)}.calculator{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-weight:700}.field input{width:100%;padding:.7rem;border-radius:.4rem;border:1px solid var(--line);background:#1b1426;color:var(--text);font:inherit}.error{color:#ffb4a2;font-size:.9rem;min-height:1.4em}.results{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-top:.5rem}.result{background:#1d152b;border:1px solid var(--line);padding:1rem;border-radius:.6rem}.result b{display:block;font-size:1.4rem;color:var(--cyan)}footer{border-top:1px solid var(--line);margin-top:3rem;padding:2rem 0;color:var(--muted);font-size:.9rem}ul{padding-left:1.3rem}code{color:#ffc39d}@media(max-width:700px){.nav{align-items:flex-start;flex-direction:column;padding:1rem 0}.hero{padding-top:2.5rem}nav{gap:.35rem}.btn.secondary{margin-left:0;margin-top:.5rem}}
.article{max-width:850px}.article h2{margin-top:2rem}.article p,.article li{overflow-wrap:anywhere}.article li{margin-bottom:.5rem}
/* Keep native date controls readable against the dark input background. */
input[type="date"]{color-scheme:dark}
main:focus{outline:3px solid var(--orange);outline-offset:-3px}
.calculator>.notice{grid-column:1/-1}
@media(max-width:700px){.hero .btn{display:block;width:fit-content}}

/* Sunset direction: independent design inspired by GTA VI promotional art. */
h1,h2,h3,.brand{font-family:"Lab Display","Arial Narrow",sans-serif;font-weight:800;text-transform:uppercase}
h1{font-size:clamp(2.8rem,6.6vw,5.5rem);line-height:.98;letter-spacing:-.015em;max-width:830px}
h2{font-size:2rem}h3{font-size:1.6rem}.brand{font-size:1.75rem;letter-spacing:.01em}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 92% 5%,#af598b55,transparent 52%),linear-gradient(135deg,#21172f,#302039 65%,#70444b);border-bottom:1px solid var(--line)}
.hero:after{content:"";position:absolute;right:-70px;bottom:-190px;width:430px;height:430px;border-radius:50%;border:1px solid #ffc39d55;box-shadow:0 0 0 35px #ff9bc709,0 0 0 70px #ff9bc709;pointer-events:none}
.hero .wrap{position:relative;z-index:1}.hero h1{background:linear-gradient(100deg,#fff5ee 20%,#ffc39d 60%,#ff9bc7);background-clip:text;color:transparent}
.btn{background:linear-gradient(110deg,#ff9bc7,#ffc39d);border-radius:999px;padding:.8rem 1.4rem}.btn.secondary{border-radius:999px}
.card{border-top:2px solid #c77baa;box-shadow:0 12px 40px #0002}.card a{font-weight:700}.result b{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}