:root{--bg:#FBF6F7;--ink:#2A151C;--muted:#7A5E66;--accent:#B76E79;--accent-2:#7A3B48;--surface:#FFFFFF;--line:#EBD7DB;--gold:#FFB703;--radius:22px;--shadow-pop:0 18px 40px -12px #B76E7973;--shadow-tile:0 12px 30px -14px rgba(0,0,0,.22);}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Roboto, "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
body.skin-punch{background-image:radial-gradient(rgba(26,15,13,.06) .8px,transparent .8px);background-size:18px 18px}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3,.brand{font-family:Roboto, "Segoe UI", sans-serif;line-height:1.15;margin:0 0 .3em;letter-spacing:-.015em;font-weight:700}
h1 em,h2 em,.brand em{font-style:normal;color:var(--accent)}
.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.reveal.in{opacity:1;transform:none}
.ticker{background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:600}
.ticker-track{display:inline-flex;align-items:center;gap:8px;padding:9px 0;animation:marquee 28s linear infinite}
.ticker-track span{display:inline-flex;align-items:center;padding:0 22px}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:2px solid rgba(0,0,0,.06)}
.nav-in{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-size:18px;margin:0}
.brand img{height:38px;width:auto}
.mark{width:36px;height:36px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900;font-size:16px;flex:none;box-shadow:var(--shadow-pop)}
.nav-links{display:flex;gap:26px;font-size:14px;font-weight:700}
.nav-links a:hover{color:var(--accent)}
.nav-cta{display:inline-flex}
.menu-btn{display:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px;cursor:pointer;font:inherit;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;padding:12px 20px;border-radius:999px;font-weight:800;border:0;cursor:pointer;box-shadow:var(--shadow-pop);font-size:14px}
.btn:hover{background:var(--accent-2)}
.btn svg{flex:none}
.btn-ghost{background:var(--ink);color:#fff;box-shadow:none}
.btn-ghost:hover{opacity:.92;background:var(--ink)}
.btn-line{background:#fff;color:var(--ink);border:2px solid rgba(0,0,0,.08);box-shadow:none}
.btn-sm{padding:8px 14px;font-size:13px;box-shadow:none;min-width:88px}
.hero{padding:36px 0 20px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(36px,5.4vw,56px);font-weight:700;margin:0 0 14px}
.hero p.lead{font-size:17px;color:var(--muted);max-width:34em;margin:0}
.hero-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.badge-kicker{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:#3a2a00;font-size:13px;font-weight:800;padding:6px 12px;border-radius:999px;margin-bottom:14px}
.proof{display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--muted);font-size:14px;font-weight:600}
.proof svg{color:var(--accent)}
.hero-frame{position:relative}
.hero-visual{position:relative;z-index:1;border-radius:calc(var(--radius) + 8px);overflow:hidden;min-height:420px;background:#d9cfc6 center/cover no-repeat;box-shadow:var(--shadow-tile)}
.price-badge{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:var(--shadow-tile);z-index:2}
.price-badge small{display:block;font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.price-badge b{font-size:22px;font-family:Roboto, "Segoe UI", sans-serif}
.sale-tag{position:absolute;top:16px;right:16px;background:var(--gold);color:#3a2a00;font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;z-index:2}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 12px;text-align:center;box-shadow:var(--shadow-tile)}
.stat b{display:block;font-size:26px;font-family:Roboto, "Segoe UI", sans-serif;color:var(--accent);letter-spacing:-.02em}
.stat span{display:block;font-size:13px;color:var(--muted);margin-top:4px;font-weight:600}
section{padding:72px 0}
.sec-kicker{color:var(--accent);font-weight:800;font-size:13px;margin:0 0 8px;letter-spacing:.04em}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px}
.sec-title{font-size:clamp(26px,3.6vw,38px);font-weight:700}
.muted{color:var(--muted)}
.menu-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.menu-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-tile)}
.menu-card:first-child{grid-row:span 2}
.menu-pic{height:160px;background:#ddd center/cover no-repeat;position:relative}
.menu-card:first-child .menu-pic{height:240px}
.menu-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.menu-body h3{font-size:20px;margin:0}
.menu-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}
.price{font-weight:800;font-size:18px}
.tag{position:absolute;top:10px;left:10px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px}
.tag.alt{background:var(--gold);color:#3a2a00}
.tag.static{position:static;display:inline-flex;margin-left:6px;vertical-align:middle}
.hl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hl-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow-tile)}
.hl-card h3{font-size:18px}
.check-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.check-list li{display:flex;gap:8px;font-weight:700;align-items:flex-start}
.check-list li svg{color:var(--accent);margin-top:3px;flex:none}
.gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:190px 190px;gap:12px}
.gallery img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.gallery img:first-child{grid-row:span 2;height:100%}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.quote{background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:20px;margin:0;box-shadow:var(--shadow-tile)}
.who{display:flex;align-items:center;gap:10px;margin-top:14px}
.ava{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800}
.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:4px 16px;margin-bottom:10px}
.faq-q{width:100%;text-align:left;background:none;border:0;font:inherit;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:14px 0}
.faq-a{display:none;color:var(--muted);padding:0 0 14px}
.faq-item.on .faq-a{display:block}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}
.step-card .num{font-size:28px;font-family:Roboto, "Segoe UI", sans-serif;color:var(--accent);font-weight:700}
.price-list{display:grid;gap:10px;margin-top:36px}
.price-row{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.price-row b{font-size:18px;white-space:nowrap}
.cta-band{margin:10px auto 40px;width:min(1120px,calc(100% - 32px));background:var(--ink);color:#fff;border-radius:28px;padding:42px 36px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.cta-band h2{color:#fff;font-size:clamp(26px,4vw,40px);margin:0 0 8px}
.cta-band p{color:rgba(255,255,255,.78);margin:0}
.cta-band .btn{background:var(--accent)}
.cta-band .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.site-form{display:grid;gap:10px}
.site-form input,.site-form textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);font:inherit;background:#fff;color:var(--ink)}
.site-form textarea{min-height:110px;resize:vertical}
.site-form .form-ok{color:var(--accent);font-weight:600;margin:0}
.hours{margin-top:14px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.contact-list{display:grid;gap:10px}
.contact-list a,.contact-list span{display:block;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;font-weight:600}
.foot{background:var(--ink);color:rgba(255,255,255,.78);padding:40px 0 28px;margin-top:12px}
.foot-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:24px}
.foot a{color:#fff}
.foot h3{color:#fff;font-size:16px}
.foot .brand em{color:var(--accent)}
.sticky-bar{display:none}
.grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.avatar{height:140px;border-radius:18px;background:linear-gradient(145deg,var(--accent),var(--accent-2));margin-bottom:12px}
body.skin-studio .badge-kicker{background:var(--accent);color:#fff}
@media(max-width:860px){
.hero-grid,.grid-2,.menu-grid,.hl-grid,.gallery,.team-grid,.quotes,.contact-grid,.steps,.stats,.foot-grid,.cta-band{grid-template-columns:1fr}
.menu-card:first-child{grid-row:auto}
.gallery{grid-template-rows:none}
.gallery img,.gallery img:first-child{height:200px;grid-row:auto}
.nav-links,.nav-cta{display:none}
.nav-links.open{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:58px;background:var(--bg);padding:16px 20px 24px;border-bottom:1px solid var(--line)}
.menu-btn{display:block}
.hero-visual{min-height:240px}
.cta-band{padding:28px 20px;flex-direction:column;align-items:flex-start}
.sticky-bar{display:flex;position:fixed;left:16px;right:16px;bottom:14px;z-index:40;gap:8px}
.sticky-bar .btn{flex:1;box-shadow:var(--shadow-pop)}
body{padding-bottom:80px}
}