@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
:root{--pri:#7c5cff;--pri2:#a48bff;--pink:#ff6fa5;--peach:#ffb38a;--mint:#3ccfb4;--sky:#5cb8ff;--yel:#ffd34d;
--bg:#f7f5ff;--card:#fff;--ink:#251f3d;--sub:#6f6888;--line:#ece8fb;--soft:#f1edff;
--wood:#2fb67a;--fire:#ff6a5c;--earth:#e3a43a;--metal:#9aa1b5;--water:#4a7bff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px;word-break:keep-all;letter-spacing:-.2px}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1040px;margin:0 auto;padding:0 18px}
.muted{color:var(--sub);font-size:.92em}.tiny{font-size:12.5px;text-align:center;margin:8px 0 0}
/* 헤더 */
.hd{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:14px;height:60px}
.logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:22px;letter-spacing:-.5px}
.logo i{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--pri),var(--pink));display:grid;place-items:center;color:#fff;font-style:normal;font-size:18px;box-shadow:0 4px 12px rgba(124,92,255,.35)}
.logo small{font-size:11px;color:var(--sub);font-weight:600;letter-spacing:1px}
.nav{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;padding:7px 12px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--sub)}.nav a.on,.nav a:hover{background:var(--soft);color:var(--pri)}
/* 히어로 */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#e9e0ff 0%,#ffe9f2 55%,#fff1e6 100%);background-size:cover;background-position:right center;background-repeat:no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 40% 70%,rgba(255,255,255,.7) 0 2px,transparent 3px),radial-gradient(circle at 60% 15%,rgba(255,255,255,.9) 0 1.5px,transparent 2.5px);pointer-events:none}
.hero-in{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:10px;min-height:470px;position:relative;z-index:1}
.hero-txt{padding:40px 0}
.badge{display:inline-flex;gap:6px;align-items:center;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--pri);box-shadow:0 4px 14px rgba(124,92,255,.12)}
.hero h1{font-size:clamp(32px,5.2vw,54px);line-height:1.18;margin:14px 0 12px;font-weight:900;letter-spacing:-1.5px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--pri),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{color:var(--sub);font-size:17px;margin:0 0 20px}
.hero-img{align-self:end;justify-self:end;width:100%;max-width:560px}
.hero-img img{width:100%;border-radius:28px 28px 0 0;mask-image:linear-gradient(180deg,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent)}
.quick{display:flex;gap:8px;flex-wrap:wrap;background:#fff;padding:8px;border-radius:18px;box-shadow:0 10px 30px rgba(124,92,255,.15);max-width:500px}
.quick input,.quick select{font:inherit;border:0;background:var(--soft);border-radius:12px;padding:11px 12px;min-height:46px;color:var(--ink)}.quick input{flex:1;min-width:150px}
/* 버튼 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:800;padding:11px 18px;border-radius:14px;border:0;cursor:pointer;min-height:46px;transition:transform .12s}
.btn:active{transform:scale(.97)}
.btn.pri{background:linear-gradient(135deg,var(--pri),var(--pink));color:#fff;box-shadow:0 6px 16px rgba(124,92,255,.3)}
.btn.ghost{background:var(--soft);color:var(--pri)}.btn.sm{min-height:36px;padding:7px 13px;font-size:14px;border-radius:11px}.btn.wide{width:100%;margin-top:10px;font-size:17px;min-height:54px}
.btn.kakao{background:#fee500;color:#3a1d1d}
/* 카테고리 칩 (포스텔러풍) */
.cats{display:flex;gap:10px;overflow-x:auto;padding:18px 2px 6px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}
.cat{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:74px;font-size:12.5px;font-weight:700;color:var(--ink)}
.cat span{width:58px;height:58px;border-radius:20px;background:#fff;display:grid;place-items:center;font-size:27px;box-shadow:0 4px 14px rgba(37,31,61,.07);transition:transform .15s}.cat:hover span{transform:translateY(-3px)}
/* 섹션 */
.sec{padding:26px 0}.sec-hd{display:flex;align-items:center;gap:8px;margin:0 0 12px}.sec-hd h2{margin:0;font-size:21px;font-weight:900;letter-spacing:-.5px}.sec-hd a{margin-left:auto;font-size:14px;color:var(--sub);font-weight:700}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tcard{position:relative;background:var(--card);border-radius:22px;padding:16px;box-shadow:0 4px 16px rgba(37,31,61,.06);display:flex;flex-direction:column;gap:4px;transition:transform .15s,box-shadow .15s;overflow:hidden;min-height:132px}
.tcard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(124,92,255,.15)}
.tcard .em{font-size:30px;line-height:1}.tcard b{font-size:16px;margin-top:6px}.tcard small{color:var(--sub);font-size:13px;line-height:1.45}
.tcard .tag{position:absolute;top:12px;right:12px;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--soft);color:var(--pri)}
.tag.hot{background:#ffe3ee;color:#e0336f}.tag.new{background:#ddfaf3;color:#0d9a7f}.tag.paid{background:#fff3cf;color:#a46a00}
.tcard.c1{background:linear-gradient(160deg,#fff,#f3eeff)}.tcard.c2{background:linear-gradient(160deg,#fff,#ffeef5)}.tcard.c3{background:linear-gradient(160deg,#fff,#e9fbf6)}.tcard.c4{background:linear-gradient(160deg,#fff,#fff6e6)}
/* 오늘의 띠별 */
.ddi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ddi{background:#fff;border-radius:18px;padding:13px 14px;box-shadow:0 3px 12px rgba(37,31,61,.05);border-top:4px solid var(--yel)}
.ddi.good{border-color:var(--mint)}.ddi.care{border-color:var(--pink)}
.ddi-top{display:flex;align-items:center;gap:6px}.ddi-top .emo{font-size:22px}.stars{margin-left:auto;color:#ffb800;font-size:13px;letter-spacing:-1px}.stars i{color:#e4e0f0;font-style:normal}
.ddi p{margin:6px 0 4px;font-size:14.5px;line-height:1.55}.ddi small{color:var(--sub);font-size:12px}
.ddi-grid.big{grid-template-columns:repeat(3,1fr)}
/* 내 운세 카드 */
.me-card{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,var(--pri),#9b6bff 50%,var(--pink));color:#fff;border-radius:26px;padding:20px 22px;box-shadow:0 12px 30px rgba(124,92,255,.3)}
.me-card .ring{--c:#fff}.me-card p{margin:2px 0;color:#f3efff}.me-card h3{margin:2px 0;font-size:19px}.me-card a.btn{margin-left:auto;background:#fff;color:var(--pri)}
/* 상품 */
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.prod{background:#fff;border-radius:24px;padding:20px;box-shadow:0 4px 18px rgba(37,31,61,.07);display:flex;flex-direction:column;gap:6px;position:relative}
.prod.best{outline:3px solid var(--pri)}.prod .ribbon{position:absolute;top:-10px;left:18px;background:linear-gradient(135deg,var(--pri),var(--pink));color:#fff;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px}
.prod .em{font-size:34px}.prod h3{margin:4px 0 0;font-size:18px}.prod p{margin:0;color:var(--sub);font-size:14.5px;flex:1}
.price{font-size:24px;font-weight:900;color:var(--ink)}.price s{font-size:14px;color:#b9b3cc;font-weight:600;margin-right:6px}
.prod ul{margin:4px 0 8px;padding-left:18px;font-size:14px;color:var(--ink)}
/* 선생님 */
.teacher{display:flex;gap:20px;align-items:center;background:#fff;border-radius:26px;padding:20px;box-shadow:0 4px 18px rgba(37,31,61,.06)}
.teacher img{width:120px;height:120px;border-radius:50%;object-fit:cover;background:var(--soft);flex:none}.teacher h2{margin:0 0 4px}
.bubble{position:relative;background:var(--soft);border-radius:18px;padding:12px 16px;margin:6px 0}
/* 페이지 */
.crumb{font-size:13px;color:var(--sub);margin:16px 0 4px}
h1.pg{font-size:clamp(26px,4.4vw,36px);line-height:1.3;margin:6px 0 8px;font-weight:900;letter-spacing:-1px}
.pg-hero{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#f0eaff,#ffeef5);border-radius:26px;padding:18px 20px;margin:8px 0 16px}
.pg-hero img{width:96px;height:96px;border-radius:24px;object-fit:cover;flex:none}.pg-hero p{margin:0;color:var(--sub)}
.tool{background:#fff;border-radius:24px;padding:16px;box-shadow:0 4px 18px rgba(37,31,61,.06)}
.pform{display:grid;grid-template-columns:1fr 1.3fr 1fr 1.3fr 0.9fr;gap:8px;margin-bottom:6px}
.pf-hd{grid-column:1/-1;font-weight:800;color:var(--pri);font-size:14px;margin-top:4px}
.pform label{display:flex;flex-direction:column;font-size:12.5px;font-weight:700;color:var(--sub);gap:3px}
.pform input,.pform select,.datebar input,#worry-q{font:inherit;color:var(--ink);background:var(--soft);border:2px solid transparent;border-radius:12px;padding:10px 11px;min-height:46px;width:100%}
.pform input:focus,.pform select:focus{outline:0;border-color:var(--pri2);background:#fff}
#tool-out{margin-top:16px}#tool-out.pop{animation:pop .45s ease}@keyframes pop{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
.res{background:#fff;border-radius:24px;padding:20px;box-shadow:0 6px 22px rgba(124,92,255,.10)}.res h3{margin:14px 0 6px;font-size:18px}.res h3:first-child{margin-top:0}
.res.center{text-align:center}.big{font-size:17.5px;font-weight:600;line-height:1.6}.huge{font-size:30px;font-weight:900;margin:8px 0}
.res-top{display:flex;gap:16px;align-items:center}
.ring{--p:70;--c:var(--pri);width:92px;height:92px;flex:none;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),rgba(124,92,255,.14) 0);display:grid;place-items:center;position:relative}
.ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.me-card .ring:before{background:#8f68ff}
.ring b,.ring small{position:relative;z-index:1}.ring b{font-size:28px;font-weight:900;line-height:1}.ring small{font-size:11px;margin-top:2px}
.ring{display:flex;flex-direction:column;justify-content:center;align-items:center}
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.kv>div{background:var(--soft);border-radius:16px;padding:12px}.kv span{font-weight:800;font-size:14px}.kv p{margin:4px 0 0;font-size:14.5px}
.chips2{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chips2 span{background:#fff4d6;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}
.note{background:#f4fbf8;border-radius:14px;padding:10px 14px;font-size:14.5px}
.salcard{background:linear-gradient(135deg,#fff5f9,#f5f0ff);border-radius:18px;padding:14px 16px;margin:10px 0}.salcard b{font-size:17px;color:var(--pri)}.salcard p{margin:4px 0}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.pil{text-align:center}.pil small{color:var(--sub);font-weight:700}.pil em{font-style:normal;font-size:12px;color:var(--pri);display:block;margin-top:2px;font-weight:700}
.cell{border-radius:16px;padding:8px 4px;margin:4px 0;color:#fff;background:#ccc}.cell b{display:block;font-family:serif;font-size:32px;line-height:1.1}.cell span{font-size:12px}
.cell.wood{background:var(--wood)}.cell.fire{background:var(--fire)}.cell.earth{background:var(--earth)}.cell.metal{background:var(--metal)}.cell.water{background:var(--water)}.pil.none .cell{background:var(--soft);color:#b8b1d0;font-size:26px;padding:14px 4px}
.bars{display:grid;gap:7px}.bar{display:grid;grid-template-columns:26px 1fr 22px;align-items:center;gap:8px;font-weight:700}.bar i{display:block;height:14px;border-radius:8px;min-width:4px}
.bar.wood i{background:var(--wood)}.bar.fire i{background:var(--fire)}.bar.earth i{background:var(--earth)}.bar.metal i{background:var(--metal)}.bar.water i{background:var(--water)}
.dys{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.dy{background:var(--soft);border-radius:14px;text-align:center;padding:6px 2px}.dy b{font-family:serif;font-size:19px;display:block}.dy span{font-size:13px}.dy small{display:block;color:var(--sub);font-size:11.5px}
.three{background:var(--soft);border-radius:16px;padding:12px 16px 12px 36px}.three li{margin:4px 0}
.upsell{display:flex;gap:14px;align-items:center;margin-top:14px;background:linear-gradient(135deg,#fff8e8,#ffeef5);border-radius:22px;padding:16px}.upsell img{width:84px;height:84px;border-radius:20px;object-fit:cover;flex:none}.upsell b{font-size:17px}.upsell p{margin:4px 0 10px;color:var(--sub);font-size:14.5px}
.balls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0}.ball{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:18px;color:#fff;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12)}
.b1{background:#fbc400}.b2{background:#69c8f2}.b3{background:#ff7272}.b4{background:#aaa}.b5{background:#b0d840}.b0{background:var(--pri)}.plus{font-size:24px;font-weight:900;align-self:center;color:var(--sub)}
.orb{width:220px;height:220px;margin:10px auto;border-radius:50%;display:grid;place-items:center;padding:30px;text-align:center;font-weight:800;font-size:19px;color:#fff;background:radial-gradient(circle at 35% 30%,#d9ccff,#7c5cff 55%,#3b2a8c);box-shadow:0 0 40px rgba(124,92,255,.5)}
.ill{width:140px;height:140px;border-radius:28px;object-fit:cover;margin:0 auto 6px}
.datebar{display:flex;gap:8px;align-items:center;margin:0 0 12px}.datebar input{max-width:200px}
.art{max-width:820px}.art h2{font-size:20px;margin:26px 0 8px;font-weight:900}
.sum{background:#fff;border-radius:20px;padding:16px 18px;font-size:16.5px;box-shadow:0 4px 16px rgba(37,31,61,.05)}
.months{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.months>div{background:#fff;border-radius:18px;padding:14px 16px;border-top:4px solid var(--mint)}.months>div+div{border-color:var(--pink)}.months p,.months ul{margin:6px 0 0}
.tbl{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;font-size:15px}.tbl th{background:var(--pri);color:#fff;padding:9px}.tbl td{padding:9px 10px;border-bottom:1px solid var(--line)}.tbl td:nth-child(-n+2){white-space:nowrap;text-align:center}
.faq{background:#fff;border-radius:16px;padding:12px 16px;margin:8px 0}.faq summary{font-weight:800;cursor:pointer}
.cta-box{display:flex;gap:16px;align-items:center;margin:26px 0;background:linear-gradient(135deg,var(--pri),var(--pink));color:#fff;border-radius:24px;padding:20px}.cta-box img{width:90px;height:90px;border-radius:50%;object-fit:cover;background:#fff;flex:none}.cta-box p{color:#f6f0ff;margin:4px 0 12px}.cta-box .btn{background:#fff;color:var(--pri)}.cta-box .btn.kakao{background:#fee500;color:#3a1d1d}
.btns{display:flex;gap:8px;flex-wrap:wrap}
.mini-grid{display:flex;flex-wrap:wrap;gap:8px}.mini-grid a{background:#fff;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:700;box-shadow:0 2px 8px rgba(37,31,61,.05)}
.card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.card{background:#fff;border-radius:20px;padding:14px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 3px 12px rgba(37,31,61,.05)}.card .emo{font-size:32px}.card small{color:var(--pri);font-size:12px;line-height:1.35}.card em{font-style:normal;color:var(--sub);font-size:11.5px;margin-top:4px}
.gtable-wrap{overflow-x:auto}.gtable{border-collapse:separate;border-spacing:3px;font-size:13px;min-width:720px}.gtable th{font-weight:700;padding:4px;white-space:nowrap}.gtable td a{display:block;padding:8px 4px;text-align:center;border-radius:10px;font-weight:800}
.g-good a,.score.g-good{background:#d9f7ee;color:#0b7d63}.g-care a,.score.g-care{background:#ffe1ea;color:#c3285c}.g-none a,.score.g-none{background:#fff;color:#555}.g-same a,.score.g-same{background:#fff4d6;color:#8a5a00}
.score{display:inline-flex;align-items:baseline;gap:6px;padding:10px 18px;border-radius:18px;margin-bottom:14px}.score b{font-size:34px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.two-col>div{background:#fff;border-radius:18px;padding:14px 16px}.two-col h3{margin:0 0 4px}
.ilju-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.il{background:#fff;border-radius:16px;padding:10px 6px;text-align:center;border-top:4px solid;display:flex;flex-direction:column}.il b{font-family:serif;font-size:22px}.il span{font-weight:800;font-size:14px}.il small{color:var(--sub);font-size:11.5px;line-height:1.3}
.il.wood{border-color:var(--wood)}.il.fire{border-color:var(--fire)}.il.earth{border-color:var(--earth)}.il.metal{border-color:var(--metal)}.il.water{border-color:var(--water)}
.il-hero{display:flex;gap:16px;align-items:center;margin:8px 0 14px}.il-hero>b{font-family:serif;font-size:44px;color:#fff;border-radius:20px;padding:6px 16px}
.il-hero.wood>b{background:var(--wood)}.il-hero.fire>b{background:var(--fire)}.il-hero.earth>b{background:var(--earth)}.il-hero.metal>b{background:var(--metal)}.il-hero.water>b{background:var(--water)}.il-hero p{margin:0;color:var(--pri);font-weight:700}
.pn{display:flex;justify-content:space-between;margin-top:18px}.pn a{color:var(--pri);font-weight:800}
.dream-search{display:flex;gap:8px;margin:8px 0 14px}.dream-search input{flex:1;font:inherit;padding:12px 14px;border-radius:14px;border:2px solid var(--line);background:#fff}
.dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dgrid a{background:#fff;border-radius:16px;padding:11px 12px;font-weight:700;font-size:14.5px;box-shadow:0 2px 8px rgba(37,31,61,.05)}.dgrid a small{display:block;color:var(--sub);font-weight:500;font-size:12px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal .dh{text-align:center;font-size:12.5px;font-weight:800;color:var(--sub)}.cal .d{background:#fff;border-radius:12px;min-height:58px;padding:5px;font-size:13px;position:relative}
.cal .d b{font-size:15px}.cal .d small{display:block;color:var(--sub);font-size:11px}.cal .d.son{background:#e3f9f2;outline:2px solid var(--mint)}.cal .d.son:after{content:"손없는날";position:absolute;bottom:4px;right:5px;font-size:10px;font-weight:800;color:#0b7d63}.cal .d.x{opacity:.35}.cal .d.bad{background:#fff0f4}
.ft{padding:26px 0 96px;font-size:13.5px;color:var(--sub)}.ft p{margin:4px 0}
.float-kakao{position:fixed;right:16px;bottom:18px;background:#fee500;color:#3a1d1d;font-weight:900;padding:12px 16px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.18);z-index:40}
.err{color:var(--fire)}
@media(max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}.ddi-grid,.ddi-grid.big{grid-template-columns:repeat(2,1fr)}.prods{grid-template-columns:1fr}.card-grid,.ilju-grid{grid-template-columns:repeat(4,1fr)}.pform{grid-template-columns:1fr 1fr}.dys{grid-template-columns:repeat(4,1fr)}.dgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.hero{background-size:auto 300px;background-position:72% bottom;padding-bottom:250px}.hero-in{grid-template-columns:1fr;min-height:0}.hero-txt{padding:24px 0 0}.hero-img{display:none}
.ddi-grid,.ddi-grid.big{grid-template-columns:1fr}.card-grid,.ilju-grid,.dgrid{grid-template-columns:repeat(3,1fr)}.kv,.months,.two-col{grid-template-columns:1fr}
.me-card,.teacher,.cta-box,.upsell{flex-direction:column;text-align:center}.me-card a.btn{margin:6px auto 0}.cta-box .btns{justify-content:center}.res-top{flex-direction:column;text-align:center}
.logo small{display:none}.nav a{padding:7px 9px;font-size:13.5px}.pg-hero{flex-direction:column;text-align:center}}

.once{display:inline-block;margin:0 0 6px;padding:12px 18px;border-radius:18px;background:#fff;color:var(--ink);font-size:clamp(17px,2.2vw,21px);font-weight:800;line-height:1.45;box-shadow:0 8px 24px rgba(124,92,255,.18);border:2px solid var(--pri2)}.once b{color:var(--pri)}
.mebar{display:flex;align-items:center;gap:10px;justify-content:space-between;background:var(--soft);border-radius:14px;padding:10px 12px;font-weight:700;font-size:14.5px;margin-bottom:6px}.mebar span{flex:1}
[hidden]{display:none!important}
.quick{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;max-width:520px}.quick .qf{display:flex;flex-direction:column;gap:2px}.quick .qf small{font-size:12px;font-weight:700;color:var(--sub);padding-left:4px}.quick .qf input,.quick .qf select{width:100%}.quick .qbtn{grid-column:1/-1;min-height:52px;font-size:17px}

.nav a.navpro{background:linear-gradient(135deg,#ffd76a,#f5a524);color:#4a2c00!important;box-shadow:0 3px 10px rgba(245,165,36,.35)}
.badge.gold{background:linear-gradient(135deg,#fff3c9,#ffe08a);color:#7a4b00}
.premium{background:linear-gradient(160deg,#241b4d 0%,#3a2a7a 55%,#5a2f73 100%);color:#fff;margin:20px 0}
.premium .sec-hd h2{color:#fff}.premium .sec-hd a{color:#ffd76a}.pm-lead{color:#e6defc;margin:-4px 0 16px;font-size:16px}.pm-lead b{color:#ffd76a}
.premium .prod{background:#fff;color:var(--ink)}
.prod.best{outline:3px solid #f5a524;box-shadow:0 10px 30px rgba(245,165,36,.35)}.prod .ribbon{background:linear-gradient(135deg,#f5a524,#ff6fa5)}
.btn.gold{background:linear-gradient(135deg,#ffd76a,#f5a524);color:#4a2c00;box-shadow:0 6px 16px rgba(245,165,36,.35)}.btn.big{min-height:54px;font-size:17px;padding:12px 22px}
.pp-hero{background:linear-gradient(160deg,#241b4d 0%,#3a2a7a 55%,#5a2f73 100%);color:#fff}
.pp-in{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center;padding:40px 18px}
.pp-in h1{font-size:clamp(28px,4.6vw,46px);line-height:1.22;margin:12px 0;font-weight:900;letter-spacing:-1px}.pp-in h1 em{font-style:normal;color:#ffd76a}
.pp-in p{color:#e6defc;font-size:16.5px}.pp-in p b{color:#fff}.pp-in img{border-radius:28px;max-width:360px;justify-self:center;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.pains{background:#fff;border-radius:26px;padding:22px;box-shadow:0 4px 18px rgba(37,31,61,.06)}.pains h2{margin:0 0 10px}.pains ul{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}.pains li{background:var(--soft);border-radius:14px;padding:11px 14px;font-weight:700}
.h2c{text-align:center;font-size:24px;font-weight:900;margin:6px 0 16px}
.vs{overflow-x:auto}.vs table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 18px rgba(37,31,61,.06);font-size:15px}
.vs th,.vs td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:center}.vs th{background:var(--soft)}.vs td:first-child{font-weight:700;text-align:left;color:var(--sub)}.vs .hl{background:#fff8e1}.vs th.hl{background:linear-gradient(135deg,#ffd76a,#f5a524);color:#4a2c00}
.whys{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.whys>div{background:#fff;border-radius:22px;padding:18px;box-shadow:0 4px 16px rgba(37,31,61,.06)}.whys span{font-size:30px}.whys b{display:block;font-size:17px;margin:6px 0 4px}.whys p{margin:0;color:var(--sub);font-size:14.5px}
.center{text-align:center}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:st}.steps li{background:#fff;border-radius:20px;padding:16px;position:relative;counter-increment:st;box-shadow:0 4px 16px rgba(37,31,61,.06)}
.steps li:before{content:counter(st);position:absolute;top:-10px;left:14px;width:28px;height:28px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;font-weight:900}.steps b{display:block;margin-top:6px}.steps span{color:var(--sub);font-size:14px}
.orderbox{background:#fff;border:2px dashed var(--pri2);border-radius:22px;padding:18px;margin-top:14px}.orderbox textarea{width:100%;font:inherit;border-radius:12px;border:2px solid var(--line);padding:10px;margin:8px 0;background:var(--soft)}
@media(max-width:860px){.pp-in{grid-template-columns:1fr}.pp-in img{max-width:240px}.whys,.steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.whys,.steps{grid-template-columns:1fr}.nav a.navpro{padding:7px 10px}}