:root{--teal:#0b3b3c;--teal2:#0f5e5e;--deep:#082c2d;--gold:#c9a24a;--gold2:#e6c574;--txt:#e6f1ef;--mut:#a9c6c2;--line:rgba(255,255,255,.12);--card:rgba(255,255,255,.06);--safe-b:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--deep)}
body{margin:0;font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--txt);background:radial-gradient(circle at 90% -5%,#14706d 0,var(--teal) 38%,var(--deep) 100%) fixed;min-height:100vh;padding-bottom:calc(74px + var(--safe-b))}
a{color:var(--gold2)}
.serif{font-family:"Cormorant Garamond","Playfair Display",Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:.01em}
.bar{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:rgba(8,44,45,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:800;font-size:18px}
.brand img{width:34px;height:34px;border-radius:9px;background:#fff;object-fit:cover}.brand b{color:var(--gold2)}
.bar-r{display:flex;gap:6px}
.chip{display:inline-block;padding:6px 11px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;color:#fff!important}
.chip.tg{background:#229ed9}.chip.max{background:linear-gradient(135deg,#3b5bff,#8a3bff)}
main{max-width:720px;margin:0 auto;padding:0 16px}
.scr{display:none;animation:fd .22s ease}.scr.on{display:block}
@keyframes fd{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hero{padding:26px 0 8px}
.eb{color:var(--gold2);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}
.eb.dark{margin-top:22px}
.badge{display:inline-block;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1d1606;font-weight:800;font-size:13px}
h1{font-size:34px;line-height:1.05;margin:12px 0 12px;color:#fff;text-transform:uppercase}h1 span{color:var(--gold2)}
.lead{color:#cfe3e0;margin:0 0 18px}
.btn{display:block;width:100%;text-align:center;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:16px;padding:14px 18px;border-radius:14px;margin:0 0 10px;text-decoration:none;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1d1606!important;box-shadow:0 8px 22px rgba(201,162,74,.25)}
.btn:active{transform:scale(.985)}
.btn.ghost{background:transparent;border:2px solid var(--gold2);color:#fff!important;box-shadow:none}
.note{font-size:13px;color:var(--mut);margin:4px 0 0}
.safe{display:grid;gap:10px;margin:22px 0 6px}
.safe>div{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;padding:12px 14px}
h4{margin:0 0 4px;font-size:16px;color:#fff}.safe p,.card p,.row p,.cards p{margin:0;color:#c3dad7;font-size:14px}
.h2{font-size:22px;color:#fff;margin:28px 0 12px;line-height:1.2}.h2.first{margin-top:22px}.h2 small{font-size:14px;color:var(--mut);font-weight:400}
.sub{color:var(--mut);margin:-4px 0 14px}
.list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.list li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 14px 11px 38px;position:relative;color:#c3dad7;font-size:14px}
.list li:before{content:"✓";position:absolute;left:14px;top:11px;color:var(--gold2);font-weight:900}.list b{color:#fff}
.bonus{margin:14px 0 0;padding:16px;border-radius:16px;background:linear-gradient(160deg,rgba(201,162,74,.22),rgba(201,162,74,.06));border:1px solid rgba(230,197,116,.45)}
.bonus h4{margin:10px 0 6px}.bonus p{margin:0 0 8px;color:#d9e8e5;font-size:14px}
.link{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--gold2);cursor:pointer;text-decoration:none}
.shots{display:grid;gap:12px}
.shots figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.shots img{display:block;width:100%;height:auto;background:#fff}
.shots figcaption{padding:12px 14px;font-size:14px;color:#c3dad7}.shots figcaption b{display:block;color:#fff;font-size:16px;margin-bottom:4px}
.cap{font-size:12px;color:var(--mut);margin:8px 0 0}
.price-card{margin:24px 0 0;padding:18px;border-radius:18px;background:linear-gradient(160deg,var(--teal2),var(--teal));border:1px solid rgba(230,197,116,.35)}
.price-card h3{margin:0 0 6px;color:#fff;font-size:19px}.price-card>p{margin:0 0 10px;color:#cfe3e0;font-size:14px}
.tiers{list-style:none;padding:0;margin:8px 0 10px}.tiers li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.tiers span{color:#c3dad7}.tiers b{color:var(--gold2);white-space:nowrap}
.free{font-size:14px;color:#d9e8e5!important;margin:0 0 12px!important}.free b{color:var(--gold2)}
.studio-teaser{margin:30px -16px 0;padding:24px 16px 14px;background:rgba(0,0,0,.18);border-top:1px solid var(--line)}
.studio-teaser h2{font-size:28px;line-height:1.1;color:#fff;margin:0 0 8px}.studio-teaser>p{color:#cfe3e0;margin:0 0 12px}
.audit{background:var(--card);border:1px dashed rgba(230,197,116,.55);border-radius:14px;padding:12px 14px;margin:0 0 14px;font-size:14px;color:#d9e8e5}
.stabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}.stabs::-webkit-scrollbar{display:none}
.stabs button{flex:0 0 auto;border:1px solid var(--line);background:var(--card);color:#dfeceb;font:inherit;font-size:14px;font-weight:600;padding:8px 13px;border-radius:999px;cursor:pointer}
.stabs button.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1d1606;border-color:transparent}
.sp{display:none}.sp.on{display:grid;gap:10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}
.row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.row>b{color:var(--gold2);white-space:nowrap;font-size:15px}
.cards{display:grid;gap:12px}
.cards article{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.cards img{display:block;width:100%;height:auto;aspect-ratio:720/420;object-fit:cover;object-position:top;background:#fff}
.cards article>div{padding:12px 14px 14px}.cards .stack{color:var(--mut)!important;font-size:12px!important;margin:6px 0!important}
.cards .link{display:inline-block;margin-top:6px}
#s-works>.btn{margin-top:16px}
.form{display:grid;gap:10px}
.form label,.lbl{display:grid;gap:5px;font-size:13px;color:var(--mut);font-weight:600}
input,textarea{font:inherit;font-size:16px;color:#fff;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:12px;padding:12px;outline:none;width:100%}
input:focus,textarea:focus{border-color:var(--gold2)}input::placeholder,textarea::placeholder{color:#7fa09c}
.need-chips{display:flex;flex-wrap:wrap;gap:6px}
.need-chips button{border:1px solid var(--line);background:var(--card);color:#dfeceb;font:inherit;font-size:13px;padding:7px 11px;border-radius:999px;cursor:pointer}
.need-chips button.on{background:rgba(230,197,116,.18);border-color:var(--gold2);color:#fff}
.err{color:#ffb4a8;font-size:13px;margin:0}
.done{background:var(--card);border:1px solid rgba(230,197,116,.45);border-radius:16px;padding:16px}.done h3{margin:0 0 6px;color:#fff}.done p{color:#cfe3e0;font-size:14px;margin:0 0 10px}
.done pre{white-space:pre-wrap;font:13px/1.5 ui-monospace,monospace;background:rgba(0,0,0,.25);padding:10px;border-radius:10px;color:#dfeceb;margin:0 0 12px}
.contacts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 0}
.cbtn{display:block;text-align:center;padding:12px;border-radius:12px;font-weight:800;text-decoration:none;color:#fff!important}
.cbtn.tg{background:#229ed9}.cbtn.max{background:linear-gradient(135deg,#3b5bff,#8a3bff)}.cbtn.mail{grid-column:1/-1;background:rgba(255,255,255,.1);border:1px solid var(--line)}
.foot{text-align:center;color:var(--mut);font-size:12px;margin:18px 0 6px}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:7;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,44,45,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:6px 6px calc(6px + var(--safe-b))}
.tabbar button{background:none;border:0;color:#8fb0ac;font:inherit;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;cursor:pointer}
.tabbar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tabbar button.on{color:var(--gold2)}
.toast{position:fixed;left:50%;bottom:calc(84px + var(--safe-b));transform:translateX(-50%);background:#fff;color:#13201f;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;z-index:9;box-shadow:0 6px 20px rgba(0,0,0,.3);max-width:90vw;text-align:center}
@media(min-width:620px){.safe{grid-template-columns:repeat(3,1fr)}.cards,.shots{grid-template-columns:1fr 1fr}.btn{display:inline-block;width:auto;margin-right:8px}.form .btn{width:100%}}
.maxfb{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:60;background:#0d3536;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:14px 40px 14px 14px;box-shadow:0 10px 30px rgba(0,0,0,.45);color:#e8f3f2;font-size:14px}
.maxfb[hidden]{display:none}.maxfb p{margin:0 0 10px}.maxfb .cbtn{display:block;text-align:center}
.maxfb .x{position:absolute;top:6px;right:8px;background:none;border:0;color:#cfe;font-size:22px;line-height:1;cursor:pointer}