*{box-sizing:border-box}body{margin:0;background:#f5f6f2;color:#0b2b22;font-family:Arial,sans-serif;line-height:1.6}header{background:#05261d;color:white;padding:15px max(24px,calc((100% - 1150px)/2))}header img{max-width:250px;width:65%;height:auto}nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px}nav a{color:#fff;text-decoration:none;font-weight:bold}nav a:hover{text-decoration:underline}.hero{background:linear-gradient(90deg,#042b21ed,#05261d88),url('assets/hero-scene.png') center/cover;color:white;padding:85px max(24px,calc((100% - 1150px)/2))}.hero h1{font-size:clamp(36px,5vw,66px);max-width:750px;line-height:1.1;margin:10px 0}.hero p{max-width:700px;font-size:20px}.eyebrow{color:#ff771b;font-weight:800;letter-spacing:.1em}.wrap{max-width:1150px;margin:auto;padding:55px 24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.card{border:1px solid #dce4df;background:white;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0a2e1910}.card img{width:100%;height:195px;object-fit:cover}.card div{padding:20px}.card h2{margin:0 0 8px;font-size:23px}.card p{margin:0}.step{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #d2dfd6}.num{background:#ff6c12;color:white;border-radius:50%;min-width:44px;height:44px;display:grid;place-items:center;font-weight:800}.note{padding:18px;border-left:5px solid #ff6c12;background:#e8f1eb;margin-top:26px}footer{background:#06251d;color:#cbdcd1;padding:35px 24px;text-align:center}a:focus-visible{outline:3px solid #ff6c12;outline-offset:3px}.button{display:inline-block;background:#ff6c12;color:#fff;text-decoration:none;padding:13px 23px;border-radius:9px;font-weight:bold;margin-top:18px}@media(max-width:600px){.hero{padding-top:60px;padding-bottom:60px}}