:root{--night:#08171f;--deep:#0f2b37;--sea:#16606c;--sea2:#1f8794;--flame:#ff7a1a;--flame2:#e85d04;--sun:#ffc247;--mist:#f1f6f6;--sand:#fff8ee;--paper:#fff;--ink:#14232b;--mute:#566872;--line:#dbe5e7;--ok:#13803f;--r:18px;--sh:0 10px 34px rgba(8,23,31,.12)}
*{-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;font-size:1.02rem;padding-bottom:0;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--sea);text-underline-offset:3px}a:hover{color:var(--flame2)}
h1,h2,h3,h4{font-weight:800;line-height:1.18;letter-spacing:-.015em;color:var(--night)}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:.6rem 1rem;z-index:99}.skip:focus{left:0}
/* top strip + nav */
.ax-strip{background:linear-gradient(90deg,var(--flame2),var(--flame));color:#fff;text-align:center;font-size:.86rem;font-weight:600;padding:.45rem .75rem}
.ax-strip a{color:#fff;text-decoration:underline}
.ax-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.ax-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:62px}
.ax-logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--night);font-weight:900;font-size:1.3rem;letter-spacing:-.03em}
.ax-logo i{width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,var(--flame),var(--sun));display:grid;place-items:center;color:#fff;font-style:normal;font-size:1.05rem;box-shadow:0 4px 12px rgba(255,122,26,.4)}
.ax-logo b{color:var(--flame2)}
.ax-menu{display:flex;gap:.2rem;align-items:center;list-style:none;margin:0;padding:0}
.ax-menu a{display:block;padding:.45rem .7rem;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.93rem}
.ax-menu a:hover{background:var(--mist);color:var(--sea)}
.ax-burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:.4rem .6rem;font-size:1.25rem;line-height:1}
@media(max-width:991px){.ax-burger{display:block}.ax-menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:.7rem 1rem 1rem;border-bottom:1px solid var(--line);box-shadow:var(--sh)}.ax-menu.open{display:flex}.ax-nav{position:sticky}}
/* buttons */
.ax-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:14px;padding:.95rem 1.6rem;font-weight:800;text-decoration:none;font-size:1.04rem;line-height:1.2;transition:transform .15s,box-shadow .15s,background .15s;cursor:pointer}
.ax-btn:hover{transform:translateY(-2px)}
.ax-go{background:linear-gradient(180deg,var(--sun),var(--flame));color:#2b1300;box-shadow:0 8px 22px rgba(232,93,4,.38)}
.ax-go:hover{color:#2b1300;box-shadow:0 12px 28px rgba(232,93,4,.5)}
.ax-ghost{background:transparent;color:var(--night);border:2px solid var(--night)}.ax-ghost:hover{background:var(--night);color:#fff}
.ax-ghost-l{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55)}.ax-ghost-l:hover{background:#fff;color:var(--night)}
.pulse{animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,122,26,.55)}70%{box-shadow:0 0 0 16px rgba(255,122,26,0)}100%{box-shadow:0 0 0 0 rgba(255,122,26,0)}}
/* hero */
.ax-hero{position:relative;overflow:hidden;color:#eaf4f5;background:radial-gradient(900px 500px at 82% 20%,rgba(31,135,148,.45),transparent 60%),radial-gradient(700px 420px at 10% 100%,rgba(255,122,26,.2),transparent 60%),linear-gradient(160deg,var(--night),var(--deep) 70%);padding:2.2rem 0 3.2rem}
.ax-hero h1{color:#fff;font-size:clamp(1.85rem,4.6vw,3.2rem);margin:.4rem 0 1rem}
.ax-hero h1 em{font-style:normal;color:var(--sun)}
.ax-hero .lead{color:#c9dde0;font-size:1.12rem}
.ax-tag{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,194,71,.14);border:1px solid rgba(255,194,71,.45);color:var(--sun);border-radius:99px;padding:.3rem .85rem;font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.ax-checks{list-style:none;padding:0;margin:1.1rem 0 1.5rem;display:grid;gap:.5rem}
.ax-checks li{display:flex;gap:.6rem;align-items:flex-start}
.ax-checks li:before{content:"✓";flex:0 0 22px;height:22px;border-radius:50%;background:var(--flame);color:#2b1300;font-weight:900;font-size:.8rem;display:grid;place-items:center;margin-top:.2rem}
.ax-stage{position:relative;max-width:460px;margin:0 auto;aspect-ratio:1/1;display:grid;place-items:center}
.ax-glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,150,40,.7),rgba(255,122,26,.12) 55%,transparent 70%);filter:blur(10px);animation:glow 4.5s ease-in-out infinite}
.ax-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 38s linear infinite}
.ax-ring text{fill:#ffd88a;font-weight:800;letter-spacing:.22em;font-size:15px;text-transform:uppercase;font-family:system-ui,Arial,sans-serif}
.ax-ring2{position:absolute;inset:7%;border-radius:50%;border:2px dashed rgba(255,194,71,.45);animation:spin 26s linear infinite reverse}
.ax-bottle{position:relative;width:74%;z-index:2;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55));animation:float 5.5s ease-in-out infinite}
.ax-orbit{position:absolute;inset:0;animation:spin 14s linear infinite;z-index:3;pointer-events:none}
.ax-orbit s{position:absolute;width:20px;height:20px;border-radius:46% 54% 50% 50%;background:radial-gradient(circle at 30% 30%,#ffd37a,var(--flame));box-shadow:0 4px 10px rgba(255,122,26,.55);text-decoration:none}
.ax-orbit s:nth-child(1){top:2%;left:48%}.ax-orbit s:nth-child(2){top:48%;right:0;width:15px;height:15px}.ax-orbit s:nth-child(3){bottom:3%;left:30%;width:17px;height:17px}.ax-orbit s:nth-child(4){top:42%;left:1%;width:13px;height:13px}
.ax-seal{position:absolute;right:-2%;bottom:3%;width:31%;z-index:4;animation:seal 6s ease-in-out infinite;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45));display:flex;flex-direction:column;align-items:center}
.ax-seal img{width:100%;height:auto}.ax-seal span{margin-top:-10px;background:var(--night);color:var(--sun);font-weight:900;font-size:.72rem;letter-spacing:.08em;border-radius:99px;padding:.15rem .7rem;border:1px solid var(--sun)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1.2deg)}}
@keyframes glow{0%,100%{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}
@keyframes seal{0%,100%{transform:scale(1) rotate(-6deg)}50%{transform:scale(1.07) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto}}
.ax-hero-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;font-size:.88rem;color:#a9c4c8;margin-top:1.2rem}
.ax-hero-meta span:before{content:"●";color:var(--ok);margin-right:.4rem;font-size:.7rem}
/* sections */
.ax-sec{padding:4rem 0}.ax-alt{background:var(--mist)}.ax-sand{background:var(--sand)}
.ax-dark{background:linear-gradient(160deg,var(--night),var(--deep));color:#d4e5e8}.ax-dark h2,.ax-dark h3{color:#fff}
.ax-eye{display:inline-block;color:var(--flame2);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}
.ax-dark .ax-eye{color:var(--sun)}
.ax-sec h2{font-size:clamp(1.55rem,3.2vw,2.3rem);margin-bottom:.8rem}
.ax-lead{color:var(--mute);font-size:1.08rem;max-width:760px}.ax-center .ax-lead{margin-inline:auto}.ax-dark .ax-lead{color:#b9d0d4}
.ax-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;height:100%;box-shadow:0 2px 0 rgba(8,23,31,.03)}
.ax-card h3{font-size:1.12rem;margin:.5rem 0 .4rem}.ax-card p{margin:0;color:var(--mute);font-size:.96rem}
.ax-ico{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#e8f6f7,#d3ecee);display:grid;place-items:center;font-size:1.35rem}
.ax-dark .ax-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}.ax-dark .ax-card p{color:#b9d0d4}
/* notice */
.ax-notice{display:flex;gap:1rem;align-items:flex-start;background:#fff6e5;border:1px solid #ffd58a;border-left:6px solid var(--flame);border-radius:14px;padding:1.1rem 1.3rem}
.ax-notice strong{color:#7a3300}
/* certs */
.ax-certs{background:#fff;border-bottom:1px solid var(--line);padding:1.8rem 0}
.ax-certs img{max-width:100%;height:auto}
/* badge cards */
.ax-badge{text-align:center}.ax-badge img{width:92px;height:92px;object-fit:contain;margin:0 auto .5rem}
/* answer box */
.ax-answer{background:#fff;border:2px solid var(--sea);border-radius:var(--r);padding:1.2rem 1.4rem}
.ax-answer b.q{display:block;color:var(--sea);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem}
.ax-photo{border-radius:var(--r);box-shadow:var(--sh);width:100%;height:auto}
.ax-glance{width:100%;border-collapse:collapse;font-size:.95rem}.ax-glance th{width:38%;text-align:left;color:var(--mute);font-weight:600;padding:.55rem .2rem;border-bottom:1px solid var(--line);vertical-align:top}.ax-glance td{padding:.55rem .2rem;border-bottom:1px solid var(--line);font-weight:600}
/* pricing */
.ax-plan{position:relative;background:#fff;border:2px solid var(--line);border-radius:22px;padding:1.6rem 1.3rem;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center}
.ax-plan.best{border-color:var(--flame);box-shadow:0 16px 44px rgba(232,93,4,.22);transform:translateY(-6px)}
.ax-plan h3{font-size:1.35rem;margin:0}.ax-plan .sub{color:var(--mute);margin:.1rem 0 .6rem}
.ax-plan img{max-height:185px;width:auto;margin:.3rem 0 .6rem}
.ax-price{font-size:3rem;font-weight:900;color:var(--night);line-height:1;letter-spacing:-.04em}.ax-price small{font-size:1rem;font-weight:700;color:var(--mute);letter-spacing:0}
.ax-save{display:inline-block;background:#e3f6ea;color:var(--ok);font-weight:800;font-size:.82rem;border-radius:99px;padding:.2rem .75rem;margin:.5rem 0}
.ax-strike{text-decoration:line-through;color:var(--mute)}
.ax-ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--flame2);color:#fff;font-weight:800;font-size:.78rem;border-radius:99px;padding:.28rem 1rem;white-space:nowrap;letter-spacing:.05em}
.ax-plan .ax-btn{width:100%;margin-top:auto}
.ax-offerimg{display:block;border-radius:18px;overflow:hidden;box-shadow:var(--sh);transition:transform .2s}.ax-offerimg:hover{transform:translateY(-5px)}.ax-offerimg img{width:100%;height:auto;display:block}
/* reasons */
.ax-reasons{counter-reset:r;list-style:none;padding:0;margin:0;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr)}
.ax-reasons li{counter-increment:r;position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1rem 1rem 3.6rem}
.ax-reasons li:before{content:counter(r);position:absolute;left:.9rem;top:.9rem;width:34px;height:34px;border-radius:10px;background:var(--night);color:var(--sun);font-weight:900;display:grid;place-items:center}
.ax-reasons strong{display:block;color:var(--night)}.ax-reasons span{color:var(--mute);font-size:.94rem}
@media(max-width:767px){.ax-reasons{grid-template-columns:1fr}}
/* steps */
.ax-step .n{width:44px;height:44px;border-radius:50%;background:var(--flame);color:#2b1300;font-weight:900;display:grid;place-items:center;font-size:1.2rem;margin-bottom:.6rem}
/* stats */
.ax-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.ax-stat{background:var(--night);color:#fff;border-radius:16px;padding:1.1rem;text-align:center}.ax-stat b{display:block;font-size:2rem;color:var(--sun);line-height:1.1}.ax-stat span{font-size:.85rem;color:#b9d0d4}
.ax-rev img{border-radius:14px;margin-bottom:.8rem;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
/* ingredient */
.ax-ing .org{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sea);background:#e4f3f4;border-radius:99px;padding:.15rem .65rem;margin-bottom:.4rem}
.ax-ing .src{font-size:.85rem;margin-top:.6rem!important}
.ax-facts{background:#fff;border:2px solid var(--night);border-radius:12px;padding:1rem 1.2rem;font-size:.92rem}.ax-facts h3{border-bottom:8px solid var(--night);padding-bottom:.3rem;font-size:1.5rem}
/* compare */
.ax-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:.95rem}
.ax-table th,.ax-table td{padding:.8rem .9rem;border-bottom:1px solid var(--line);vertical-align:top}.ax-table thead th{background:var(--night);color:#fff}.ax-table tbody th{background:var(--mist);width:22%}.ax-table td.me{background:#fff4e3;font-weight:700}
/* faq */
.ax-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:.7rem;padding:0 1.1rem}
.ax-faq summary{cursor:pointer;font-weight:700;padding:1rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem;color:var(--night)}
.ax-faq summary::-webkit-details-marker{display:none}.ax-faq summary:after{content:"+";font-size:1.4rem;color:var(--flame2);font-weight:800;line-height:1}
.ax-faq details[open] summary:after{content:"–"}.ax-faq details p{color:var(--mute);padding-bottom:1rem;margin:0}
/* calculator */
.ax-calc{background:#fff;border:2px solid var(--night);border-radius:20px;padding:1.6rem}
.ax-calc label{font-weight:700;display:block;margin-bottom:.3rem}
.ax-calc select,.ax-calc input[type=range]{width:100%}.ax-calc select{padding:.7rem;border-radius:12px;border:1px solid var(--line);font-size:1rem}
.ax-out{background:var(--night);color:#fff;border-radius:14px;padding:1.1rem;text-align:center}.ax-out b{display:block;font-size:2.3rem;color:var(--sun);line-height:1.1}
/* guarantee */
.ax-gimg{max-width:300px;margin-inline:auto;display:block;animation:float 6s ease-in-out infinite}
/* checklist */
.ax-list{list-style:none;padding:0;margin:0}.ax-list li{padding:.7rem 0 .7rem 2rem;position:relative;border-bottom:1px solid var(--line)}.ax-list li:before{content:"✓";position:absolute;left:0;top:.7rem;color:var(--ok);font-weight:900}
/* refs */
.ax-refs{columns:2;column-gap:2rem;font-size:.92rem;padding-left:1.1rem}.ax-refs li{break-inside:avoid;margin-bottom:.5rem}@media(max-width:767px){.ax-refs{columns:1}}
/* guides */
.ax-guide{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.2rem;height:100%;transition:transform .15s,box-shadow .15s}
.ax-guide:hover{transform:translateY(-4px);box-shadow:var(--sh);color:inherit}.ax-guide .cat{font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--flame2)}.ax-guide h3{font-size:1.06rem;margin:.35rem 0}.ax-guide p{font-size:.9rem;color:var(--mute);margin:0}
/* final */
.ax-final{background:radial-gradient(700px 360px at 50% 0,rgba(255,122,26,.3),transparent 70%),linear-gradient(160deg,var(--night),var(--deep));color:#d4e5e8;text-align:center}.ax-final h2{color:#fff}
/* footer */
.ax-foot{background:#06121a;color:#9db6bb;padding:3rem 0 6.5rem;font-size:.92rem}.ax-foot h4{color:#fff;font-size:1rem;margin-bottom:.8rem}.ax-foot a{color:#9db6bb;text-decoration:none}.ax-foot a:hover{color:var(--sun)}.ax-foot ul{list-style:none;padding:0;margin:0}.ax-foot li{margin:.35rem 0}
.ax-foot .fine{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1.4rem;font-size:.8rem;color:#7d979d}
/* sticky bar */
.ax-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--night);border-top:2px solid var(--flame);padding:.55rem .8rem;display:none;align-items:center;justify-content:space-between;gap:.7rem;transform:translateY(110%);transition:transform .3s}
.ax-sticky.show{transform:none}.ax-sticky span{color:#fff;font-size:.82rem;line-height:1.25}.ax-sticky b{color:var(--sun);display:block;font-size:.95rem}.ax-sticky .ax-btn{padding:.7rem 1.1rem;font-size:.95rem;white-space:nowrap}
@media(max-width:991px){.ax-sticky{display:flex}}
/* breadcrumbs & article */
.ax-crumbs{font-size:.86rem;color:var(--mute);padding:1rem 0 0}.ax-crumbs a{color:var(--mute)}
.ax-art h1{font-size:clamp(1.7rem,4vw,2.6rem)}.ax-art h2{font-size:1.5rem;margin:2rem 0 .7rem}.ax-art p,.ax-art li{font-size:1.06rem}
.ax-art .meta{color:var(--mute);font-size:.88rem}
.ax-key{background:var(--mist);border-left:5px solid var(--sea);border-radius:12px;padding:1rem 1.2rem;margin:1.4rem 0}.ax-key b{color:var(--night)}
.ax-cta{background:linear-gradient(160deg,var(--night),var(--deep));color:#d4e5e8;border-radius:20px;padding:1.6rem;margin:2.2rem 0;text-align:center}.ax-cta h3{color:#fff}
.ax-src{font-size:.92rem;background:#fff;border:1px dashed var(--line);border-radius:12px;padding:1rem 1.2rem}
.ax-related a{display:block;padding:.6rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600}
.ax-disc{font-size:.8rem;color:var(--mute)}
.ax-prose h2{font-size:1.4rem;margin:1.8rem 0 .6rem}
@media(max-width:575px){.ax-sec{padding:3rem 0}.ax-plan.best{transform:none}.ax-stage{max-width:340px}}
