:root{--mint:#22c39a;--deep:#0e5c48;--ink:#0b3d30;--paper:#fff;--soft:#f1fbf7;--line:#cfeee4;--txt:#16352c;--acc:var(--deep)}
@media (prefers-color-scheme:dark){:root{--paper:#0c1f1a;--soft:#10281f;--line:#1d4a3b;--txt:#d9f2ea;--acc:#4fe0b8}}
*{box-sizing:border-box}
body{margin:0;font-family:Heebo,Arial,sans-serif;background:var(--paper);color:var(--txt);font-size:18px;line-height:1.7}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.hero{background:var(--mint);color:#fff;padding:24px 0 60px}
nav{display:flex;justify-content:space-between;align-items:center;font-weight:700;gap:12px}
nav a{color:#fff;text-decoration:none}nav a:hover{text-decoration:underline}
.logo{display:block;line-height:0}.lmark{--w:170px;display:block;position:relative;width:var(--w);aspect-ratio:800/244}
.lsq{position:absolute;inset:0}.lsq img{position:absolute;display:block;inset:0;width:100%;height:100%}
.wv{opacity:0;transform-origin:83% 32%;animation:nfcwave 2.4s ease-out infinite}.w2{animation-delay:.3s}.w3{animation-delay:.6s}
@keyframes nfcwave{0%{opacity:0;transform:translateX(-1.6%) scale(.94)}18%{opacity:1;transform:none}60%{opacity:1;transform:none}82%,100%{opacity:0;transform:translateX(.8%) scale(1.02)}}
@media (prefers-reduced-motion:reduce){.wv{animation:none;opacity:1}}
.pgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;margin-top:40px}
h1{font-weight:900;font-size:clamp(40px,7vw,80px);line-height:1;margin:0 0 8px;letter-spacing:-.02em}
.pen{display:block;font-weight:700;font-size:18px;opacity:.85;margin:0 0 18px}
.lead{font-size:22px;font-weight:500;margin:0 0 22px;max-width:30ch}
.price{display:inline-block;background:#fff;color:var(--deep);font-weight:900;font-size:26px;padding:6px 22px;border-radius:999px}
.pimg{background:rgba(255,255,255,.18);border:6px solid rgba(255,255,255,.55);border-radius:30px;aspect-ratio:4/5;overflow:hidden;display:grid;place-items:center;max-width:380px;width:100%;justify-self:center}
.pimg svg{width:45%;height:45%}
.pimg img{width:100%;height:100%;object-fit:cover;display:block}
section{padding:70px 0}
h2{font-weight:900;font-size:clamp(28px,4.5vw,44px);line-height:1.1;margin:0 0 24px;color:var(--acc)}
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;list-style:none;margin:0;padding:0}
.feats li{background:var(--soft);border:2px solid var(--line);border-radius:24px;padding:22px;font-weight:500}
.feats b{display:block;font-size:20px;font-weight:900;color:var(--acc);margin-bottom:4px}
.alt{background:var(--soft)}
form{background:var(--paper);border:2px solid var(--line);border-radius:30px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:760px}
label{display:grid;gap:6px;font-weight:700}
.full{grid-column:1/-1}
input,textarea,select{font:inherit;font-weight:400;color:var(--txt);background:var(--paper);border:2px solid var(--line);border-radius:14px;padding:10px 14px;width:100%}
input:focus,textarea:focus,select:focus{border-color:var(--mint);outline:none}
textarea{min-height:110px;resize:vertical}
.hidden{display:none}
button{font:inherit;cursor:pointer;background:var(--mint);color:#fff;font-weight:900;font-size:20px;padding:12px 34px;border:0;border-radius:999px;justify-self:start}
button:hover{background:var(--ink)}
.back{display:inline-block;margin-top:24px;color:var(--acc);font-weight:700}
footer{background:var(--ink);color:#bfe9dc;text-align:center;padding:22px;font-size:15px}
@media (max-width:800px){.pgrid,form{grid-template-columns:1fr}.lmark{--w:128px}section{padding:50px 0}form{padding:22px}.pimg{max-width:260px}}
button:disabled{opacity:.6;cursor:wait}
.pay-btn{display:flex;justify-content:center;align-items:center;height:54px;border-radius:14px;font-weight:700;font-size:22px;text-decoration:none}
.pay-btn.bit{background:#00a9a5;color:#fff;font-weight:900;font-size:26px;letter-spacing:-.02em}
.pay-btn:hover{filter:brightness(1.15)}
.pay-note{margin:12px 0 0;font-size:15px;text-align:center}
.wa{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:50;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .2s}
.wa:hover,.wa:focus-visible{transform:scale(1.08)}
.wa svg{width:30px;height:30px}
.code-note{margin:0;background:#fff6d6;color:#5a4200;border-inline-start:6px solid #f2b705;border-radius:14px;padding:12px 16px;font-size:17px;font-weight:500}
.code-note b{font-weight:900}
@media (prefers-color-scheme:dark){.code-note{background:#3a3010;color:#ffe9a8}}
.pay-id{margin:0 0 14px;background:var(--soft);border:2px dashed var(--line);border-radius:14px;padding:10px 14px;text-align:center;font-weight:700}
.pay-id span{display:block;font-size:28px;font-weight:900;color:var(--acc);letter-spacing:.04em;direction:ltr}
.order-box{background:var(--soft);border:2px solid var(--line);border-radius:24px;padding:22px;max-width:520px;display:grid;gap:14px}
.order-box .pay-id{margin:0;background:var(--paper)}

.order-sum{margin:0;font-size:16px;line-height:1.6}
.order-sum b{font-size:22px;font-weight:900;color:var(--acc)}
.order-sum a{color:var(--acc);font-weight:700}
.terms h2{margin-top:36px}
.terms p,.terms li{font-size:18px;line-height:1.7;max-width:760px}
.qty-calc{font-size:15px;font-weight:700;opacity:.8}
@property --r{syntax:'<length>';inherits:false;initial-value:0px}
body{background:radial-gradient(55% 40% at 100% 0%,color-mix(in srgb,var(--mint) 22%,transparent),transparent 70%) fixed,radial-gradient(45% 45% at 0% 70%,color-mix(in srgb,var(--mint) 16%,transparent),transparent 70%) fixed,linear-gradient(180deg,color-mix(in srgb,var(--mint) 7%,var(--paper)),color-mix(in srgb,var(--mint) 15%,var(--paper))) fixed}
.hero,.contact{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(110% 90% at 88% -10%,#6ae8c6 0%,transparent 55%),radial-gradient(80% 80% at -5% 110%,#0c7d61 0%,transparent 60%),linear-gradient(160deg,#2ed4a9 0%,#20b990 48%,#12936f 100%);box-shadow:inset 0 -50px 70px -40px rgba(5,55,42,.45),inset 0 1px 0 rgba(255,255,255,.25)}
.hero::before,.contact::before{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(28% 32% at 22% 30%,rgba(255,255,255,.3),transparent 70%),radial-gradient(26% 30% at 78% 68%,rgba(170,255,228,.38),transparent 70%),radial-gradient(24% 28% at 58% 18%,rgba(8,92,70,.4),transparent 70%),radial-gradient(22% 26% at 35% 85%,rgba(8,92,70,.3),transparent 70%);filter:blur(28px);animation:aurora 16s ease-in-out infinite alternate}
.hero::after,.contact::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(circle at 12% 18%,transparent var(--r),rgba(255,255,255,.16) calc(var(--r) + 2px),transparent calc(var(--r) + 5px),transparent calc(var(--r) + 120px));-webkit-mask-image:radial-gradient(circle at 12% 18%,#000 5%,transparent 60%);mask-image:radial-gradient(circle at 12% 18%,#000 5%,transparent 60%);animation:ripple 5s linear infinite}
.contact::after{background:repeating-radial-gradient(circle at 50% 50%,transparent var(--r),rgba(255,255,255,.14) calc(var(--r) + 2px),transparent calc(var(--r) + 5px),transparent calc(var(--r) + 120px));-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 5%,transparent 70%);mask-image:radial-gradient(circle at 50% 50%,#000 5%,transparent 70%)}
@keyframes aurora{0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}50%{transform:translate3d(4%,-3%,0) rotate(8deg) scale(1.08)}100%{transform:translate3d(-4%,3%,0) rotate(-6deg) scale(1.02)}}
@keyframes ripple{to{--r:120px}}
@media (prefers-reduced-motion:reduce){.hero::before,.hero::after,.contact::before,.contact::after{animation:none}}
.price small{font-size:15px;font-weight:700;opacity:.75;margin-inline-start:6px}
select[name="quantity"]{font-weight:900;font-size:19px;cursor:pointer}
.wa-btn{display:inline-flex;align-items:center;gap:10px;background:#25d366}
.wa-btn:hover{background:#128c4a}
.wa-btn svg{width:26px;height:26px}

/* Custom stand live preview */

.prod-time{margin:10px 0 0;font-size:16px;font-weight:500;opacity:.9}

/* Product specs */
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;list-style:none;margin:0;padding:0}
.specs li{display:grid;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px}
.specs span{font-size:15px;font-weight:500;opacity:.7}
.specs b{font-size:24px;font-weight:900;color:var(--acc);line-height:1.2}

/* Scroll reveal */
.js-pop .hero .pimg{opacity:0;transform:translateY(30px) scale(.94);transition:opacity .9s ease-out,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.js-pop .rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease-out,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js-pop .rv.in,.js-pop .hero .pimg.in{opacity:1;transform:none}
.warranty-note{margin:22px 0 0;font-size:17px}
.terms ul{padding-inline-start:22px}