@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/cormorant.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 400;font-display:swap;src:url(/assets/fonts/cormorant-italic.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/inter.woff2) format('woff2')}
:root{--bg:#141210;--char:#1E1B18;--cell:#2B2724;--gold:#FFC83D;--honey:#F5A623;--amber:#FFB84D;--wax:#FFF8EF;--muted:#B9AE9F;--line:rgba(255,200,61,.18);--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--wax);font:400 17px/1.7 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--gold);text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--gold);color:#111;padding:8px 14px}
.hexbg{position:fixed;inset:-10%;z-index:-2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16.2V48.5L28 64.7 0 48.5V16.2ZM28 64.7V97' fill='none' stroke='%23FFC83D' stroke-opacity='.07' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 97px;will-change:transform}
.glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vw 50vh at 75% 10%,rgba(245,166,35,.13),transparent 70%),radial-gradient(50vw 50vh at 10% 90%,rgba(255,200,61,.06),transparent 70%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.5))}
.shimmer{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,200,61,.05) 50%,transparent 60%);background-size:250% 100%;animation:sh 14s linear infinite}
@keyframes sh{from{background-position:150% 0}to{background-position:-100% 0}}
.wrap{max-width:1160px;margin:0 auto;padding:0 28px}
nav{position:fixed;top:0;left:0;right:0;z-index:20;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
nav.solid{background:rgba(20,18,16,.82);backdrop-filter:blur(14px);border-color:var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:12px;color:var(--wax);font:500 1.35rem var(--serif);letter-spacing:.04em}
.brand img{width:38px;height:38px}
nav ul{display:flex;gap:34px;list-style:none}
nav ul a{color:var(--muted);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;transition:color .3s}
nav ul a:hover{color:var(--gold)}
.eyebrow{font-size:.74rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold)}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08;letter-spacing:-.01em}
h1{font-size:clamp(3.4rem,9vw,7.6rem);font-weight:400}
h1 em,h2 em{font-style:italic;color:var(--gold);font-weight:400}
h2{font-size:clamp(2.3rem,4.6vw,3.9rem);margin:18px 0 22px}
h3{font-size:1.65rem;margin-bottom:10px}
.lead{font-size:1.15rem;color:var(--muted);max-width:620px;font-weight:300}
.hero{min-height:100vh;display:grid;place-items:center;padding:130px 0 90px;position:relative}
.hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}
.hero .tag{font:italic 400 clamp(1.5rem,2.6vw,2.15rem)/1.3 var(--serif);color:var(--wax);margin:20px 0 18px}
.hero .lead{margin-bottom:42px}
.emblem{position:relative;justify-self:center;width:min(380px,80vw);aspect-ratio:1}
.emblem img{width:100%;filter:drop-shadow(0 30px 60px rgba(245,166,35,.25));animation:float 7s ease-in-out infinite}
.emblem::before{content:"";position:absolute;inset:-12%;background:url("icon-ring.svg") center/contain no-repeat;animation:spin 80s linear infinite;opacity:.7}
@keyframes float{50%{transform:translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}
.ctas{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:12px;padding:17px 30px;border-radius:2px;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;transition:all .35s}
.btn-gold{background:linear-gradient(135deg,#FFD66B,var(--gold) 45%,var(--honey));color:#1a1612;box-shadow:0 10px 40px -10px rgba(245,166,35,.55)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 50px -12px rgba(245,166,35,.75)}
.btn-gold small{font-size:.66rem;opacity:.75;border-left:1px solid rgba(0,0,0,.25);padding-left:12px}
.btn-ghost{border:1px solid var(--line);color:var(--wax)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:.66rem;letter-spacing:.3em;color:var(--muted);text-transform:uppercase;text-align:center}
.scroll::after{content:"";display:block;width:1px;height:46px;margin:12px auto 0;background:linear-gradient(var(--gold),transparent)}
section{padding:130px 0;position:relative}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:64px}
.card{background:rgba(24,21,19,.94);padding:44px 36px;position:relative;transition:background .5s}
.card:hover{background:rgba(36,31,26,.96)}
.card .n{font:italic 400 1rem var(--serif);color:var(--gold);letter-spacing:.1em;display:block;margin-bottom:26px}
.card svg{width:34px;height:34px;stroke:var(--gold);fill:none;stroke-width:1.2;margin-bottom:22px}
.card p{color:var(--muted);font-size:.97rem;font-weight:300}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.list{list-style:none;border-top:1px solid var(--line)}
.list li{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;gap:16px;color:var(--muted);font-weight:300}
.list li b{color:var(--wax);font-weight:500;display:block;margin-bottom:2px}
.hexdot{width:12px;height:14px;margin-top:9px;background:var(--gold);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.note{margin-top:34px;padding:26px 28px;border-left:2px solid var(--gold);background:rgba(255,200,61,.04);color:var(--muted);font-size:.95rem}
.note strong{color:var(--wax)}
.privacy{text-align:center}
.privacy .lead{margin:0 auto}
.pillars{display:flex;justify-content:center;flex-wrap:wrap;gap:60px;margin-top:60px}
.pillars div{font:400 1.5rem var(--serif);color:var(--wax)}
.pillars span{display:block;font:500 .7rem var(--sans);letter-spacing:.28em;color:var(--gold);text-transform:uppercase;margin-bottom:8px}
.prices{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:860px;margin:64px auto 0}
.price{border:1px solid var(--line);padding:52px 44px;background:rgba(24,21,19,.9);position:relative;text-align:left}
.price.feat{border-color:rgba(255,200,61,.55);background:linear-gradient(160deg,rgba(255,200,61,.09),rgba(24,21,19,.95) 55%)}
.price .badge{position:absolute;top:-12px;left:44px;background:var(--gold);color:#1a1612;font-size:.66rem;letter-spacing:.22em;padding:4px 12px;text-transform:uppercase;font-weight:600}
.price .amt{font:400 4.4rem/1 var(--serif);margin:18px 0 6px}
.price .amt sup{font-size:1.6rem;vertical-align:top;margin-right:4px;color:var(--gold)}
.price .per{color:var(--muted);font-size:.9rem;letter-spacing:.06em}
.price p{margin-top:24px;color:var(--muted);font-weight:300;font-size:.95rem}
.trial{text-align:center;margin-top:34px;color:var(--muted);font-size:.95rem}
.trial b{color:var(--gold);font-weight:500}
.story{text-align:center}
.story blockquote{font:italic 300 clamp(1.7rem,3.4vw,2.7rem)/1.4 var(--serif);max-width:860px;margin:26px auto 0;color:var(--wax)}
.story blockquote::before{content:"\201C";display:block;font-size:5rem;line-height:.6;color:var(--gold);opacity:.6}
.help .box{border:1px solid var(--line);padding:60px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;align-items:center;background:rgba(24,21,19,.9)}
.help .line{border-left:1px solid var(--line);padding-left:36px}
.help .line span{font-size:.7rem;letter-spacing:.26em;color:var(--gold);text-transform:uppercase}
.help .line a{display:block;font:400 2rem var(--serif);color:var(--wax);margin:6px 0 4px}
.help .line a:hover{color:var(--gold)}
.help .line small{color:var(--muted);font-size:.85rem}
footer{border-top:1px solid var(--line);padding:70px 0 44px;color:var(--muted);font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;align-items:flex-end}
footer .by{font:italic 400 1.2rem var(--serif);color:var(--wax);margin-top:10px}
footer ul{list-style:none;display:flex;gap:28px;flex-wrap:wrap}
footer a{color:var(--muted)}footer a:hover{color:var(--gold)}
.copy{width:100%;padding-top:30px;border-top:1px solid rgba(255,200,61,.08);font-size:.78rem;letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.12s}.d2{transition-delay:.24s}.d3{transition-delay:.36s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
@media (max-width:960px){.hero .wrap,.split{grid-template-columns:1fr;gap:50px}.emblem{order:-1;width:min(240px,60vw)}.grid{grid-template-columns:1fr 1fr}.help .box{grid-template-columns:1fr;padding:40px 30px}.help .line{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}nav ul{display:none}}
@media (max-width:620px){body{font-size:16px}section{padding:90px 0}.wrap{padding:0 22px}.grid,.prices{grid-template-columns:1fr}.price{padding:44px 30px}.card{padding:36px 28px}.hero{padding-top:110px}.scroll{display:none}.pillars{gap:30px;flex-direction:column}.btn{width:100%;justify-content:center}}
.emblem::before{animation:pulse 6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35;transform:scale(1.04)}}
@media (min-width:961px){h1{font-size:clamp(4rem,6.4vw,6.4rem);white-space:nowrap}.hero .wrap{grid-template-columns:1.35fr .65fr}}
@media (max-width:620px){.eyebrow{letter-spacing:.22em;gap:10px}.eyebrow::before{width:22px}.btn{letter-spacing:.1em;padding:16px 20px;font-size:.78rem}.btn-gold small{font-size:.6rem;padding-left:10px}}
:root{--gold-metal:linear-gradient(100deg,#9A6510 0%,#E8B44A 14%,#FFF1C2 26%,#F6C453 36%,#B97A12 50%,#FFE08A 64%,#FFF8DC 70%,#D99A2B 82%,#8E5B0C 100%);--gold-edge:linear-gradient(135deg,rgba(255,236,170,.9),rgba(185,122,18,.55) 30%,rgba(255,224,138,.85) 52%,rgba(120,78,10,.5) 75%,rgba(255,236,170,.8))}
body{background:#0d0b0a}
.glow{background:radial-gradient(70vw 60vh at 78% 8%,rgba(245,166,35,.16),transparent 70%),radial-gradient(45vw 45vh at 5% 95%,rgba(255,200,61,.07),transparent 70%),radial-gradient(120vw 80vh at 50% 120%,rgba(0,0,0,.8),transparent)}
.hexbg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FFE59A' stop-opacity='.16'/%3E%3Cstop offset='.5' stop-color='%23FFC83D' stop-opacity='.03'/%3E%3Cstop offset='1' stop-color='%23FFE59A' stop-opacity='.1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M28 1 55 16.6v31.5L28 63.7 1 48.1V16.6Z' fill='%23ffffff' fill-opacity='.012' stroke='url(%23a)'/%3E%3Cpath d='M28 63.7V97M0 81 28 97 56 81' fill='none' stroke='%23FFC83D' stroke-opacity='.05'/%3E%3C/svg%3E");-webkit-mask:radial-gradient(130% 90% at 60% 20%,#000 30%,rgba(0,0,0,.35) 80%);mask:radial-gradient(130% 90% at 60% 20%,#000 30%,rgba(0,0,0,.35) 80%)}
.shimmer{background:linear-gradient(112deg,transparent 42%,rgba(255,230,160,.06) 49%,rgba(255,255,255,.04) 50%,transparent 57%);background-size:260% 100%;animation-duration:18s}
.bokeh{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bokeh i{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,214,107,.5),rgba(255,200,61,0) 70%);filter:blur(2px);opacity:.35;animation:drift 22s ease-in-out infinite}
.bokeh i:nth-child(1){width:140px;height:140px;left:62%;top:12%}
.bokeh i:nth-child(2){width:60px;height:60px;left:84%;top:46%;animation-delay:-5s;opacity:.5}
.bokeh i:nth-child(3){width:220px;height:220px;left:-4%;top:60%;animation-delay:-9s;opacity:.18}
.bokeh i:nth-child(4){width:34px;height:34px;left:48%;top:30%;animation-delay:-3s;opacity:.55}
.bokeh i:nth-child(5){width:90px;height:90px;left:22%;top:8%;animation-delay:-14s;opacity:.22}
.bokeh i:nth-child(6){width:46px;height:46px;left:72%;top:78%;animation-delay:-11s;opacity:.4}
@keyframes drift{50%{transform:translate3d(30px,-40px,0) scale(1.15)}}
/* metallic text */
.goldtxt,h2 em,.price .amt,.help .line a,.card .n,.story blockquote::before{background:var(--gold-metal);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:sheen 9s ease-in-out infinite}
.goldtxt em{color:inherit;-webkit-text-fill-color:transparent}
h1 .goldtxt{filter:drop-shadow(0 2px 0 rgba(90,55,5,.55)) drop-shadow(0 18px 40px rgba(245,166,35,.25));padding:0 .04em .08em}
@keyframes sheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.help .line a:hover{filter:brightness(1.2)}
.eyebrow{color:#F3C766}
.eyebrow::before{background:var(--gold-metal);height:1px;width:44px}
h2{color:#FBF4E8;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.lead{color:#BFB3A3}
/* nav */
nav.solid{background:linear-gradient(180deg,rgba(18,15,13,.9),rgba(14,12,11,.78));box-shadow:0 1px 0 rgba(255,224,138,.12),0 20px 40px -20px rgba(0,0,0,.8)}
.brand img{filter:drop-shadow(0 2px 6px rgba(245,166,35,.35))}
nav ul a{position:relative}
nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--gold-metal);transform:scaleX(0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
nav ul a:hover::after{transform:scaleX(1)}
/* buttons */
.btn{position:relative;overflow:hidden;border-radius:999px;isolation:isolate;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .4s,color .3s,border-color .3s}
.btn-gold{background:linear-gradient(180deg,#FFF0BE 0%,#FFD66B 22%,#F2B53C 52%,#C8861A 78%,#F6C453 100%);color:#2a1d07;text-shadow:0 1px 0 rgba(255,240,190,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 4px rgba(120,70,0,.45),0 1px 0 #6b4508,0 14px 34px -10px rgba(245,166,35,.6),0 30px 60px -30px rgba(0,0,0,.9)}
.btn-gold small{border-color:rgba(60,35,0,.3)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.75) 47%,rgba(255,255,255,.15) 53%,transparent 66%);transform:translateX(-120%);animation:sweep 6s ease-in-out infinite}
.btn-ghost::before{background:linear-gradient(105deg,transparent 30%,rgba(255,224,138,.22) 50%,transparent 66%)}
.btn:hover::before{animation:sweepfast .9s ease-out}
@keyframes sweep{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes sweepfast{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
.btn-ghost{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));border:1px solid transparent;background-clip:padding-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px -15px rgba(0,0,0,.9)}
.btn-ghost::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gold-edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.btn-gold:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 4px rgba(120,70,0,.45),0 1px 0 #6b4508,0 22px 50px -12px rgba(245,166,35,.8),0 40px 70px -30px rgba(0,0,0,.9)}
/* hero emblem */
.emblem{perspective:900px}
.emblem::before{display:none}
.tilt{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);animation:float 8s ease-in-out infinite}
.emblem img{animation:none;filter:drop-shadow(0 2px 0 #5a3a06) drop-shadow(0 30px 40px rgba(0,0,0,.7)) drop-shadow(0 0 60px rgba(245,166,35,.28))}
.gloss{position:absolute;inset:0;pointer-events:none;clip-path:polygon(50% 4.5%,89.4% 27.25%,89.4% 72.75%,50% 95.5%,10.6% 72.75%,10.6% 27.25%);background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 46%,rgba(255,255,255,.05) 52%,transparent 60%);background-size:300% 100%;animation:glint 7s ease-in-out infinite;mix-blend-mode:screen}
@keyframes glint{0%,60%{background-position:120% 0}100%{background-position:-60% 0}}
.halo{position:absolute;inset:-18%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,200,61,.22),rgba(245,166,35,.06) 45%,transparent 68%);animation:breathe 7s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.08);opacity:.7}}
.emblem::after{content:"";position:absolute;left:18%;right:18%;bottom:-9%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent);filter:blur(6px)}
/* glossy glass cards */
.grid{background:none;border:0;gap:22px}
.card,.price,.help .box,.note{border-radius:18px;border:0;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.012) 40%,rgba(0,0,0,.25)),rgba(22,19,17,.86);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 0 rgba(0,0,0,.6),0 30px 60px -30px rgba(0,0,0,.95),0 10px 20px -12px rgba(0,0,0,.7);position:relative;overflow:hidden;isolation:isolate}
.card::after,.price::after,.help .box::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gold-edge);opacity:.55;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .5s}
.card::before,.price::before,.help .box::before{content:"";position:absolute;inset:-1px;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,-20%),rgba(255,214,107,.13),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 30%);pointer-events:none}
.card{transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}
.card:hover{transform:translateY(-6px);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.015) 40%,rgba(0,0,0,.25)),rgba(26,22,19,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 40px 70px -30px rgba(0,0,0,.95),0 0 0 1px rgba(255,214,107,.08),0 20px 50px -25px rgba(245,166,35,.35)}
.card:hover::after,.price:hover::after{opacity:1}
.card .ic{width:58px;height:58px;display:grid;place-items:center;margin-bottom:24px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(145deg,#FFF0BE,#E3A93A 35%,#8E5B0C 60%,#F6C453);position:relative}
.card .ic::before{content:"";position:absolute;inset:2px;clip-path:inherit;background:radial-gradient(circle at 35% 25%,#3a332c,#15120f 70%)}
.card .ic svg{position:relative;margin:0;width:26px;height:26px;stroke:#FFD66B}
.card .n{font-size:1.05rem;position:absolute;top:30px;right:32px;margin:0}
.card h3{color:#FBF4E8}
/* list */
.list{border-top:0}
.list li{border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(255,224,138,.35),rgba(255,224,138,.04)) 1}
.hexdot{background:linear-gradient(145deg,#FFF0BE,#E3A93A 40%,#8E5B0C 70%,#F6C453);box-shadow:0 0 12px rgba(245,166,35,.4)}
.note{border-left:0;padding:30px 32px 30px 36px}
.note::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FFF0BE,#E3A93A 40%,#8E5B0C 70%,#F6C453)}
/* pillars */
.pillars{gap:0;margin-top:70px;justify-content:center}
.pillars div{padding:8px 56px;font-size:1.7rem;color:#FBF4E8;position:relative}
.pillars div+div::before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:linear-gradient(transparent,rgba(255,224,138,.5),transparent)}
/* pricing */
.price{padding:56px 46px 50px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.price:hover{transform:translateY(-6px)}
.price.feat{background:linear-gradient(160deg,rgba(255,214,107,.14),rgba(255,255,255,.02) 45%,rgba(0,0,0,.3)),rgba(24,20,16,.9);box-shadow:inset 0 1px 0 rgba(255,240,190,.18),0 40px 80px -30px rgba(0,0,0,.95),0 30px 70px -40px rgba(245,166,35,.5)}
.price.feat::after{opacity:1;padding:1.5px}
.price .badge{top:22px;left:auto;right:24px;border-radius:999px;padding:5px 14px;background:linear-gradient(180deg,#FFF0BE,#F2B53C 55%,#C8861A);color:#2a1d07;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 16px -6px rgba(245,166,35,.7)}
.price .amt{font-size:5rem;filter:drop-shadow(0 2px 0 rgba(90,55,5,.5))}
.price .amt sup{-webkit-text-fill-color:transparent}
/* dividers / transitions */
.rule{height:1px;background:linear-gradient(90deg,transparent,rgba(255,224,138,.35) 30%,rgba(255,240,190,.6) 50%,rgba(255,224,138,.35) 70%,transparent);position:relative;max-width:1100px;margin:0 auto}
.rule span{position:absolute;left:50%;top:50%;width:12px;height:14px;transform:translate(-50%,-50%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(145deg,#FFF0BE,#E3A93A 40%,#8E5B0C 70%,#F6C453);box-shadow:0 0 20px #F5A623}
section{padding:150px 0}
.reveal{filter:blur(6px);transition:opacity 1.3s cubic-bezier(.2,.7,.2,1),transform 1.3s cubic-bezier(.2,.7,.2,1),filter 1.3s}
.reveal.in{filter:none}
.story blockquote{color:#F6EEDF;text-shadow:0 2px 30px rgba(245,166,35,.12)}
.story blockquote::before{font-size:6rem}
.help .box{padding:64px}
.help .line{border-left:0;position:relative}
.help .line::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(255,224,138,.5),transparent)}
footer{border-top:0;position:relative;background:linear-gradient(180deg,transparent,rgba(0,0,0,.45))}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,224,138,.4),transparent)}
footer .by{background:var(--gold-metal);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.copy{border-top-color:rgba(255,224,138,.08)}
@media (max-width:960px){.help .line::before{top:0;bottom:auto;left:0;right:0;width:auto;height:1px;background:linear-gradient(90deg,rgba(255,224,138,.5),transparent)}.help .line{padding-left:0}}
@media (max-width:620px){section{padding:100px 0}.grid{gap:16px}.pillars{flex-direction:column;gap:0}.pillars div{padding:22px 0}.pillars div+div::before{left:25%;right:25%;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,224,138,.5),transparent)}.help .box{padding:44px 28px}.price .amt{font-size:4.2rem}.card .n{top:26px;right:26px}}
@media (prefers-reduced-motion:reduce){.reveal{filter:none}.bokeh{display:none}}
h2 em,.card .n,.help .line a{background-image:linear-gradient(100deg,#E9B54C 0%,#FFE6A0 22%,#FFF6D8 32%,#F3C058 48%,#D89A2E 62%,#FFE39A 78%,#F0B848 100%)}
.price .amt{display:flex;align-items:flex-start;gap:6px}
.price .amt sup{font-size:1.7rem;line-height:1;margin-top:.55em;vertical-align:baseline}
.goldtxt,h2 em,.price .amt,.help .line a,.card .n,footer .by{text-shadow:none}
.help .box{grid-template-columns:1.4fr 1fr 1fr}
.help .line a[href="tel:988"]{letter-spacing:.04em}
@media (max-width:960px){.help .box{grid-template-columns:1fr;gap:30px}.help .line{padding-top:28px}}
/* ===== Black & bright gold pass ===== */
:root{--g1:#FFF6D0;--g2:#FFE58A;--g3:#FFD24A;--g4:#FFC21A;--body:#FFE7A3;--soft:#FFDF8A;
--gold-metal:linear-gradient(100deg,#FFD24A 0%,#FFE58A 18%,#FFF8DC 28%,#FFE58A 38%,#FFC83D 52%,#FFE58A 66%,#FFFBEA 72%,#FFD24A 86%,#FFC21A 100%);
--gold-edge:linear-gradient(135deg,#FFF6D0,#FFC83D 30%,#FFE58A 52%,#FFC21A 75%,#FFF6D0)}
html,body{background:#000;color:var(--body)}
.glow{background:radial-gradient(60vw 55vh at 75% 12%,rgba(255,200,40,.10),transparent 70%)}
.shimmer{background:linear-gradient(112deg,transparent 44%,rgba(255,230,140,.035) 50%,transparent 56%);background-size:260% 100%}
.hexbg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.6v31.5L28 63.7 1 48.1V16.6ZM28 63.7V97' fill='none' stroke='%23FFD24A' stroke-opacity='.13' stroke-width='.8'/%3E%3C/svg%3E");-webkit-mask:none;mask:none}
.bokeh i{background:radial-gradient(circle,rgba(255,215,90,.35),rgba(255,200,61,0) 70%)}
h1,h2,h3,.brand,.tag,.story blockquote,.pillars div,footer .brand,.card h3,.help h3{color:var(--g2)!important;text-shadow:none!important}
h2{text-shadow:none}
.goldtxt,h2 em,.price .amt,.help .line a,.card .n,footer .by,.story blockquote::before{background-image:var(--gold-metal)!important;filter:none!important;-webkit-text-fill-color:transparent}
h1 .goldtxt{filter:drop-shadow(0 0 22px rgba(255,200,40,.35))!important}
.lead,p,li,.list li,.card p,.price p,.price .per,.note,.trial,.help .line small,footer,footer a,.copy,nav ul a,.help p{color:var(--body)!important}
.list li b,.note strong{color:var(--g1)!important}
.eyebrow,.help .line span,.price .eyebrow,.pillars span,.trial b{color:var(--g3)!important}
nav ul a:hover,footer a:hover{color:var(--g1)!important}
.scroll{color:var(--g3)}
nav.solid{background:rgba(0,0,0,.88);box-shadow:0 1px 0 rgba(255,210,74,.25)}
/* surfaces: pure black glass */
.card,.price,.help .box,.note{background:linear-gradient(160deg,rgba(255,229,138,.07),rgba(255,229,138,0) 45%),#050505!important}
.price.feat{background:linear-gradient(160deg,rgba(255,210,74,.14),rgba(255,210,74,0) 50%),#060504!important}
.card::after,.price::after,.help .box::after{opacity:.8}
/* buttons: gold lettering on black, bright gold rim */
.btn-gold,.btn-ghost{background:#000!important;color:var(--g2)!important;text-shadow:none;border:0;box-shadow:0 0 0 0 transparent,0 0 28px -6px rgba(255,200,40,.45),inset 0 1px 0 rgba(255,240,190,.18)}
.btn-gold{box-shadow:0 0 36px -4px rgba(255,200,40,.6),inset 0 0 18px rgba(255,210,74,.12)}
.btn-gold::after,.btn-ghost::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--gold-edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.btn-ghost::after{padding:1px;opacity:.75}
.btn-gold small{color:var(--g3);border-color:rgba(255,210,74,.45);opacity:1}
.btn::before{background:linear-gradient(105deg,transparent 30%,rgba(255,229,138,.28) 48%,rgba(255,255,255,.12) 52%,transparent 66%)!important}
.btn-gold:hover{box-shadow:0 0 50px -2px rgba(255,200,40,.8),inset 0 0 22px rgba(255,210,74,.2)}
.price .badge{background:#000;color:var(--g2);box-shadow:0 0 0 1px var(--g3),0 0 16px rgba(255,200,40,.45)}
/* emblem */
.emblem{width:min(470px,86vw)}
.emblem img{filter:drop-shadow(0 0 18px rgba(255,210,74,.55)) drop-shadow(0 0 60px rgba(255,190,30,.35))!important}
.halo{background:radial-gradient(circle,rgba(255,210,74,.32),rgba(255,190,30,.10) 42%,transparent 66%)}
.emblem::after{display:none}
.card .ic{background:linear-gradient(145deg,#FFF6D0,#FFD24A 40%,#FFC21A 70%,#FFE58A)}
.card .ic::before{background:#000}
.card .ic svg{stroke:var(--g2)}
.hexdot,.rule span,.note::before{background:linear-gradient(145deg,#FFF6D0,#FFD24A 50%,#FFC21A)}
@media (max-width:960px){.emblem{width:min(300px,72vw)}}
@media (min-width:961px){.hero .wrap{grid-template-columns:1.2fr .8fr}h1{font-size:clamp(4rem,6vw,6rem)}}
body{background:transparent!important}html{background:#000}
h1,h2,h3,.brand,.tag,.card h3,.help h3,.pillars div{color:#FFD86A!important}
:root{--gold-metal:linear-gradient(100deg,#FFC21A 0%,#FFD24A 18%,#FFEB9C 28%,#FFD24A 40%,#FFC83D 54%,#FFE58A 68%,#FFF0B0 74%,#FFD24A 88%,#FFC21A 100%)}
h1{font-weight:500}
.list li b,.note strong{color:#FFE58A!important}
.rule{background:linear-gradient(90deg,transparent,rgba(255,210,74,.5) 30%,#FFD24A 50%,rgba(255,210,74,.5) 70%,transparent)}
/* ===== Gold hive wall + black gold-framed panels ===== */
html{background:#C98400 url("honeycomb.svg") 0 0/104px 180px repeat}
body{background:transparent!important}
.hexbg{background:url("honeycomb.svg") 0 0/104px 180px repeat!important;-webkit-mask:none!important;mask:none!important;inset:-12% 0!important}
.glow{background:radial-gradient(70vw 60vh at 70% 18%,rgba(255,250,210,.35),transparent 70%),radial-gradient(120vw 90vh at 50% 110%,rgba(120,60,0,.35),transparent 70%)!important}
.shimmer{background:linear-gradient(112deg,transparent 42%,rgba(255,255,240,.28) 50%,transparent 58%)!important;background-size:280% 100%!important;mix-blend-mode:soft-light}
.sparkle{position:fixed;inset:0;z-index:-1;pointer-events:none;background:
radial-gradient(circle at 12% 18%,#fff 0 1.5px,rgba(255,255,255,.6) 2px,transparent 7px),
radial-gradient(circle at 78% 9%,#fff 0 1.2px,transparent 6px),
radial-gradient(circle at 64% 44%,#fff 0 1.8px,rgba(255,255,255,.5) 2.5px,transparent 9px),
radial-gradient(circle at 30% 72%,#fff 0 1.2px,transparent 6px),
radial-gradient(circle at 90% 66%,#fff 0 1.6px,transparent 8px),
radial-gradient(circle at 46% 92%,#fff 0 1.2px,transparent 6px);background-size:640px 520px;animation:tw 4.5s ease-in-out infinite}
@keyframes tw{50%{opacity:.35}}
.bokeh,.scroll,.rule{display:none!important}
/* nav: black bar, gold bevel edge */
nav,nav.solid{background:#000!important;backdrop-filter:none;border:0!important;box-shadow:0 10px 24px -8px rgba(60,30,0,.7)!important}
nav::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:linear-gradient(180deg,#FFF4B8,#FFD43A 35%,#E89A00 70%,#9A5400)}
/* panel: thick polished-gold double bevel, hex-cut corners */
.panel{--c:38px;--b:12px;position:relative;isolation:isolate;
clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));
background:linear-gradient(135deg,#FFF6C4 0%,#FFD43A 18%,#F0A800 36%,#FFE680 52%,#FFC21A 66%,#C77800 84%,#FFE27A 100%)}
.panel::after,.panel::before{content:"";position:absolute;pointer-events:none}
.panel::after{inset:6px;z-index:-2;background:linear-gradient(315deg,#FFF0A0,#FFC21A 40%,#B86A00 75%,#FFE06A);
clip-path:polygon(calc(var(--c) - 2.5px) 0,calc(100% - var(--c) + 2.5px) 0,100% calc(var(--c) - 2.5px),100% calc(100% - var(--c) + 2.5px),calc(100% - var(--c) + 2.5px) 100%,calc(var(--c) - 2.5px) 100%,0 calc(100% - var(--c) + 2.5px),0 calc(var(--c) - 2.5px))}
.panel::before{inset:var(--b);z-index:-1;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48.5' viewBox='0 0 28 48.5'%3E%3Cpath d='M14 .5 27.5 8.3v15.6L14 31.7.5 23.9V8.3ZM14 31.7V48.5' fill='none' stroke='%23FFD24A' stroke-opacity='.06'/%3E%3C/svg%3E"),radial-gradient(120% 90% at 30% 0%,#1b1a18,#050505 60%,#000);
clip-path:polygon(calc(var(--c) - 5px) 0,calc(100% - var(--c) + 5px) 0,100% calc(var(--c) - 5px),100% calc(100% - var(--c) + 5px),calc(100% - var(--c) + 5px) 100%,calc(var(--c) - 5px) 100%,0 calc(100% - var(--c) + 5px),0 calc(var(--c) - 5px))}
section,.hero>.wrap>div:first-child,main.hero{filter:drop-shadow(0 16px 22px rgba(70,35,0,.55))}
section{padding:70px 0!important}
section>.wrap.panel{max-width:1180px;padding:84px 76px}
.hero{min-height:auto;padding:130px 0 50px}
.hero .wrap{align-items:center}
.heropanel{padding:64px 60px 60px}
.emblem{width:min(520px,90vw)!important;justify-self:center}
.emblem img{width:100%;height:auto;display:block;filter:drop-shadow(0 22px 26px rgba(60,25,0,.6)) drop-shadow(0 0 30px rgba(255,250,200,.55))!important}
.halo{inset:-10%!important;background:radial-gradient(circle,rgba(255,255,230,.65),rgba(255,240,170,.25) 40%,transparent 66%)!important}
.gloss{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)!important}
/* inner cards: black with thin gold rim */
.card,.price,.note,.help .box{background:linear-gradient(160deg,rgba(255,229,138,.07),transparent 45%),#0a0908!important}
.help .box{background:transparent!important;box-shadow:none!important;padding:0!important}
.help .box::before,.help .box::after{display:none}
.grid{gap:20px}
/* footer: black bar, gold bevel edge */
footer{background:#000!important;margin-top:60px;position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:-6px;height:6px!important;background:linear-gradient(0deg,#FFF4B8,#FFD43A 35%,#E89A00 70%,#9A5400)!important}
@media (max-width:960px){.hero .wrap{gap:34px}.emblem{width:min(340px,78vw)!important}section>.wrap.panel{padding:64px 44px}}
@media (max-width:620px){.panel{--c:24px;--b:9px}section{padding:34px 0!important}section>.wrap.panel,.heropanel{padding:52px 30px;margin:0 12px;width:auto}.hero .wrap,section>.wrap{padding:0}.hero{padding:100px 0 20px}.hero .wrap>div:first-child{margin:0 12px}}
@media (prefers-reduced-motion:reduce){.sparkle,.shimmer{animation:none!important}}
@media (max-width:620px){.heropanel{padding:46px 24px 40px}h1{font-size:clamp(2.4rem,11.5vw,3.2rem)!important;white-space:nowrap}.heropanel .eyebrow{letter-spacing:.16em;font-size:.68rem}.btn{padding:15px 16px;letter-spacing:.08em;font-size:.74rem}.btn-gold small{font-size:.58rem;padding-left:8px}}
/* ===== Bright honeycomb-yellow lettering (matches wall) ===== */
:root{--gold-metal:linear-gradient(100deg,#FFC400 0%,#FFD200 18%,#FFF3A0 28%,#FFD200 40%,#FFC400 54%,#FFE45C 68%,#FFF3A0 74%,#FFD200 88%,#FFC400 100%);--body:#FFE45C}
h1,h2,h3,.brand,nav .brand,.tag,.hero .tag,.card h3,.help h3,.pillars div,.story blockquote,footer .brand{color:#FFD200!important}
.eyebrow,.help .line span,.pillars span,.trial b,.btn-gold small,.price .badge{color:#FFC400!important}
.lead,p,li,.list li,.card p,.price p,.price .per,.note,.trial,.help .line small,footer,footer a,.copy,nav ul a,.help p,.muted,.btn-gold,.btn-ghost{color:#FFE45C!important}
.list li b,.note strong,nav ul a:hover,footer a:hover{color:#FFF3A0!important}
/* hero text: no fade-in, so it never shows dim/brown mid-animation */
.heropanel .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
:root{color-scheme:dark only}
/* ===== Desktop layout fix (>=900px); mobile untouched ===== */
html,body{overflow-x:clip}
@media (min-width:900px){
.hero .wrap{max-width:1240px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:clamp(24px,3vw,56px)}
.heropanel{min-width:0}
.heropanel h1{font-size:clamp(3.2rem,5.4vw,6rem)!important;white-space:nowrap}
.emblem{width:min(100%,440px)!important;max-width:100%;order:0}
.halo{inset:-6%!important}
section>.wrap.panel{width:calc(100% - 56px);max-width:1180px;box-sizing:border-box;padding:72px clamp(40px,5vw,76px)}
nav ul{gap:clamp(18px,2.4vw,34px)}
nav ul a{font-size:.9rem;letter-spacing:.14em}
}
/* ===== Card grids, desktop (>=900px) ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (min-width:900px){
.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}
.card{padding:38px 34px;min-width:0;overflow-wrap:break-word}
.card h3{max-width:none}
.card p{max-width:46ch}
.prices,.split,.help .box{min-width:0}
.prices>*,.split>*,.help .box>*{min-width:0}
}
@media (min-width:1200px){
.grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))!important}
}
.legal{padding:70px 0 20px}.legal .panel{max-width:860px;margin:0 auto}.legal h1{white-space:normal!important;font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.1;margin:14px 0 24px;color:var(--gold)}
.legal h2{font-family:var(--serif);font-weight:500;font-size:1.8rem;margin:36px 0 12px;color:var(--gold)}.legal h3{font-size:1.05rem;font-weight:600;margin:24px 0 6px;color:var(--wax)}
.legal p,.legal li{color:var(--wax);margin:0 0 12px}.legal ul{padding-left:1.3em;margin:0 0 14px}.legal a{text-decoration:underline;text-underline-offset:3px}.legal code{font-size:.9em;color:var(--amber);word-break:break-word}
footer ul{flex-wrap:wrap}footer .copy a{color:var(--gold)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}

.watch .vidframe{max-width:380px;margin:40px auto 0;padding:6px;border-radius:30px;background:linear-gradient(135deg,#FFE59A,var(--gold) 40%,var(--honey) 70%,#8A5100);box-shadow:0 30px 90px -20px rgba(245,166,35,.45),0 0 0 1px rgba(255,200,61,.25)}
.watch video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:24px;background:#000}