:root{--m9:#3A0A14;--m8:#4A0E1B;--m7:#5B1220;--m6:#7F1D2D;--g5:#C69530;--g3:#E6C36E;--g7:#7A5810;--cream:#FBF4E3;--card:#FFFBF0;--line:#D9BE7A;--ink:#2B1316;--mute:#6E5A55;--body:#4B3A37}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Mukta',sans-serif;font-size:17px}
a{color:var(--m6)}a:hover{color:var(--m8)}
h1,h2,h3{font-family:'Cinzel',serif;font-weight:600;color:var(--m8);margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.kasavu{height:10px;background:repeating-linear-gradient(90deg,var(--g5) 0 12px,var(--cream) 12px 16px);border-bottom:2px solid var(--g5)}
header.top{background:var(--m8);border-bottom:3px solid var(--g5)}
header.top .wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--g3);font-family:'Cinzel',serif;font-weight:600;font-size:20px;letter-spacing:.14em}
nav.main{display:flex;align-items:center;gap:30px}
nav.main a{color:#F3E6C8;text-decoration:none}
.btn{display:inline-block;background:var(--g5);color:var(--m9);text-decoration:none;font-weight:600;font-size:17px;padding:14px 28px;border:1px solid var(--g3);cursor:pointer;font-family:inherit}
.btn.ghost{background:transparent;color:var(--g3);border-color:var(--g5)}
.btn.maroon{background:var(--m6);color:#F3E6C8;border-color:var(--g5)}
.btn.line{background:var(--card);color:var(--m6);border-color:var(--m6)}
.btn:disabled{opacity:.6;cursor:wait}
.eyebrow{font-family:'Cinzel',serif;font-size:13px;letter-spacing:.26em;color:var(--g7)}
.hero{background:var(--m7);color:var(--cream);border-bottom:3px solid var(--g5)}
.hero .eyebrow{color:var(--g3)}
.hero h1{color:var(--cream);font-size:50px;line-height:1.2}
.hero h1 em{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--g3);font-size:60px}
.hero p{font-size:19px;line-height:1.6;color:#EBDDBE;max-width:520px}
.cols{display:grid;gap:48px}
.cols.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols.c3{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.frame{border:2px solid var(--g5);padding:8px;outline:1px solid var(--g5);outline-offset:5px}
.ph{background:repeating-linear-gradient(45deg,#EBDBB5 0 10px,#F0E2C0 10px 20px);display:flex;align-items:flex-end;padding:12px;background-size:auto}
.ph.dark{background:repeating-linear-gradient(45deg,#6B1A28 0 10px,#621524 10px 20px)}
.ph span{font-size:12px;letter-spacing:.14em;color:var(--m8);background:#F6EAD0;padding:3px 9px}
.card{background:var(--card);border:1px solid var(--line)}
.card.way{border-top:5px solid var(--m6);padding:30px;display:flex;flex-direction:column;gap:14px}
.card p{margin:0;line-height:1.6;color:var(--body)}
.bar{height:8px;background:#EBDDBE}.bar>div{height:100%;background:var(--m6)}
.sec{padding:70px 0}
.sec-h{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.sec-h h2{font-size:32px}
.div{display:flex;align-items:center;gap:14px}.div i{height:1px;width:80px;background:var(--g5)}
.band{background:var(--m7);color:var(--cream);border-top:3px solid var(--g5);border-bottom:3px solid var(--g5)}
.band h2{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:42px;color:var(--cream)}
footer.foot{background:var(--m9);color:#D9C79A}
footer.foot .wrap{padding-top:44px;padding-bottom:36px}
footer.foot a{color:#F3E6C8;text-decoration:none}
.legal{margin-top:30px;padding-top:18px;border-top:1px solid #6B4A22;font-size:14px;line-height:1.7}
/* forms */
.in{display:block;width:100%;height:46px;padding:0 14px;border:1px solid #C9B88A;background:var(--card);font:inherit;font-size:16px;color:var(--ink)}
textarea.in{height:auto;padding:12px 14px;line-height:1.5}
.in:focus{outline:2px solid var(--g5);outline-offset:1px}
.lab{display:block;font-size:14px;font-weight:600;color:var(--m8);margin-bottom:6px}
.stack{display:flex;flex-direction:column;gap:14px}
.panel{position:sticky;top:24px;align-self:start;background:var(--card);border:2px solid var(--g5);outline:1px solid var(--g5);outline-offset:5px;padding:28px 26px;display:flex;flex-direction:column;gap:18px}
.seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--g5)}
.seg button{height:46px;border:0;font:inherit;font-size:16px;cursor:pointer;background:var(--card);color:var(--m8)}
.seg button[aria-pressed=true]{background:var(--m6);color:#F3E6C8;font-weight:600}
.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.presets button{height:48px;font:inherit;font-size:17px;cursor:pointer;border:1px solid #C9B88A;background:var(--card);color:var(--m8)}
.presets button[aria-pressed=true]{background:var(--m6);color:#F3E6C8;border-color:var(--m6);font-weight:600}
.note{background:#F6EAD0;border:1px solid var(--line);padding:12px 14px;font-size:15px;line-height:1.5;color:#5A4210}
.note.ok{background:#EEF3E6;border-color:#9DB58A;color:#2B4A1C}
.note.err{background:#F8E4E4;border-color:#D49A9A;color:#7A1B1B}
.small{font-size:14px;line-height:1.55;color:var(--mute)}
/* temple */
.pct{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:52px;line-height:1;color:var(--m6)}
.stages{display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr))}
.stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:14px;line-height:1.3}
.stage .ln{position:absolute;top:17px;left:-50%;width:100%;height:2px;background:var(--line)}
.stage.done .ln,.stage.cur .ln{background:var(--m6)}
.dot{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;border:2px solid #C9B88A;background:var(--cream);color:var(--mute);display:flex;align-items:center;justify-content:center;font-weight:600}
.stage.done .dot{background:var(--m6);color:var(--g3);border-color:var(--m6)}
.stage.cur .dot{background:var(--g5);color:var(--m9);border-color:var(--m6)}
.stage.cur{font-weight:600;color:var(--m8)}
.tl{display:grid;grid-template-columns:28px minmax(0,1fr);gap:18px}
.tl .rail{display:flex;flex-direction:column;align-items:center}
.tl .rail i{flex:1;width:2px;background:var(--line);margin-top:6px}
.media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.media img,.media video{width:100%;height:150px;object-fit:cover;background:#3A0A14;border:1px solid var(--line)}
.chip{display:inline-block;background:var(--m6);color:#F3E6C8;padding:3px 12px;font-size:14px;font-weight:600}
/* video click-to-load */
.vf{display:block;position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--line);background:#3A0A14 center/cover no-repeat;cursor:pointer;padding:0}
.vf .vp{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(74,14,27,.88);border:2px solid var(--g3)}
.vf .vp::after{content:"";position:absolute;left:25px;top:19px;border-left:19px solid var(--g3);border-top:12px solid transparent;border-bottom:12px solid transparent}
iframe.vf-on,video.vf-on{width:100%;aspect-ratio:16/9;border:0;background:#000;display:block}
.media .vf{height:150px;aspect-ratio:auto}
.media .vf-on{height:auto;aspect-ratio:16/9;grid-column:span 2}
.stat{text-align:center}.stat b{display:block;font-family:'Cormorant Garamond',serif;font-size:48px;line-height:1;color:var(--m6)}.stat span{font-size:15px;color:var(--body)}
.tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--g5);max-width:420px}
.tabs button{height:48px;border:0;font:inherit;font-size:17px;cursor:pointer;background:var(--card);color:var(--m8)}
.tabs button[aria-pressed=true]{background:var(--m6);color:#F3E6C8;font-weight:600}
/* packages */
.pk{text-align:left;font:inherit;cursor:pointer;padding:20px;display:flex;flex-direction:column;gap:10px;border:2px solid var(--line);background:var(--card)}
.pk[aria-pressed=true]{background:#F6EAD0;border-color:var(--m6)}
.pk b{font-family:'Cinzel',serif;font-size:18px;color:var(--m8)}
.toggle{flex:none;position:relative;width:56px;height:32px;border-radius:16px;border:1px solid var(--m6);cursor:pointer;padding:0;background:#EBDDBE}
.toggle::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--m6)}
.toggle[aria-pressed=true]{background:var(--m6)}.toggle[aria-pressed=true]::after{left:27px;background:var(--g3)}
.num{width:34px;height:34px;border-radius:50%;background:var(--m6);color:var(--g3);display:inline-flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-weight:600}
@media (max-width:980px){.cols.c2,.cols.c3,.layout{grid-template-columns:1fr!important}.wrap{padding:0 20px}.hide-sm{display:none}.panel{position:static}.hero h1{font-size:38px}.media{grid-template-columns:repeat(2,minmax(0,1fr))}}