
:root{--bg:#1a0d10;--bg2:#2a1317;--wine:#5a1c26;--gold:#d6b56a;--gold2:#b8944a;--cream:#f4ecdc;--ink:#2b1a1c;--muted:#c9bba8;--card:#fbf6ea;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Noto Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65;font-size:17px}
h1,h2,h3{font-family:'Noto Serif',Georgia,serif;line-height:1.2;margin:0 0 .6em;font-weight:700}
h1{font-size:clamp(2rem,5.2vw,3.4rem)}h2{font-size:clamp(1.55rem,3.4vw,2.2rem)}h3{font-size:1.15rem}
a{color:var(--wine)}img{max-width:100%}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
header.top{background:var(--bg);position:sticky;top:0;z-index:20;border-bottom:1px solid #3a2226}
header.top .wrap{display:flex;align-items:center;gap:18px;min-height:62px}
.brand{font-family:'Noto Serif',serif;font-weight:700;font-size:1.35rem;color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:8px}
.brand svg{width:22px;height:26px}
nav.main{display:flex;gap:18px;margin-left:auto;align-items:center}
nav.main a{color:var(--muted);text-decoration:none;font-size:.95rem}nav.main a:hover{color:var(--gold)}
nav.main a.btn{color:#2b1a1c;white-space:nowrap}nav.main a.btn:hover{color:#2b1a1c}
.lang{border:1px solid var(--gold2);border-radius:999px;padding:4px 12px;color:var(--gold)!important;font-size:.85rem!important}
.btn{display:inline-block;background:var(--gold);color:#2b1a1c;font-weight:700;text-decoration:none;padding:13px 26px;border-radius:999px;border:0;font-size:1rem;cursor:pointer;font-family:inherit;transition:transform .15s,background .15s}
.btn:hover{background:#e6c97f;transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--cream);border:1px solid var(--gold2)}
.btn.sm{padding:8px 18px;font-size:.9rem}
@media(max-width:760px){nav.main a:not(.lang):not(.btn){display:none}header.top .wrap{gap:8px}nav.main{gap:8px}.brand{font-size:1.15rem}nav.main a.btn{padding:7px 12px;font-size:.78rem}.lang{padding:3px 9px}}
.hero{background:radial-gradient(1000px 500px at 80% 0,#3a1a21 0,transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--cream);padding:56px 0 70px}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}}
.kicker{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;margin-bottom:14px}
.hero p.lead{color:var(--muted);font-size:1.12rem;max-width:34em}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.mock{background:#0e0708;border:1px solid #4a2a30;border-radius:var(--r);padding:12px;box-shadow:0 20px 60px #0008}
.screen{aspect-ratio:16/9;border-radius:8px;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 30%,#7a4a3a 0,#3a1d1d 45%,#1c0e10 100%)}
.screen:before{content:"";position:absolute;inset:20% 24% 24%;border:6px solid #e9dcc0;background:linear-gradient(135deg,#8a8f9a,#4a4f5a);box-shadow:0 8px 24px #0009;transform:rotate(-2deg)}
.screen .tag{position:absolute;left:6%;top:6%;color:var(--gold);font-family:'Noto Serif',serif;font-size:clamp(.7rem,1.6vw,.95rem);letter-spacing:.08em}
.screen .sub{position:absolute;left:6%;right:6%;bottom:7%;text-align:center;color:#fff;font-size:clamp(.65rem,1.5vw,.95rem);text-shadow:0 1px 4px #000}
.bar{height:4px;background:#3a2226;border-radius:3px;margin:12px 4px 4px}.bar i{display:block;height:100%;width:38%;background:var(--gold);border-radius:3px}
.dots{display:flex;gap:8px;margin:10px 4px 0;font-size:.78rem;color:var(--muted);flex-wrap:wrap}.dots span{border:1px solid #4a2a30;border-radius:999px;padding:2px 10px}
section{padding:60px 0}section.alt{background:#efe4cc}
.facts{background:var(--bg);color:var(--cream);padding:26px 0}
.facts dl{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:0}
@media(max-width:860px){.facts dl{grid-template-columns:repeat(2,1fr)}}
.facts dt{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.facts dd{margin:2px 0 0;font-family:'Noto Serif',serif;color:var(--gold);font-size:1.1rem}
.facts h2{position:absolute;left:-999px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s;padding:0;list-style:none}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps{grid-template-columns:1fr}}
.steps li{background:var(--card);border-radius:var(--r);padding:22px;counter-increment:s;box-shadow:0 2px 0 #e3d3b0}
.steps li:before{content:counter(s);display:flex;width:36px;height:36px;border-radius:50%;background:var(--wine);color:var(--gold);font-family:'Noto Serif',serif;font-weight:700;align-items:center;justify-content:center;margin-bottom:10px}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.feats{grid-template-columns:1fr 1fr}}@media(max-width:560px){.feats{grid-template-columns:1fr}}
.feat{border-left:3px solid var(--gold2);padding:4px 0 4px 16px}.feat p{margin:0;color:#4a3436}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:800px){.plans{grid-template-columns:1fr}}
.plan{background:var(--card);border:1px solid #e3d3b0;border-radius:var(--r);padding:26px;text-align:center;position:relative}
.plan.pop{border:2px solid var(--wine)}.plan .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--wine);color:var(--gold);font-size:.75rem;padding:3px 12px;border-radius:999px;white-space:nowrap}
.plan .price{font-family:'Noto Serif',serif;font-size:2rem;color:var(--wine);margin:8px 0}.plan p{margin:2px 0;color:#4a3436}
.note{color:#6b5557;font-size:.9rem;margin-top:16px}
.prep{columns:2;gap:30px;padding-left:20px}@media(max-width:700px){.prep{columns:1}}.prep li{margin-bottom:8px;break-inside:avoid}
.dua{background:linear-gradient(135deg,var(--wine),#3a1219);color:var(--cream);border-radius:var(--r);padding:34px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.dua h2{color:var(--gold);margin-bottom:.3em}.dua p{margin:0;max-width:36em;color:#eadfca}
.geo p{max-width:50em}
details{background:var(--card);border-radius:var(--r);margin-bottom:10px;border:1px solid #e3d3b0}
summary{cursor:pointer;padding:16px 20px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--wine);font-size:1.4rem;line-height:1}
details[open] summary:after{content:"–"}details p{margin:0;padding:0 20px 18px;color:#4a3436}
.final{background:var(--bg);color:var(--cream);text-align:center}.final h2{max-width:20em;margin:0 auto 24px}
footer{background:#120709;color:var(--muted);padding:34px 0;font-size:.9rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}footer a{color:var(--gold)}
.crumbs{font-size:.85rem;color:#6b5557;padding:18px 0 0}.crumbs a{color:#6b5557}
form.order{background:var(--card);border-radius:var(--r);padding:26px;border:1px solid #e3d3b0}
fieldset{border:0;padding:0;margin:0 0 22px}legend{font-family:'Noto Serif',serif;font-weight:700;font-size:1.2rem;color:var(--wine);margin-bottom:10px}
label{display:block;font-weight:600;font-size:.92rem;margin:12px 0 4px}label .req{color:#a22}
input,select,textarea{width:100%;font:inherit;padding:11px 12px;border:1px solid #cdbb94;border-radius:10px;background:#fff;color:var(--ink)}
textarea{min-height:84px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold2);border-color:var(--gold2)}
.hint{font-size:.88rem;color:#6b5557}.err{color:#a22;font-weight:600;display:none;margin-top:10px}.saved{font-size:.8rem;color:#6b5557;margin-left:10px}

footer .credit{width:100%;text-align:right}@media(max-width:640px){footer .credit{text-align:center}}
