:root{--bg:#f7f8fa;--card:#fff;--line:#e8ebf0;--tx:#0f172a;--mu:#667085;--a:#12a150;--a-d:#0e8541;--a-soft:#e7f6ee;--ink:#0f172a;--sh:0 1px 2px rgba(16,24,40,.05),0 8px 24px -12px rgba(16,24,40,.12);--sh2:0 2px 4px rgba(16,24,40,.06),0 20px 40px -16px rgba(16,24,40,.22);--r:16px}
[data-theme=dark]{--bg:#0c0f16;--card:#141924;--line:#222a3a;--tx:#f1f4fb;--mu:#98a2b8;--a:#2ecc71;--a-d:#27b862;--a-soft:#12301f;--ink:#f1f4fb;--sh:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);--sh2:0 20px 40px -16px rgba(0,0,0,.8)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tx);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;color:inherit;background:none}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.ic{flex:none;vertical-align:middle}
header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;gap:20px;height:68px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.3rem;letter-spacing:-.4px}.logo i{width:32px;height:32px;border-radius:10px;background:var(--a);display:grid;place-items:center;color:#fff}
#sf{flex:1;max-width:520px;margin:0 auto;display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;transition:.2s;padding-left:14px;gap:8px;color:var(--mu)}#sf:focus-within{border-color:var(--a);box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 16%,transparent);background:var(--card)}
#sf input{flex:1;background:none;border:0;padding:11px 0;color:var(--tx);outline:0;font:inherit;min-width:0}#sf button{background:var(--a);color:#fff;font-weight:600;margin:4px;padding:7px 16px;border-radius:9px;transition:.2s}#sf button:hover{background:var(--a-d)}
nav.main{display:flex;align-items:center;gap:4px}.nl{padding:8px 12px;border-radius:10px;font-weight:500;color:var(--mu);transition:.2s}.nl:hover,.nl.on{background:var(--bg);color:var(--tx)}
.ib{width:38px;height:38px;border-radius:10px;display:inline-grid;place-items:center;color:var(--mu);transition:.2s}.ib:hover{background:var(--bg);color:var(--tx)}.av{width:36px;height:36px;border-radius:50%;background:var(--a-soft);color:var(--a);display:inline-grid;place-items:center;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--a);color:#fff;padding:10px 20px;border-radius:12px;font-weight:600;border:1px solid transparent;transition:.2s}.btn:hover{background:var(--a-d);transform:translateY(-1px);box-shadow:0 8px 18px -8px var(--a)}.btn:active{transform:scale(.98)}
.btn.o{background:var(--card);color:var(--tx);border-color:var(--line);box-shadow:none}.btn.o:hover{background:var(--bg);box-shadow:none}.btn.sm{padding:7px 14px;font-size:.88rem;border-radius:10px}.btn.w{width:100%}.btn[disabled]{opacity:.6;pointer-events:none}
.hero{position:relative;overflow:hidden;padding:76px 0 56px;text-align:center;background:radial-gradient(900px 400px at 15% -10%,color-mix(in srgb,var(--a) 14%,transparent),transparent),radial-gradient(800px 400px at 90% 0,rgba(99,102,241,.10),transparent),var(--card);border-bottom:1px solid var(--line)}
.hero .pill{display:inline-flex;align-items:center;gap:8px;background:var(--a-soft);color:var(--a);font-weight:600;font-size:.85rem;padding:6px 14px;border-radius:99px;margin-bottom:18px}
.hero h1{font-size:clamp(2.2rem,5vw,3.7rem);letter-spacing:-1.8px;line-height:1.06;font-weight:800;margin-bottom:14px}.hero h1 span{color:var(--a);position:relative;white-space:nowrap}.hero h1 span:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:10px;background:var(--a);opacity:.15;border-radius:4px;transform-origin:left;animation:ul 1s .4s both}
@keyframes ul{from{transform:scaleX(0)}}
.hero p.l{font-size:1.1rem;color:var(--mu);max-width:560px;margin:0 auto 28px}
.hero form{display:flex;align-items:center;max-width:680px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:7px 7px 7px 20px;box-shadow:var(--sh2);gap:10px;color:var(--mu);transition:.2s}.hero form:focus-within{border-color:var(--a)}
.hero input{flex:1;border:0;background:none;font:inherit;font-size:1.05rem;outline:0;color:var(--tx);min-width:0}.hero form button{flex:none;background:var(--a);color:#fff;border-radius:11px;padding:12px 26px;font-weight:600;transition:.2s}.hero form button:hover{background:var(--a-d)}
.trend{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px;color:var(--mu);font-size:.88rem;align-items:center}.trend a{background:var(--bg);border:1px solid var(--line);padding:5px 12px;border-radius:99px;transition:.2s}.trend a:hover{border-color:var(--a);color:var(--a)}
.stats{display:flex;justify-content:center;gap:56px;margin-top:40px;flex-wrap:wrap}.stats div{color:var(--mu);font-size:.88rem;text-align:center}.stats b{display:block;font-size:1.6rem;color:var(--tx);letter-spacing:-.5px}
.slider{margin-top:28px}.slides{display:flex;overflow:hidden;border-radius:var(--r);box-shadow:var(--sh);aspect-ratio:3.4/1;background:var(--card)}.slides a{flex:0 0 100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.slides img{width:100%;height:100%;object-fit:cover}
.dots{display:flex;gap:6px;justify-content:center;margin-top:12px}.dots i{width:7px;height:7px;border-radius:99px;background:var(--line);transition:.3s;cursor:pointer}.dots i.on{width:22px;background:var(--a)}
section.s{padding:44px 0 6px}.sh{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.sh h2{font-size:1.5rem;letter-spacing:-.6px;font-weight:700}.sh p{color:var(--mu);font-size:.92rem;margin-top:2px}.sh a{color:var(--a);font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;gap:4px}.sh a:hover{gap:8px}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.cat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 14px;text-align:center;font-weight:600;transition:.25s;display:block}.cat:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:color-mix(in srgb,var(--a) 40%,var(--line))}
.cat .ci{width:52px;height:52px;margin:0 auto 12px;border-radius:14px;display:grid;place-items:center;overflow:hidden;transition:.25s}.cat:hover .ci{transform:scale(1.08) rotate(-4deg)}.cat .ci img{width:100%;height:100%;object-fit:cover}
.t0{background:#e7f6ee;color:#12a150}.t1{background:#e8f0fe;color:#2f6fed}.t2{background:#fdf0e1;color:#e8870e}.t3{background:#fde8f0;color:#e03a82}.t4{background:#efe8fd;color:#7c4dff}.t5{background:#e2f6f8;color:#0aa5b8}
[data-theme=dark] .t0{background:#12301f}[data-theme=dark] .t1{background:#16233f}[data-theme=dark] .t2{background:#3a2810}[data-theme=dark] .t3{background:#3a1626}[data-theme=dark] .t4{background:#251c46}[data-theme=dark] .t5{background:#0f2f35}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.ad{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;position:relative;display:block;transition:.28s}.ad:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:transparent}
.imw{overflow:hidden;background:var(--bg)}.ad .im{aspect-ratio:4/3;background:var(--bg) center/cover no-repeat;display:grid;place-items:center;color:var(--mu);transition:transform .5s}.ad:hover .im{transform:scale(1.05)}
.ad .bd{padding:14px 16px 16px}.pr{font-weight:800;font-size:1.15rem;letter-spacing:-.3px}.ad .tt{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 6px}.ad .lc{color:var(--mu);font-size:.84rem;display:flex;align-items:center;gap:5px}
.tag{position:absolute;top:12px;left:12px;background:var(--ink);color:var(--card);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:99px;z-index:1;letter-spacing:.3px;text-transform:uppercase}.tag.feat{background:#f59e0b;color:#fff}
.hrt{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(6px);display:grid;place-items:center;color:var(--mu);z-index:1;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:.2s}.hrt:hover{transform:scale(1.12);color:#ef4444}.hrt.on{color:#ef4444}.hrt.on svg{fill:#ef4444;animation:pop .4s}
@keyframes pop{40%{transform:scale(1.4)}}
.rv{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
.sk{background:linear-gradient(90deg,var(--bg) 25%,var(--line) 50%,var(--bg) 75%);background-size:200% 100%;animation:sh 1.3s infinite;border-radius:var(--r)}@keyframes sh{to{background-position:-200% 0}}.sk.ad{height:300px;border:0}
.page{animation:pg .4s cubic-bezier(.2,.7,.2,1)}@keyframes pg{from{opacity:0;transform:translateY(10px)}}
.layout{display:grid;grid-template-columns:268px 1fr;gap:28px;padding:30px 0}.filters{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;align-self:start;position:sticky;top:90px}.filters h3{font-size:1.05rem;margin-bottom:4px}
label.l{display:block;font-size:.78rem;color:var(--mu);margin:14px 0 6px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.filters input,.filters select,.f input,.f select,.f textarea,.bid input{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--tx);font:inherit;outline:0;transition:.2s}.filters input:focus,.filters select:focus,.f input:focus,.f select:focus,.f textarea:focus,.bid input:focus{border-color:var(--a);box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 14%,transparent)}
.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.bar b{font-size:1.35rem;letter-spacing:-.4px}.bar span{color:var(--mu);font-size:.9rem}
.det{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;padding:22px 0 10px}.gal .main{aspect-ratio:4/3;border-radius:var(--r);background:var(--card) center/contain no-repeat;border:1px solid var(--line);cursor:zoom-in;transition:.3s}
.thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}.thumbs div{width:84px;height:64px;border-radius:12px;background:var(--bg) center/cover;cursor:pointer;border:2px solid transparent;flex:none;transition:.2s;opacity:.65}.thumbs div.on,.thumbs div:hover{border-color:var(--a);opacity:1}
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:18px}.box .pr{font-size:2rem}.box h1{font-size:1.5rem;margin:6px 0;letter-spacing:-.6px;line-height:1.25}.box h3{font-size:1.05rem}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--mu);font-size:.86rem;margin-top:10px}.meta span{display:inline-flex;align-items:center;gap:6px}
.crumb{color:var(--mu);font-size:.86rem;padding-top:22px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crumb a{color:var(--a);font-weight:600}
.empty{color:var(--mu);text-align:center;padding:64px 20px;background:var(--card);border:1px dashed var(--line);border-radius:var(--r)}.empty b{display:block;font-size:1.15rem;color:var(--tx);margin-bottom:4px}.empty .btn{margin-top:14px}
.chip{display:inline-block;padding:3px 11px;border-radius:99px;font-size:.76rem;font-weight:700;background:var(--bg)}.chip.g{background:#d9f5e5;color:#0b7a3a}.chip.y{background:#fdf0cf;color:#a15c07}.chip.r{background:#fde2e2;color:#b42318}
.tabs{display:flex;gap:6px;margin:22px 0;flex-wrap:wrap}.tab{padding:8px 16px;border-radius:99px;font-weight:600;color:var(--mu);background:var(--card);border:1px solid var(--line);transition:.2s}.tab:hover{color:var(--tx)}.tab.on{background:var(--ink);color:var(--card);border-color:var(--ink)}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:10px;transition:.2s}.faq details[open]{border-color:var(--a);box-shadow:var(--sh)}.faq summary{font-weight:600;cursor:pointer}.faq p{margin-top:8px;color:var(--mu)}
.blog{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}.bl{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.28s}.bl:hover{transform:translateY(-4px);box-shadow:var(--sh2)}.bl .im{aspect-ratio:16/9;background:var(--bg) center/cover}.bl div.b{padding:18px}.bl p{color:var(--mu);font-size:.9rem;margin-top:4px}
.f{max-width:780px;margin:0 auto}.f .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.drop{border:2px dashed var(--line);border-radius:var(--r);padding:28px;text-align:center;color:var(--mu);cursor:pointer;transition:.2s}.drop:hover,.drop.ov{border-color:var(--a);background:var(--a-soft)}
.prev{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.prev div{width:92px;height:72px;border-radius:12px;background:center/cover;border:1px solid var(--line)}
.ntf{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:10px;align-items:center}.ntf .ci{width:38px;height:38px;border-radius:10px;background:var(--a-soft);color:var(--a);display:grid;place-items:center}
.bid{display:flex;gap:8px;margin-top:12px}.bl2{margin-top:10px;font-size:.88rem;color:var(--mu)}.bl2 div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--line)}
footer{margin-top:60px;border-top:1px solid var(--line);padding:44px 0 30px;color:var(--mu);font-size:.9rem;background:var(--card)}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}.fg h4{color:var(--tx);margin-bottom:12px;font-size:.92rem}.fg a{display:block;padding:4px 0;transition:.2s}.fg a:hover{color:var(--a);transform:translateX(3px)}.fb{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
#modal{position:fixed;inset:0;background:rgba(10,14,24,.55);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:60;padding:16px;animation:fi .2s}#modal[hidden]{display:none}@keyframes fi{from{opacity:0}}
.dlg{background:var(--card);border-radius:22px;padding:30px;width:min(430px,100%);max-height:90vh;overflow:auto;box-shadow:var(--sh2);animation:up .3s cubic-bezier(.2,.8,.2,1)}@keyframes up{from{opacity:0;transform:translateY(24px) scale(.97)}}
.dlg h3{font-size:1.35rem;letter-spacing:-.4px;margin-bottom:4px}.dlg .sub{color:var(--mu);margin-bottom:18px;font-size:.92rem}.dlg input{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;margin-bottom:10px;font:inherit;background:var(--card);color:var(--tx);outline:0}.dlg input:focus{border-color:var(--a)}
.soc{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border-radius:11px;border:1px solid var(--line);background:var(--card);font-weight:600;margin-bottom:10px;transition:.2s}.soc:hover{background:var(--bg);transform:translateY(-1px)}.soc svg{width:20px;height:20px}
.or{display:flex;align-items:center;gap:12px;color:var(--mu);font-size:.82rem;margin:14px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
#lb{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:70;display:grid;place-items:center;cursor:zoom-out;animation:fi .2s}#lb[hidden]{display:none}#lb img{max-width:92vw;max-height:90vh;border-radius:12px;animation:up .3s}
#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--card);padding:12px 20px;border-radius:12px;z-index:80;font-weight:500;box-shadow:var(--sh2);animation:up .3s}#toast[hidden]{display:none}
.top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);z-index:25;opacity:0;pointer-events:none;transition:.3s;display:grid;place-items:center}.top.on{opacity:1;pointer-events:auto}.top:hover{background:var(--a);color:#fff}
.fbtn,.bnav{display:none}
@media(max-width:900px){body{padding-bottom:66px}.layout,.det{grid-template-columns:1fr;gap:18px}.filters{display:none;position:static}.filters.open{display:block}.fbtn{display:inline-flex;margin-bottom:14px}
 .hd{flex-wrap:wrap;height:auto;padding:10px 16px;gap:10px}#sf{order:3;max-width:none;flex-basis:100%}.logo{font-size:1.15rem}nav.main{margin-left:auto}nav.main .btn,.nl.hide{display:none}
 .hero{padding:44px 0 36px}.hero form{padding:5px 5px 5px 14px}.hero form button{padding:11px 18px}.stats{gap:26px;margin-top:28px}
 .bnav{display:flex;position:fixed;bottom:0;left:0;right:0;height:62px;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:40}.bnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.66rem;color:var(--mu);font-weight:600}.bnav a.on{color:var(--a)}.bnav a.pst .pl{width:44px;height:44px;border-radius:50%;background:var(--a);color:#fff;display:grid;place-items:center;margin-top:-20px;box-shadow:0 8px 18px -6px var(--a)}
 .top{bottom:78px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.ad .bd{padding:10px 12px 12px}.cats{grid-template-columns:repeat(3,1fr);gap:10px}.cat{padding:14px 6px;font-size:.78rem}.cat .ci{width:44px;height:44px}
 section.s{padding:30px 0 4px}.box{padding:16px}.fg{grid-template-columns:1fr 1fr}.f .two{grid-template-columns:1fr}.slides{aspect-ratio:2/1}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.fillh{fill:currentColor;color:#ef4444}
.btn,.nl,#sf button{white-space:nowrap}#sf{min-width:0}nav.main{flex:none}

/* browse v2 */
.fh{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.fh h3{font-size:1.1rem}.lk{color:var(--a);font-weight:600;font-size:.85rem;display:inline-flex;gap:5px;align-items:center}.lk:hover{text-decoration:underline}
.fs{border-bottom:1px solid var(--line)}.fs:last-of-type{border:0}.fs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 2px;font-weight:600}.fs summary::-webkit-details-marker{display:none}.fs summary svg{transition:.25s;color:var(--mu)}.fs[open] summary svg{transform:rotate(180deg)}.fb2{padding:0 2px 14px;animation:pg .25s}
.rd{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;cursor:pointer;transition:.15s;font-size:.93rem}.rd:hover{background:var(--bg)}.rd input{width:auto;accent-color:var(--a)}.rd input:checked+span{font-weight:600;color:var(--a)}.fb2 select{width:100%}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#map{height:180px;border-radius:12px;margin:10px 0;overflow:hidden;border:1px solid var(--line);z-index:1}.leaflet-container{font:inherit}
#rg{width:100%;accent-color:var(--a)}.rl{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:.82rem;color:var(--mu);font-weight:600}
.un{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:3px}.un button{padding:5px 14px;border-radius:7px;font-weight:600;font-size:.82rem;color:var(--mu)}.un button.on{background:var(--card);color:var(--tx);box-shadow:var(--sh)}
.bar>div b{display:block;font-size:1.35rem;letter-spacing:-.4px}.so{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--tx);font:inherit;outline:0}
.chs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chs:empty{display:none}.fc{display:inline-flex;align-items:center;gap:6px;background:var(--a-soft);color:var(--a);border-radius:99px;padding:5px 12px;font-size:.82rem;font-weight:600}.fc .x{transform:rotate(45deg)}
.ad .cl{display:flex;justify-content:space-between;font-size:.68rem;font-weight:700;letter-spacing:.4px;color:var(--mu);text-transform:uppercase;gap:8px}.ad .cl span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad .cl span:last-child{flex:none;font-weight:500;text-transform:none;letter-spacing:0}
.ad .tt{font-size:1.02rem;margin:6px 0 4px}.ad .sl{display:flex;align-items:center;gap:8px;margin:12px 0;padding-top:12px;border-top:1px solid var(--line);font-size:.86rem}.av.sm{width:26px;height:26px;font-size:.72rem}.ad .sn{font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad .vw{color:var(--mu);display:inline-flex;gap:4px;align-items:center}
.ad .pf{display:flex;justify-content:space-between;align-items:center}.ad .pf .pr{font-size:1.2rem}.vb{display:inline-flex;align-items:center;gap:4px;background:var(--ink);color:var(--card);padding:7px 14px;border-radius:9px;font-size:.85rem;font-weight:600;transition:.2s}.ad:hover .vb{background:var(--a);color:#fff;gap:8px}
.grid.cols3{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}

/* plans + checkout + legal */
.ph{text-align:center;max-width:620px;margin:0 auto 24px}.ph h1{font-size:clamp(1.9rem,4vw,2.6rem);letter-spacing:-1.2px;line-height:1.1;margin:10px 0}.ph p{color:var(--mu)}.pill2{display:inline-block;background:var(--a-soft);color:var(--a);font-weight:700;font-size:.78rem;padding:5px 12px;border-radius:99px;letter-spacing:.4px;text-transform:uppercase}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;max-width:1000px;margin:0 auto}.plan{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px 24px;position:relative;transition:.3s;display:flex;flex-direction:column}.plan:hover{transform:translateY(-6px);box-shadow:var(--sh2)}.plan.best{border:2px solid var(--a);box-shadow:var(--sh2)}
.bst{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--a);color:#fff;font-size:.72rem;font-weight:700;padding:4px 14px;border-radius:99px;letter-spacing:.4px;text-transform:uppercase}.pim{height:80px;background:center/contain no-repeat;margin-bottom:10px}
.plan h3{font-size:1.15rem}.pp{display:flex;align-items:baseline;gap:10px;margin:10px 0 16px;flex-wrap:wrap}.pp b{font-size:2.3rem;letter-spacing:-1px}.pp s{color:var(--mu)}.pp em{font-style:normal;background:#d9f5e5;color:#0b7a3a;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:99px}
.plan ul{list-style:none;margin-bottom:22px;flex:1}.plan li{display:flex;gap:10px;padding:7px 0;color:var(--mu);align-items:flex-start}.plan li svg{color:var(--a);margin-top:3px}
.trust{display:flex;gap:30px;justify-content:center;color:var(--mu);margin-top:34px;flex-wrap:wrap;font-size:.9rem}.trust span{display:inline-flex;gap:8px;align-items:center}.trust svg{color:var(--a)}
.stp{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--mu);font-weight:600}.stp div{display:flex;align-items:center;gap:8px}.stp i{width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:.8rem}.stp .on{color:var(--tx)}.stp .on i{background:var(--a);color:#fff;border-color:var(--a)}.stp hr{flex:1;max-width:60px;border:0;border-top:1px solid var(--line)}
.co{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.sum{position:sticky;top:90px}.sl2{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.sl2.tot{font-size:1.2rem;border:0;padding:14px 0}.ck{list-style:none;margin:6px 0 16px}.ck li{display:flex;gap:8px;align-items:center;padding:4px 0;color:var(--mu);font-size:.9rem}.ck svg{color:var(--a)}
.note{display:flex;gap:14px;background:var(--a-soft);color:var(--tx);border-radius:14px;padding:16px;margin-top:12px}.note svg{color:var(--a);margin-top:2px}.note p{color:var(--mu);font-size:.9rem;margin-top:2px}.pm{border:1px solid var(--line);margin-top:8px;padding:12px 14px}
.lg{max-width:760px;margin:0 auto;padding:44px 0}.lg h1{font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-1.2px;margin:12px 0 8px}.lg .lead{font-size:1.1rem;color:var(--mu);margin-bottom:26px}.lg section{padding:18px 0;border-top:1px solid var(--line)}.lg h3{margin-bottom:6px}.lg section p{color:var(--mu);line-height:1.7}.lg .upd{color:var(--mu);font-size:.85rem;margin-top:30px}
@media(max-width:900px){.co{grid-template-columns:1fr}.sum{position:static}}
.seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:20px}.seg button{flex:1;padding:9px;border-radius:9px;font-weight:600;color:var(--mu);transition:.2s}.seg button.on{background:var(--card);color:var(--tx);box-shadow:var(--sh)}