:root{color-scheme:dark;--red:#b30000;--gold:#c8a66a;--panel:#151515;--line:#343434}*{box-sizing:border-box}body{margin:0;background:#090909;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}.hero{min-height:600px;display:flex;align-items:center;position:relative;background:#050607 url('carfilm-hero.jpg') 68% center/cover no-repeat;border-bottom:1px solid #292929}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,5,.96),rgba(3,4,5,.78) 40%,rgba(3,4,5,.48) 70%,rgba(3,4,5,.58)),linear-gradient(0deg,#090909 0,transparent 38%)}.hero__in{position:relative;width:min(1320px,100%);margin:auto;padding:80px 28px}.eyebrow{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.2em}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;margin:16px 0;letter-spacing:-.04em}.hero p:last-child{max-width:580px;color:#d0d0d0;line-height:1.9}main{max-width:1320px;margin:-42px auto 70px;padding:0 28px;position:relative}.panel{background:linear-gradient(180deg,#1b1b1b,#101010);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,48px);box-shadow:0 24px 70px #000}.panel h2{margin:0;font-size:clamp(24px,4vw,38px)}.lead{color:#aaa}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0}label{display:grid;gap:8px;font-weight:700}select,button{width:100%;border-radius:10px;border:1px solid #494949;background:#0b0b0b;color:#fff;padding:15px;font-size:16px}select:disabled,button:disabled{opacity:.45}button{background:linear-gradient(135deg,#9c0000,#d11313);border:0;font-weight:800;cursor:pointer}.result{margin-top:22px;border:1px solid #494949;border-left:5px solid var(--gold);padding:22px;background:#090909}.result span{display:block;color:#aaa}.result strong{display:block;font-size:clamp(26px,5vw,44px);margin-top:8px}.result p{color:#bbb;margin-bottom:0}.summary{margin-top:16px;color:#ccc}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.actions a{padding:15px;text-align:center;text-decoration:none;color:#fff;background:#168c39;border-radius:10px;font-weight:800}.actions a:nth-child(2){background:#333}.actions .sub{grid-column:1/-1;background:transparent;border:1px solid #444}@media(max-width:760px){.hero{min-height:520px;background-position:61% center}.hero:before{background:linear-gradient(0deg,rgba(3,4,5,.98),rgba(3,4,5,.78) 56%,rgba(3,4,5,.42))}.hero__in{align-self:flex-end;padding:250px 20px 70px}.hero h1{font-size:clamp(38px,12vw,58px)}main{margin:-28px auto 50px;padding:0 14px}.panel{padding:22px 18px}.grid,.actions{grid-template-columns:1fr}.actions .sub{grid-column:auto}}