.ast{--g:#FFC400;--g2:#E6A900;--bg:#050505;--mut:#A8A8A8;--bd:rgba(255,255,255,.1);position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow-x:clip;background:var(--bg);color:#f5f5f5;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
.ast *,.ast *::before,.ast *::after{box-sizing:border-box}
.ast a{text-decoration:none;color:inherit}.ast h1,.ast h2,.ast h3,.ast p{margin:0}.ast svg{display:block;flex:none;width:1em;height:1em}
.ast :focus-visible{outline:2px solid var(--g);outline-offset:3px;border-radius:10px}
.ast-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
#ast-prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:99999;background:linear-gradient(90deg,var(--g),#ff9d00);transform:scaleX(0);transform-origin:left;pointer-events:none}
/* buttons */
.ast-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 26px;border-radius:14px;border:1px solid var(--g);background:var(--g);color:#0a0a0a!important;font:800 15.5px/1 inherit;font-family:inherit;cursor:pointer;transition:background .25s,box-shadow .25s,transform .2s;will-change:transform}
.ast-btn:hover{background:#ffd23a;box-shadow:0 12px 30px -8px rgba(255,196,0,.5)}.ast-btn svg{width:18px;height:18px}
.ast-btn.ast-o{background:#0f0f10;color:#fff!important;border-color:rgba(255,255,255,.18)}.ast-btn.ast-o:hover{border-color:var(--g);box-shadow:0 12px 30px -12px rgba(255,196,0,.4);background:#141414}
.ast-btn.ast-sm{height:36px;padding:0 10px;width:100%;border-radius:10px;font-size:13.5px}
.ast-pill{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:9px 9px 9px 28px;border-radius:999px;background:linear-gradient(135deg,rgba(255,196,0,.16),rgba(255,196,0,.04));border:1px solid rgba(255,196,0,.5);font-weight:700;transition:box-shadow .25s,border-color .25s}
.ast-pill i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--g);color:#111;transition:transform .25s}.ast-pill i svg{width:15px;height:15px}
.ast-pill:hover{border-color:var(--g);box-shadow:0 16px 34px -12px rgba(255,196,0,.55)}.ast-pill:hover i{transform:translateX(4px)}
.ast-cr{display:flex;justify-content:center;margin-top:38px}
/* hero */
.ast-hero{position:relative;overflow:hidden;padding:clamp(30px,6vw,80px) 0 clamp(40px,6vw,76px);border-radius:0 0 32px 32px}
.ast-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000 25%,transparent 90%);mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000 25%,transparent 90%)}
.ast-gl{position:absolute;border-radius:50%;pointer-events:none;will-change:transform}
.ast-gl.a{width:720px;height:720px;left:-180px;top:-300px;background:radial-gradient(circle,rgba(255,196,0,.16),transparent 65%);animation:ast-g1 24s ease-in-out infinite alternate}
.ast-gl.b{width:600px;height:600px;right:-160px;bottom:-260px;background:radial-gradient(circle,rgba(230,169,0,.13),transparent 65%);animation:ast-g2 30s ease-in-out infinite alternate}
.ast-parts{position:absolute;inset:0}.ast-parts i{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:var(--g);box-shadow:0 0 8px 2px rgba(255,196,0,.5);opacity:0;animation:ast-up linear infinite}
.ast-hin{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}
.ast-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,196,0,.45);background:rgba(255,196,0,.07);color:var(--g);font-size:13.5px;font-weight:600;margin-bottom:20px}
.ast-badge i{width:8px;height:8px;border-radius:50%;background:var(--g);animation:ast-ping 1.8s ease-out infinite}
.ast-hero h1{font-size:clamp(2.2rem,5.2vw,4rem);font-weight:800;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.ast-grad{background:linear-gradient(90deg,var(--g),#fff 40%,var(--g2) 70%,var(--g));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ast-shine 7s linear infinite}
.ast-lead{margin:18px 0 22px;max-width:34em;color:#c9c9cf;font-size:clamp(1rem,1.5vw,1.14rem)}
.ast-tick{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-size:.9rem;margin-bottom:24px;color:#bdbdbd}
.ast-rot{color:var(--g);font-weight:800;display:inline-block;min-width:7.4em;transition:opacity .28s,transform .28s}.ast-rot.out{opacity:0;transform:translateY(-10px)}.ast-rot.in{animation:ast-win .4s both}
.ast-acts{display:flex;flex-wrap:wrap;gap:14px}.ast-ctr{justify-content:center}
.ast-trust{list-style:none;margin:30px 0 0;padding:20px 0 0;border-top:1px solid var(--bd);display:flex;flex-wrap:wrap;gap:12px 26px}
.ast-trust li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.93rem;color:#e6e6e6}
.ast-trust svg{width:34px;height:34px;padding:8px;border-radius:50%;background:rgba(255,196,0,.12);border:1px solid rgba(255,196,0,.35);color:var(--g)}
/* orbit */
.ast-tilt{transition:transform .25s ease-out;will-change:transform}
.ast-vis{--s:min(88vw,500px);position:relative;width:var(--s);height:var(--s);margin:0 auto}
.ast-vis::before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(255,196,0,.28),transparent 68%);animation:ast-pulse 5s ease-in-out infinite}
.ast-orbit{position:absolute;inset:8%;border-radius:50%;border:1px dashed rgba(255,196,0,.22)}
.ast-ring{position:absolute;inset:0;animation:ast-spin 50s linear infinite}
.ast-it{position:absolute;left:50%;top:50%;width:calc(var(--s)*.19);height:calc(var(--s)*.19);transform:translate(-50%,-50%) rotate(var(--a)) translateX(calc(var(--s)*.42)) rotate(calc(var(--a)*-1))}
.ast-it img{width:100%;height:100%;object-fit:contain;border-radius:18%;display:block;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55));animation:ast-spin 50s linear infinite reverse}
.ast-core{position:absolute;left:50%;top:50%;width:36%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;padding:7%;border-radius:26px;background:#0b0b0b;border:1px solid rgba(255,196,0,.5);box-shadow:0 0 60px rgba(255,196,0,.25),inset 0 0 30px rgba(255,196,0,.06);animation:ast-float 6s ease-in-out infinite}
.ast-core img{width:100%;height:100%;object-fit:contain}
/* marquee */
.ast-marq{overflow:hidden;margin:26px 0 0;border-block:1px solid var(--bd);padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.ast-marq div{display:flex;gap:44px;width:max-content;animation:ast-mq 32s linear infinite}.ast-marq span{color:#8d8d8d;font-weight:700;white-space:nowrap}.ast-marq span::before{content:"\2726";color:var(--g);margin-right:44px}
/* sections */
.ast-sec{position:relative;width:calc(100% - 40px);max-width:1360px;margin:22px auto;padding:clamp(40px,6vw,76px) 0;border-radius:30px;background:radial-gradient(70% 50% at 50% 0%,rgba(255,196,0,.07),transparent 72%),linear-gradient(180deg,#131316,#0c0c0e);box-shadow:0 30px 70px -36px #000}
.ast-h2{text-align:center;font-size:clamp(1.7rem,3.6vw,2.7rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin-bottom:34px;color:#fff}
.ast-h2 span,.ast-h3 span{background:linear-gradient(90deg,var(--g),#ff9d00);-webkit-background-clip:text;background-clip:text;color:transparent}
.ast-stats{padding:30px 0}.ast-sg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ast-st{position:relative;text-align:center;padding:22px 12px;border-radius:20px;background:#101012;border:1px solid rgba(255,196,0,.22);overflow:hidden}
.ast-st::before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--g),transparent)}
.ast-st svg{margin:0 auto 10px;width:40px;height:40px;padding:10px;border-radius:12px;background:rgba(255,196,0,.12);border:1px solid rgba(255,196,0,.3);color:var(--g)}
.ast-st b{display:block;font-size:clamp(1.5rem,3vw,2.3rem);font-weight:800;color:var(--g);line-height:1.2}.ast-st span{color:#d4d4d4;font-size:.93rem}
/* product grid */
.ast-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1120px;margin:0 auto}
.ast-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:14px;background:#0e0e0f;border:1px solid rgba(255,196,0,.28);overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.ast-card:hover{transform:translateY(-5px);border-color:var(--g);box-shadow:0 18px 40px -16px rgba(255,196,0,.5)}
.ast-card::after,.ast-cat::after,.ast-step::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(255,196,0,.14),transparent 70%)}
.ast-card:hover::after,.ast-cat:hover::after,.ast-step:hover::after{opacity:1}
.ast-cimg{display:block;aspect-ratio:1;padding:7px}.ast-cimg img,.ast-noimg{width:100%;height:100%;object-fit:cover;border-radius:10px;display:grid;place-items:center;background:#1a1a1a;color:var(--g);font-size:2.4rem;font-weight:800;transition:transform .5s}
.ast-card:hover .ast-cimg img{transform:scale(1.06)}
.ast-cbody{display:flex;flex-direction:column;gap:5px;padding:4px 10px 12px;flex:1}.ast-cbody small{color:var(--g);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ast-cbody h3{font-size:.86rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ast-price{font-weight:800;font-size:.92rem;color:#fff;margin-bottom:6px}.ast-price small{color:#7f7f7f;font-weight:500;font-size:.68rem;text-transform:none;letter-spacing:0}
.ast-cbody .ast-btn{margin-top:auto}.ast-empty{text-align:center;color:var(--mut)}
/* categories */
.ast-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.ast-cat{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 10px 20px;border-radius:18px;background:#111113;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:transform .3s,border-color .3s}
.ast-cat:hover{transform:translateY(-4px);border-color:rgba(255,196,0,.55)}
.ast-ci{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,196,0,.12);border:1px solid rgba(255,196,0,.25);color:var(--g);font-size:1.25rem;transition:transform .4s}.ast-cat:hover .ast-ci{transform:rotate(-8deg) scale(1.1)}
.ast-cat h3{font-size:1rem;font-weight:700;color:#fff}.ast-cat small{color:var(--mut)}.ast-cat>svg{color:var(--g);width:16px;height:16px;transition:transform .25s}.ast-cat:hover>svg{transform:translateX(5px)}
/* steps/trust */
.ast-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ast-step{position:relative;padding:26px;border-radius:20px;background:#0f0f11;border:1px solid rgba(255,196,0,.2);overflow:hidden}
.ast-step b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,196,0,.1);border:1px solid rgba(255,196,0,.4);color:var(--g);margin-bottom:16px}
.ast-step h3{font-size:1.15rem;margin-bottom:6px;color:#fff}.ast-step p{color:var(--mut);font-size:.95rem}
/* reviews */
.ast-avg{margin:0 0 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ast-avg b{font-size:1.8rem;color:var(--g)}.ast-c{justify-content:center}.ast-mut{color:var(--mut)}
.ast-stars i{font-style:normal;color:#3a3a3a;font-size:1.05rem}.ast-stars i.on{color:var(--g)}
.ast-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ast-rev{padding:20px;border-radius:18px;background:#0f0f11;border:1px solid rgba(255,255,255,.09)}
.ast-ru{display:flex;align-items:center;gap:12px;margin-bottom:10px}.ast-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1a1a1a;border:1px solid rgba(255,196,0,.4);color:var(--g)}
.ast-rev p{color:#d0d0d0;font-size:.95rem}.ast-rev small{color:#7d7d7d;display:block;margin-top:8px}
/* faq */
.ast-faq{max-width:820px;margin:0 auto}.ast-faq details{border-bottom:1px solid var(--bd)}.ast-faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 4px;font-weight:700;position:relative;transition:color .2s}
.ast-faq summary::-webkit-details-marker{display:none}.ast-faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--g);transition:transform .3s}
.ast-faq details[open] summary{color:var(--g)}.ast-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}.ast-faq p{padding:0 4px 20px;color:var(--mut);animation:ast-win .35s both}
/* final */
.ast-final{padding:22px 0 clamp(40px,6vw,70px)}
.ast-fc{position:relative;overflow:hidden;text-align:center;padding:clamp(40px,6vw,76px) 24px;border-radius:28px;background:#0c0c0c;border:1px solid rgba(255,196,0,.45)}
.ast-fc h2{position:relative;font-size:clamp(1.7rem,4vw,3rem);font-weight:800;line-height:1.15;margin-bottom:28px;color:#fff;letter-spacing:-.02em}.ast-fc .ast-acts{position:relative}
.ast-fc::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent,rgba(255,196,0,.14),transparent 30%);animation:ast-spin 14s linear infinite}
/* reveal */
.ast-js .ast-r{opacity:0;transform:translateY(26px) scale(.98);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}.ast-js .ast-r.in{opacity:1;transform:none}
/* product page / archive */
.ast-page{padding:clamp(28px,4vw,56px) 0 70px;min-height:70vh}
.ast-bc{font-size:.9rem;color:#b5b5b5;margin-bottom:20px}.ast-bc a:hover{color:var(--g)}.ast-bc b{color:var(--g)}
.ast-pd{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:34px;align-items:start}
.ast-pimg{padding:24px;border-radius:26px;background:#101012;border:1px solid rgba(255,196,0,.3)}.ast-pimg img,.ast-pimg .ast-noimg{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;display:grid}
.ast-chip{display:inline-block;padding:7px 14px;border-radius:10px;border:1px solid rgba(255,196,0,.4);background:rgba(255,196,0,.08);color:var(--g);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.ast-pinfo h1{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;color:#fff;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.ast-stock{font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid}.ast-stock.yes{color:#34d399;border-color:rgba(52,211,153,.5)}.ast-stock.no{color:#f87171;border-color:rgba(248,113,113,.5)}
.ast-pbox{padding:24px;border-radius:22px;background:#0f0f10;border:1px solid rgba(255,196,0,.25)}
.ast-big{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--g);margin-bottom:14px}.ast-big small{color:#9a9a9a;font-size:1rem;font-weight:600}
.ast-note{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:rgba(255,196,0,.07);border:1px solid rgba(255,196,0,.25);color:#fff;font-weight:600;margin-bottom:16px}.ast-note svg{color:var(--g)}
.ast-buy{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;border-radius:14px;background:#25D366;color:#06260f!important;font-weight:800;font-size:1.05rem;transition:transform .2s,box-shadow .25s}.ast-buy svg{width:22px;height:22px}.ast-buy:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px rgba(37,211,102,.6)}
.ast-tr{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--bd);text-align:center;font-size:.8rem;font-weight:600;color:#d6d6d6}
.ast-tr span{display:flex;flex-direction:column;align-items:center;gap:8px}.ast-tr svg{width:38px;height:38px;padding:10px;border-radius:50%;background:rgba(255,196,0,.12);border:1px solid rgba(255,196,0,.3);color:var(--g)}
.ast-desc{margin-top:40px;padding:26px;border-radius:20px;background:#0d0d0e;border:1px solid var(--bd);color:#d2d2d2}.ast-desc h2,.ast-desc h3{color:#fff;margin:18px 0 8px}.ast-desc a{color:var(--g)}
.ast-h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin:46px 0 18px;color:#fff}
.ast-form{max-width:640px;margin-top:22px;padding:24px;border-radius:20px;background:#0f0f10;border:1px solid rgba(255,196,0,.25);display:grid;gap:8px}.ast-form h3{color:#fff;font-size:1.15rem}
.ast-form label{font-size:.9rem;color:#bdbdbd;margin-top:6px}.ast-form input[type=text],.ast-form input:not([type]),.ast-form textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--bd);background:#151515;color:#fff;font:inherit}
.ast-form input:focus,.ast-form textarea:focus{outline:0;border-color:var(--g)}.ast-hp{position:absolute!important;left:-9999px!important}
.ast-sin{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;width:max-content}.ast-sin input{position:absolute;opacity:0;pointer-events:none}
.ast-sin label{font-size:1.9rem;color:#3a3a3a;cursor:pointer;margin:0;line-height:1;transition:color .15s,transform .15s}.ast-sin input:checked~label,.ast-sin label:hover,.ast-sin label:hover~label{color:var(--g)}.ast-sin label:hover{transform:scale(1.15)}
.ast-form .ast-btn{margin-top:8px;width:max-content}.ast-ok{padding:12px 16px;border-radius:12px;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.4);color:#6ee7b7;margin-top:14px}
.ast-pag{display:flex;justify-content:center;gap:8px;margin-top:30px}.ast-pag .page-numbers{padding:8px 14px;border-radius:10px;border:1px solid var(--bd)}.ast-pag .current{background:var(--g);color:#000;border-color:var(--g)}
/* keyframes */
@keyframes ast-g1{to{transform:translate(260px,110px) scale(1.1)}}@keyframes ast-g2{to{transform:translate(-240px,-90px) scale(1.15)}}
@keyframes ast-spin{to{transform:rotate(360deg)}}@keyframes ast-shine{to{background-position:300% 0}}
@keyframes ast-float{50%{transform:translate(-50%,calc(-50% - 10px))}}@keyframes ast-pulse{50%{transform:scale(1.12);opacity:.7}}
@keyframes ast-up{0%{transform:translateY(0);opacity:0}15%{opacity:.8}100%{transform:translateY(-110vh);opacity:0}}
@keyframes ast-ping{0%{box-shadow:0 0 0 0 rgba(255,196,0,.6)}100%{box-shadow:0 0 0 10px rgba(255,196,0,0)}}
@keyframes ast-win{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ast-mq{to{transform:translateX(-50%)}}
/* responsive */
@media(max-width:1180px){.ast-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1024px){.ast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ast-cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.ast-hin{grid-template-columns:1fr;text-align:center}.ast-hc{display:flex;flex-direction:column;align-items:center}.ast-trust,.ast-acts{justify-content:center}.ast-vis{--s:min(86vw,420px)}.ast-pd{grid-template-columns:1fr}.ast-sg{grid-template-columns:repeat(2,1fr)}.ast-steps,.ast-revs{grid-template-columns:1fr}}
@media(max-width:820px){.ast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.ast-wrap{padding:0 16px}.ast-sec{width:calc(100% - 20px);border-radius:22px;margin:14px auto}.ast-cats{grid-template-columns:repeat(2,1fr);gap:10px}.ast-btn{width:100%}.ast-acts{width:100%}.ast-trust{gap:10px 16px}.ast-tr{font-size:.72rem}.ast-pimg{padding:14px}}
@media(max-width:520px){.ast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ast-parts{display:none}.ast-form .ast-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.ast *,.ast *::before,.ast *::after{animation:none!important;transition-duration:.01ms!important}.ast-parts{display:none}}
