:root{--p:#6d28d9;--p2:#2563eb;--ink:#0f172a;--mut:#64748b;--bg:#fff;--alt:#f6f7fb;--bd:#e5e7eb;--ok:#059669;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);padding-bottom:70px}
a{color:var(--p)}img{max-width:100%}
h1,h2,h3{line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(28px,5vw,46px);margin:.2em 0 .4em}h2{font-size:clamp(22px,3.2vw,30px)}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}.narrow{max-width:820px}.c{text-align:center}.sub{color:var(--mut);margin-top:-6px}
.small{font-size:14px;color:var(--mut)}.lead{font-size:18px;color:#334155}
.btn{display:inline-block;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;text-decoration:none;font-weight:700;border:0;border-radius:12px;padding:12px 20px;cursor:pointer;font-size:16px;text-align:center;box-shadow:0 6px 18px -8px rgba(109,40,217,.6)}
.btn:hover{filter:brightness(1.07)}.btn.sm{padding:8px 14px;font-size:14px}.btn.lg{padding:15px 26px;font-size:17px}.btn.full{width:100%}
.btn.ghost{background:#fff;color:var(--p);border:1.5px solid #ddd6fe;box-shadow:none}
.hdr{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--bd)}
.hdr-in{display:flex;align-items:center;gap:18px;height:62px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}
.nav{display:flex;gap:18px;margin-left:auto}.nav a{color:#334155;text-decoration:none;font-weight:500;font-size:15px}.nav a:hover{color:var(--p)}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--bd);border-radius:10px;font-size:20px;padding:4px 10px}
.hero{background:radial-gradient(1000px 400px at 80% -10%,#ede9fe,transparent),radial-gradient(700px 300px at 0% 100%,#dbeafe,transparent);padding:56px 0 30px}
.hero-g{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.pill{display:inline-block;background:#ede9fe;color:var(--p);font-weight:700;font-size:13px;padding:5px 12px;border-radius:99px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 10px}
.hero-card{background:#fff;border:1px solid var(--bd);border-radius:20px;padding:16px;box-shadow:0 20px 50px -25px rgba(30,41,59,.35)}
.mini{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px}.mini+.mini{border-top:1px solid var(--bd)}
.mini b{display:block;font-size:15px}.mini small{color:var(--mut)}.mini .tick{margin-left:auto;color:var(--ok);font-weight:800}.mini.dl{background:#ecfdf5;color:#065f46;font-weight:600;justify-content:center}
.ic{display:inline-grid;place-items:center;flex:none;border-radius:12px;background:var(--c);color:#fff;font-weight:800;font-size:15px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.trust{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.trust li{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:14px 16px}.trust b{display:block}.trust span{font-size:14px;color:var(--mut)}
.sec{padding:44px 0}.sec.top{padding-top:20px}.alt{background:var(--alt)}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.cat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);text-decoration:none;color:var(--ink);transition:.15s}
.cat:hover{border-color:#c4b5fd;transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(109,40,217,.5)}.cat small{color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:16px 0}
.pc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:16px;transition:.15s}
.pc:hover{box-shadow:0 14px 30px -18px rgba(15,23,42,.35)}
.pc-top{display:flex;justify-content:space-between;align-items:flex-start}
.badge{background:#fef3c7;color:#92400e;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px}
.pc h3{font-size:17px;margin:12px 0 6px}.pc h3 a{color:var(--ink);text-decoration:none}.pc h3 a:hover{color:var(--p)}
.pc-d{font-size:14px;color:var(--mut);margin:0 0 10px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-m{display:flex;justify-content:space-between;font-size:13px;color:var(--mut);margin-bottom:12px}
.st{color:#b45309}.st.ok{color:var(--ok)}
.pc-b{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bd);padding-top:12px}
.price{font-size:22px;color:var(--ink)}.price.big{font-size:38px}.pc-b small{color:var(--mut)}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.steps li{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:18px}.steps li>b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ede9fe;color:var(--p)}
.steps h3{margin:10px 0 4px;font-size:17px}.steps p{margin:0;color:var(--mut);font-size:15px}
.faq details{border:1px solid var(--bd);border-radius:12px;padding:14px 16px;margin:10px 0;background:#fff}
.faq summary{cursor:pointer;font-weight:650}.faq p{margin:10px 0 0;color:#334155}
.prose p,.prose li{color:#334155}.checks{padding-left:0;list-style:none}.checks li{padding-left:26px;position:relative;margin:6px 0}.checks li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.crumbs{font-size:14px;color:var(--mut);display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.crumbs a{color:var(--mut);text-decoration:none}.crumbs a:hover{color:var(--p)}
.cat-hero{display:flex;gap:20px;align-items:flex-start}.cat-hero h1{margin-top:0}
.cat-h{display:flex;align-items:center;gap:10px;margin-top:34px}.cat-h a{color:var(--ink);text-decoration:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chips a{border:1px solid var(--bd);border-radius:99px;padding:6px 14px;font-size:14px;text-decoration:none;color:#334155;background:#fff}.chips a:hover{border-color:var(--p);color:var(--p)}
.search{display:flex;gap:8px;max-width:520px;margin:12px 0}.search input{flex:1}
input{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;background:#fff}input:focus{outline:2px solid #c4b5fd;border-color:var(--p)}
label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}
.note{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:12px;padding:12px 14px;margin:14px 0}.note.ok{background:#ecfdf5;border-color:#a7f3d0}
.pd{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:start}
.pd-vis{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#f5f3ff,#eff6ff);border-radius:20px;border:1px solid var(--bd)}
.pd-vis .ic{font-size:40px;border-radius:28px}.pd-vis .badge{position:absolute;top:14px;left:14px}
.pd-price{margin:10px 0}.pd .btn{margin:6px 6px 6px 0}
.co{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}
.card{background:#fff;border:1px solid var(--bd);border-radius:18px;padding:22px}.card h1{font-size:28px;margin-top:0}
.sum{background:var(--alt);border-radius:12px;padding:14px}.sum>div:first-child{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.row{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.row.total{border-top:1px solid var(--bd);padding-top:10px;font-size:18px}
.qty{display:flex;gap:4px}.qty button{width:36px;border:1px solid var(--bd);background:#fff;border-radius:8px;font-size:18px;cursor:pointer}.qty input{width:70px;text-align:center;padding:6px}
.side .trust{grid-template-columns:1fr;margin:0}.err{color:#b91c1c;min-height:20px}
.post-li{border-bottom:1px solid var(--bd);padding:10px 0 16px}.post-li h2{font-size:22px;margin-bottom:2px}.post-li a{color:var(--ink);text-decoration:none}.post-li time{font-size:14px;color:var(--mut)}
.ftr{background:#0f172a;color:#cbd5e1;padding:40px 0 20px;margin-top:20px}.ftr .logo{color:#fff}
.ftr-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}.ftr h4{color:#fff;margin:6px 0 10px}.ftr a{display:block;color:#cbd5e1;text-decoration:none;font-size:14px;margin:5px 0}.ftr a:hover{color:#fff}.ftr p{font-size:14px}
.copy{border-top:1px solid #1e293b;margin-top:24px;padding-top:16px;font-size:13px;color:#94a3b8}
.tg-float{position:fixed;right:18px;bottom:18px;z-index:30;width:56px;height:56px;border-radius:50%;background:#229ed9;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(34,158,217,.8)}
.sticky-m{display:none}
@media(max-width:900px){.hero-g,.pd,.co{grid-template-columns:1fr}.trust,.steps{grid-template-columns:1fr 1fr}.ftr-g{grid-template-columns:1fr 1fr}.hero-card{display:none}}
@media(max-width:760px){
 .nav{display:none;position:absolute;top:62px;left:0;right:0;background:#fff;flex-direction:column;padding:12px 18px;border-bottom:1px solid var(--bd);gap:12px}.nav.open{display:flex}
 .burger{display:block}.hdr-cta{display:none}.hero{padding:32px 0 10px}.lead{font-size:16px}
 .sticky-m{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:25;background:#fff;border-top:1px solid var(--bd);padding:10px 12px}
 .sticky-m .btn{flex:1;padding:12px}.sticky-m .btn.ghost{flex:.6}.tg-float{bottom:80px}
 .cat-hero{flex-direction:column;gap:6px}.cats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}
 .trust li{padding:10px 12px}.trust span{font-size:13px}.sec{padding:30px 0}
}
@media(min-width:761px){body{padding-bottom:0}}
/* checkout v2 */
.co-steps{list-style:none;display:flex;gap:8px;padding:0;margin:8px 0 18px;counter-reset:a}
.co-steps li{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--mut)}
.co-steps b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f1f5f9;flex:none}
.co-steps li.on{border-color:#c4b5fd;color:var(--ink);font-weight:600}.co-steps li.on b{background:var(--p);color:#fff}
.co-steps li.done b{background:var(--ok);color:#fff}
.co2{display:grid;grid-template-columns:1fr 370px;gap:20px;align-items:start}
.co2-main{display:grid;gap:16px}.co2-side{position:sticky;top:76px}
.co2-prod{display:flex;gap:16px;align-items:flex-start}.co2-prod h1{font-size:26px;margin:6px 0 4px}
.co2-vis{display:grid;place-items:center;width:110px;height:110px;flex:none;border-radius:18px;background:linear-gradient(135deg,#f5f3ff,#eff6ff);border:1px solid var(--bd)}
.co2-price{margin:0}.co2-desc{color:#334155}
.h3{font-size:18px;margin:18px 0 10px}.card .h3:first-child{margin-top:0}
.attrs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.attrs div{background:var(--alt);border-radius:10px;padding:10px 12px}.attrs dt{font-size:12px;color:var(--mut)}.attrs dd{margin:2px 0 0;font-weight:600;font-size:14px}
.qrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.qbtns{display:flex;gap:6px}
.qb{min-width:46px;height:40px;border:1.5px solid var(--bd);background:#fff;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.qb.on{border-color:var(--p);background:#f5f3ff;color:var(--p)}
.qrow .qty button,.qrow .qty input{height:40px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fg small{color:var(--mut);font-size:12px}
.pm{display:flex;gap:12px;align-items:center;border:1.5px solid var(--p);background:#faf8ff;border-radius:12px;padding:12px 14px;margin:0;font-weight:400;cursor:pointer}
.pm input{width:auto;accent-color:var(--p)}.pm small{display:block;color:var(--mut);font-size:13px}.pm .coins{margin-left:auto;font-size:20px;color:var(--p);font-weight:800;white-space:nowrap}
.sumbox .row{gap:10px}.sumbox .row>span:first-child:not(.small){font-weight:600}
.tc{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:14px;margin:12px 0}.tc input{width:auto;margin-top:3px;accent-color:var(--p)}
.mini-t{grid-template-columns:1fr 1fr!important;gap:8px!important;margin:12px 0 0!important}.mini-t li{padding:8px 10px!important;font-size:13px}
.co-sticky{display:none}
main:has(.co-sticky) ~ .sticky-m{display:none!important}
.ostat{display:inline-block;padding:5px 12px;border-radius:99px;font-weight:700;font-size:14px}.ostat.ok{background:#ecfdf5;color:#047857}.ostat.wait{background:#fffbeb;color:#b45309}.ostat.bad{background:#fef2f2;color:#b91c1c}
.oid{font-size:22px;word-break:break-all;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 8px}
.creds{width:100%;font:13px/1.5 ui-monospace,Menlo,monospace;padding:10px;border:1px solid var(--bd);border-radius:10px;background:var(--alt)}
@media(max-width:900px){.co2{grid-template-columns:1fr}.co2-side{position:static}.attrs{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.fg{grid-template-columns:1fr}.co-steps span{font-size:12px}.co-steps li{padding:8px;flex-direction:column;text-align:center;gap:4px}
 .co2-vis{width:72px;height:72px}.co2-vis .ic{width:48px!important;height:48px!important}.co2-prod h1{font-size:21px}
 .co-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;background:#fff;border-top:1px solid var(--bd);padding:10px 14px;align-items:center;justify-content:space-between;transform:translateY(100%);transition:.2s}
 .co-sticky.show{transform:none}}
/* product page v3 (Lot Lane style) */
.pp3{--g:#0f9d6b;--gd:#0b7f56;--gl:#e8f6ef;background:#f2f5f7;padding:14px 0 40px}
body:has(.pp3) .tg-float,main:has(.pp3) ~ .sticky-m{display:none!important}
.pp3-w{max-width:1100px}
.pp3-g{display:grid;gap:14px}
.pp3-card{background:#fff;border:1px solid #e6eaee;border-radius:18px;padding:18px}
.pp3-top{display:flex;gap:14px;align-items:center}.pp3-top h1{font-size:22px;margin:0 0 4px}
.pp3-store{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}.pp3-sn{color:#475569}.pp3-ver{color:var(--g);font-weight:700}
.pp3-b{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px}.pp3-b.hot{background:#fdecea;color:#d93025}.pp3-b.feat{background:#e8eefc;color:#3b5bdb}
.pp3-chip{display:inline-block;margin-top:14px;background:var(--gl);color:var(--gd);font-size:13px;padding:6px 12px;border-radius:8px;text-decoration:none}
.pp3-price{margin:0}.pp3-price b{font-size:34px;color:#111827;letter-spacing:-.02em}.pp3-price span{color:#64748b}
.pp3-stock{margin:6px 0;font-size:17px}.pp3-stock .ok{color:var(--g);font-weight:700}.pp3-stock .mut{color:#64748b}
.pp3-dl{margin:6px 0}.pp3-pill{display:inline-block;background:#e8eefc;color:#2f4fd1;font-size:13px;font-weight:600;padding:4px 10px;border-radius:99px}.pp3-dl a{color:#64748b;font-size:14px;margin-left:8px}
.pp3 hr{border:0;border-top:1px solid #e6eaee;margin:14px 0}
.pp3-desc{color:#1f2937;margin:0 0 12px}
.pp3-attrs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.pp3-attrs div{background:#f2f5f7;border-radius:12px;padding:10px 12px}
.pp3-attrs dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.pp3-attrs dd{margin:2px 0 0;font-weight:600;font-size:16px}
.pp3-q{border:1px solid #e6eaee;border-radius:14px;padding:12px}.pp3-ql{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.pp3-qb{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}
.pp3-qb button,.pp3-qb input{height:42px;border:1px solid #d7dde3;border-radius:10px;background:#fff;font:inherit;font-weight:600;font-size:16px;text-align:center;padding:0;cursor:pointer}
.pp3-qb button.on{background:var(--gl);border-color:var(--g);color:var(--gd)}.pp3-qb input:focus{outline:2px solid var(--g)}
.pp3-tot{display:flex;justify-content:space-between}.pp3-tot b{font-size:18px}
.pp3-btn{display:block;width:100%;margin-top:14px;background:var(--g);color:#fff;border:0;border-radius:14px;padding:16px;font:inherit;font-size:17px;font-weight:600;cursor:pointer}.pp3-btn:hover{background:var(--gd)}
.pp3-note{text-align:center;font-size:13px;color:#64748b;margin:10px 0 0}
.pp3-more h2{font-size:19px}.how3{padding-left:20px}.how3 li{margin:6px 0}.pp3-more .checks li:before{color:var(--g)}
.pp3-rh{margin-top:28px}
.pp3-chat{position:fixed;right:16px;bottom:18px;z-index:30;width:60px;height:60px;border-radius:50%;background:#0f9d6b;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(15,157,107,.7)}
@media(min-width:900px){.pp3-g{grid-template-columns:1.3fr 1fr;align-items:start}.pp3-head{grid-column:1}.pp3-buy{grid-column:2;grid-row:1/span 2;position:sticky;top:76px}.pp3-more{grid-column:1}}
@media(max-width:760px){body:has(.pp3){padding-bottom:0}}