:root{--bg:#0f0e0c;--bg-warm:#161412;--bg-card:#1c1a17;--bg-card-hover:#242119;--gold:#c9a84c;--gold-dim:rgba(201,168,76,.15);--cream:#f0e6d3;--cream-dim:rgba(240,230,211,.7);--cream-faint:rgba(240,230,211,.68);--cream-ghost:rgba(240,230,211,.12);--accent:#6b4d7a;--accent-glow:rgba(107,77,122,.12);--heading:'Cormorant Garamond','Georgia',serif;--body:'Outfit',system-ui,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--container:860px}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--body);background:var(--bg);color:var(--cream);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}
.skip-link{position:absolute;top:-100px;left:0;background:var(--gold);color:var(--bg);padding:10px 20px;z-index:10000;font-weight:600;border-radius:0 0 8px 0}.skip-link:focus{top:0}
body::after{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");background-size:256px}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;transition:background .4s}nav.scrolled{background:rgba(15,14,12,.88);backdrop-filter:blur(16px)}.nav-logo{font-family:var(--heading);font-weight:600;font-size:1.35rem;color:var(--gold)}.nav-right{display:flex;gap:32px;align-items:center}.nav-right a{font-size:.85rem;color:var(--cream-dim);letter-spacing:.06em;transition:color .2s}.nav-right a:hover{color:var(--gold)}.nav-quiz{background:var(--gold);color:var(--bg);padding:8px 24px;border-radius:100px;font-weight:600;font-size:.85rem}.nav-ham{display:none;padding:8px}.nav-ham span{display:block;width:22px;height:1.5px;background:var(--cream);margin:5px 0;border-radius:2px}
.nav-search{display:flex;align-items:center;color:var(--cream-dim);transition:color .2s}.nav-search:hover{color:var(--gold)}.nav-search svg{width:18px;height:18px}
@media(max-width:768px){.nav-right{display:none}.nav-ham{display:block}.nav-right.open{display:flex;flex-direction:column;position:fixed;inset:0;background:var(--bg);justify-content:center;align-items:center;gap:32px;z-index:101}.nav-right.open a{font-size:1.5rem}.nav-ham.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.nav-ham.open span:nth-child(2){opacity:0}.nav-ham.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}}
.hero{padding:140px 24px 60px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(107,77,122,.08) 0%,var(--bg) 100%)}.hg{position:absolute;pointer-events:none;border-radius:50%;filter:blur(120px)}.hg1{width:400px;height:400px;background:var(--accent);opacity:.06;top:-10%;right:15%}
.hero-inner{max-width:var(--container);margin:0 auto}
.bread{font-size:.8rem;color:var(--cream-faint);margin-bottom:20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bread a{color:var(--cream-faint);transition:color .2s}.bread a:hover{color:var(--gold)}.bread span{opacity:.3}
.hero h1{font-family:var(--heading);font-weight:400;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.1;margin-bottom:12px}.hero h1 em{font-style:italic;color:var(--gold)}
.hero-sub{font-size:1rem;color:var(--cream-faint);max-width:600px;line-height:1.7;font-weight:300;margin-bottom:24px}
.hero-stats{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px}.hs{display:flex;align-items:baseline;gap:6px}.hs strong{font-family:var(--heading);font-weight:600;font-size:1.4rem;color:var(--cream)}.hs span{font-size:.8rem;color:var(--cream-faint)}.hs-div{width:1px;height:20px;background:var(--cream-ghost)}
.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:rgba(93,138,94,.1);border:1px solid rgba(93,138,94,.2);border-radius:100px;font-size:.78rem;color:#7dba7e;font-weight:500}
.section{padding:48px 24px;border-top:1px solid var(--cream-ghost)}.section.alt{background:var(--bg-warm)}.s-inner{max-width:var(--container);margin:0 auto}
.s-label{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.s-h2{font-family:var(--heading);font-weight:400;font-size:1.5rem;margin-bottom:8px;line-height:1.2}.s-h2 em{font-style:italic;color:var(--gold)}
.s-sub{font-size:.88rem;color:var(--cream-faint);margin-bottom:24px;font-weight:300}
.order-chain{display:flex;flex-direction:column;gap:0}
.order-book{padding:24px;background:var(--bg-card);border:1px solid var(--cream-ghost);transition:all .3s var(--ease);display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.order-book:first-child{border-radius:14px 14px 0 0}.order-book:last-child{border-radius:0 0 14px 14px}
.order-book:hover{background:var(--bg-card-hover);border-color:rgba(107,77,122,.15)}
.ob-num-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}
.ob-num{width:36px;height:36px;border-radius:50%;background:var(--gold-dim);display:flex;align-items:center;justify-content:center;font-family:var(--heading);font-weight:700;font-size:.9rem;color:var(--gold)}
.ob-body{display:flex;flex-direction:column;gap:4px}
.ob-title{font-family:var(--heading);font-weight:600;font-size:1.1rem;color:var(--cream)}
.ob-meta{font-size:.78rem;color:var(--cream-faint)}
.ob-summary{font-size:.85rem;color:var(--cream-dim);line-height:1.6;font-weight:300}
.ob-note{font-size:.78rem;color:var(--gold);font-style:italic;margin-top:2px}
.ob-cta{color:#f3d36f;font-size:.86rem;font-weight:700;margin-top:6px;opacity:1;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.order-book:hover .ob-cta{color:var(--cream)}
.chain-arrow{text-align:center;color:var(--cream-ghost);font-size:.8rem;padding:2px 0}
.spice-prog{display:flex;gap:4px;align-items:flex-end;height:80px;margin-bottom:10px}
.sp-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}
.sp-bar{width:100%;border-radius:6px 6px 0 0;transition:height .5s var(--ease)}
.sp-label{font-size:.6rem;color:var(--cream-faint);text-align:center;line-height:1.1}
.sp-val{font-size:.65rem;color:var(--cream-dim);font-weight:600}
.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.time-card{padding:16px;background:var(--bg-card);border-radius:12px;border:1px solid var(--cream-ghost);text-align:center}
.time-val{font-family:var(--heading);font-weight:600;font-size:1.3rem;color:var(--cream);margin-bottom:2px}
.time-label{font-size:.68rem;color:var(--cream-faint);text-transform:uppercase;letter-spacing:.06em}
.next-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.next-card{padding:20px;background:var(--bg-card);border-radius:14px;border:1px solid var(--cream-ghost);transition:all .3s var(--ease)}.next-card:hover{border-color:rgba(201,168,76,.15);transform:translateY(-2px)}
.next-title{font-family:var(--heading);font-weight:600;font-size:1rem;color:var(--cream);margin-bottom:4px}
.next-meta{font-size:.75rem;color:var(--cream-faint);margin-bottom:6px}
.next-desc{font-size:.82rem;color:var(--cream-dim);line-height:1.5;font-weight:300}
.next-cta{color:var(--gold);font-size:.78rem;font-weight:500;margin-top:8px;display:block}
.email-section{padding:60px 24px;text-align:center;border-top:1px solid var(--cream-ghost)}.email-inner{max-width:480px;margin:0 auto}.email-h2{font-family:var(--heading);font-weight:400;font-size:clamp(1.4rem,3vw,2rem);margin-bottom:10px}.email-h2 em{font-style:italic;color:var(--gold)}.email-p{color:var(--cream-faint);font-size:.88rem;line-height:1.7;font-weight:300;margin-bottom:20px}.email-form{display:flex;gap:10px;max-width:420px;margin:0 auto}.email-form input{flex:1;padding:12px 20px;border:1px solid var(--cream-ghost);border-radius:100px;background:rgba(240,230,211,.04);color:var(--cream);font-size:.88rem;font-family:var(--body);outline:none;transition:border-color .3s;min-height:48px}.email-form input::placeholder{color:rgba(240,230,211,.68)}.email-form input:focus{border-color:var(--gold)}.email-form button{background:var(--gold);color:var(--bg);padding:12px 24px;border-radius:100px;font-weight:600;font-size:.82rem;white-space:nowrap;min-height:48px}.email-trust{margin-top:10px;font-size:.72rem;color:rgba(240,230,211,.68)}
footer{padding:40px 24px 28px;border-top:1px solid rgba(240,230,211,.05)}.footer-inner{max-width:var(--container);margin:0 auto}.footer-quote{font-family:var(--heading);font-style:italic;font-size:.85rem;color:rgba(240,230,211,.72);text-align:center;margin-bottom:16px}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center}.footer-logo{font-family:var(--heading);font-weight:600;font-size:1rem;color:var(--gold)}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{font-size:.78rem;color:rgba(240,230,211,.72);text-decoration:underline;text-underline-offset:2px}.footer-links a:hover{color:var(--gold)}.footer-copy{font-size:.78rem;color:rgba(240,230,211,.72)}
[data-reveal]{transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}[data-reveal].visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important}}
@media(max-width:768px){.hero{padding:110px 20px 48px}.order-book{grid-template-columns:1fr;text-align:center}.ob-num-wrap{flex-direction:row;justify-content:center}.time-grid{grid-template-columns:1fr}.email-form{flex-direction:column}.email-form button{width:100%}}

