:root{--b:#1f4fd8;--d:#0f1b3d;--l:#f4f7ff;--t:#24324d}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;color:var(--t);line-height:1.6}
a{color:var(--b)}.w{max-width:1040px;margin:auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #e3e8f5;position:sticky;top:0}
header .w{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:12px 20px}
.logo{font-weight:800;font-size:1.3rem;color:var(--d);text-decoration:none}.logo span{color:var(--b)}
nav a{margin-left:16px;text-decoration:none;color:var(--t);font-weight:500}
.hero{background:linear-gradient(135deg,var(--d),var(--b));color:#fff;padding:70px 0}
.hero h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 12px}.btn{display:inline-block;background:#fff;color:var(--b);padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none;margin:8px 8px 0 0}
.btn.o{background:transparent;color:#fff;border:2px solid #fff}
section{padding:50px 0}.alt{background:var(--l)}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.c{background:#fff;border:1px solid #e3e8f5;border-radius:12px;padding:20px}
.note{background:#fff7e0;border-left:5px solid #f0a800;padding:14px 18px;border-radius:6px}
.draft{background:#ffe5e5;border:2px solid #d33;padding:12px 16px;border-radius:6px;font-weight:700;color:#900}
.price{font-size:3rem;font-weight:800;color:var(--d)}
footer{background:var(--d);color:#cfd8f0;padding:30px 0;font-size:.9rem}footer a{color:#fff;margin-right:14px}
.logo{display:flex;align-items:center;gap:8px}.logo img{border-radius:6px}
nav a{margin-left:14px}.small{font-size:.9rem;opacity:.9}
.badge{display:inline-block;background:#ffd34d;color:#3a2a00;font-weight:700;padding:4px 12px;border-radius:20px;font-size:.9rem}
.hg{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.heroimg{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
@media(max-width:800px){.hg{grid-template-columns:1fr}nav a{margin:0 10px 0 0}}
.shot{margin:24px 0}.shot img{width:100%;max-width:900px;height:auto;border:1px solid #e3e8f5;border-radius:10px}figcaption{font-size:.9rem;color:#556}
table{border-collapse:collapse;width:100%;margin:12px 0}td,th{border:1px solid #e3e8f5;padding:8px 10px;text-align:left;vertical-align:top}th{background:var(--l)}
.c ul{padding-left:18px}
.pbox{max-width:560px;margin-top:16px}