:root { --bg:#0e0e10; --surf:#17171a; --surf2:#1e1e22; --line:#2a2a30; --text:#f4f3f1; --muted:#a9a8b0; --o:#ff6a13; --o2:#ff8a3d; --brown:#4d2006; --r:14px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font:17px/1.6 "Outfit", -apple-system, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing:antialiased; }
img { max-width:100%; display:block; }
a { color:var(--o2); }
.wrap { max-width:1140px; margin:0 auto; padding:0 24px; }
.narrow { max-width:780px; }
h1, h2, h3 { line-height:1.12; margin:0 0 14px; letter-spacing:-.015em; }
h1 { font-size:clamp(36px, 6vw, 64px); font-weight:800; }
h2 { font-size:clamp(28px, 4vw, 42px); font-weight:800; }
h3 { font-size:21px; font-weight:700; }
.btn { display:inline-block; background:var(--o); color:#fff; font-weight:700; text-decoration:none; padding:14px 22px; border-radius:10px; border:2px solid var(--o); transition:transform .12s, background .12s; cursor:pointer; font:inherit; font-weight:700; }
.btn:hover { background:var(--o2); border-color:var(--o2); transform:translateY(-1px); }
.btn.ghost { background:transparent; color:var(--text); border-color:#4a4a52; }
.btn.ghost:hover { border-color:var(--o); color:#fff; }
.btn.small { padding:8px 14px; font-size:15px; }
.eyebrow { color:var(--o2); font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:13px; margin-bottom:14px; }
.fine { color:var(--muted); font-size:14px; }

.nav { position:sticky; top:0; z-index:20; background:rgba(14,14,16,.88); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.navIn { display:flex; align-items:center; justify-content:space-between; height:70px; }
.brand img { height:42px; width:auto; }
.nav nav { display:flex; align-items:center; gap:24px; }
.nav nav a:not(.btn) { color:var(--muted); text-decoration:none; font-weight:500; font-size:15px; }
.nav nav a:not(.btn):hover { color:#fff; }

.hero { position:relative; min-height:640px; display:flex; align-items:center; overflow:hidden; }
.heroImg { position:absolute; inset:0; background:url(img/install-food.jpg) center/cover; opacity:.42; }
.hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(14,14,16,.97) 0%, rgba(14,14,16,.8) 45%, rgba(14,14,16,.35) 100%), linear-gradient(0deg, var(--bg), transparent 30%); }
.heroIn { position:relative; z-index:1; padding-top:60px; padding-bottom:80px; max-width:1140px; }
.heroIn h1, .heroIn .lead { max-width:700px; }
.lead { font-size:20px; color:#d9d8dc; margin:0 0 30px; }
.ctas { display:flex; gap:14px; flex-wrap:wrap; }

.strip { background:var(--brown); }
.stripIn { display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; padding:26px 24px; }
.stripIn div { display:flex; flex-direction:column; }
.stripIn b { font-size:20px; color:#fff; }
.stripIn span { color:#f3c9ad; font-size:15px; }

.sec { padding:96px 0; }
.sec.alt { background:var(--surf); }
.sub { color:var(--muted); max-width:640px; margin:-4px 0 34px; }
.steps { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:34px; }
.step { background:var(--surf); border:1px solid var(--line); border-radius:var(--r); padding:28px; }
.step .n { width:38px; height:38px; border-radius:10px; background:var(--o); color:#fff; font-weight:800; display:grid; place-items:center; margin-bottom:16px; }
.step p { color:var(--muted); margin:0; }

.splitIn { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.splitIn img { border-radius:var(--r); border:1px solid var(--line); }
.splitIn p { color:#cfced4; }
.ticks { list-style:none; padding:0; margin:18px 0; }
.ticks li { padding-left:30px; position:relative; margin:10px 0; }
.ticks li::before { content:""; position:absolute; left:0; top:7px; width:16px; height:16px; border-radius:4px; background:var(--o); box-shadow:inset 0 0 0 4px var(--bg); outline:2px solid var(--o); outline-offset:-2px; }

.plans { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.plan { background:var(--bg); border:1px solid var(--line); border-radius:var(--r); padding:30px; display:flex; flex-direction:column; position:relative; }
.plan.featured { border:2px solid var(--o); }
.plan .tag { position:absolute; top:-13px; left:28px; background:var(--o); color:#fff; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:4px 10px; border-radius:6px; }
.price { font-size:46px; font-weight:800; margin:4px 0 6px; }
.price small { font-size:15px; color:var(--muted); font-weight:500; }
.price span { font-size:16px; color:var(--muted); font-weight:500; }
.plan p { color:var(--muted); margin:0 0 14px; }
.plan ul { list-style:none; padding:0; margin:0 0 26px; flex:1; }
.plan li { padding:7px 0; border-top:1px solid var(--line); font-size:15.5px; }
.plan .btn { text-align:center; }
.extras { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:22px; }
.extras div { color:var(--muted); font-size:15px; border-left:3px solid var(--o); padding:4px 0 4px 14px; }
.extras b { color:var(--text); }

.rev > div:first-child { order:1; }
.report { background:#fff; color:#16161a; border-radius:var(--r); padding:28px; box-shadow:0 30px 60px rgba(0,0,0,.45); transform:rotate(1.2deg); }
.rTop { font-size:12px; font-weight:800; letter-spacing:.14em; color:#c45309; margin-bottom:12px; }
.rBig { font-size:22px; line-height:1.3; background:#fff3e8; border-radius:10px; padding:16px 18px; }
.bars { display:flex; align-items:flex-end; gap:6px; height:120px; margin:22px 0 10px; border-bottom:1px solid #e4e4e8; }
.bars i { flex:1; background:var(--o); border-radius:3px 3px 0 0; }
.rFoot { color:#888; font-size:12px; }

.hosts { background:linear-gradient(160deg, #26140a, var(--bg) 70%); }

details { background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:0 22px; margin:12px 0; }
summary { cursor:pointer; padding:18px 0; font-weight:700; font-size:18px; list-style:none; position:relative; padding-right:30px; }
summary::-webkit-details-marker { display:none; }
summary::after { content:"+"; position:absolute; right:0; top:14px; font-size:26px; color:var(--o); }
details[open] summary::after { content:"–"; }
details p { color:var(--muted); margin:0 0 18px; }

.contact h2 { margin-bottom:22px; }
.toggle { display:inline-flex; background:var(--surf); border:1px solid var(--line); border-radius:12px; padding:4px; margin-bottom:22px; flex-wrap:wrap; }
.toggle button { background:none; border:0; color:var(--muted); font:inherit; font-weight:600; padding:10px 18px; border-radius:9px; cursor:pointer; }
.toggle button.on { background:var(--o); color:#fff; }
form .row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
form label { display:flex; flex-direction:column; gap:6px; font-size:14px; color:var(--muted); font-weight:600; margin-bottom:16px; }
form input, form select, form textarea { background:var(--surf); border:1px solid var(--line); color:var(--text); border-radius:10px; padding:13px 14px; font:inherit; font-size:16px; }
form input:focus, form select:focus, form textarea:focus { outline:2px solid var(--o); border-color:transparent; }
.hp { position:absolute; left:-9999px; }
#msg { margin-top:12px; font-weight:600; }
#msg.ok { color:#7fe0aa; } #msg.err { color:#ff9a8a; }
.btn:disabled { opacity:.6; }

.foot { border-top:1px solid var(--line); padding:40px 0 50px; }
.footIn { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; }
.footLogo { height:40px; width:auto; }
.footLinks { display:flex; gap:22px; flex-wrap:wrap; }
.footLinks a { color:var(--muted); text-decoration:none; }
.footLinks a:hover { color:#fff; }
.foot .fine { width:100%; }

.legal { padding:70px 0; }
.legal h1 { font-size:40px; }
.legal p, .legal li { color:#cfced4; }

@media (max-width: 900px) {
  .nav nav a:not(.btn) { display:none; }
  .stripIn, .extras { grid-template-columns:1fr 1fr; }
  .steps, .plans, .splitIn { grid-template-columns:1fr; }
  .rev > div:first-child { order:0; }
  .hero { min-height:560px; }
  .sec { padding:70px 0; }
}
@media (max-width: 560px) {
  .wrap { padding:0 16px; }
  .brand img { height:34px; }
  .stripIn, .extras, form .row { grid-template-columns:1fr; }
  .lead { font-size:18px; }
}
[hidden] { display:none !important; }
.privIn { display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:center; }
.privIn p { color:#cfced4; }
.privCard { background:var(--surf); border:1px solid var(--line); border-radius:var(--r); padding:34px; display:flex; flex-direction:column; gap:18px; }
.privCard .btn { text-align:center; }
.privLinks { display:flex; flex-direction:column; gap:10px; font-weight:600; }
.privLinks a { color:var(--text); text-decoration:none; }
.privLinks a:hover { color:var(--o2); }
@media (max-width: 900px) { .privIn { grid-template-columns:1fr; } }