:root{--pr:#12264a;--ac:#e8742a;--dk:#0d1b36;--r:6px;--ff:"Montserrat",system-ui,Arial,sans-serif;--tx:#1d2a3f;--mu:#5d6b80;--bd:#e3e8ef;--alt:#f3f6fa;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;font:15.5px/1.7 var(--ff);color:var(--tx);background:#fff;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--ff);color:var(--pr);line-height:1.2;margin:0 0 .55em;font-weight:700;letter-spacing:-.01em}h1{font-size:clamp(1.9rem,4.4vw,3rem)}h2{font-size:clamp(1.45rem,3vw,2.1rem)}h3{font-size:1.05rem}p{margin:0 0 1em}a{color:inherit;text-decoration:none}.w{max-width:1180px;margin:auto;padding:0 20px}.mu{color:var(--mu)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:#fff;border-bottom:1px solid var(--bd)}.hd{display:flex;align-items:center;height:70px;gap:16px}.logo img{height:48px;width:auto}
nav{display:flex;align-items:center;gap:6px;margin-left:auto}nav>a,.dd>a{display:block;padding:8px 11px;font-size:.84rem;font-weight:600;color:var(--tx);border-radius:4px}nav>a:hover,.dd:hover>a{color:var(--ac)}.dd{position:relative}.sm{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--bd);border-radius:8px;min-width:230px;padding:8px;box-shadow:0 12px 30px #0f23421f;z-index:9}.dd:hover .sm{display:block}.sm a{display:block;padding:8px 12px;font-size:.84rem;border-radius:5px}.sm a:hover{background:var(--alt);color:var(--ac)}
.btn{display:inline-block;background:var(--ac);color:#fff;border:1.5px solid var(--ac);border-radius:var(--r);padding:12px 22px;font:700 .85rem var(--ff);cursor:pointer;transition:.2s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.o{background:transparent;color:#fff;border-color:#ffffffaa}.btn.dk{background:var(--dk);border-color:var(--dk);color:#fff}.btn.dk2{background:transparent;color:var(--pr);border-color:var(--pr)}.btn.sm2{padding:8px 14px;font-size:.78rem}nav .nb{padding:10px 18px;margin-left:6px}
#mt{display:none;margin-left:auto;background:none;border:1px solid var(--bd);border-radius:6px;font-size:1.3rem;padding:4px 11px;color:var(--pr)}
.kick{display:block;color:var(--ac);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}.row{display:flex;gap:12px;flex-wrap:wrap}
/* hero */
.hero{position:relative;height:clamp(440px,72vh,600px);background:var(--dk);overflow:hidden;color:#fff}.sl{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s;display:flex;align-items:center}.sl.on{opacity:1;visibility:visible}.sl>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 8s ease-out}.sl.on>img{transform:scale(1)}.sl:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0b1730f2 0,#0b1730b8 48%,#0b173040 100%)}
.sl .w{position:relative;z-index:2}.sl .w>*{opacity:0;transform:translateY(22px);transition:.8s}.sl.on .w>*{opacity:1;transform:none}.sl.on .w>:nth-child(2){transition-delay:.15s}.sl.on .w>:nth-child(3){transition-delay:.3s}.sl.on .w>:nth-child(4){transition-delay:.45s}
.sl h1{color:#fff;font-size:clamp(2rem,5.2vw,3.6rem);max-width:640px}.sl p{max-width:520px;color:#dbe5f3;font-size:1.02rem;margin-bottom:24px}.hc{position:absolute;left:0;right:0;bottom:22px;z-index:5;display:flex;justify-content:space-between;align-items:center}.ar{display:flex;gap:10px}.ar button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff88;background:#0b173066;color:#fff;cursor:pointer;font-size:1.05rem}.ar button:hover{background:var(--ac);border-color:var(--ac)}.dots{display:flex;gap:6px}.dots i{width:34px;height:3px;background:#ffffff55}.dots i.on{background:var(--ac)}
.trust{border-bottom:1px solid var(--bd)}.tg{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:18px;padding-bottom:18px}.tg div{display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:600;color:var(--tx)}.ic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fdf0e6;font-size:1.1rem;flex:none}
/* sections */
.sx{padding:76px 0}.sx.alt{background:var(--alt)}.sx.dark{background:linear-gradient(135deg,var(--dk),#16305c);color:#d3deee}.sx.dark h2{color:#fff;max-width:640px}.sx.dark p{max-width:600px}.sh{margin-bottom:34px;max-width:720px}.sh p{margin:0}.rowh{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.rowh .btn{margin-bottom:34px}
.ab{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.ai{position:relative}.ai img{width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:var(--r)}.cap{position:absolute;left:-18px;bottom:-18px;background:var(--dk);color:#fff;padding:16px 24px;font-size:.85rem;font-weight:600;border-radius:4px;max-width:260px}
.g3,.g4,.g2{display:grid;gap:22px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr);gap:40px}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;transition:.25s}.card:hover{box-shadow:0 14px 34px #0f234222;transform:translateY(-4px)}.ph{aspect-ratio:4/3;overflow:hidden;background:#fff;border-bottom:1px solid var(--bd)}.ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover .ph img{transform:scale(1.05)}
.card .b{padding:18px;display:flex;flex-direction:column;flex:1}.card p{font-size:.88rem;color:var(--mu);margin-bottom:12px}.card.big .b{padding:24px}.card.big .ph{aspect-ratio:16/10}.num,.tag,.code{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ac);margin-bottom:8px}.code{font-family:ui-monospace,Consolas,monospace;letter-spacing:.03em}.more{margin-top:auto;font-size:.82rem;font-weight:700;color:var(--pr)}.card .btn{align-self:flex-start;margin-top:auto}.card .row{margin-top:auto}
.tabs{display:flex;gap:6px;margin-bottom:24px}.tab{background:#fff;border:1px solid var(--bd);padding:10px 20px;font:700 .85rem var(--ff);color:var(--pr);cursor:pointer;border-radius:var(--r)}.tab.on{border-color:var(--ac);color:var(--ac);box-shadow:inset 0 -3px 0 var(--ac)}[hidden]{display:none!important}
ul.t{padding-left:18px;margin:0 0 14px;font-size:.85rem;color:var(--mu)}ul.t li{margin:3px 0}.box{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:26px}.box .ic{margin-bottom:14px}.box p{margin:0;font-size:.9rem}
.st>div{border-top:2px solid var(--bd);padding-top:16px}.st .num{font-size:.8rem;display:block}
.cg{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}form.lf{display:grid;grid-template-columns:1fr 1fr;gap:14px}form .f{grid-column:1/-1}label{display:block;font-size:.8rem;font-weight:700;margin-bottom:4px;color:var(--pr)}input,select,textarea{width:100%;font:inherit;font-size:.92rem;padding:11px 13px;border:1px solid #cfd8e3;border-radius:var(--r);background:#fff;color:var(--tx)}input:focus,select:focus,textarea:focus{outline:2px solid var(--ac);outline-offset:-1px}
.cc{background:var(--alt);border:1px solid var(--bd);border-radius:10px;padding:28px}.cc p{font-size:.92rem}.map{width:100%;height:260px;border:0;border-radius:8px;margin-top:20px}.ms{margin:0;font-size:.85rem}
.ph2{position:relative;background:var(--dk);color:#fff;padding:80px 0;overflow:hidden}.ph2.sm{padding:56px 0}.ph2>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.ph2 .w{position:relative}.ph2 h1{color:#fff;margin-bottom:.3em}.ph2 p{margin:0;max-width:600px;color:#d5e0ef}
.crumb{font-size:.8rem;color:var(--mu);padding:18px 20px 0}.crumb a:hover{color:var(--ac)}.pd{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding-top:24px;padding-bottom:56px}.bd1{border:1px solid var(--bd);border-radius:var(--r);aspect-ratio:4/3}.bd1 img{object-fit:contain}
table{width:100%;border-collapse:collapse}td,th{border:1px solid var(--bd);padding:10px 14px;text-align:left;font-size:.88rem}th{background:var(--alt);width:36%}.rich{font-size:1rem}.rich img{border-radius:var(--r);margin:18px 0}.rich h2,.rich h3{margin-top:1.4em}.hero1{aspect-ratio:16/8;border:0;border-radius:var(--r);margin:16px 0 24px}
footer{background:var(--dk);color:#b9c7da;font-size:.88rem;padding:56px 0 0}.fg{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:36px}footer h3{color:#fff;font-size:1rem}footer img{background:#fff;border-radius:4px;margin-bottom:14px;height:48px;width:auto}footer a{display:block;padding:3px 0}footer a:hover{color:var(--ac)}.cp{margin-top:36px;padding-top:18px;padding-bottom:22px;border-top:1px solid #ffffff1f;font-size:.8rem}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;font-size:28px;display:grid;place-items:center;box-shadow:0 6px 18px #0006;z-index:45;animation:pl 2.4s infinite}@keyframes pl{0%{box-shadow:0 0 0 0 #25d36699}70%{box-shadow:0 0 0 16px #25d36600}100%{box-shadow:0 0 0 0 #25d36600}}
#pp{display:none;position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:320px;max-width:calc(100% - 100px);background:#fff;border:1px solid var(--bd);border-top:4px solid var(--ac);border-radius:12px;box-shadow:0 14px 40px #0005;padding:18px;z-index:46;animation:pu .5s}#pp form{grid-template-columns:1fr;gap:9px}#pp .x{position:absolute;right:10px;top:4px;background:none;border:0;font-size:24px;color:var(--mu);cursor:pointer}@keyframes pu{from{transform:translateY(30px);opacity:0}}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.sl>img{transition:none}}
@media(max-width:1000px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr 1fr}.ab,.cg,.pd{grid-template-columns:1fr}.tg{grid-template-columns:1fr 1fr}.cap{left:12px}}
@media(max-width:900px){#mt{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--bd);flex-direction:column;align-items:stretch;padding:10px 20px 18px;max-height:calc(100vh - 70px);overflow:auto;gap:0}nav.open{display:flex}.sm{display:block;position:static;border:0;box-shadow:none;padding:0 0 6px 14px;min-width:0}nav .nb{margin:10px 0 0;text-align:center}}
@media(max-width:620px){.g3,.g4,.g2,.fg,form.lf{grid-template-columns:1fr}.sx{padding:52px 0}.tg{grid-template-columns:1fr}.hero{height:560px}.sl:before{background:linear-gradient(0deg,#0b1730f0 20%,#0b173099 100%)}.sl .w{align-self:center}#pp{bottom:20px;left:12px;max-width:calc(100% - 90px)}.dots i{width:22px}}
/* v3: category hero, animated cards, AEO blocks, variants, responsive polish */
body{overflow-x:clip}.ph{position:relative}.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cathero{position:relative;min-height:clamp(260px,38vh,380px);display:flex;align-items:flex-end;background:var(--dk);color:#fff;overflow:hidden}.cathero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 14s ease-out both}.cathero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0b1730f5 6%,#0b17309e 55%,#0b173050)}.cathero .w{position:relative;z-index:2;padding-top:56px;padding-bottom:36px}.cathero h1{color:#fff;margin-bottom:.25em;animation:fu .8s both}.cathero p{max-width:640px;color:#dbe5f3;margin-bottom:14px;animation:fu .8s .12s both}.bc2{font-size:.8rem;color:#c3d1e6;margin-bottom:12px}.bc2 a:hover{color:var(--ac)}.chip{display:inline-block;background:var(--ac);color:#fff;font-size:.75rem;font-weight:700;padding:5px 14px;border-radius:99px;letter-spacing:.04em}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}@keyframes fu{from{opacity:0;transform:translateY(18px)}}
.lead{font-size:1.04rem;color:var(--mu);max-width:860px;margin-bottom:30px}
.card.rv{transition:opacity .6s calc(var(--i,0)*70ms),transform .6s calc(var(--i,0)*70ms),box-shadow .3s,border-color .3s}.card.rv.in:hover{transform:translateY(-8px);transition-delay:0s;border-color:var(--ac)}
.ph:after{content:"View details →";position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;background:linear-gradient(0deg,#0d1b36e6,transparent);color:#fff;font-size:.8rem;font-weight:700;transform:translateY(100%);transition:transform .3s}.card:hover .ph:after{transform:none}.ph2 .ph:after,.pimg:after,.hero1:after{display:none}
.faq{max-width:860px}details{background:#fff;border:1px solid var(--bd);border-radius:var(--r);margin-bottom:10px;padding:0 18px}summary{cursor:pointer;font-weight:700;color:var(--pr);padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}summary:after{content:"+";color:var(--ac);font-size:1.3rem;line-height:1}details[open] summary:after{content:"–"}summary::-webkit-details-marker{display:none}details p{color:var(--mu);margin:0 0 16px;font-size:.92rem}
.pimg{margin:0;aspect-ratio:4/3;border:1px solid var(--bd);border-radius:var(--r);background:#fff;overflow:hidden;position:relative}.pimg img{width:100%;height:100%;object-fit:contain}.capt{font-size:.8rem;color:var(--mu);margin:8px 0 0;text-align:center}
.gl{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.gl div{background:var(--alt);border-radius:var(--r);padding:10px 14px}.gl dt{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ac)}.gl dd{margin:0;font-size:.9rem;font-weight:600}
.vs{margin:16px 0}.sw{display:flex;gap:10px;margin-top:8px}.swb{width:38px;height:38px;border-radius:50%;background:var(--c);border:3px solid #fff;box-shadow:0 0 0 1px var(--bd);cursor:pointer;transition:.2s}.swb.on{box-shadow:0 0 0 2px var(--ac)}.swb:hover{transform:scale(1.1)}
.tabs{overflow-x:auto;white-space:nowrap}
@media(max-width:620px){.gl{grid-template-columns:1fr}.cathero{min-height:280px}.cathero .w{padding-top:40px}.row .btn{flex:1;text-align:center}.sh{margin-bottom:24px}.cap{position:static;max-width:none;margin-top:10px;border-radius:var(--r)}.hc{bottom:14px}.hd{height:62px}nav{top:62px}.logo img{height:40px}}
@media(max-width:1000px){.ph:after{display:none}}@media(hover:none){.ph:after{display:none}}
@media(prefers-reduced-motion:reduce){.cathero>img,.cathero h1,.cathero p{animation:none}}
/* v4: category page (reference layout) + product page redesign */
.ch2{background:#f3f6fa;background-image:linear-gradient(#e6ecf3 1px,transparent 1px),linear-gradient(90deg,#e6ecf3 1px,transparent 1px);background-size:44px 44px;border-bottom:1px solid var(--bd);padding:56px 0 64px}
.chg{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.bc3{display:flex;gap:8px;flex-wrap:wrap;font-size:.85rem;color:var(--mu);margin-bottom:34px}.bc3 a:hover{color:var(--ac)}.bc3 i{font-style:normal;opacity:.5}.bc3 span{color:var(--pr);font-weight:600}
.eb{display:flex;align-items:center;gap:12px;color:var(--pr);font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}.eb:before{content:"";width:22px;height:3px;background:var(--ac)}
.ch2 h1{font-size:clamp(2rem,4.6vw,3.2rem);animation:fu .8s both}.cd2{max-width:480px;color:var(--mu);font-size:1.02rem;animation:fu .8s .1s both}.pc2{display:flex;align-items:center;gap:10px;margin:22px 0;color:var(--pr)}.dot{width:7px;height:7px;border-radius:50%;background:var(--ac)}.btn.big{padding:15px 28px;font-size:.9rem}.btn.big span{margin-left:22px}
.chr{position:relative;padding:0 0 0 18px}.frame{position:relative;border-radius:4px;box-shadow:0 24px 50px #12264a40;animation:zi 1s both}.frame:before{content:"";position:absolute;left:-16px;top:-16px;right:16px;bottom:16px;border:1.5px solid #a9bbd2;border-radius:4px;z-index:-1}.frame img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;background:#fff}
@keyframes zi{from{opacity:0;transform:scale(.94) translateY(14px)}}
.exh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--bd);margin-bottom:26px}.exh h2{margin-bottom:.3em}.exh p{max-width:640px;margin:0;font-size:.95rem}.tc{color:var(--pr);font-weight:800;font-size:.82rem;letter-spacing:.14em}.tc .cnt{color:var(--ac);font-size:1.5rem;margin-right:4px;letter-spacing:0}
.sb{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px}.sb label{margin:0;font-size:.85rem}.sb input{max-width:340px}.sb .mu{margin-left:auto;font-size:.8rem}
.pc{opacity:0;transform:translateY(30px) scale(.95);transition:opacity .55s,transform .55s,box-shadow .3s,border-color .3s}.cgrid.go .pc{opacity:1;transform:none}.cgrid.go .pc:hover{transform:translateY(-8px)}
.cta2{background:linear-gradient(120deg,var(--dk),#16305c);color:#d3deee;padding:44px 0}.cg2{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.cta2 h2{color:#fff;margin-bottom:.2em}.cta2 p{margin:0 0 14px}.cta2 .cr{border-left:1px solid #ffffff40;padding-left:32px}.cta2 a:not(.btn){color:#ffd9bd}
/* product */
.pdx{padding:20px 0 40px}.pgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start}.gal{position:sticky;top:90px}.pimg{margin:0;aspect-ratio:4/3;border:1px solid var(--bd);border-radius:12px;background:#fff;overflow:hidden}.pimg img{width:100%;height:100%;object-fit:contain;padding:10px}
.th2{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.th2 button{flex:none;width:84px;height:64px;border:2px solid var(--bd);border-radius:8px;background:#fff;padding:3px;cursor:pointer}.th2 button.on{border-color:var(--ac)}.th2 img{width:100%;height:100%;object-fit:contain}
.pinfo .tag{display:inline-block;background:#fdf0e6;padding:4px 12px;border-radius:99px;margin-bottom:12px}.pinfo h1{font-size:clamp(1.7rem,3.6vw,2.4rem)}.pm{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.pm .code{margin:0;background:var(--alt);padding:3px 10px;border-radius:4px}.ok2{font-size:.8rem;font-weight:600;color:#1f8a4c}
.hl{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px}.hl li{padding-left:28px;position:relative;font-size:.92rem}.hl li:before,.fgd span{content:"✔";color:#fff;background:var(--ac);width:19px;height:19px;border-radius:50%;font-size:.66rem;display:inline-grid;place-items:center}.hl li:before{position:absolute;left:0;top:3px}
.tr3{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--bd);font-size:.8rem;color:var(--mu);font-weight:600}
.subnav{position:sticky;top:70px;z-index:30;background:#fff;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}.subnav .w{display:flex;gap:4px;overflow-x:auto}.subnav a{padding:14px 16px;font-size:.85rem;font-weight:700;color:var(--mu);white-space:nowrap;border-bottom:3px solid transparent}.subnav a:hover{color:var(--ac);border-color:var(--ac)}
.pbd{display:grid;grid-template-columns:1fr 330px;gap:44px;padding-top:44px;padding-bottom:44px;align-items:start}.pmain section{margin-bottom:44px;scroll-margin-top:130px}.pmain h2{font-size:1.5rem}.qc{position:sticky;top:140px;background:var(--alt);border:1px solid var(--bd);border-radius:12px;padding:24px;display:grid;gap:10px}.qc h3{margin:0}.qc .btn{text-align:center}
.fgd{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fgd div{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--bd);border-radius:8px;padding:12px 14px;font-size:.9rem}.fgd span{flex:none;content:none}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{background:var(--alt);border:1px solid var(--bd);padding:8px 16px;border-radius:99px;font-size:.85rem;font-weight:600;color:var(--pr)}
.tw table th{width:38%}
@media(max-width:1000px){.chg,.pgrid,.cg2{grid-template-columns:1fr}.chg{gap:36px}.chr{padding-left:14px}.gal{position:static}.pbd{grid-template-columns:1fr}.qc{position:static}.cta2 .cr{border-left:0;padding-left:0}}
@media(max-width:900px){.subnav{top:62px}}
@media(max-width:620px){.ch2{padding:36px 0 44px}.sb .mu{margin-left:0}.sb input{max-width:none;flex:1 1 100%}.fgd{grid-template-columns:1fr}.bc3{margin-bottom:22px}.btn.big{width:100%;text-align:center}.pinfo .row .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.pc{opacity:1;transform:none;transition:none}.frame,.ch2 h1,.cd2{animation:none}}
/* v5: centre popup, listing extras */
html.lock,html.lock body{overflow:hidden!important;height:100%}
#ppo{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(13,27,54,.22);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overscroll-behavior:contain}#ppo.on{display:flex;animation:fi .3s}
#ppo #pp{display:block;position:relative;left:auto;bottom:auto;width:100%;max-width:410px;max-height:92vh;overflow:auto;background:#fff;border:0;border-top:5px solid var(--ac);border-radius:14px;box-shadow:0 24px 70px #0b17305c;padding:26px 24px 22px;animation:pp2 .4s}
#ppo #pp h3{margin:0 0 4px;font-size:1.25rem}#ppo #pp form{display:grid;grid-template-columns:1fr;gap:12px}#ppo #pp .x{position:absolute;right:12px;top:6px;background:none;border:0;font-size:28px;line-height:1;color:var(--mu);cursor:pointer}
@keyframes fi{from{opacity:0}}@keyframes pp2{from{opacity:0;transform:translateY(24px) scale(.96)}}
.er{display:block;color:#b00020;font-size:.76rem;margin-top:3px;font-weight:600}input.bad,textarea.bad,select.bad{border-color:#b00020;background:#fff6f6}
.gsep{grid-column:1/-1;margin:14px 0 0;padding-bottom:8px;border-bottom:2px solid var(--bd);font-size:1.05rem}.gsep:first-child{margin-top:0}
.sm a.sub{padding-left:26px;font-size:.8rem;color:var(--mu)}.sm a.sub:hover{color:var(--ac)}
@media(max-width:900px){.sm a.sub{padding-left:22px}}
@media(prefers-reduced-motion:reduce){#ppo.on,#ppo #pp{animation:none}}