:root{--gold:#D4AF37;--g2:#F3D679;--g3:#8F6F16;--black:#070604;--cream:#FBF7EE;--ink:#17130A;--grad:linear-gradient(135deg,#F7E19A,#D4AF37 48%,#9A7716);--serif:'Playfair Display',Georgia,serif;--sans:'Manrope','Segoe UI',system-ui,Arial,sans-serif}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--black);color:var(--ink);text-align:center;line-height:1.65;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad);z-index:99}
.top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:#0b0905;color:var(--g2);cursor:pointer;opacity:0;pointer-events:none;transition:.4s;z-index:90;font-size:20px}.top.show{opacity:1;pointer-events:auto}
.sec{position:relative;padding:clamp(64px,9vw,118px) 20px;overflow:hidden;isolation:isolate}
.dark{background:radial-gradient(circle at 15% 100%,rgba(212,175,55,.14),transparent 45%),var(--black);color:#EFE8D6}
.light{background:radial-gradient(circle at 85% 0,rgba(212,175,55,.16),transparent 45%),var(--cream)}
.sec::before{content:"";position:absolute;top:0;left:50%;width:min(420px,60%);height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:translateX(-50%) scaleX(0);transition:transform 1.3s}.sec.in::before{transform:translateX(-50%) scaleX(1)}
.sec::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;top:-180px;right:-180px;border-radius:50%;background:radial-gradient(rgba(212,175,55,.16),transparent 65%);animation:drift 16s ease-in-out infinite alternate}
.wrap{position:relative;max-width:1180px;margin:auto}
.sparks span{position:absolute;bottom:-10px;border-radius:50%;background:var(--g2);opacity:0;animation:rise linear infinite;z-index:-1}
.eyebrow{display:inline-block;padding:7px 18px;border:1px solid rgba(212,175,55,.5);border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.light .eyebrow{color:var(--g3)}
h1,h2,h3{font-family:var(--serif);line-height:1.15}
h2{font-size:clamp(28px,4.6vw,52px);font-weight:700;margin-bottom:16px}.dark h2{color:#fff}
h3{font-size:21px;margin-bottom:6px}
.gt{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.light .gt{background:linear-gradient(135deg,#C49A22,#8F6F16);-webkit-background-clip:text;background-clip:text}
.lead{max-width:760px;margin:0 auto;font-size:clamp(15px,1.6vw,18px);opacity:.82}
.small{font-size:12.5px;opacity:.65;max-width:700px;margin:22px auto 0}
.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:999px;font:700 15px var(--sans);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:.35s}
.btn:hover{transform:translateY(-3px)}
.gold{background:var(--grad);color:#1a1405;box-shadow:0 10px 30px rgba(212,175,55,.35)}
.gold::after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:shine 3.6s infinite}
.line{border-color:var(--gold);color:var(--g2)}.light .line{border-color:var(--g3);color:var(--g3)}.line:hover{background:rgba(212,175,55,.14)}
.ink{background:#0b0905;color:var(--g2)}
.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:48px;--c:3}
.grid>*{flex:0 1 calc((100% - 22px*(var(--c) - 1))/var(--c))}
.c4{--c:4}.c2{--c:2}.c3{--c:3}
.card{position:relative;border-radius:20px;padding:30px 22px;transition:transform .45s,box-shadow .45s,border-color .45s}
.dark .card{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(212,175,55,.28)}
.light .card{background:#fff;border:1px solid rgba(212,175,55,.35);box-shadow:0 14px 40px rgba(60,45,10,.08)}
.card:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 22px 50px rgba(212,175,55,.2)}
.card p{font-size:14.5px;opacity:.8}.card .obj{margin-top:12px;font-size:13px;font-weight:700;color:var(--gold)}.light .card .obj{color:var(--g3)}
.ico{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;margin:0 auto 16px;background:var(--grad);color:#1a1405;font-size:29px;box-shadow:0 10px 28px rgba(212,175,55,.35);transition:.5s}.card:hover .ico{transform:rotate(-8deg) scale(1.1)}
.num{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:var(--grad);color:#1a1405;font-weight:800;font-size:13px;display:grid;place-items:center}
.checks{list-style:none;padding:0;margin:14px 0}.checks li{padding:5px 0;font-size:14px}.checks li::before{content:"✓ ";color:var(--gold);font-weight:800}.light .checks li::before{color:var(--g3)}
.no li::before{content:"✕ ";color:#d86b5a}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.chip{padding:9px 16px;border-radius:999px;border:1px solid rgba(212,175,55,.45);font-size:13.5px;display:inline-flex;gap:8px;align-items:center}
.flow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px}
.flow b{padding:9px 16px;border-radius:999px;border:1px solid rgba(212,175,55,.45);font-size:13px;font-weight:600;animation:lit 7s infinite;animation-delay:calc(var(--i)*1s)}.flow i{opacity:.5;font-style:normal}
/* hero */
.hero{padding-top:40px}
.brand{display:inline-flex;align-items:center;gap:12px;font:700 24px var(--serif);margin-bottom:34px}.brand img{width:44px}
.big{display:block;font:800 clamp(48px,12vw,128px)/1 var(--serif);margin:14px 0;background:linear-gradient(100deg,#9A7716,#F7E19A,#D4AF37,#F7E19A,#9A7716);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}
.pre{display:block;font:700 clamp(12px,2vw,17px) var(--sans);letter-spacing:.2em;color:var(--g2)}
.hero h1 .sub{display:block;font:500 clamp(18px,2.6vw,28px) var(--serif);color:#fff;margin-top:8px}
.stage{position:relative;--s:min(92vw,600px);width:var(--s);height:var(--s);margin:54px auto 0}
.glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(rgba(243,214,121,.35),rgba(212,175,55,.08) 50%,transparent 70%);animation:pulse 4s ease-in-out infinite}
.ring{position:absolute;inset:8%;border:1px dashed rgba(212,175,55,.5);border-radius:50%;animation:spin 60s linear infinite}.ring.b{inset:24%;border-style:dotted;animation-direction:reverse;animation-duration:44s}
.funnel{position:absolute;left:50%;top:50%;width:46%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 28px rgba(212,175,55,.5));animation:float 6s ease-in-out infinite}
.drop{animation:drop 2.2s ease-in infinite}
.orbit{position:absolute;inset:0;animation:spin 70s linear infinite}
.node{position:absolute;left:50%;top:50%;transform:rotate(var(--a)) translateY(calc(var(--s)*-.42))}
.up{position:absolute;transform:rotate(calc(var(--a)*-1))}
.nd{position:absolute;left:-32px;top:-32px;width:64px;height:64px;border-radius:50%;background:#0d0a04;border:1.5px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:21px;color:var(--g2);box-shadow:0 0 22px rgba(212,175,55,.35);animation:spinr 70s linear infinite}.nd small{font-size:9px;font-weight:700;color:#fff;line-height:1.1;margin-top:2px}
.fi{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 6px;margin-top:40px}
.fi div{width:92px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;animation:lit 7s infinite;animation-delay:calc(var(--i)*1s);border-radius:14px;padding:8px 2px}.fi .ic{display:block;margin:0 auto 4px;font-size:26px}
/* video */
.video{position:relative;max-width:900px;margin:44px auto 0;aspect-ratio:16/9;border-radius:22px;overflow:hidden;border:2px solid var(--gold);box-shadow:0 30px 80px rgba(60,45,10,.35)}
.video img,.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.play{position:absolute;left:50%;top:50%;width:86px;height:86px;margin:-43px;border-radius:50%;border:0;background:var(--grad);color:#1a1405;font-size:34px;cursor:pointer;animation:ping 2s infinite}
.vmsg{position:absolute;left:0;right:0;bottom:14px;font-size:13px;color:#fff;text-shadow:0 1px 8px #000}
/* timeline */
.tl{position:relative;max-width:900px;margin:50px auto 0;--p:0}
.tl::before,.tl::after{content:"";position:absolute;left:50%;top:0;width:3px;margin-left:-1.5px;border-radius:3px}
.tl::before{height:100%;background:rgba(212,175,55,.22)}.tl::after{height:calc(var(--p)*100%);background:var(--grad);box-shadow:0 0 14px var(--gold)}
.tl .card{width:calc(50% - 38px);margin-bottom:26px}.tl .card:nth-child(even){margin-left:auto}
.tl .card::after{content:"";position:absolute;top:34px;width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(212,175,55,.25)}
.tl .card:nth-child(odd)::after{right:-46px}.tl .card:nth-child(even)::after{left:-46px}
/* plans */
.feat{background:#14110a!important;border-color:transparent!important;isolation:isolate;transform:scale(1.04)}
.feat::before{content:"";position:absolute;inset:-2px;border-radius:22px;z-index:-1;background:conic-gradient(from var(--ang),#F3D679,#8F6F16,#F3D679);animation:ang 5s linear infinite}
.feat:hover{transform:scale(1.04) translateY(-8px)}
.badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:4px 16px;border-radius:999px;background:var(--grad);color:#1a1405;font-size:12px;font-weight:800;white-space:nowrap}
.best{font-size:13px;margin:10px 0 18px;opacity:.75}
.tcard{font-size:clamp(26px,3.4vw,38px);font-family:var(--serif);font-weight:700}
.tcard small{display:block;font:500 14px var(--sans);opacity:.7}
.flowv{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:420px;margin:30px auto 0}
.flowv div{width:100%;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(212,175,55,.4);font-weight:700;font-size:14px}.flowv div small{display:block;font-weight:500;opacity:.65;font-size:12.5px}.flowv i{color:var(--g3);font-style:normal}
.tbl{overflow-x:auto;margin-top:40px;border-radius:18px;border:1px solid rgba(212,175,55,.4);background:#fff}
table{width:100%;border-collapse:collapse;min-width:520px}th{background:#0b0905;color:var(--g2);padding:15px;font-size:14px}td{padding:12px;border-top:1px solid rgba(212,175,55,.2);font-size:14px}td:last-child{background:rgba(212,175,55,.1);font-weight:700}td:nth-child(2){opacity:.6}
.ph{position:relative;width:min(300px,70vw);aspect-ratio:1;margin:0 auto 30px}
.ph::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:conic-gradient(#F3D679,transparent 40%,#8F6F16,transparent 80%,#F3D679);animation:spin 8s linear infinite;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}
.ph img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.faq{max-width:820px;margin:44px auto 0;text-align:center}.fq{border:1px solid rgba(212,175,55,.3);border-radius:16px;margin-bottom:12px;background:rgba(255,255,255,.04);transition:.3s}.fq:hover,.fq.open{border-color:var(--gold)}
.fq button{width:100%;background:none;border:0;color:inherit;font:700 16px var(--sans);padding:18px 52px 18px 22px;cursor:pointer;position:relative}
.fq button::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:24px;transition:.3s}.fq.open button::after{transform:translateY(-50%) rotate(45deg)}
.fa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s}.fq.open .fa{grid-template-rows:1fr}.fa div{overflow:hidden}.fa p{padding:0 22px 20px;font-size:14.5px;opacity:.82}
.cta{background:#0b0905;color:#fff;border:1px solid var(--gold);border-radius:28px;padding:clamp(34px,6vw,70px) 24px;box-shadow:0 30px 90px rgba(212,175,55,.25)}.cta h2{color:#fff}
.links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:20px;font-size:14px}.links a{text-decoration:none;color:var(--g2)}.links a:hover{text-decoration:underline}
footer .brand{margin:30px 0 10px}
/* reveal */
.js [data-r]:not(.in){opacity:0}
.js [data-r].in{animation:rUp .9s cubic-bezier(.2,.7,.2,1) var(--d,0s) backwards}
.js [data-r=l].in{animation-name:rL}.js [data-r=r].in{animation-name:rR}.js [data-r=z].in{animation-name:rZ}
@keyframes rUp{from{opacity:0;transform:translateY(46px)}}@keyframes rL{from{opacity:0;transform:translateX(-60px)}}@keyframes rR{from{opacity:0;transform:translateX(60px)}}@keyframes rZ{from{opacity:0;transform:scale(.8) rotateX(20deg)}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinr{to{transform:rotate(-360deg)}}@keyframes ang{to{--ang:360deg}}
@keyframes drift{to{transform:translate(-120px,160px)}}@keyframes sheen{to{background-position:-250% 0}}@keyframes shine{to{left:130%}}
@keyframes pulse{50%{transform:scale(1.1);opacity:.7}}@keyframes float{50%{transform:translate(-50%,-53%)}}
@keyframes drop{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(46px);opacity:0}}
@keyframes rise{10%{opacity:.8}100%{transform:translateY(-110vh);opacity:0}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(243,214,121,.6)}100%{box-shadow:0 0 0 30px transparent}}
@keyframes lit{0%,13%{background:var(--grad);color:#1a1405;box-shadow:0 0 22px rgba(212,175,55,.6)}14%,100%{background:transparent}}
@media(max-width:1100px){.c4{--c:2}}
@media(max-width:900px){.c3{--c:2}.plans{--c:1}.plans>*{max-width:460px}.tl::before,.tl::after{left:18px}.tl .card{width:calc(100% - 50px);margin-left:50px!important}.tl .card::after{left:-40px!important;right:auto!important}}
@media(max-width:620px){.c2,.c3,.c4{--c:1}.m2{--c:2}.m2 .card{padding:22px 12px}.nd{width:54px;height:54px;left:-27px;top:-27px;font-size:18px}.nd small{font-size:8px}.fi div{width:78px;font-size:10px}.btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js [data-r]:not(.in){opacity:1}}
.cta .gt{background:var(--grad);-webkit-background-clip:text;background-clip:text}
.pic{max-width:880px;margin:44px auto 0;border-radius:22px;overflow:hidden;border:1px solid rgba(212,175,55,.5);box-shadow:0 30px 80px rgba(0,0,0,.35);background:#070604}
.pic img{width:100%;height:auto;animation:bob 7s ease-in-out infinite;transition:transform .6s}.pic:hover img{transform:scale(1.04)}
@keyframes bob{50%{transform:translateY(-8px) scale(1.01)}}
.pic.free{max-width:460px;border:0;box-shadow:none;background:none;overflow:visible}.pic.free img{mix-blend-mode:multiply;animation:bob 7s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(212,175,55,.35))}
@media(max-width:620px){.pic.free{max-width:92%}}
.ph img{object-position:50% 12%;background:#f4f2ee}
/* round logo */
.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.18),0 0 26px rgba(212,175,55,.55);animation:ping 3s infinite}
/* hero centrepiece */
.core{position:absolute;left:50%;top:50%;width:50%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:3px solid var(--gold);background:#070604 url(../img/growth-funnel.png) 9% 30%/140% no-repeat;box-shadow:0 0 0 9px rgba(212,175,55,.12),0 0 70px rgba(212,175,55,.55),inset 0 0 45px rgba(0,0,0,.65);animation:float 6s ease-in-out infinite}
/* plan 2 */
.feat{background:linear-gradient(160deg,#F9E8A8,#D4AF37 55%,#B8901E)!important;color:#1a1405;border-color:#F9E8A8!important;box-shadow:0 30px 80px rgba(212,175,55,.35)}
.feat::before{display:none}.feat h3,.feat .tcard{color:#1a1405}.feat p,.feat .tcard small{opacity:.88}
.feat .obj,.feat .checks li::before{color:#1a1405}.feat .badge{background:#0b0905;color:var(--g2);border:1px solid var(--gold)}
.feat .btn{background:#0b0905;color:var(--g2);box-shadow:0 10px 24px rgba(0,0,0,.35)}.feat .btn::after{display:none}
/* section backgrounds */
.dark.bg-net{background:url(../img/bg-network.svg) center/cover no-repeat,radial-gradient(circle at 15% 100%,rgba(212,175,55,.14),transparent 45%),var(--black)}
.dark.bg-rays{background:url(../img/bg-rays.svg) center bottom/cover no-repeat,radial-gradient(circle at 50% 100%,rgba(212,175,55,.2),transparent 55%),var(--black)}
.light.bg-waves{background:url(../img/bg-waves.svg) center/cover no-repeat,radial-gradient(circle at 85% 0,rgba(212,175,55,.16),transparent 45%),var(--cream)}
.bg-net,.bg-waves{animation:bgm 40s ease-in-out infinite alternate;background-size:130%,auto,auto!important}
@keyframes bgm{from{background-position:0 0,0 0,0 0}to{background-position:100% 100%,0 0,0 0}}
@media(max-width:620px){
.big{font-size:8vw;white-space:nowrap}
.tbl{overflow:visible;background:none;border:0;margin-top:30px}
table,tbody{display:block;min-width:0}thead{display:none}
tr{display:block;background:#fff;border:1px solid rgba(212,175,55,.4);border-radius:16px;padding:14px 12px;margin-bottom:14px;box-shadow:0 10px 30px rgba(60,45,10,.08)}
td{display:block;border:0;padding:4px 0}td:first-child{font:700 17px var(--serif);padding-bottom:8px}
td::before{content:attr(data-label);display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--g3);opacity:.8}
td:first-child::before{display:none}
td:nth-child(2){opacity:.7}
td:last-child{background:rgba(212,175,55,.16);border-radius:12px;margin-top:6px;padding:8px}}