.toc-section{padding:20px 24px;border-bottom:1px solid var(--cream-ghost)}.toc-inner{max-width:var(--container);margin:0 auto;display:flex;flex-wrap:wrap;gap:8px 20px}.toc-link{font-size:.78rem;color:var(--cream-faint);transition:color .2s}.toc-link:hover{color:var(--gold)}
.ro-ed{padding:48px 24px;border-top:1px solid var(--cream-ghost)}
.ro-overview{max-width:var(--container);margin:0 auto}
.ro-overview p{font-size:.9rem;color:var(--cream-dim);line-height:1.8;font-weight:300;margin-bottom:12px}
.ro-cw-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.ro-cw-item{padding:10px 18px;background:rgba(201,168,76,.06);border:1px solid rgba(201,168,76,.12);border-radius:100px;font-size:.8rem;color:var(--cream-dim);font-weight:400}
.ro-similar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px}
.ro-similar-card{padding:20px;background:var(--bg-card);border-radius:14px;border:1px solid var(--cream-ghost);transition:all .3s var(--ease)}.ro-similar-card:hover{border-color:rgba(201,168,76,.15);transform:translateY(-2px)}
.ro-similar-card h3{font-family:var(--heading);font-weight:600;font-size:1rem;color:var(--cream);margin-bottom:4px}
.ro-similar-card .ro-sc-meta{font-size:.75rem;color:var(--cream-faint);margin-bottom:6px}
.ro-similar-card .ro-sc-desc{font-size:.82rem;color:var(--cream-dim);line-height:1.5;font-weight:300}
.ro-faq{margin-top:16px}
.ro-faq-q{font-family:var(--heading);font-weight:600;font-size:1.15rem;color:var(--cream);margin:20px 0 8px;cursor:default}
.ro-faq-a{font-size:.88rem;color:var(--cream-dim);line-height:1.7;font-weight:300;margin-bottom:16px}
.ro-faq-a a,.ro-inline-link{color:#f3d36f;text-decoration:underline;text-underline-offset:3px;font-weight:600}.ro-faq-a a:hover,.ro-inline-link:hover{color:var(--cream)}
