.open24-guide{border-top:1px solid var(--color-line);margin-top:64px;padding-top:28px}.open24-guide-intro{color:var(--color-tx2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:28px;font-size:16px;display:flex}.open24-guide-kicker{letter-spacing:.14em;font-size:12px;font-weight:800}.open24-guide-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:clamp(36px,5vw,76px);display:grid}.open24-guide-visual{min-width:0;position:sticky;top:110px}.open24-guide-stage{background:var(--color-panel2);border:1px solid var(--color-line);isolation:isolate;border-radius:28px;height:clamp(360px,100svh - 224px,500px);position:relative;overflow:hidden}.open24-scene{--scene-accent:var(--color-acc);height:100%;color:var(--scene-accent);background:color-mix(in srgb,var(--scene-accent) 6%,var(--color-panel));flex-direction:column;padding:32px;display:flex;position:relative}.open24-guide-stage>.open24-scene{opacity:0;visibility:hidden;transition:opacity .5s,transform .65s cubic-bezier(.2,.75,.25,1),visibility .5s;position:absolute;inset:0;transform:translateY(18px)scale(.98)}.open24-guide-stage>.open24-scene:first-child{opacity:1;visibility:visible;transform:none}.open24-guide[data-guide-active] .open24-guide-stage>.open24-scene{opacity:0;visibility:hidden;transform:translateY(18px)scale(.98)}.open24-guide[data-guide-active="0"] .open24-guide-stage>[data-guide-scene="0"],.open24-guide[data-guide-active="1"] .open24-guide-stage>[data-guide-scene="1"],.open24-guide[data-guide-active="2"] .open24-guide-stage>[data-guide-scene="2"],.open24-guide[data-guide-active="3"] .open24-guide-stage>[data-guide-scene="3"]{opacity:1;visibility:visible;transform:none}.open24-scene-heading{z-index:1;flex:none;position:relative}.open24-scene-heading>span{letter-spacing:.14em;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.open24-scene-heading>strong{max-width:310px;color:var(--color-tx);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(25px,2.6vw,34px);font-weight:800;line-height:1.14;display:block}.open24-scene-art{flex:1;width:calc(100% + 32px);min-height:0;margin:10px -16px 0;display:block}.open24-scene-bottom{color:var(--color-tx2);flex:none;align-items:center;gap:8px;padding-top:16px;font-size:13px;font-weight:700;line-height:1.5;display:flex}.open24-scene-dot{background:var(--scene-accent);border-radius:50%;flex:none;width:6px;height:6px}.open24-scene-1{--scene-accent:var(--color-good)}.open24-scene-prices{flex:1;grid-template-columns:1fr 1fr;align-content:center;gap:12px;margin:24px 0 12px;display:grid}.open24-scene-price{background:var(--color-panel);border:1px solid color-mix(in srgb,var(--scene-accent) 16%,transparent);border-radius:18px;min-width:0;padding:20px 16px;box-shadow:0 12px 24px -22px #053b33}.open24-fuel-label{color:var(--color-tx2);align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.open24-fuel-dot{background:#059669;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.open24-fuel-dot.diesel{background:#d79915}.open24-scene-price>strong{color:var(--color-tx);letter-spacing:-.06em;white-space:nowrap;margin:18px 0 12px;font-size:clamp(24px,3vw,38px);font-weight:800;line-height:1;display:block}.open24-scene-price small{color:var(--color-tx2);letter-spacing:0;font-size:12px}.open24-price-station{overflow-wrap:anywhere;font-size:12px;font-weight:800;line-height:1.5;display:block}.open24-scene-2{--scene-accent:#73e0c7;color:#73e0c7;background:#14213d}.open24-scene-2 .open24-scene-heading>strong{color:#f3f6ff}.open24-scene-2 .open24-scene-bottom{color:#c4cfe6}.open24-week{flex:none;justify-content:center;gap:6px;margin-top:0;display:flex}.open24-week>span{background:#73e0c712;border:1px solid #73e0c726;border-radius:8px;place-items:center;width:29px;height:29px;font-size:12px;font-weight:800;display:grid}.open24-scene-3{--scene-accent:#dc2626}.open24-gauge-level{stroke-dasharray:100;stroke-dashoffset:96px}.open24-gauge-needle{transform-box:view-box;transform-origin:220px 210px;transform:rotate(-172.8deg)}.open24-guide-nav{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px;display:grid}.open24-guide-nav a{min-height:44px;color:var(--color-tx2);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:8px 5px;font-size:13px;font-weight:800;transition:background .25s,color .25s;display:flex}.open24-guide-nav a>span:first-child{opacity:.75;font-variant-numeric:tabular-nums;font-size:12px}.open24-guide-nav a[aria-current]{color:var(--color-acc);background:var(--color-acc-soft)}.open24-guide-nav a:hover{background:var(--color-panel);text-decoration:none}.open24-guide-chapters{min-width:0}.open24-guide-chapter{border-bottom:1px solid var(--color-line);align-items:center;min-height:560px;padding:42px 0;display:flex}.open24-guide-chapter:first-child{padding-top:16px}.open24-guide-chapter:last-child{border-bottom:0}.open24-guide-copy{width:100%;min-width:0}.open24-chapter-label{color:var(--color-acc);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:20px;font-size:13px;font-weight:800;display:flex}.open24-chapter-label>span{font-variant-numeric:tabular-nums;letter-spacing:0;background:var(--color-acc-soft);border-radius:10px;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.open24-guide h2{color:var(--color-tx);letter-spacing:-.04em;text-wrap:balance;margin:0 0 22px;scroll-margin-top:125px;font-size:clamp(25px,2.6vw,32px);font-weight:800;line-height:1.2}.open24-guide p{color:var(--color-tx2);margin:18px 0 0;font-size:17px;line-height:1.8}.open24-guide p a{color:var(--color-acc);font-weight:800}.open24-guide p strong{color:var(--color-tx);font-weight:800}.open24-guide-steps{counter-reset:guide-step;flex-wrap:wrap;gap:8px 14px;margin:24px 0;padding:0;list-style:none;display:flex}.open24-guide-steps li{counter-increment:guide-step;color:var(--color-tx);align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.open24-guide-steps li:before{content:counter(guide-step);background:var(--color-panel);border:1px solid var(--color-line);width:24px;height:24px;color:var(--color-tx2);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.open24-guide p.open24-guide-note{border-left:2px solid var(--color-line);padding-left:16px;font-size:15.5px;line-height:1.8}.open24-guide-cta{min-height:44px;color:var(--color-acc);align-items:center;gap:18px;margin-top:20px;font-size:15px;font-weight:800;display:inline-flex}.open24-guide-cta>span{font-size:19px}.open24-guide-minimums{gap:10px;margin-top:22px;display:grid}.open24-guide-minimum{background:color-mix(in srgb,var(--color-good) 4%,var(--color-panel));border:1px solid color-mix(in srgb,var(--color-good) 12%,var(--color-line));border-radius:15px;padding:16px 18px}.open24-guide-minimum-label{color:var(--color-tx);align-items:center;gap:7px;font-size:14px;font-weight:800;display:flex}.open24-guide-minimum p{margin-top:10px;font-size:15.5px;line-height:1.8}.open24-guide-takeaway{color:var(--color-tx);align-items:center;gap:10px;margin:24px 0;font-size:15px;line-height:1.6;display:flex}.open24-guide-takeaway svg{width:25px;height:25px;color:var(--color-acc);flex:none}.open24-guide-assistance{border:1px solid color-mix(in srgb,#b86e08 20%,var(--color-line));background:color-mix(in srgb,#b86e08 5%,var(--color-panel));border-radius:16px;margin-top:24px;padding:18px}.open24-guide-assistance>strong{color:var(--color-tx);font-size:15px}.open24-guide-assistance p{margin-top:10px;font-size:15.5px}.open24-guide-mobile-art{display:none}@keyframes open24-copy-enter{0%{transform:translateY(18px)}to{transform:none}}@keyframes open24-route-draw{0%{stroke-dashoffset:310px}to{stroke-dashoffset:0}}@keyframes open24-reserve-level{0%{stroke-dashoffset:20px}to{stroke-dashoffset:96px}}@keyframes open24-reserve-needle{0%{transform:rotate(-36deg)}to{transform:rotate(-172.8deg)}}@keyframes open24-reserve-color{0%{color:#059669}40%{color:#ca8a04}70%{color:#ea580c}to{color:#dc2626}}@media (prefers-reduced-motion:no-preference){.open24-guide-chapter.is-seen .open24-guide-copy{animation:.7s cubic-bezier(.2,.75,.25,1) both open24-copy-enter}.open24-guide[data-guide-active="0"] .open24-guide-stage .open24-route-line{stroke-dasharray:310;animation:1.1s both open24-route-draw}.open24-guide[data-guide-active="3"] .open24-guide-stage .open24-gauge-level{animation:4s cubic-bezier(.4,0,.2,1) .3s both open24-reserve-level}.open24-guide[data-guide-active="3"] .open24-guide-stage .open24-gauge-needle{animation:4s cubic-bezier(.4,0,.2,1) .3s both open24-reserve-needle}.open24-guide[data-guide-active="3"] .open24-guide-stage .open24-reserve-art{animation:4s cubic-bezier(.4,0,.2,1) .3s both open24-reserve-color}}@media (prefers-reduced-motion:no-preference) and (width<=900px),(prefers-reduced-motion:no-preference) and (height<=600px){.open24-guide-chapter.is-seen .open24-guide-mobile-art .open24-gauge-level{animation:4s cubic-bezier(.4,0,.2,1) .3s both open24-reserve-level}.open24-guide-chapter.is-seen .open24-guide-mobile-art .open24-gauge-needle{animation:4s cubic-bezier(.4,0,.2,1) .3s both open24-reserve-needle}.open24-guide-chapter.is-seen .open24-guide-mobile-art .open24-reserve-art{animation:4s cubic-bezier(.4,0,.2,1) .3s both open24-reserve-color}}@media (width<=1100px) and (width>=901px){.open24-scene{padding:24px}.open24-scene-price{padding:18px 10px}.open24-scene-price>strong{font-size:27px}.open24-scene-price small{font-size:11px}}@media (width<=900px),(height<=600px){.open24-guide-layout{display:block}.open24-guide-visual{display:none}.open24-guide-chapters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}.open24-guide-chapter,.open24-guide-chapter:first-child{border:1px solid var(--color-line);background:var(--color-panel);border-radius:24px;min-height:0;padding:0;display:block;overflow:hidden}.open24-guide-chapter:last-child{border-bottom:1px solid var(--color-line)}.open24-guide-mobile-art{height:220px;display:block}.open24-guide-mobile-art .open24-scene{padding:20px 24px}.open24-guide-mobile-art .open24-scene-heading{display:none}.open24-guide-mobile-art .open24-scene-art{margin-top:0}.open24-guide-mobile-art .open24-scene-bottom{justify-content:center;padding-top:8px;font-size:12px}.open24-guide-mobile-art .open24-scene-prices{gap:10px;margin:0}.open24-guide-mobile-art .open24-scene-price{padding:15px}.open24-guide-mobile-art .open24-scene-price>strong{margin:12px 0 8px;font-size:30px}.open24-guide-mobile-art .open24-week{gap:5px}.open24-guide-mobile-art .open24-week>span{width:24px;height:24px}.open24-guide-copy{padding:26px}.open24-guide h2{scroll-margin-top:100px;font-size:25px}.open24-chapter-label{margin-bottom:16px}.open24-guide p{font-size:16px}}@media (width<=639px){.open24-guide{margin-top:40px;padding-top:22px}.open24-guide-intro{padding-bottom:22px;display:block}.open24-guide-intro>span{display:block}.open24-guide-intro>span+span{margin-top:8px;font-size:15px}.open24-guide-chapters{grid-template-columns:1fr;gap:24px}.open24-guide-copy{padding:24px}.open24-guide-steps{gap:10px 12px}}@media (prefers-reduced-motion:reduce){.open24-guide *,.open24-guide :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.open24-guide-visual,.open24-guide-mobile-art,.open24-guide-cta{display:none}.open24-guide-layout,.open24-guide-chapters{display:block}.open24-guide-chapter{break-inside:avoid;min-height:0;padding:20px 0}}