:root{--c:#f5a400;--d:#1d2733;--g:#f3f5f7;--t:#2b2f33}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--t)}
a{color:#0b5cad}.wrap{max-width:1140px;margin:auto;padding:0 20px}section{padding:40px 0}
.top{background:var(--d);position:sticky;top:0;z-index:9}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{color:#fff;font-weight:800;text-decoration:none;font-size:20px}nav a{color:#fff;margin-left:18px;text-decoration:none}
.menu{display:none;background:none;border:0;color:#fff;font-size:26px}
.btn{display:inline-block;background:var(--c);color:#111!important;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:700;border:0;cursor:pointer}
.btn.big{padding:12px 24px;font-size:17px}.btn.ghost{background:transparent;border:2px solid #fff;color:#fff!important}
.hero{background:linear-gradient(120deg,#1d2733,#36495e);color:#fff;padding:80px 0}.hero h1{font-size:clamp(28px,4vw,44px);margin:0 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card,.box{background:#fff;border:1px solid #e1e5ea;border-radius:6px;padding:18px;text-decoration:none;color:inherit}.card:hover{border-color:var(--c)}
.alt{background:var(--g)}.cta{background:var(--c);text-align:center}.cta .btn{background:var(--d);color:#fff!important}
.img{background:#dde3ea;color:#556;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border-radius:6px;font-size:13px;text-align:center;padding:10px;margin:10px 0}
table{border-collapse:collapse;width:100%;margin:12px 0}th,td{border:1px solid #d6dbe1;padding:8px 12px;text-align:left}th{background:var(--g);width:40%}
.note{background:#fff8e5;border-left:4px solid var(--c);padding:8px 12px}.lead{font-size:18px}.crumbs{padding-top:14px;font-size:14px}
details{border:1px solid #e1e5ea;border-radius:6px;padding:12px 16px;margin:10px 0}summary{font-weight:700;cursor:pointer}
form label{display:block;margin-bottom:12px;font-weight:600}input,select,textarea{width:100%;padding:10px;border:1px solid #c8ced6;border-radius:4px;font:inherit}
.two{display:grid;grid-template-columns:2fr 1fr;gap:40px}
footer{background:var(--d);color:#cfd6de;padding:30px 0 10px}footer a{color:#fff}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.small{font-size:13px}
@media(max-width:760px){.menu{display:block}nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--d);padding:10px 20px}
.open nav{display:block}nav a{display:block;margin:10px 0}.two{grid-template-columns:1fr}}
.logo{display:flex;align-items:center;gap:6px;font-weight:600}.logo b{color:var(--c)}.mark{color:var(--c)}
nav a.active{color:var(--c)}.top{box-shadow:0 2px 8px rgba(0,0,0,.15)}
h2{font-size:28px;margin-top:0}.card h3{margin:8px 0 4px}.card{transition:.2s}.card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px)}
.msg{padding:10px;border-radius:4px}.msg.ok{background:#e6f6ea}.msg.err{background:#fdeaea}
@media(max-width:760px){.hero{padding:50px 0}section{padding:28px 0}.hero .btn{margin:6px 0}}
.wa-float{position:fixed;right:18px;bottom:18px;background:#25d366;color:#fff!important;text-decoration:none;font-weight:700;padding:12px 18px;border-radius:30px;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:20}
.wa-float:hover{background:#1ebe5a}
