:root{--y:#FFD100;--k:#141414;--g:#f5f5f2;--r:16px}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--k);background:#fff;line-height:1.5}
a{color:inherit}.w{max-width:1120px;margin:0 auto;padding:0 1.25rem}
header{background:var(--y);border-bottom:4px solid var(--k)}header .w{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;padding-bottom:1rem}
.logo{font-weight:900;font-size:1.25rem;text-decoration:none;letter-spacing:-.02em;line-height:1.05}.logo span{display:block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
nav{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;font-weight:700}
.btn{display:inline-block;background:var(--k);color:#fff!important;text-decoration:none;font-weight:800;padding:1rem 1.6rem;border-radius:999px;font-size:1.05rem;border:3px solid var(--k);cursor:pointer}
.btn.alt{background:#fff;color:var(--k)!important}.btn.y{background:var(--y);color:var(--k)!important}
.hero{background:var(--y);padding:5rem 0 5.5rem}.hero h1{font-size:clamp(2.6rem,7vw,5rem);line-height:.98;margin:0 0 1.2rem;letter-spacing:-.04em;font-weight:900;max-width:14ch}
.hero p{font-size:1.25rem;max-width:36ch;margin:0 0 2rem;font-weight:600}.cta{display:flex;gap:.8rem;flex-wrap:wrap}
section{padding:4.5rem 0}h2{font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.03em;margin:0 0 2rem;font-weight:900}
.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.tile{background:var(--g);border-radius:var(--r);padding:1.8rem;border:3px solid transparent;text-decoration:none;display:block}.tile:hover{border-color:var(--k)}
.tile b{display:block;font-size:1.3rem;margin-bottom:.3rem}.tile .ic{font-size:2rem;display:block;margin-bottom:.6rem}
.dark{background:var(--k);color:#fff}.dark .tile{background:#262626}
.steps .tile .n{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--y);color:var(--k);font-weight:900;margin-bottom:.8rem}
.price{background:#fff;border:3px solid var(--k);border-radius:var(--r);padding:1.8rem}.price .from{font-size:.85rem;font-weight:800;text-transform:uppercase}.price .amt{font-size:2.8rem;font-weight:900;letter-spacing:-.03em}.price.hot{background:var(--y)}
.note{margin-top:1.5rem;font-weight:600}.warn{background:var(--g);border-left:8px solid var(--y);padding:1.2rem 1.4rem;border-radius:8px;font-weight:700}
form{background:var(--g);border-radius:var(--r);padding:2rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}form .full{grid-column:1/-1}
label{font-weight:800;display:block;margin-bottom:.3rem}input,select,textarea{width:100%;font:inherit;padding:.85rem;border:2px solid #bbb;border-radius:10px;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid var(--y);border-color:var(--k)}
.chk{display:flex;gap:.6rem;align-items:flex-start;font-weight:600}.chk input{width:auto;margin-top:.3rem}.hp{position:absolute;left:-9999px}
footer{background:var(--k);color:#fff;padding:3rem 0 2rem;font-size:.95rem}footer .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}footer a{color:var(--y)}.small{opacity:.6;font-size:.8rem;margin-top:2rem}
@media(max-width:700px){nav a:not(.btn){display:none}form{grid-template-columns:1fr}.hero{padding:3.5rem 0 4rem}}
