:root{--lime:#a9ee00;--ink:#07110b;--cream:#f4f5ef;--muted:#647168;--line:#dce3dc}
html{scroll-behavior:smooth}
body{background:var(--cream);color:#142019;font-family:"Manrope","Segoe UI",sans-serif;line-height:1.75}
.legal-header{position:relative;min-height:560px;overflow:hidden;background:#020704 url("assets/fuel-calculator-road-background.png") center/cover;color:#fff}
.legal-header:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(1,7,3,.97),rgba(1,7,3,.73) 48%,rgba(1,7,3,.25)),linear-gradient(0deg,rgba(1,7,3,.7),transparent 60%);pointer-events:none}
.legal-header .site-header{position:relative;z-index:2;background:linear-gradient(180deg,rgba(3,10,6,.82),rgba(3,10,6,.18))}
.legal-hero{position:relative;z-index:1;padding:145px 0 70px}
.legal-hero h1{max-width:900px;margin:20px 0 18px;font-size:clamp(52px,7vw,82px);line-height:.98;letter-spacing:-.06em}
.subtitle{max-width:690px;margin:0;color:#ccd5ce;font-size:17px}
.policy-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.policy-nav a{padding:10px 15px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#dce5de;font-size:12px;font-weight:700}
.policy-nav a:hover,.policy-nav a[aria-current="page"]{border-color:var(--lime);background:rgba(169,238,0,.1);color:var(--lime)}
main{width:min(930px,calc(100% - 40px));margin:0 auto;padding:82px 0 105px}
.policy{padding:58px 64px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 20px 60px rgba(24,45,31,.07)}
.updated{margin-top:0;color:#52702f;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.notice{margin:28px 0 44px;padding:23px 25px;border-left:4px solid var(--lime);border-radius:0 16px 16px 0;background:#eef8d8;color:#294116}
.policy h2{margin:44px 0 12px;font-size:26px;line-height:1.25;letter-spacing:-.03em}
.policy p,.policy li{color:#526159;font-size:15px}
.policy a{color:#3f6618;font-weight:700;text-decoration:underline;text-decoration-color:#a9cf75;text-underline-offset:3px}
.policy li+li{margin-top:7px}
@media(max-width:760px){.legal-header{min-height:510px}.legal-hero{padding:125px 0 54px}.legal-hero h1{font-size:clamp(44px,13vw,62px)}.policy{padding:38px 28px}.policy h2{font-size:23px}}
@media(max-width:430px){.legal-header .brand span{display:none}.legal-header{min-height:500px}.legal-hero{padding-top:118px}.subtitle{font-size:15px}.policy-nav{gap:7px}.policy-nav a{padding:8px 10px;font-size:10px}main{width:min(100% - 28px,930px);padding:48px 0 70px}.policy{padding:30px 20px;border-radius:20px}.policy p,.policy li{font-size:14px}}