:root{--or:#ffa800;--or2:#ff7a00;--dk:#0b0805;--cream:#fff8ec;--card:#fff;--tx:#1a1408;--mu:#6f6552;--bd:#f0e2c4;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--cream:#15100a;--card:#201911;--tx:#f7efdd;--mu:#b3a68c;--bd:#3a2d17;color-scheme:dark}}
:root[data-theme="dark"]{--cream:#15100a;--card:#201911;--tx:#f7efdd;--mu:#b3a68c;--bd:#3a2d17;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 90px)}
*{box-sizing:border-box;margin:0}
body{background:var(--cream);color:var(--tx);font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--dk);z-index:80}
a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
em{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;color:var(--or)}
#bar{position:fixed;top:env(safe-area-inset-top,0px);left:0;height:3px;width:0;background:linear-gradient(90deg,var(--or),var(--or2));z-index:90}
nav{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 28px));z-index:70;background:#fff;border-radius:18px;padding:10px 14px 10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 14px 40px rgba(0,0,0,.25);color:#1a1408;animation:drop .9s cubic-bezier(.2,.8,.2,1) both;transition:padding .3s}
nav.sm{padding-block:6px}
@keyframes drop{from{transform:translate(-50%,-140%)}}
.logo{display:inline-flex;align-items:center;line-height:1}
.logo img{display:block;height:auto;max-width:100%}
.nav-logo{height:20px;width:auto;max-width:none;min-width:0;transition:transform .35s ease}
footer .footer-logo{height:24px;width:auto;max-width:none;min-width:0}
.logo:hover .nav-logo{transform:translateY(-1px) scale(1.015)}
.links{display:flex;gap:26px;font-size:14px;font-weight:500;color:#5a4f3a;align-items:center}
.links>a,.has>a{padding:8px 0;position:relative}.links>a:hover,.has>a:hover{color:var(--or2)}
.has{position:relative}.has>a::after{content:" ⌄";font-size:12px}
.mega{position:absolute;top:100%;left:50%;width:560px;margin-left:-280px;background:#fff;border-radius:18px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;box-shadow:0 30px 70px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;margin-top:10px}
.has:hover .mega,.has:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;font-size:13px;font-weight:600;color:#1a1408}
.mega a:hover{background:#fff4d9;color:var(--or2)}
.mega svg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;background:rgba(255,168,0,.18)}
svg.i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#b36b00}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px;background:var(--or);color:#1a1100;border:0;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 26px rgba(255,168,0,.35);font-family:inherit}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(255,168,0,.5)}
.btn::after{content:"";position:absolute;top:0;left:-80%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:sheen 3.4s infinite}
@keyframes sheen{to{left:140%}}
.btn.w{background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.2)}.btn.w::after{display:none}
.btn.sm{padding:9px 18px;font-size:13px}
#mb{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:#1a1408}
.hero{background:linear-gradient(180deg,#0b0805 0%,#160f08 40%,#5d4108 76%,#e49400 94%,var(--or) 100%);padding:180px 0 150px;text-align:center;position:relative;overflow:hidden;color:#fff}
.dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,168,0,.45) 1.2px,transparent 1.3px);background-size:26px 26px;mask-image:linear-gradient(#000,transparent 80%);-webkit-mask-image:linear-gradient(#000,transparent 80%);animation:dp 6s ease-in-out infinite alternate}
@keyframes dp{from{opacity:.25}to{opacity:.8}}
.glow{position:absolute;border-radius:50%;filter:blur(90px);background:var(--or);opacity:.3;width:520px;height:520px;left:50%;top:60px;margin-left:-260px;animation:fl 10s ease-in-out infinite}
@keyframes fl{50%{transform:translate(90px,40px) scale(1.15)}}
.hero .wrap{position:relative}
.badge{display:inline-block;padding:6px 16px;border:1px solid var(--or);border-radius:999px;color:var(--or);font-size:13px;font-weight:600;background:rgba(255,168,0,.08)}
h1{font-size:clamp(40px,8vw,88px);line-height:1.04;letter-spacing:-3px;font-weight:700;margin:22px auto 22px;max-width:900px}
h1 em{letter-spacing:-1px}
.sub{max-width:640px;margin:0 auto 34px;color:#d9ccb2;font-size:clamp(15px,2vw,18px)}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.chips{position:absolute;inset:0;pointer-events:none}
.chip{position:absolute;background:rgba(255,255,255,.1);border:1px solid rgba(255,168,0,.4);backdrop-filter:blur(8px);color:#ffe2a3;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;animation:bob 6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-14px)}}
section{padding:96px 0}
.head{text-align:center;max-width:700px;margin:0 auto 54px}
.tag{display:inline-block;padding:5px 14px;border:1px solid var(--or);color:var(--or2);border-radius:999px;font-size:12px;font-weight:700;background:rgba(255,168,0,.1);letter-spacing:1.5px}
h2{font-size:clamp(28px,4.6vw,48px);letter-spacing:-1.5px;line-height:1.1;margin:16px 0 14px;font-weight:700}
.head p,.lead{color:var(--mu)}
.plug{margin-top:-80px;padding:0 0 40px;position:relative;z-index:2}
.pc{background:linear-gradient(145deg,#120c05,#241706 60%,#3b2606);border-radius:34px;padding:clamp(26px,5vw,56px);color:#fff;display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;box-shadow:0 40px 100px rgba(255,168,0,.28);border:1px solid rgba(255,168,0,.35);position:relative;overflow:hidden}
.pc::before{content:"";position:absolute;width:380px;height:380px;right:-100px;top:-120px;border-radius:50%;background:var(--or);filter:blur(110px);opacity:.3;animation:fl 9s infinite}
.pc>*{position:relative}
.pc h2{margin-top:14px}.pc .sb{font-weight:700;font-size:18px;color:var(--or);margin-bottom:12px}.pc p{color:#d4c7ab}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 28px;font-size:13.5px;font-weight:500}
.feat span{display:flex;gap:8px;align-items:center;opacity:0;transform:translateX(-14px);transition:.6s}
.in .feat span{opacity:1;transform:none;transition-delay:calc(var(--k)*70ms + .3s)}
.feat span::before{content:"✓";flex:none;width:19px;height:19px;border-radius:50%;background:var(--or);color:#1a1100;font-weight:800;font-size:11px;display:grid;place-items:center}
.pm{background:#fff;color:#1a1408;border-radius:20px;padding:18px;box-shadow:0 30px 70px rgba(0,0,0,.5);animation:bob 7s ease-in-out infinite}
.pm h5{display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px;align-items:center}
.pm h5 small{color:#16a34a;font-weight:700;font-size:11px}
.row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid #f1e8d2;font-size:13px;font-weight:600}
.tg{width:38px;height:22px;border-radius:99px;background:#e3dac3;position:relative;transition:background .4s}
.tg::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .4s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.tg.on{background:var(--or)}.tg.on::after{transform:translateX(16px)}
.log{margin-top:12px;background:#faf5ea;border-radius:12px;padding:10px 12px;font-size:12px;height:78px;overflow:hidden;color:#6f6552}
.log div{animation:fd .5s both}@keyframes fd{from{opacity:0;transform:translateY(8px)}}
.pm .n2{font-size:10.5px;color:#9a8d73;margin-top:8px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cards .card:first-child{grid-column:span 2;background:linear-gradient(145deg,#1a1208,#3d2a08 70%,#7a5200);border-color:rgba(255,168,0,.45);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:34px}
.cards .card:first-child::after{content:"";position:absolute;width:260px;height:260px;right:-70px;bottom:-90px;border-radius:50%;background:var(--or);filter:blur(80px);opacity:.35}
.cards .card:first-child h3{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.5px}
.cards .card:first-child p{color:#d9ccb2;font-size:16px;max-width:460px}
.cards .card:first-child .ic{background:var(--or)}.cards .card:first-child .ic svg{color:#1a1100}
.card{background:var(--card);border:1px solid var(--bd);border-radius:22px;padding:28px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.card:hover{border-color:var(--or);box-shadow:0 24px 60px rgba(255,168,0,.22)}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0),rgba(255,168,0,.2),transparent 70%);opacity:0;transition:opacity .3s}
.card:hover::before{opacity:1}
.card>*{position:relative}
.ct{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(255,168,0,.16);transition:transform .4s,background .4s}
.card:hover .ic{transform:rotate(-10deg) scale(1.1);background:var(--or)}.card:hover .ic svg{color:#1a1100}
.nm{font-family:'Playfair Display',serif;font-style:italic;font-size:26px;color:var(--or);opacity:.75}
.card h3{font-size:18px;margin-bottom:8px;line-height:1.3}.card p{color:var(--mu);font-size:14.5px}
.pro{background:var(--dk);color:#fff}.pro .head p{color:#c9bc9f}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;position:relative}
.steps::before{content:"";position:absolute;top:50px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,var(--or),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.6s .3s}
.steps.in::before{transform:none}
.step{background:#17110a;border:1px solid #2e2210;border-radius:20px;padding:26px;transition:transform .3s,border-color .3s;position:relative}
.step:hover{transform:translateY(-8px);border-color:var(--or)}
.n{font-family:'Playfair Display',serif;font-style:italic;font-size:56px;line-height:1;color:var(--or);margin-bottom:12px}
.step p{color:#bdb095;font-size:15px}
.why .it{display:grid;grid-template-columns:90px 1fr 1.1fr;gap:26px;align-items:baseline;padding:34px 0;border-top:1px solid var(--bd);position:relative}
.why .it:last-child{border-bottom:1px solid var(--bd)}
.why .it::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--or);transition:width .6s}
.why .it:hover::after{width:100%}
.why .k{font-family:'Playfair Display',serif;font-style:italic;color:var(--or);font-size:22px}
.why h3{font-size:clamp(26px,3.6vw,44px);letter-spacing:-1.2px;line-height:1.1;display:flex;gap:14px;align-items:center}
.why p{color:var(--mu)}
.why .it:hover h3{color:var(--or2)}
.ab{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.ab p{color:var(--mu);margin-bottom:14px}
.art{border-radius:30px;background:linear-gradient(145deg,#1a1208,#3d2a08 60%,var(--or));min-height:380px;display:grid;place-items:center;overflow:hidden;position:relative}
.art svg{width:86%;height:auto}
.rg{transform-origin:200px 200px;animation:spin 24s linear infinite}.rg2{animation-duration:36s;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.pu{animation:pu 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes pu{50%{transform:scale(1.25)}}
.faq{max-width:780px;margin:0 auto;display:grid;gap:14px}
details{border:1.5px solid var(--or);border-radius:16px;padding:18px 22px;background:var(--card);transition:box-shadow .3s}
details[open]{box-shadow:0 14px 40px rgba(255,168,0,.22)}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:14px}
summary::after{content:"⌄";color:var(--or2);transition:transform .3s;font-size:20px;line-height:1}
details[open] summary::after{transform:rotate(180deg)}
details p{color:var(--mu);margin-top:12px;font-size:15px;animation:fd .5s both}
.tc{display:inline-block;width:3px;height:.85em;background:var(--or);margin-left:3px;vertical-align:-.08em;animation:cb 1s step-end infinite}
@keyframes cb{50%{opacity:0}}
.ct2{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;background:var(--dk);border-radius:36px;padding:clamp(26px,5vw,60px);color:#fff;position:relative;overflow:hidden;border:1px solid rgba(255,168,0,.3);align-items:center}
.ct2::before{content:"";position:absolute;width:480px;height:480px;left:-140px;bottom:-220px;border-radius:50%;background:var(--or);filter:blur(130px);opacity:.28;animation:fl 11s infinite}
.ct2::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,168,0,.28) 1.2px,transparent 1.3px);background-size:26px 26px;mask-image:linear-gradient(135deg,#000,transparent 60%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 60%);pointer-events:none}
.ct2>*{position:relative;z-index:1}.ct2 h2{margin-top:14px}.ct2 .d{color:#c9bc9f}
.hub{position:relative;width:min(100%,400px);aspect-ratio:1;margin:26px auto 0}
.hub .rg1,.hub .rg2{position:absolute;border-radius:50%;border:1px dashed rgba(255,168,0,.5);inset:6%;animation:spin 30s linear infinite}
.hub .rg2{inset:24%;border-color:rgba(255,255,255,.22);animation-direction:reverse;animation-duration:22s}
.core{position:absolute;inset:38%;border-radius:50%;background:linear-gradient(135deg,var(--or),var(--or2));display:grid;place-items:center;font-weight:800;font-size:30px;color:#fff;box-shadow:0 0 0 0 rgba(255,168,0,.6);animation:pr 2.4s infinite}
@keyframes pr{to{box-shadow:0 0 0 34px rgba(255,168,0,0)}}
.nd{position:absolute;display:flex;align-items:center;gap:8px;background:#17110a;border:1px solid #3a2b12;border-radius:999px;padding:6px 14px 6px 6px;font-size:13px;font-weight:600;transition:border-color .3s,background .3s,scale .3s}
.nd b{width:30px;height:30px;border-radius:50%;background:var(--or);color:#1a1100;display:grid;place-items:center;font-size:12px}
.nd:hover{border-color:var(--or);background:#2a1c07;scale:1.1}
.n1{top:0;left:50%;translate:-50% 0}.n3{bottom:0;left:50%;translate:-50% 0}.n2{right:0;top:50%;translate:0 -50%}.n4{left:0;top:50%;translate:0 -50%}
.fc{background:#fffaf0;color:#1a1408;border-radius:28px;padding:clamp(22px,3.5vw,34px);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.pg{display:flex;align-items:center;margin-bottom:24px}
.pg .s{width:34px;height:34px;border-radius:50%;border:2px solid #e3d6b6;display:grid;place-items:center;font-weight:700;font-size:13px;color:#9a8d73;background:#fff;flex:none;transition:.4s}
.pg .s.on{border-color:var(--or);background:var(--or);color:#1a1100;box-shadow:0 0 0 5px rgba(255,168,0,.2)}
.pg .l{flex:1;height:3px;background:#eadfc4;margin:0 8px;position:relative;overflow:hidden;border-radius:3px}
.pg .l i{position:absolute;inset:0;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .6s}
.pg .l.f i{transform:none}
.st{display:none}.st.on{display:grid;gap:14px;animation:sl .5s both}
@keyframes sl{from{opacity:0;transform:translateX(28px)}}
.st h4{font-size:22px;letter-spacing:-.5px;line-height:1.2}.st h4 em{font-size:1.05em}.st>p{color:#6f6552;font-size:14px;margin-top:-6px}
.f{display:grid;gap:6px;font-size:12.5px;font-weight:600;color:#5a4f3a}
.f input,.f select,.f textarea{background:#fff;border:1.5px solid #eadfc4;border-radius:12px;padding:12px 14px;color:#1a1408;font:inherit;font-size:14px;width:100%;transition:border-color .25s,box-shadow .25s}
.f input:focus,.f select:focus,.f textarea:focus{outline:0;border-color:var(--or);box-shadow:0 0 0 4px rgba(255,168,0,.2)}
.f textarea{min-height:120px;resize:vertical}
.ac{display:flex;justify-content:space-between;gap:10px;margin-top:6px}
.btn.g{background:transparent;border:1.5px solid #eadfc4;color:#5a4f3a;box-shadow:none}.btn.g::after{display:none}
.ok{display:none;text-align:center;padding:26px 6px}.ok.on{display:block;animation:sl .6s both}
.ok svg{width:90px;height:90px;overflow:visible}
.ok .pl{animation:fy 1.4s ease-in both}@keyframes fy{from{transform:translate(-60px,50px) rotate(-20deg);opacity:0}60%{opacity:1}}
.ok h4{font-size:24px;margin:10px 0 6px}.ok p{color:#6f6552;font-size:14px;margin-bottom:16px}.ok small{display:block;color:#9a8d73;font-size:11.5px;margin-bottom:14px}
footer{background:var(--dk);color:#c9bc9f;margin-top:40px;padding:76px 0 0;position:relative}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--or),var(--or2),transparent);background-size:200% 100%;animation:ln 6s linear infinite}
@keyframes ln{to{background-position:200% 0}}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
footer h4{color:#fff;font-size:15px;margin-bottom:18px}
footer ul{list-style:none;padding:0;display:grid;gap:11px;font-size:14px}
footer li a{transition:color .2s,padding .2s}footer li a:hover{color:var(--or);padding-left:6px}
footer .logo{color:#fff;margin-bottom:14px}footer p{font-size:14px;max-width:310px;margin-bottom:10px}
footer .fd{color:var(--or);font-weight:700;font-size:15px}
.soc{display:flex;gap:10px;margin-top:20px}
.soc a{width:40px;height:40px;border-radius:12px;border:1px solid #33270f;display:grid;place-items:center;font-weight:800;font-size:13px;transition:all .3s}
.soc a:hover{background:var(--or);color:#1a1100;transform:translateY(-4px)}
.bt{border-top:1px solid #281d0b;margin-top:56px;padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px}
.bt .bl{display:flex;gap:22px;flex-wrap:wrap}.bt .bl a:hover{color:var(--or)}
.top{width:40px;height:40px;border-radius:50%;border:1px solid #33270f;display:grid;place-items:center;font-weight:800;transition:.3s}
.top:hover{background:var(--or);color:#1a1100;transform:translateY(-4px)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;align-items:stretch}
.plan{background:var(--card);border:1px solid var(--bd);border-radius:26px;padding:34px;display:flex;flex-direction:column;gap:16px;position:relative;transition:opacity .9s,transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.plan:hover{transform:translateY(-10px);border-color:var(--or);box-shadow:0 26px 60px rgba(255,168,0,.22)}
.plan h3{font-size:20px}.plan .pd{color:var(--mu);font-size:14px;margin-top:-8px}
.plan .p{font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1}.plan .p small{font-size:14px;font-weight:600;color:var(--mu);letter-spacing:0}
.plan hr{border:0;border-top:1px solid var(--bd)}
.plan h5{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--mu)}
.plan ul{list-style:none;padding:0;display:grid;gap:11px;flex:1;font-size:15px}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li::before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:rgba(255,168,0,.2);color:var(--or2);font-weight:800;font-size:11px;display:grid;place-items:center;margin-top:2px}
.plan .btn.o{background:transparent;border:1.5px solid var(--or);color:var(--tx);box-shadow:none;justify-content:center}.plan .btn.o::after{display:none}
.plan .btn.o:hover{background:var(--or);color:#1a1100}
.plan .btn{justify-content:center}
.plan.hot{background:linear-gradient(160deg,#ffe3a0,var(--or) 70%,var(--or2));color:#1a1100;border-color:var(--or);box-shadow:0 30px 70px rgba(255,168,0,.4)}
.plan.hot.in{transform:scale(1.04)}.plan.hot.in:hover{transform:scale(1.04) translateY(-10px)}
.plan.hot .pd,.plan.hot .p small,.plan.hot h5{color:#4a3300}.plan.hot hr{border-color:rgba(26,17,0,.2)}
.plan.hot li::before{background:#1a1100;color:var(--or)}
.plan.hot .btn{background:#1a1100;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.pop{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#1a1100;color:var(--or);font-size:11px;font-weight:800;letter-spacing:1.5px;padding:6px 16px;border-radius:999px;white-space:nowrap}
.pnote{text-align:center;color:var(--mu);font-size:14px;margin-top:34px}
.rv{opacity:0;transform:translateY(38px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.rv.up{transform:translateY(-38px)}
.rv.in{opacity:1;transform:none}

@media(max-width:900px){#mb{display:block}.links{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;border-radius:18px;padding:16px 22px;flex-direction:column;align-items:flex-start;gap:6px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.links.o{display:flex}.has:hover .mega{opacity:0;visibility:hidden}.mega{display:none}.pc,.ab,.ct2{grid-template-columns:1fr}.why .it{grid-template-columns:1fr;gap:8px}.fg{grid-template-columns:1fr 1fr}.plan.hot.in{transform:none}.plan.hot.in:hover{transform:translateY(-10px)}.chip{display:none}nav .btn{display:none}}
@media(max-width:560px){form{grid-template-columns:1fr}.feat{grid-template-columns:1fr}.fg{grid-template-columns:1fr}}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cards{grid-template-columns:1fr}.cards .card:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.feat span{opacity:1;transform:none}}


/* MarketR v1.1: keep the supplied typefaces and headline colors even with
   WordPress theme/global typography rules. The original section layout,
   font sizes, accent colors, and motion styling are left intact. */
html[data-theme="light"] { color-scheme: light !important; }
body.marketr-landing-standalone {
  background: var(--cream) !important;
  color: var(--tx) !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
body.marketr-landing-standalone :is(h1,h2,h3,h4,h5,h6,p,a,span,div,li,button,label,input,textarea,select,summary,small) {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  text-transform: none;
}
body.marketr-landing-standalone :is(em,.nm,.n,.why .k) {
  font-family: 'Playfair Display', Georgia, serif !important;
}
body.marketr-landing-standalone em {font-style:italic !important;color:var(--or) !important;font-weight:500 !important;}
body.marketr-landing-standalone h1 {
  color:#fff !important;
  font-size:clamp(40px,8vw,88px) !important;
  line-height:1.04 !important;
  letter-spacing:-3px !important;
  font-weight:700 !important;
}
body.marketr-landing-standalone h2 {
  color:var(--tx) !important;
  font-size:clamp(28px,4.6vw,48px) !important;
  line-height:1.1 !important;
  letter-spacing:-1.5px !important;
  font-weight:700 !important;
}
/* These sections have dark backgrounds in the supplied design. */
body.marketr-landing-standalone :is(#plugin,#approach,#contact) h2 {color:#fff !important;}
body.marketr-landing-standalone :is(h3,h4,h5,h6) {color:var(--tx) !important;}
body.marketr-landing-standalone .cards .card:first-child h3,
body.marketr-landing-standalone .step h3,
body.marketr-landing-standalone footer h4 {color:#fff !important;}
body.marketr-landing-standalone .plan h5 {color:var(--mu) !important;}
body.marketr-landing-standalone .plan.hot h5 {color:#4a3300 !important;}
body.marketr-landing-standalone .pm h5 {color:#1a1408 !important;}
/* Keep logo/card body copy legible over their original dark backgrounds. */
body.marketr-landing-standalone .hero,
body.marketr-landing-standalone .pro,
body.marketr-landing-standalone .pc,
body.marketr-landing-standalone .ct2 {color:#fff;}
body.marketr-landing-standalone nav,
body.marketr-landing-standalone .pm,
body.marketr-landing-standalone .fc {color:#1a1408;}
body.marketr-landing-standalone .cards .card:first-child {color:#fff;}
body.marketr-landing-standalone .plan.hot {color:#1a1100;}

/* Keep the actual logo compact in both locations,
   even if the active theme applies global image sizing rules. */
body.marketr-landing-standalone #nav a.logo img.nav-logo {
  display:block !important;
  height:20px !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  object-fit:contain !important;
}
body.marketr-landing-standalone footer a.logo img.footer-logo {
  display:block !important;
  height:24px !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  object-fit:contain !important;
}

/* Position fixed site navigation below the WordPress admin bar for logged-in users. */
body.admin-bar #nav { top: calc(env(safe-area-inset-top, 0px) + 46px + 14px); }
body.admin-bar #bar { top: calc(env(safe-area-inset-top, 0px) + 46px); }
@media (min-width: 783px) {
  body.admin-bar #nav { top: calc(env(safe-area-inset-top, 0px) + 32px + 14px); }
  body.admin-bar #bar { top: calc(env(safe-area-inset-top, 0px) + 32px); }
}
/* Avoid theme styles forcing a page width or header/footer on this standalone template. */
html { margin-top: 0; }
#marketr-form-error { color: #b42318; font-size: 13px; margin: 6px 0 0; display: none; }
#marketr-form-error.on { display: block; }
.marketr-hp { position: absolute; left: -99999px; height: 1px; width: 1px; overflow: hidden; }

/* Multi-page navigation and clickable services. */
.cards .card{display:flex;flex-direction:column;align-items:stretch;text-decoration:none}
.cards .service-more{display:inline-block;margin-top:auto;padding-top:18px;font-size:13px;font-weight:800;color:var(--or2)}
.cards .card:first-child .service-more{color:var(--or)}
#nav .links a.current{color:#c16d00}
@media(max-width:900px){
 #nav .links.o{max-height:min(80vh,700px);overflow-y:auto}
 #nav .links.o .has{width:100%}
 #nav .links.o .mega{position:static;display:grid;visibility:visible;opacity:1;transform:none;grid-template-columns:1fr;box-shadow:none;width:100%;margin:4px 0 0;padding:4px;background:#fff8eb;border:1px solid #f0e2c4;border-radius:12px;gap:0}
 #nav .links.o .mega a{padding:8px 12px}
}