
:root{--obs:#050705;--panel:rgba(5,9,7,.95);--emerald:#073d2b;--emerald2:#0a6946;--gold:#d8b56b;--goldlight:#f5dda0;--cream:#f6ecd4;--muted:#c9bea6;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--obs);color:var(--cream);font-family:var(--serif)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px clamp(14px,2.5vw,38px);background:#050705;border-bottom:1px solid rgba(216,181,107,.3);font:11px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--goldlight)}
.topbar a{text-decoration:none}.topbar .wordmark{font:13px var(--serif);letter-spacing:.22em}
main{max-width:1536px;margin:0 auto}.desktop-scene{position:relative;aspect-ratio:3/2;overflow:hidden;background:#050705 url('/assets/medusa-reference.webp') center/100% 100% no-repeat}
.desktop-scene:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 65px rgba(0,0,0,.25)}
/* Hide the baked-in text zones with carefully positioned dark glass panels, then render editable/indexable HTML text. */
.live-brandline{position:absolute;z-index:2;left:3.7%;top:16.2%;width:29.8%;height:3.6%;display:flex;align-items:center;padding-left:.3%;background:linear-gradient(90deg,rgba(6,7,5,.98) 0%,rgba(6,7,5,.94) 76%,rgba(6,7,5,0) 100%);color:#f3d89b;font-size:clamp(8px,1.12vw,17px);letter-spacing:.065em;text-transform:uppercase;white-space:nowrap}
.live-copy{position:absolute;z-index:2;left:2.5%;top:20.7%;width:28.5%;text-align:center;padding:0 1%;background:linear-gradient(90deg,rgba(5,6,4,.92),rgba(5,6,4,.8) 78%,transparent);text-shadow:0 1px 8px #000}
.live-copy h1{font-size:clamp(14px,1.75vw,27px);font-weight:400;color:var(--goldlight);margin:0 0 8px;line-height:1.25}
.live-copy p{font-size:clamp(9px,1.15vw,17px);line-height:1.35;margin:0;color:#f1e7d2}
.live-steps{position:absolute;z-index:3;right:.8%;top:15.4%;width:21.1%;height:39.7%;padding:1.1% 1.1%;border:1px solid rgba(216,181,107,.75);border-radius:12px;background:linear-gradient(140deg,rgba(3,6,4,.97),rgba(5,9,7,.94));box-shadow:0 12px 30px rgba(0,0,0,.42);display:flex;flex-direction:column;justify-content:space-around}
.step{display:grid;grid-template-columns:24px 29px 1fr;gap:7px;align-items:center;padding:2.5% 0;border-bottom:1px solid rgba(216,181,107,.2)}.step:last-child{border:0}
.step .num{width:23px;height:23px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--goldlight);font-size:14px}
.step .symbol{font-size:25px;color:var(--gold);text-align:center}.step h2{font-size:clamp(8px,.98vw,15px);font-weight:400;color:var(--goldlight);margin:0 0 4px}.step p{font-size:clamp(6px,.72vw,11px);line-height:1.35;margin:0;color:#e7ddc7}
.live-mic{position:absolute;z-index:5;left:5.1%;top:33.7%;width:24%;height:27.5%;border:2px solid #b5f4bd;border-radius:50%;outline:1px solid var(--gold);outline-offset:6px;background:radial-gradient(circle at 35% 28%,#17764d,#075035 50%,#021b11 78%);box-shadow:0 0 22px #27d777,0 0 58px rgba(16,217,112,.4),inset 0 0 30px rgba(141,255,188,.3);display:grid;place-items:center;color:#c9ffd5;transition:.25s}
.live-mic:hover{transform:scale(1.025);box-shadow:0 0 27px #27d777,0 0 75px rgba(16,217,112,.52)}.live-mic svg{width:29%;height:29%;fill:none;stroke:currentColor;stroke-width:1.5}
.live-mic-label{position:absolute;z-index:5;left:5.0%;top:58.4%;width:24.5%;border:1px solid var(--gold);border-radius:30px;padding:1.15% .5%;text-align:center;background:linear-gradient(#0b3a29,#03150d);color:var(--goldlight);font-size:clamp(7px,.9vw,13px);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 20px #000}
.live-categories{position:absolute;z-index:4;left:2.2%;right:9.5%;top:68.5%;height:9.0%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.5%}
.live-categories button{min-width:0;border:1px solid rgba(216,181,107,.83);border-radius:9px;background:linear-gradient(150deg,rgba(8,14,10,.97),rgba(3,6,4,.97));color:var(--goldlight);font-size:clamp(6px,.8vw,12px);padding:3px 1px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;line-height:1.15}
.live-categories button span:first-child{font-size:clamp(11px,1.6vw,23px);color:var(--gold)}.live-categories button:hover,.live-categories button.active{background:linear-gradient(150deg,#104e35,#04180f);box-shadow:0 0 15px rgba(216,181,107,.22)}
.live-plans{position:absolute;z-index:5;left:7.6%;right:7.6%;top:79.7%;bottom:3%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6%}
.plan{min-width:0;border:1px solid rgba(216,181,107,.9);border-radius:12px;background:linear-gradient(135deg,rgba(11,15,11,.98),rgba(2,5,3,.99));padding:3.5% 4% 3%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 7px 24px rgba(0,0,0,.4),inset 0 0 18px rgba(216,181,107,.04);position:relative}
.plan h2{font-size:clamp(8px,.92vw,14px);font-weight:400;line-height:1.2;text-transform:uppercase;color:var(--goldlight);margin:0 0 4px}.plan .price{font-size:clamp(15px,1.85vw,28px);color:var(--goldlight);margin:2px 0 4px;white-space:nowrap}.plan p{font-size:clamp(7px,.72vw,11px);line-height:1.35;margin:0;color:#e5dcc9}.plan button{border:1px solid var(--gold);border-radius:8px;padding:7px 3px;background:linear-gradient(#e7c681,#b88a43);color:#120f08;font-size:clamp(7px,.8vw,12px);text-transform:uppercase;font-weight:bold}.plan:nth-child(2) button{background:linear-gradient(#0c3c29,#03180e);color:var(--goldlight)}.plan .badge{position:absolute;right:7px;top:6px;font:8px var(--sans);text-transform:uppercase;background:var(--gold);color:#161006;padding:3px 5px;border-radius:20px}
.reading{margin:30px auto;padding:clamp(20px,4vw,42px);width:min(900px,calc(100% - 28px));border:1px solid rgba(216,181,107,.72);border-radius:18px;background:radial-gradient(ellipse at top,rgba(12,78,50,.24),transparent 65%),linear-gradient(145deg,#0a100b,#030504);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.reading-heading{text-align:center}.eyebrow{font:11px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.reading h2{font-size:clamp(28px,5vw,43px);font-weight:400;color:var(--goldlight);margin:10px 0}.reading-intro{color:#d9cfb8;line-height:1.6;max-width:650px;margin:0 auto 24px;text-align:center}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{color:var(--goldlight);font-size:14px}.field select,.field textarea{width:100%;background:#050806;color:#f7ecd3;border:1px solid rgba(216,181,107,.65);border-radius:10px;padding:13px 14px;outline:none}.field select:focus,.field textarea:focus{border-color:#f5dda0;box-shadow:0 0 0 3px rgba(216,181,107,.12)}.field textarea{min-height:125px;resize:vertical;font-size:16px;line-height:1.5}.field textarea::placeholder{color:#938a77}
.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.lux-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;border:1px solid var(--gold);border-radius:999px;padding:12px 22px;text-decoration:none;text-transform:uppercase;letter-spacing:.045em;font-size:12px;font-weight:bold;transition:transform .2s,filter .2s,box-shadow .2s}.lux-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 7px 24px rgba(0,0,0,.35)}.lux-btn.primary{background:linear-gradient(180deg,#e8c982,#b6873d);color:#171006;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 5px 20px rgba(194,148,63,.18)}.lux-btn.secondary{background:linear-gradient(180deg,#0b5438,#031b11);color:var(--goldlight);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.luck-link{display:flex;justify-content:center;margin:23px auto 0}.luck-link a{color:var(--goldlight);text-decoration:none;border-bottom:1px solid rgba(216,181,107,.45);padding:7px 0;font-size:14px}.luck-link a:hover{color:#fff0bd}
.status{min-height:20px;font:12px/1.6 var(--sans);color:#c8bea7;margin:14px 0 0}.demo-cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px}.demo-card{width:95px;aspect-ratio:2/3;border:1px solid var(--gold);border-radius:9px;background:linear-gradient(145deg,#0b412d,#030805);display:grid;place-items:center;color:var(--goldlight);font-size:27px;box-shadow:0 5px 20px #000}
footer{max-width:1100px;margin:0 auto;text-align:center;padding:20px 15px 30px;color:#aaa18b;font:11px/1.7 var(--sans)}footer a{color:var(--goldlight);text-decoration:none;margin:0 8px}
.mobile-only{display:none}
@media(max-width:720px){
 .topbar{padding:10px 12px;font-size:9px;letter-spacing:.08em}.topbar .wordmark{font-size:11px}
 .desktop-scene{display:none}.mobile-only{display:block;background:linear-gradient(180deg,rgba(3,6,4,.8),rgba(3,6,4,.98)),url('/assets/temple-bg.webp') center top/cover}
 .mobile-head{text-align:center;padding:22px 15px 0}.mobile-ornament{font-size:24px;color:var(--gold);line-height:1}.mobile-logo{font-size:clamp(48px,14vw,72px);font-weight:400;letter-spacing:.02em;line-height:1;color:var(--goldlight);margin:4px 0 6px;text-shadow:0 0 22px rgba(220,174,83,.22)}.mobile-tagline{font-size:clamp(10px,2.6vw,13px);letter-spacing:.09em;text-transform:uppercase;color:var(--gold)}.mobile-head h1{font-weight:400}.mobile-slogan{font-size:clamp(21px,5.7vw,26px);color:var(--goldlight);margin:18px 0 8px}.mobile-copy{font-size:14px;line-height:1.6;max-width:360px;margin:0 auto;color:#eee4cf}
 .mobile-art{height:clamp(300px,90vw,470px);position:relative;overflow:hidden;margin-top:8px}.mobile-art img{width:100%;height:100%;object-fit:cover;object-position:center 27%;display:block;mask-image:linear-gradient(black 0%,black 84%,transparent 100%)}.mobile-mic-area{display:flex;flex-direction:column;align-items:center;margin:-43px 15px 22px;position:relative;z-index:2}.mobile-mic{width:126px;height:126px;border-radius:50%;border:2px solid #b5f4bd;outline:1px solid var(--gold);outline-offset:5px;background:radial-gradient(circle at 35% 25%,#17764d,#075035 50%,#021b11 78%);box-shadow:0 0 20px #27d777,0 0 48px rgba(16,217,112,.35),inset 0 0 28px rgba(141,255,188,.3);display:grid;place-items:center;color:#c9ffd5}.mobile-mic svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.5}.mobile-mic-area .lux-btn{margin-top:16px;text-align:center}
 .mobile-steps{margin:0 14px 18px;border:1px solid var(--gold);border-radius:13px;padding:6px 14px;background:rgba(3,7,5,.93)}.mobile-step{display:grid;grid-template-columns:26px 28px 1fr;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(216,181,107,.22)}.mobile-step:last-child{border:0}.mobile-step .num{width:25px;height:25px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--goldlight)}.mobile-step .ico{font-size:22px;color:var(--gold);text-align:center}.mobile-step h3{font-size:15px;font-weight:400;color:var(--goldlight);margin:0 0 4px}.mobile-step p{font-size:12px;line-height:1.4;color:#e4dbc7;margin:0}
 .mobile-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 14px 18px}.mobile-cats button{min-height:70px;border:1px solid var(--gold);border-radius:9px;background:linear-gradient(150deg,#0a120c,#030604);color:var(--goldlight);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px}.mobile-cats button span:first-child{font-size:21px;color:var(--gold)}
 .mobile-plans{display:grid;grid-template-columns:1fr;gap:11px;padding:0 14px 22px}.mobile-plans .plan{min-height:145px;padding:15px;display:grid;grid-template-columns:1fr;gap:8px}.mobile-plans .plan h2{font-size:14px}.mobile-plans .plan .price{font-size:28px}.mobile-plans .plan p{font-size:12px}.mobile-plans .plan button{font-size:12px;padding:12px}
 .reading{margin:18px auto;padding:21px 16px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.action-row{flex-direction:column}.lux-btn{width:100%;min-height:52px}.luck-link a{text-align:center;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.modal{position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:16px}.modal.open{display:flex}.modal-panel{position:relative;width:min(520px,100%);border:1px solid var(--gold);border-radius:18px;padding:28px;background:linear-gradient(145deg,#0b1b11,#030504);box-shadow:0 20px 70px #000;text-align:center}.modal-panel h2{font-size:30px;font-weight:400;color:var(--goldlight);margin:0 0 10px}.modal-panel p{font-size:14px;line-height:1.6;color:#d8cfba;margin-bottom:20px}.modal-panel .lux-btn{margin:5px}.close-modal{position:absolute;right:10px;top:8px;border:0;background:transparent;color:var(--goldlight);font-size:28px}
@media(max-width:720px){.modal-panel .lux-btn{width:100%;margin:6px 0}}
