*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#14213d;background:#f4f7f5;line-height:1.55}.top{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:18px clamp(18px,5vw,64px);background:#fff;border-bottom:1px solid #dfe7e2;position:sticky;top:0;z-index:2}.brand{font-weight:800;color:var(--accent);font-size:22px;text-decoration:none}nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}nav a{color:#284253;text-decoration:none;font-size:14px}main{max-width:1180px;margin:0 auto;padding:34px 18px}.hero{min-height:360px;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;background:#fff;border:1px solid #dfe7e2;border-radius:8px;padding:clamp(24px,5vw,54px);box-shadow:0 14px 36px rgba(24,45,35,.08)}.kicker{color:var(--accent);font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.08em}h1{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:10px 0 18px}h2{font-size:22px;margin:0 0 10px}.lead{font-size:20px;max-width:780px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.chips span{background:#eef6f1;color:#193428;border:1px solid #c9ded2;border-radius:999px;padding:7px 12px;font-size:14px}.visual{height:240px;border-radius:8px;background:linear-gradient(180deg,#eef4ee,#d8e6dc);position:relative;overflow:hidden}.visual:before{content:"";position:absolute;left:10%;right:10%;bottom:58px;height:18px;background:#8a9b8d;border-radius:999px}.base{position:absolute;left:17%;right:15%;bottom:84px;height:52px;background:var(--accent);border-radius:12px 28px 10px 10px}.cab{position:absolute;left:42%;right:22%;bottom:128px;height:56px;background:#243b35;border-radius:18px 26px 8px 0}.wheel,.wheel:after{position:absolute;content:"";bottom:45px;width:68px;height:68px;border-radius:50%;background:#1d2525;border:12px solid #3b4b42}.wheel{left:24%}.wheel:after{left:235%;bottom:-12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.grid article,.note,.notice{background:#fff;border:1px solid #dfe7e2;border-radius:8px;padding:22px}.grid a{color:var(--accent);text-decoration:none}.note{margin-top:22px}.notice{margin:22px 0;border-color:#f0c27b;background:#fff9ed}footer{padding:28px;text-align:center;color:#5b6871}@media(max-width:760px){.hero{grid-template-columns:1fr}.visual{height:190px}.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}nav{justify-content:flex-start}h1{font-size:36px}}