:root{--bg:#0d1b2e;--card:#132238;--ink:#e8edf5;--muted:#a9bfd6;--teal:#0dd4c8;--line:#1e3a5a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.65}a{color:var(--teal);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal)}.top,main,footer{max-width:1160px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:24px;color:var(--ink);font-weight:800;text-decoration:none}.brand span{color:var(--teal)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;color:var(--muted);font-size:14px}h1{font-size:clamp(32px,5vw,54px);line-height:1.12;letter-spacing:-1.8px;max-width:800px;margin:18px 0}h2{font-size:27px;line-height:1.25}h3{font-size:21px;line-height:1.35}p{color:var(--muted)}.eyebrow{color:var(--teal);font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.hero{padding:35px 0 22px}.hero p{max-width:690px;font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tools{grid-template-columns:repeat(4,1fr);margin:24px 0 32px}.card{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:22px;min-width:0}.tool{text-decoration:none;color:var(--ink);font-weight:700;min-height:130px;display:flex;flex-direction:column;justify-content:space-between}.tool small{font-weight:400;color:var(--muted)}.tool span{color:var(--teal)}.big{font-size:30px;color:var(--teal);font-weight:700}.pair{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:12px 0}.pair p{margin:0}.badge,.notice{border:1px solid var(--line);border-radius:8px;padding:12px 16px;color:var(--muted);font-size:14px}.notice{margin:18px 0;line-height:1.6}.badge{padding:4px 8px;font-size:12px;display:inline-block}.action,button{display:inline-block;border-radius:24px;border:1px solid var(--teal);padding:10px 18px;background:var(--teal);color:var(--bg);font-weight:700;text-decoration:none;cursor:pointer;min-height:44px}.filters{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0;align-items:end}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:14px}input,select{max-width:100%;min-height:46px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:10px}.field{padding:18px 0;border-bottom:1px solid var(--line)}.field strong{font-size:18px;display:block}.field p{margin:8px 0}.meta{font-size:12px;overflow-wrap:anywhere}.result{padding:24px;margin-top:22px;border:1px solid var(--teal);border-radius:14px}.result output{font-size:38px;color:var(--teal);font-weight:700}footer{margin-top:45px;border-top:1px solid var(--line);font-size:13px}section{margin:24px 0 38px}.check{display:flex;flex-direction:row;align-items:center;min-height:44px}.check input{min-height:auto}.compare{align-items:start}details summary{min-height:44px;cursor:pointer;color:var(--teal)}.empty{padding:24px;border:1px dashed var(--line)}@media(max-width:760px){.top{align-items:flex-start;flex-direction:column}nav{gap:8px 16px}.tools,.grid{grid-template-columns:1fr 1fr}h1{letter-spacing:-1px}.filters label{flex:1 1 160px}}@media(max-width:470px){.top,main,footer{padding:20px}.tools,.grid{grid-template-columns:1fr}.tool{min-height:100px}.hero{padding:15px 0}h1{font-size:36px}.filters>*{width:100%}.card{padding:18px}}

.journey-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding:48px 0 40px;background:radial-gradient(ellipse at 75% 30%,#12384455,transparent 65%)}.journey-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-2px}.journey-hero h1 span{color:var(--teal)}.journey-hero>div>p{font-size:18px;max-width:590px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.secondary{display:inline-block;color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:10px 18px;text-decoration:none;min-height:44px}.planning{padding:25px;background:linear-gradient(150deg,#17354a,#132238)}.planning h2{margin:10px 0 25px;font-size:29px}.planning>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.planning>a small{display:block;color:var(--muted);font-size:12px}.step{color:var(--teal);font-weight:700;font-size:13px}.hub strong{font-size:32px;color:var(--teal);line-height:1.25;margin-bottom:10px}.hub{margin-top:0}.hub .tool{min-height:205px;font-size:17px}.hub .tool span{font-size:14px;margin-top:15px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{margin:5px 0}.section-head>a{flex-shrink:0}.duo{grid-template-columns:1fr 1fr}.feature{text-decoration:none;display:block;color:var(--ink);transition:border-color .15s}.feature:hover,.tool:hover{border-color:var(--teal)}.feature span{color:var(--teal);font-weight:700}.charging-band{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:32px;border:1px solid var(--line);border-radius:16px;background:#11313d}.charging-band>div:last-child{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:14px}.reading{max-width:780px}.reading p,.reading li{line-height:1.8}.reading li{color:var(--muted);margin-bottom:12px}.top nav{gap:16px}@media(max-width:800px){.journey-hero{grid-template-columns:1fr;gap:15px;padding:15px 0}.journey-hero h1{font-size:46px}.planning h2 br{display:none}.charging-band{grid-template-columns:1fr;gap:10px}.section-head{align-items:start;flex-direction:column;gap:10px}}@media(max-width:470px){.journey-hero h1{font-size:40px}.hub .tool{min-height:160px}.duo{grid-template-columns:1fr}.charging-band{padding:20px}.planning{padding:20px}.planning>a{gap:9px}.hero-actions a{font-size:14px}.top nav{gap:10px 15px}}