:root{color-scheme:light;--bar:rgba(246,243,237,.82);--ink2:#3d352a;--pillbg:#fff;--wide1:#FFE8CC;--wide2:#FFF6E8;--bandbg:#1D1710;--bg:#F6F3ED;--card:#FFFDF9;--ink:#1D1710;--mute:#6B6256;--line:rgba(60,40,10,.10);--or:#FF7A00;--or2:#FFB000;--orD:#C85A00;--teal:#14B8A6;--blue:#3B82F6;--red:#EF4444;--sh:0 22px 60px rgba(150,80,10,.14)}
body.mp{background:var(--bg);color:var(--ink)}
.mp .bar{background:var(--bar);border-bottom:1px solid var(--line)}
.mp .links a:hover{background:rgba(255,122,0,.10)}.mp .links a.on{background:rgba(255,122,0,.14);color:var(--orD)}
.mp .pill{background:var(--pillbg);color:var(--ink);border:1px solid var(--line)}
.mp .btn.main{background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;box-shadow:0 14px 34px rgba(255,122,0,.34)}
.mp .btn.soft{background:var(--pillbg);border:1px solid var(--line)}
.mp .eyebrow{color:var(--or)}
.hero{padding:70px 0 40px;background:radial-gradient(900px 480px at 85% 10%,rgba(255,176,0,.22),transparent 60%),radial-gradient(700px 420px at 0% 0%,rgba(255,122,0,.12),transparent 60%)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(44px,6.6vw,84px);font-weight:900}
.hero h1 em{font-style:normal;color:var(--or)}
.hero .lead{margin-top:22px;font-size:clamp(19px,2.2vw,23px);color:var(--mute);max-width:560px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.facts>span{background:var(--pillbg);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px}
.appicon{width:76px;height:76px;border-radius:19px;box-shadow:0 16px 38px rgba(255,122,0,.34);margin-bottom:22px}
.phone{position:relative;border-radius:46px;padding:10px;background:#15110c;box-shadow:var(--sh);max-width:300px;margin:0 auto}
.phone img{border-radius:36px;width:100%;height:auto}
.hero .phone{max-width:330px;transform:rotate(2deg)}
.pets{display:flex;margin-top:-6px}
.sechead{max-width:720px;margin-bottom:46px}.sechead h2{font-size:clamp(32px,4.4vw,54px);font-weight:900}.sechead p{margin-top:14px;color:var(--mute);font-size:19px}
.rows{display:grid;gap:28px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:38px;padding:44px;box-shadow:0 10px 30px rgba(120,70,10,.06);overflow:hidden}
.row:nth-child(even) .rt{order:2}
.row h3{font-size:clamp(26px,3vw,38px);font-weight:900}
.row p{margin-top:12px;color:var(--mute)}
.tag{display:inline-block;margin-bottom:14px;padding:6px 12px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.t-or{background:rgba(255,122,0,.12);color:var(--orD)}.t-bl{background:rgba(59,130,246,.12);color:#1D4ED8}.t-rd{background:rgba(239,68,68,.12);color:#B91C1C}.t-tl{background:rgba(20,184,166,.14);color:#0F766E}
.row .phone{max-width:260px}
.band{background:var(--bandbg);color:#fff;border-radius:44px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.band h2{font-size:clamp(30px,4vw,48px);font-weight:900}.band p{margin-top:14px;color:rgba(255,255,255,.72)}
.band ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.band li{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.88)}.band li b{color:var(--or2)}
.rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 20px 28px;margin:0 -20px}
.rail .phone{flex:0 0 min(250px,70vw);scroll-snap-align:start;max-width:none;margin:0}
.rail::-webkit-scrollbar{height:6px}.rail::-webkit-scrollbar-thumb{background:rgba(255,122,0,.35);border-radius:6px}
.wide{background:linear-gradient(160deg,var(--wide1),var(--wide2));border-radius:44px;padding:48px;display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center;border:1px solid var(--line)}
.wide h2{font-size:clamp(28px,3.6vw,44px);font-weight:900}.wide p{margin-top:14px;color:var(--mute)}
.wide img{border-radius:22px;box-shadow:var(--sh);background:#15110c;border:8px solid #15110c}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.plan{background:var(--card);border:1px solid var(--line);border-radius:32px;padding:34px}
.plan.rec{border:2px solid var(--or);box-shadow:0 20px 50px rgba(255,122,0,.20);position:relative}
.plan.rec::before{content:attr(data-badge);position:absolute;top:-14px;left:28px;background:var(--or);color:#fff;font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase}
.plan h3{font-size:28px;font-weight:900}.plan .sub{color:var(--mute);margin-top:6px}
.plan ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:11px}.plan li{display:flex;gap:10px}.plan li::before{content:"✓";color:var(--or);font-weight:900}
.note{margin-top:22px;color:var(--mute);font-size:15px;text-align:center}
.faq{display:grid;gap:14px;max-width:820px}.faq details{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px 24px}.faq summary{font-weight:800;font-size:18px;cursor:pointer}.faq details p{margin-top:12px;color:var(--mute)}
.care{background:var(--card);border:1px solid var(--line);border-radius:44px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.care img{border-radius:28px;width:100%;height:auto}
.care h2{font-size:clamp(28px,3.6vw,44px);font-weight:900}.care p{margin-top:14px;color:var(--mute)}
.mp .foot{border-top:1px solid var(--line);color:var(--mute)}
.doc{padding:56px 0 80px}.doc .card{background:var(--card);border:1px solid var(--line);border-radius:36px;padding:clamp(26px,5vw,56px);max-width:820px;margin:0 auto;box-shadow:0 14px 40px rgba(120,70,10,.07)}
.doc h1{font-size:clamp(36px,5vw,56px);font-weight:900}.doc .upd{color:var(--mute);margin:10px 0 24px;font-size:15px}
.doc h2{font-size:23px;font-weight:800;margin:30px 0 8px}.doc p,.doc li{color:var(--ink2)}.doc ul,.doc ol{padding-left:22px}.doc li{margin:6px 0}.doc a{color:var(--orD);font-weight:700;text-decoration:underline}
@media(max-width:900px){.hero .wrap,.row,.band,.wide,.care{grid-template-columns:1fr}.row:nth-child(even) .rt{order:0}.plans{grid-template-columns:1fr}.row,.band,.wide,.care{padding:28px}.hero .phone{transform:none}}
/* mobile polish */
.phone img{aspect-ratio:620/1348}
.wide img,.care img{height:auto}
@media(max-width:900px){
 .hero{padding:44px 0 0}.hero .wrap{gap:26px}
 .hero .phone,.row .phone{max-width:290px;max-height:440px;overflow:hidden;padding-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
 .hero .phone img,.row .phone img{border-bottom-left-radius:0;border-bottom-right-radius:0}
 .row{gap:22px;padding:26px 22px 0;border-radius:30px}.row .rt{padding-bottom:0}
 .rail .phone{flex:0 0 min(210px,62vw)}
 .wide{padding:26px 22px;border-radius:30px}.wide img{border-width:5px;border-radius:14px}
 .care{padding:22px;border-radius:30px}.care img{aspect-ratio:4/3;object-fit:cover;max-height:300px}
 .band{padding:30px 24px;border-radius:30px}
 .plan{padding:28px 24px}
 .sechead{margin-bottom:30px}
 .btn{padding:14px 22px;font-size:16px}
}

:root[data-theme=dark]{color-scheme:dark;--bg:#14100B;--card:#1E1812;--ink:#F6EFE4;--mute:#B9AD9B;--line:rgba(255,235,210,.12);--sh:0 22px 60px rgba(0,0,0,.55);--bar:rgba(20,16,11,.85);--ink2:#D9CFC0;--pillbg:#2A2118;--wide1:#3A2410;--wide2:#241A10;--bandbg:#2B2118;--orD:#FF9A3D}
:root[data-theme=dark] .row,:root[data-theme=dark] .plan,:root[data-theme=dark] .care,:root[data-theme=dark] .doc .card,:root[data-theme=dark] .faq details{box-shadow:none}
:root[data-theme=dark] .hero{background:radial-gradient(900px 480px at 85% 10%,rgba(255,140,30,.18),transparent 60%),radial-gradient(700px 420px at 0% 0%,rgba(255,122,0,.10),transparent 60%)}
:root[data-theme=dark] .appicon{box-shadow:0 16px 38px rgba(255,122,0,.28)}
