:root{
  --mystic-ink:#2f2922;
  --mystic-green:#1e6049;
  --mystic-jade:#4f846e;
  --mystic-blue:#3d7d98;
  --mystic-gold:#b78634;
  --mystic-red:#b64c41;
  --mystic-paper:#f7f1e5;
  --mystic-line:rgba(183,134,52,.42);
}
.salesBody{background:#f8f4ea;color:var(--mystic-ink)}
.salesBody .eyebrow,.salesBody .kicker{letter-spacing:0}
.salesNav{background:rgba(249,246,237,.96);border-bottom:1px solid rgba(183,134,52,.25);backdrop-filter:blur(14px)}
.brandLockup{display:flex;align-items:center;gap:10px;color:var(--mystic-ink)}
.brandLockup>span:last-child{display:grid;font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:18px;line-height:1.05}
.brandLockup small{margin-top:5px;color:#87745d;font-family:system-ui,sans-serif;font-size:10px;font-weight:600}
.brandMark{display:flex;box-sizing:border-box;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--mystic-gold);border-radius:50%;color:var(--mystic-gold);font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:19px;line-height:1;text-align:center;text-indent:0}
.navContact{padding:9px 15px;border:1px solid var(--mystic-gold);border-radius:4px;color:#704f1e!important;text-decoration:none;font-weight:800}

.mysticHero{position:relative;min-height:710px;overflow:hidden;background-color:#efe7d7;border-bottom:1px solid var(--mystic-line)}
.heroBackdrop{position:absolute;inset:0;background-image:url('assets/hero-mystic-v1.webp');background-position:center;background-size:cover}
.heroBackdrop:after{content:"";position:absolute;inset:0;background:rgba(247,241,229,.16)}
.mysticHeroInner{position:relative;z-index:1;min-height:610px;padding-top:52px;padding-bottom:46px}
.mysticHero .heroCopy{position:relative;display:flex;min-height:510px;max-width:none;flex-direction:column;justify-content:center;padding:28px 340px 28px 0;text-shadow:0 1px 0 rgba(255,255,255,.82)}
.heroOverline{display:flex;align-items:center;gap:10px;color:#7a5924;font-weight:800}
.heroOverline i{display:block;width:42px;height:1px;background:var(--mystic-gold)}
.mysticHero h1{margin:12px 0 0;color:#173f34;font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:76px;line-height:1.08;font-weight:800}
.mysticHero .heroSubtitle{margin-top:8px;color:#8f6320;font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:28px;font-weight:800}
.mysticHero .lead{margin:30px 0 16px;font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:29px;line-height:1.55}
.mysticHero .lead strong{color:var(--mystic-green)}
.mysticHero .sublead{max-width:650px;color:#5d554b;font-size:17px;line-height:1.85}
.heroSignals{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:24px;color:#4f4437;font-size:16px;font-weight:800;line-height:1.5}
.heroSignals span{display:flex;align-items:center;gap:8px}
.heroSignals span:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--mystic-gold);box-shadow:0 0 0 4px rgba(183,134,52,.14)}
.mysticHero .btn{box-shadow:0 7px 20px rgba(69,48,21,.13)}
.mysticHero .btn.secondary{background:rgba(255,253,247,.84)}
.heroMeta{display:flex;align-items:center;gap:10px;margin-top:19px;color:#716352;font-size:13px}
.heroMeta a{color:var(--mystic-green);font-size:17px;font-weight:900;text-decoration:none}
.heroCompass{position:absolute;right:0;top:50%;display:flex;box-sizing:border-box;width:292px;height:292px;align-items:center;justify-content:center;overflow:hidden;transform:translateY(-50%);border:1px solid rgba(183,134,52,.72);border-radius:50%;background:radial-gradient(circle,rgba(252,249,240,.94) 0 51%,rgba(246,238,219,.82) 72%,rgba(249,245,235,.7) 100%);box-shadow:0 24px 60px rgba(34,54,47,.18),inset 0 0 0 12px rgba(255,255,255,.32);text-align:center;isolation:isolate}
.heroCompass:before,.heroCompass:after{content:"";position:absolute;border:1px solid rgba(183,134,52,.3);border-radius:50%}
.heroCompass:before{inset:18px}.heroCompass:after{inset:40px}
.compassCore{position:relative;z-index:1;display:flex;width:72%;flex-direction:column;align-items:center;justify-content:center}
.compassKicker{color:#8a672f;font-size:14px;font-weight:800;line-height:1.4}
.heroCompass strong{display:block;margin:9px 0 13px;color:#244a3c;font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:31px;line-height:1.25;white-space:nowrap}
.compassItem{display:flex;align-items:center;justify-content:center;gap:7px;margin:2px 0;color:#5d5144;font-size:14px;line-height:1.45;white-space:nowrap}.heroCompass b{color:var(--mystic-red)}
.mysticHero .proofStrip{position:relative;z-index:1;margin-bottom:28px;background:rgba(24,61,50,.92);border-color:rgba(219,187,116,.52);color:#fff;box-shadow:0 18px 38px rgba(29,54,46,.15)}
.mysticHero .proofStrip b{color:#dfbf79}.mysticHero .proofStrip span{color:#f1eee4}

.problemBand{background:#173d34}.problemGrid{color:#fff}.problemGrid div{border-color:rgba(255,255,255,.14)}.problemGrid span{color:#b9cac4}
.valueSection{background:#f8f4ea}.sectionIntro{max-width:720px;color:#6c6256;font-size:18px;line-height:1.85}
.methodEditorial{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid var(--mystic-line);border-bottom:1px solid var(--mystic-line)}
.methodEditorial article{min-height:250px;padding:30px 28px;border-right:1px solid var(--mystic-line)}.methodEditorial article:last-child{border-right:0}
.methodEditorial article>span{color:var(--mystic-gold);font-family:serif;font-size:31px}.methodEditorial h3{margin-top:28px;color:var(--mystic-green);font-family:"Noto Serif CJK SC",serif;font-size:24px}.methodEditorial p{color:#6b6258;line-height:1.85}

.sampleHeader{display:grid;grid-template-columns:1fr 300px;gap:50px;align-items:end;margin-bottom:30px}.sampleHeader>div:first-child p{max-width:650px;color:#b8c8c2}.sampleVerdict{display:grid;gap:7px;padding-left:22px;border-left:1px solid rgba(216,182,109,.6)}.sampleVerdict small{color:#b9c8c3}.sampleVerdict strong{color:#e0bd72;font-family:"Noto Serif CJK SC",serif;font-size:23px}.sampleVerdict span{color:#e8eeeb;font-size:13px}
.sampleActions{display:flex;gap:12px;margin-top:25px}.sampleSection .sampleShell{box-shadow:0 32px 80px rgba(0,0,0,.24)}

.priceSection{position:relative;background:#f7f1e5}.priceSection:before{content:"";position:absolute;inset:0;background:url('assets/hero-mystic-v1.webp') center bottom/cover no-repeat;opacity:.055;pointer-events:none}.priceSection>.wrap{position:relative}
.priceHeading{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:end;margin-bottom:30px}.priceHeading p{color:#6f6558;line-height:1.75}
.salesBody .priceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.salesBody .priceCard{position:relative;padding:28px 24px;border:1px solid rgba(183,134,52,.42);border-radius:8px;background:rgba(255,253,247,.94);box-shadow:0 18px 42px rgba(77,61,40,.07)}
.salesBody .priceCard.featured{transform:translateY(-10px);border:2px solid var(--mystic-gold);background:#fffdf7;box-shadow:0 24px 58px rgba(133,92,28,.16)}
.planTop{display:flex;align-items:center;gap:10px}.planTop h3{margin:0;font-family:"Noto Serif CJK SC",serif;font-size:26px}.planNo{color:#a98854;font-family:serif;font-size:18px}.recommendBadge{margin-left:auto;padding:5px 10px;border-radius:3px;background:var(--mystic-gold);color:#fff;font-size:12px;font-weight:800}
.priceOriginal{margin-top:18px;color:#8d806e;font-size:14px}.priceOriginal del{margin-left:4px;font-size:18px;text-decoration-thickness:1px}.salesBody .price{margin:2px 0 6px;color:#2f2922;font-size:50px}.salesBody .price small{margin-right:5px;color:#9a6b20;font-size:16px;font-weight:800}.planPurpose{min-height:44px;color:#74695c!important;line-height:1.55}
.salesBody .priceCard .list{margin:19px 0}.salesBody .priceCard .list li{margin:11px 0;line-height:1.55}.salesBody .priceCard .list li:before{color:var(--mystic-jade)}
.salesBody .tag{top:20px;right:20px;border-radius:3px;background:var(--mystic-gold);letter-spacing:0}
.bonusPicker{margin:22px 0 18px;padding-top:18px;border-top:1px solid rgba(183,134,52,.34)}
.bonusTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.bonusTitle b{color:#76551e}.bonusTitle span{color:#8b7d6b;font-size:12px}
.bonusOptions,.modalBonusOptions{display:grid;gap:7px}
.bonusOption{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:start;padding:9px 0;border-bottom:1px solid rgba(116,102,82,.13);cursor:pointer;font-size:14px;line-height:1.45}
.bonusOption:last-child{border-bottom:0}.bonusOption input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--mystic-green)}.bonusOption span{color:#4f473e}.bonusOption input:checked+span{color:var(--mystic-green);font-weight:800}
.bonusHint,#modalBonusMessage{min-height:19px;margin:6px 0 0;color:#8a7559;font-size:12px}.bonusHint.error,#modalBonusMessage.error{color:var(--mystic-red);font-weight:700}
.benefitNote{margin-top:21px;color:#796d5f;font-size:13px;text-align:center}
.planUrgent{border-top:3px solid #9f5347!important}.planStandard{border-top-color:var(--mystic-gold)!important}.planExperience{border-top:3px solid #7b9a8b!important}

.contactPanel{display:grid;gap:4px;margin-top:28px;padding:20px;border-left:3px solid var(--mystic-gold);background:rgba(255,253,247,.72)}.contactPanel small{color:#8d6b31;font-weight:800}.contactPanel a{color:var(--mystic-green);font-size:27px;font-weight:900;text-decoration:none}.contactPanel span{color:#70665a}
.concernChoices{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.concernChoices label,.concernChoices label span{width:100%}
.concernChoices label span{display:flex;min-height:50px;align-items:center;line-height:1.45}
.serviceChoices label span{gap:4px}.serviceChoices label b{font-size:17px}.serviceChoices label small{line-height:1.55}
.boundarySection{background:#edf2ee}.modalBonus{margin:14px 0;padding:14px;border-top:1px solid var(--mystic-line);border-bottom:1px solid var(--mystic-line)}.modalBonus>b{display:block;margin-bottom:8px;color:#76551e}.modalBonus[hidden]{display:none}

@media(max-width:900px){
  .mysticHero{min-height:auto}.mysticHeroInner{min-height:620px}.heroCompass{right:4px;width:224px;height:224px}.heroCompass strong{font-size:25px}.compassKicker{font-size:12px}.compassItem{font-size:12px}.mysticHero .heroCopy{min-height:530px;padding-right:245px}.salesBody .priceGrid{grid-template-columns:1fr}.salesBody .priceCard.featured{transform:none}.priceHeading,.sampleHeader{grid-template-columns:1fr}.methodEditorial{grid-template-columns:1fr}.methodEditorial article{min-height:auto;border-right:0;border-bottom:1px solid var(--mystic-line)}.methodEditorial article:last-child{border-bottom:0}
}
@media(max-width:680px){
  .salesNav .navContact{font-size:13px}.brandLockup>span:last-child{font-size:16px}.brandMark{width:38px;height:38px;flex-basis:38px;font-size:20px}.mysticHero{min-height:auto}.heroBackdrop{background-position:62% center}.heroBackdrop:after{background:rgba(247,241,229,.34)}.mysticHeroInner{min-height:0;padding-top:34px;padding-bottom:26px}.mysticHero .heroCopy{display:flex;min-height:0;max-width:none;padding:18px 0;text-shadow:0 1px 5px rgba(255,255,255,.8)}.heroOverline{font-size:13px}.mysticHero h1{font-size:53px}.mysticHero .heroSubtitle{max-width:none;font-size:21px;line-height:1.45}.heroCompass{position:relative;right:auto;top:auto;order:0;width:224px;height:224px;margin:22px auto 2px;transform:none;opacity:1}.heroCompass strong{font-size:24px}.compassKicker{display:block;font-size:12px}.compassItem{display:flex;font-size:12px}.mysticHero .lead{margin-top:24px;font-size:22px}.mysticHero .sublead{font-size:16px;line-height:1.75}.heroSignals{display:grid;gap:10px;margin-top:25px;font-size:17px}.heroMeta{align-items:flex-start;flex-direction:column;gap:2px}.mysticHero .proofStrip{margin-bottom:16px}.methodEditorial article{padding:25px 5px}.sampleHeader{gap:20px}.sampleVerdict{padding:16px 0 0;border-left:0;border-top:1px solid rgba(216,182,109,.6)}.sampleActions{display:grid}.priceHeading{gap:5px}.priceHeading p{margin-top:0}.salesBody .priceCard{padding:24px 20px}.bonusTitle{align-items:flex-start;flex-direction:column;gap:2px}.samplePage{padding:34px 22px}.samplePage h3{font-size:28px}.samplePage p{font-size:16px}.contactPanel a{font-size:23px}.concernChoices{grid-template-columns:1fr}.concernChoices label span{min-height:0}
}
