@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Space+Grotesk:wght@500;700&display=swap');

:root{--bg:#0b0c0e;--panel:#141518;--line:#26282d;--tx:#ececea;--mu:#8f9199;--ac:#3ea3e7;--ac2:#7dd3fc;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--disp:"Plus Jakarta Sans","Space Grotesk",var(--sans);--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 520px at 85% -10%,rgba(62,163,231,.16),transparent 60%),radial-gradient(700px 400px at -10% 25%,rgba(125,211,252,.06),transparent 60%),radial-gradient(rgba(255,255,255,.028) 1px,transparent 1.4px);background-size:auto,auto,26px 26px}
a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:rgba(11,12,14,.8);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:58px;gap:12px}
.logo{font:600 16px var(--mono);text-decoration:none}.logo i{color:var(--ac);font-style:normal}
.navr{display:flex;gap:10px;align-items:center}
.btn{font:600 13px var(--mono);border:1px solid var(--line);background:var(--panel);color:var(--tx);border-radius:10px;padding:9px 14px;cursor:pointer;text-decoration:none;display:inline-block;transition:.15s}
.btn:hover{border-color:var(--ac);transform:translateY(-1px)}
.btn.p{background:var(--ac);border-color:var(--ac);color:#04121c}.btn.p:hover{background:var(--ac2)}
.hero{padding:84px 0 48px}
.eyebrow{font:12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac);margin-bottom:20px}
h1{font:400 clamp(42px,8.5vw,96px)/1 var(--serif);letter-spacing:-.03em;max-width:12em}h1 em{font-style:italic;color:var(--ac)}
.lede{margin-top:26px;max-width:38em;font-size:18px;color:#b6b8bf}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.stats div{border:1px solid var(--line);border-radius:12px;padding:10px 16px;background:var(--panel)}
.stats b{display:block;font:600 24px var(--mono);color:var(--ac)}.stats span{font:12px var(--mono);color:var(--mu)}
.flag{margin:30px 0 10px;border:1px solid var(--line);border-radius:16px;padding:26px;background:linear-gradient(135deg,rgba(62,163,231,.14),transparent 60%),var(--panel);display:grid;gap:10px}
.flag .tag{font:11px var(--mono);letter-spacing:.14em;color:var(--ac)}
.flag h2{font:400 32px var(--serif)}.flag p{color:#b6b8bf;max-width:50em}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}.chips span{font:12px var(--mono);border:1px solid var(--line);border-radius:999px;padding:4px 11px;color:var(--mu)}
.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:30px 0}
.how div{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--panel)}.how b{font:600 12px var(--mono);color:var(--ac)}.how p{margin-top:6px;color:#b6b8bf;font-size:15px}
.bar{position:sticky;top:58px;z-index:15;background:rgba(11,12,14,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 0}
.bar .wrap{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bar input{flex:1;min-width:200px;background:var(--panel);border:1px solid var(--line);color:var(--tx);border-radius:10px;padding:10px 14px;font:14px var(--sans)}
.pills{display:flex;gap:6px;flex-wrap:wrap;width:100%}
.pill{font:12px var(--mono);border:1px solid var(--line);background:transparent;color:var(--mu);border-radius:999px;padding:5px 11px;cursor:pointer}.pill.on{background:var(--ac);border-color:var(--ac);color:#04121c}
section.cat{padding:48px 0 10px}
.ch{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}.ch b{font:600 12px var(--mono);color:var(--ac);background:rgba(62,163,231,.1);border:1px solid rgba(62,163,231,.3);border-radius:8px;padding:4px 10px;letter-spacing:.08em}.ch h2{font:400 clamp(26px,4vw,36px) var(--serif)}.ch span{font:12px var(--mono);color:var(--mu)}
.cd{color:var(--mu);margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.card{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel);display:flex;flex-direction:column;gap:8px;transition:.18s}
.card:hover{border-color:var(--ac);transform:translateY(-2px)}
.card .id{font:600 12px var(--mono);color:var(--ac)}.card h3{font:600 16px var(--sans)}.card p{color:#a9abb2;font-size:14px;flex:1}
.card .pr{font:600 13px var(--mono);color:var(--ac2)}
.card.sel{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac) inset}
.card .b{display:flex;gap:6px}.card .b button{font:600 12px var(--mono);border-radius:8px;padding:7px 10px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--tx)}
.card .b button.o{background:var(--ac);color:#04121c;border-color:var(--ac)}
.empty{padding:40px 0;color:var(--mu);font:14px var(--mono)}
footer{margin-top:70px;border-top:1px solid var(--line);padding:36px 0 90px;color:var(--mu);font:13px var(--mono)}
.tray{position:fixed;left:50%;transform:translate(-50%,120px);bottom:16px;z-index:30;background:var(--panel);border:1px solid var(--ac);border-radius:14px;padding:10px 12px;display:flex;gap:12px;align-items:center;transition:.25s;box-shadow:0 10px 40px rgba(0,0,0,.5);max-width:94vw}
.tray.on{transform:translate(-50%,0)}.tray span{font:13px var(--mono)}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:40;display:none;align-items:flex-start;justify-content:center;overflow:auto;padding:30px 14px}
.ov.on{display:flex}
.modal{width:min(720px,100%);background:#101114;border:1px solid var(--line);border-radius:18px;padding:24px;margin:auto}
.modal h2{font:400 28px var(--serif);margin-bottom:4px}.modal .sub{color:var(--mu);font-size:14px;margin-bottom:16px}
.items{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.items div{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}.items button{background:none;border:0;color:var(--mu);cursor:pointer;font:13px var(--mono)}
label{display:block;font:600 12px var(--mono);color:var(--ac);margin:14px 0 6px}
label small{color:var(--mu);font-weight:400}
.f input,.f textarea,.f select{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--tx);border-radius:10px;padding:10px 12px;font:14px var(--sans)}
.f textarea{min-height:90px;resize:vertical}
.opts{display:flex;flex-wrap:wrap;gap:6px}.opts button{font:12px var(--mono);border:1px solid var(--line);background:transparent;color:var(--mu);border-radius:999px;padding:6px 12px;cursor:pointer}.opts button.on{background:var(--ac);border-color:var(--ac);color:#04121c}
.sw{display:flex;gap:8px;align-items:center}.sw input[type=color]{width:46px;height:38px;padding:2px;border-radius:8px}
.out{width:100%;min-height:260px;margin-top:10px;background:#07080a;border:1px solid var(--line);color:#d8f0ff;border-radius:12px;padding:14px;font:13px/1.55 var(--mono)}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.note{font:12px var(--mono);color:var(--mu);margin-top:10px}
.sec{border-top:1px solid var(--line);margin-top:18px;padding-top:4px}.sec h4{font:600 13px var(--mono);color:var(--tx);margin-top:12px}

.pv{border:1px solid var(--line);border-radius:10px;background:#0e1013;height:160px;overflow:hidden;position:relative;padding:10px;font-size:12px}
.pv .wg{height:100%;display:flex;flex-direction:column;gap:6px;justify-content:center}
.pv button{font:600 11px var(--mono);border:1px solid var(--line);background:var(--panel);color:var(--tx);border-radius:7px;padding:4px 9px;cursor:pointer}
.pv button:hover{border-color:var(--ac)}
.pv input{font:12px var(--sans);background:#07080a;border:1px solid var(--line);color:var(--tx);border-radius:7px;padding:4px 7px;min-width:0}
.pv .row2{display:flex;align-items:center;gap:10px}
.pv .cap{font:9px var(--mono);color:var(--mu);text-align:center}
.pv .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));display:grid;place-items:center;font:600 10px var(--mono);color:#04121c;flex:none}
.pv .nm{display:block;font-size:12px}
.pv .ty{font:11px var(--mono);color:var(--ac2);transition:opacity .25s;display:block}
.pv .g4{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px}
.pv .g4>div{border-radius:8px;padding:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;transition:.15s;min-height:100px}
.pv .g4>div:hover{transform:translateY(-2px)}
.pv .g4 .feat{outline:2px solid var(--ac2)}
.pv .g4 b{font-size:10px}.pv .g4 span{font-size:8px;color:#04121c;background:rgba(255,255,255,.65);border-radius:4px;padding:0 4px;width:fit-content;font-family:var(--mono)}
.pv .t1{background:linear-gradient(135deg,#1c4a6e,#3ea3e7)}.pv .t2{background:linear-gradient(135deg,#3b2d5e,#8b6fd8)}.pv .t3{background:linear-gradient(135deg,#5e2d42,#d86fa8)}.pv .t4{background:linear-gradient(135deg,#2d5e45,#6fd88b)}
.pv .crow{flex-direction:row!important;justify-content:center;gap:6px;flex-wrap:wrap}
.pv .cal{justify-content:flex-start}
.pv .cm{font:600 10px var(--mono);color:var(--ac2);text-align:center}
.pv .cg{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;text-align:center}
.pv .cg i{font:9px var(--mono);font-style:normal;color:var(--mu);padding:1px 0}
.pv .cg b{font:10px var(--mono);font-weight:400;padding:1px 0;border-radius:4px;cursor:pointer}
.pv .cg b:hover{background:var(--panel)}
.pv .cg .td{background:var(--ac);color:#04121c;font-weight:700}
.pv .cg .bs{background:rgba(237,66,69,.35);color:#ffb4b6}
.pv .gal{display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px}
.pv .gal>div:not(.lb){border-radius:7px;cursor:pointer;min-height:56px;transition:.15s}
.pv .gal>div:not(.lb):hover{transform:scale(1.04)}
.pv .g1{background:linear-gradient(135deg,#1c4a6e,#3ea3e7)}.pv .g2{background:linear-gradient(135deg,#5e2d42,#d86fa8)}.pv .g3{background:linear-gradient(135deg,#2d5e45,#6fd88b)}.pv .g4x{background:linear-gradient(135deg,#5e4a2d,#d8b46f)}.pv .g5{background:linear-gradient(135deg,#3b2d5e,#8b6fd8)}.pv .g6{background:linear-gradient(135deg,#333,#777)}
.pv .lb{position:absolute;inset:0;display:none;align-items:flex-end;justify-content:center;font:10px var(--mono);color:#fff;padding:8px;cursor:pointer;background-size:cover;z-index:2}
.pv .lb.on{display:flex}
.pv .chps{display:flex;gap:5px;justify-content:center}
.pv .chps b{font:10px var(--mono);font-weight:400;border:1px solid var(--line);border-radius:99px;padding:2px 9px;cursor:pointer}
.pv .chps b.on{background:var(--ac);color:#04121c;border-color:var(--ac)}
.pv .fl{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
.pv .fl span{font:10px var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:3px 8px}
.pv .soc{display:flex;gap:7px}
.pv .soc b{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;font:10px var(--mono);cursor:pointer;transition:.15s}
.pv .soc b:hover{border-color:var(--ac);transform:translateY(-2px);color:var(--ac2)}
.pv .blg{overflow:auto;justify-content:flex-start}
.pv .post{border:1px solid var(--line);border-radius:8px;padding:6px 9px;cursor:pointer;flex:none}
.pv .post b{font-size:11px;font-weight:600}
.pv .post p{display:none;font-size:10px;color:var(--mu);margin-top:3px}
.pv .post.open p{display:block}
.pv .gb{justify-content:flex-start}
.pv .glist{flex:1;overflow:auto;display:flex;flex-direction:column;gap:3px;font-size:10px}
.pv .glist b{color:var(--ac2)}
.pv .glist i{color:var(--mu);font-size:10px}
.pv .gform{display:flex;gap:4px;flex:none}
.pv .gform .gn{width:64px}
.pv .gform .gm{flex:1}
.pv .eq{display:flex;align-items:flex-end;gap:2px;height:34px;flex:none}
.pv .eq i{width:4px;background:var(--ac);border-radius:2px;height:30%;animation:eq 1s ease-in-out infinite}
.pv .eq i:nth-child(2){animation-delay:.2s}.pv .eq i:nth-child(3){animation-delay:.45s}.pv .eq i:nth-child(4){animation-delay:.1s}.pv .eq i:nth-child(5){animation-delay:.3s}
.pv .eq.sm{height:22px}.pv .eq.sm i{width:3px}
.pv .paused .eq i{animation-play-state:paused}
@keyframes eq{0%,100%{height:22%}50%{height:100%}}
.pv .tr{flex:1;min-width:0}
.pv .tr b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv .tr span{font-size:9px;color:var(--mu)}
.pv .pg{height:4px;background:var(--line);border-radius:2px;margin-top:5px}
.pv .pg i{display:block;height:100%;width:0;background:var(--ac);border-radius:2px}
.pv .dot{width:12px;height:12px;border-radius:50%;background:#747f8d;box-shadow:0 0 0 3px rgba(255,255,255,.06);flex:none}
.pv .st{font-size:10px;color:var(--mu);display:block}
.pv .pulse{width:10px;height:10px;border-radius:50%;background:#3ba55d;animation:pl 1.6s infinite;flex:none}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(59,165,93,.5)}70%{box-shadow:0 0 0 8px rgba(59,165,93,0)}100%{box-shadow:0 0 0 0 rgba(59,165,93,0)}}
.pv .up{font-size:9px;color:var(--mu);display:block;font-family:var(--mono)}
.pv .tl{flex-direction:row!important;justify-content:space-between;position:relative;padding-top:16px}
.pv .tl:before{content:"";position:absolute;top:20px;left:10%;right:10%;height:2px;background:var(--line)}
.pv .ti{position:relative;text-align:center;cursor:pointer;flex:1}
.pv .ti:before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:var(--line);transition:.15s}
.pv .ti.on:before{background:var(--ac);box-shadow:0 0 0 4px rgba(62,163,231,.25)}
.pv .ti b{display:block;font:600 10px var(--mono)}
.pv .ti span{font-size:9px;color:var(--mu)}
.pv .cnt{flex-direction:row!important;justify-content:space-around;text-align:center}
.pv .cnt b{font:600 22px var(--mono);color:var(--ac2);display:block}
.pv .cnt span{font-size:9px;color:var(--mu)}
.pv .now{gap:4px}
.pv .now div{font-size:11px}
.pv .now b{color:var(--ac2);font-family:var(--mono);font-size:10px}
.pv .upd{font:9px var(--mono);color:var(--mu)}
.pv .uses{gap:5px;justify-content:center}
.pv .uses div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:3px 2px;font-size:11px;transition:.15s}
.pv .uses div:hover{padding-left:7px;border-color:var(--ac)}
.pv .uses b{font-family:var(--mono);font-size:10px;color:var(--ac2)}
.pv .uses span{color:var(--mu);font-size:10px}
.pv .pl{gap:4px;justify-content:center}
.pv .tk{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:7px;padding:5px 9px;cursor:pointer;font-size:10px;transition:.12s}
.pv .tk span{color:var(--mu);font-family:var(--mono)}
.pv .tk.on{border-color:var(--ac);color:var(--ac2)}
.pv .tk.on b:after{content:" ♪"}
.pv .qt{align-items:center;text-align:center;cursor:pointer}
.pv .qt .q{font:italic 400 13px var(--serif);transition:opacity .25s;margin:0}
.pv .qt span{font:9px var(--mono);color:var(--mu)}
.pv .bd{flex-direction:row!important;flex-wrap:wrap;gap:6px;align-content:center;justify-content:center}
.pv .bd i{font:600 10px var(--mono);font-style:normal;border:1px solid var(--line);border-radius:99px;padding:5px 10px;cursor:default;transition:.15s}
.pv .bd i:hover{border-color:var(--ac);transform:scale(1.07);color:var(--ac2)}
.pv .cl{gap:6px;justify-content:center}
.pv .cl div{font-size:11px;border-left:2px solid var(--line);padding-left:8px}
.pv .cl b{font:600 10px var(--mono);color:var(--ac2);margin-right:6px}
.pv .new{font:8px var(--mono);background:var(--ac);color:#04121c;border-radius:4px;padding:1px 5px;animation:nw 1.8s infinite}
@keyframes nw{50%{opacity:.45}}
.pv .cv{justify-content:center;gap:8px}
.pv .tabs{display:flex;gap:4px}
.pv .tabs b{font:10px var(--mono);font-weight:400;border-bottom:2px solid transparent;cursor:pointer;padding:2px 7px;color:var(--mu)}
.pv .tabs b.on{border-color:var(--ac);color:var(--ac2)}
.pv .tb{font-size:10px;line-height:1.7;color:#c9ccd3}
.pv .mcal{display:grid;grid-template-columns:repeat(7,6px);gap:2px}
.pv .mcal i{width:6px;height:6px;border-radius:1px;background:var(--line)}
.pv .mcal i.on{background:var(--ac)}
#c-ME .grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}


.card{cursor:pointer}
.hsearch{margin-top:28px;max-width:600px}
.hsearch input{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--tx);border-radius:12px;padding:15px 18px;font:16px var(--sans)}
.hsearch input:focus{border-color:var(--ac);outline:none}
.ppov{position:fixed;inset:0;background:var(--bg);z-index:40;overflow:auto}
.ppi{padding:36px 22px 90px;max-width:880px}
.pb{font:12px var(--mono);color:var(--ac);text-decoration:none}
.pid{font:600 12px var(--mono);color:var(--ac);margin-top:24px}
h1.pt{font:400 clamp(30px,5vw,54px)/1.05 var(--serif);letter-spacing:-.02em;margin:8px 0 10px}
.prbig{font:600 16px var(--mono);color:var(--ac2);margin-bottom:14px}
.pd{color:#b6b8bf;max-width:44em;font-size:17px;margin:0}
.plab{display:block;font:600 12px var(--mono);color:var(--ac);letter-spacing:.12em;margin:28px 0 10px}
.pv.bigpv{height:280px}
.pincl{margin:0;padding-left:18px;color:#c9ccd3;display:flex;flex-direction:column;gap:5px}
.psteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.psteps div{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel)}
.psteps b{font:600 12px var(--mono);color:var(--ac)}
.psteps p{font-size:13px;color:#b6b8bf;margin-top:4px}
.pfq .post{padding:10px 12px}
.pv .slots{display:flex;gap:6px}
.pv .slots i{width:16px;height:16px;border-radius:5px;background:var(--line);cursor:pointer;transition:.15s}
.pv .slots i.on{background:#3ba55d}
.pv .slc{font-size:12px;display:block}
.pv .vw{display:block;overflow:hidden}
.pv .vtrack{display:flex;flex-direction:column;gap:6px;animation:vsc 9s linear infinite}
.pv .vw:hover .vtrack{animation-play-state:paused}
@keyframes vsc{to{transform:translateY(-50%)}}
.pv .vc{border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:10px;flex:none}
.pv .vc b{color:#faa81a;margin-right:5px}
.pv .vc span{color:var(--mu);font:9px var(--mono)}


.annc{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(62,163,231,.1);border-bottom:1px solid rgba(62,163,231,.25);color:var(--ac2);font:600 12px var(--mono);padding:7px 12px;letter-spacing:.04em}
.dotlive{width:8px;height:8px;border-radius:50%;background:#3ba55d;animation:pl 1.6s infinite}
.xsect{padding:56px 0 8px}
.xgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.xcard{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel);transition:.18s;position:relative}
.xcard:hover{border-color:var(--ac);transform:translateY(-2px)}
.xmock{height:110px;border-radius:10px;border:1px solid var(--line);background:#0e1013;margin-bottom:12px;display:flex;gap:6px;padding:10px;overflow:hidden}
.xmock i{flex:1;border-radius:6px;opacity:.85;transition:.3s}
.xcard:hover .xmock i{opacity:1;transform:translateY(-2px)}
.xmock.m1 i:nth-child(1){background:linear-gradient(160deg,#1c4a6e,#3ea3e7)}.xmock.m1 i:nth-child(2){background:linear-gradient(160deg,#123,#1c4a6e)}.xmock.m1 i:nth-child(3){background:linear-gradient(160deg,#2d5e45,#6fd88b)}
.xmock.m2 i:nth-child(1){background:linear-gradient(160deg,#3b2d5e,#8b6fd8)}.xmock.m2 i:nth-child(2){background:linear-gradient(160deg,#223,#3b2d5e)}.xmock.m2 i:nth-child(3){background:linear-gradient(160deg,#1c4a6e,#3ea3e7)}
.xmock.m3 i:nth-child(1){background:linear-gradient(160deg,#5e2d42,#d86fa8)}.xmock.m3 i:nth-child(2){background:linear-gradient(160deg,#322,#5e2d42)}.xmock.m3 i:nth-child(3){background:linear-gradient(160deg,#5e4a2d,#d8b46f)}
.xmock.m4 i:nth-child(1){background:linear-gradient(160deg,#444,#888)}.xmock.m4 i:nth-child(2){background:linear-gradient(160deg,#222,#444)}.xmock.m4 i:nth-child(3){background:linear-gradient(160deg,#1c4a6e,#3ea3e7)}
.xcard h3{font:600 16px var(--sans)}
.xd{color:#a9abb2;font-size:13px;margin:4px 0 10px}
.xitems{display:flex;flex-wrap:wrap;gap:5px}
.xwi{font:11px var(--mono);border:1px solid var(--line);border-radius:99px;padding:3px 9px;color:var(--ac2);cursor:pointer;transition:.12s}
.xwi:hover{border-color:var(--ac);background:rgba(62,163,231,.12)}
.xsum{margin-top:12px;font:600 12px var(--mono);color:var(--mu)}
.xpop{position:fixed;z-index:60;width:280px;border:1px solid var(--ac);border-radius:12px;background:#101216;padding:12px;box-shadow:0 12px 40px rgba(0,0,0,.6);pointer-events:none}
.xpop .xh{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.xpop .xid{font:600 10px var(--mono);color:var(--ac)}
.xpop .xp{font:600 11px var(--mono);color:var(--ac2)}
.xpop h4{font:600 13px var(--sans);margin:4px 0 4px}
.xpop p{font-size:11px;color:#a9abb2;margin:0 0 8px}
.xpop .go{font:600 10px var(--mono);color:var(--ac)}
.xpop .pv{height:120px;margin-bottom:8px}
.cta2{margin:64px auto 0;max-width:1180px;padding:40px 22px;text-align:center;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(62,163,231,.1),transparent 55%),var(--panel)}
.cta2 h2{font:400 clamp(28px,4vw,44px) var(--serif);letter-spacing:-.02em}
.cta2 p{color:#b6b8bf;margin:10px 0 20px}
.card{opacity:0;transform:translateY(14px)}
.card.in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease,border-color .18s,box-shadow .18s}
.pv{transition:box-shadow .2s,border-color .2s}
.card:hover .pv{border-color:rgba(62,163,231,.5);box-shadow:0 4px 24px rgba(62,163,231,.12)}
.pv input:focus,.pv button:focus-visible{outline:1px solid var(--ac)}

@media(max-width:560px){.navr .hide{display:none}}

/* demo site layout */
.wrap2{max-width:880px;margin:0 auto;padding:0 20px}
.dhero{padding:56px 0 26px;border-bottom:1px solid var(--line);margin-bottom:30px}
.dhero .tag{font:700 10px var(--mono);letter-spacing:.2em;color:var(--ac);text-transform:uppercase}
.dhero h1{font:700 clamp(38px,7vw,64px)/1.05 var(--serif);margin:10px 0 6px}
.dhero p{color:var(--mu);font-size:15px}
.msec{margin-bottom:30px}
.msec>h2{font:700 11px var(--mono);color:var(--mu);text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}
.msec .pv{height:auto;min-height:230px;font-size:13px}
.dfoot{border-top:1px solid var(--line);margin-top:40px;padding:22px 0 50px;color:var(--mu);font:13px var(--mono)}
.dfoot a{color:var(--ac);text-decoration:none}
.dfoot a:hover{text-decoration:underline}

/* hover-to-identify */
[data-demo]{position:relative}
[data-demo]:hover{outline:2px solid var(--ac);outline-offset:2px}
.dtag{position:absolute;top:8px;left:8px;z-index:5;background:rgba(8,10,13,.93);border:1px solid var(--ac);border-radius:8px;padding:6px 10px;font:600 10px var(--mono);color:#ececea;opacity:0;pointer-events:none;transition:.15s;transform:translateY(4px)}
[data-demo]:hover .dtag{opacity:1;transform:none;pointer-events:auto}
.dtag a{color:var(--ac);text-decoration:none;display:block;margin-top:2px}
.dtag a:hover{text-decoration:underline}

/* ===== widget library v3 - reference DNA: parker glass/chips/counter, iltz580 eyebrow pill + gradient type, wyatt ring avatars + circular buttons, zhar1f09 circles/quote cards/music bar, mxst stat cells + grid bg, gametime numerals ===== */
.pv .wp{height:100%;display:flex;flex-direction:column;gap:9px;min-height:0;text-align:left;position:relative}
.pv .wey{display:inline-flex;align-items:center;gap:6px;font:600 8.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);background:color-mix(in srgb,var(--ac) 9%,transparent);border-radius:999px;padding:4px 10px;width:fit-content;flex:none}
.pv .wey::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ac);flex:none}
.pv .wey2{display:inline-flex;align-items:center;gap:6px;font:600 8.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mu)}
.pv .wst{font:800 16px/1.15 var(--disp);letter-spacing:-.02em;color:var(--tx)}
.pv .wgtx{background:linear-gradient(92deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.pv .wm{font:9.5px/1.5 var(--mono);color:var(--mu)}
.pv .wtx{font:12px/1.55 var(--sans);color:#c9c9c4}
.pv .wpanel{background:rgba(17,24,39,.55);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:10px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pv .wtag{display:inline-flex;align-items:center;font:600 8.5px var(--mono);letter-spacing:.06em;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:2.5px 9px;color:var(--mu);white-space:nowrap;flex:none}
.pv .wtag.lv{background:var(--ac);border-color:var(--ac);color:#0b0f17}
.pv .wrow{display:flex;align-items:baseline;gap:8px;padding:6px 2px;border-top:1px solid rgba(255,255,255,.07);min-width:0}
.pv .wrow:first-child{border-top:0}
.pv .wrow .wn{font:9px var(--mono);color:var(--mu);flex:none;width:16px}
.pv .wrow .wb{flex:1;min-width:0}
.pv .wrow .wb b{display:block;font:700 13px/1.25 var(--disp);letter-spacing:-.01em;color:var(--tx)}
.pv .wrow .wb span{display:block;font:9.5px/1.4 var(--mono);color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv a.wrow,.pv .wrow.ck{text-decoration:none;cursor:pointer;transition:background .2s,padding .2s}
.pv a.wrow:hover,.pv .wrow.ck:hover{background:rgba(255,255,255,.04);padding-left:6px}
.pv .warr{color:var(--mu);font:11px var(--mono);transition:transform .2s,color .2s;flex:none}
.pv a.wrow:hover .warr,.pv .wrow.ck:hover .warr{transform:translateX(3px);color:var(--ac)}
.pv button{font:600 10.5px var(--mono);border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:var(--tx);border-radius:10px;padding:5px 12px;cursor:pointer;transition:all .16s}
.pv button:hover{border-color:var(--ac);color:var(--ac);transform:translateY(-1px)}
.pv button.wpri{background:var(--ac);border-color:var(--ac);color:#0b0f17}
.pv button.wpri:hover{filter:brightness(1.12);color:#0b0f17;box-shadow:0 4px 14px color-mix(in srgb,var(--ac) 40%,transparent)}
.pv input,.pv textarea{font:11px var(--mono);background:rgba(7,8,10,.6);border:1px solid rgba(255,255,255,.11);color:var(--tx);border-radius:10px;padding:6px 9px;min-width:0;outline:none;transition:border-color .15s,box-shadow .15s}
.pv input:focus,.pv textarea:focus{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 18%,transparent)}
.pv .wfill{flex:1;min-height:0}
.pv .wcen{margin:auto;text-align:center}
.pv .wwho{display:flex;align-items:center;gap:11px}
.pv .wav{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));display:grid;place-items:center;font:800 17px var(--disp);color:#0b0f17;flex:none;box-shadow:0 0 0 2.5px rgba(11,15,23,.9),0 0 0 4.5px color-mix(in srgb,var(--ac) 60%,transparent),0 6px 18px color-mix(in srgb,var(--ac) 28%,transparent)}
.pv .wty{font:10px var(--mono);color:var(--ac2);transition:opacity .25s}
.pv .wty::after{content:'_';animation:wblink 1.1s steps(1) infinite;color:var(--ac)}
@keyframes wblink{50%{opacity:0}}
.pv .wgrid::before{content:"";position:absolute;inset:-12px;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at 25% 15%,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse at 25% 15%,#000 25%,transparent 72%);pointer-events:none}
.pv .wdc{display:flex;flex-direction:column;gap:9px}
.pv .wdh{display:flex;justify-content:space-between;align-items:center;width:100%;background:rgba(17,24,39,.55);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:11px 14px;cursor:pointer;text-align:left;transition:all .18s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pv .wdh:hover{border-color:color-mix(in srgb,var(--ac) 60%,transparent);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.35)}
.pv .wdh b{display:block;font:800 16px/1.2 var(--disp);letter-spacing:-.01em;color:var(--tx)}
.pv .wdh span{display:block;font:9px var(--mono);color:var(--mu)}
.pv .wdh em{font:8.5px var(--mono);color:var(--ac);font-style:normal}
.pv .wcalh{display:flex;align-items:center;justify-content:space-between}
.pv .wcalh b{font:700 13px var(--disp);color:var(--tx)}
.pv .wcalh button{width:20px;height:20px;padding:0;display:grid;place-items:center}
.pv .wcg{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.pv .wcg i{font:7.5px var(--mono);font-style:normal;color:var(--mu);text-align:center;padding:1px 0}
.pv .wcg b{position:relative;font:400 9px/1.9 var(--mono);color:var(--tx);text-align:center;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:border-color .15s,background .15s}
.pv .wcg b:hover{border-color:#44444a}
.pv .wcg b.td{box-shadow:inset 0 0 0 1px #77777d}
.pv .wcg b.sel{border-color:var(--ac);background:rgba(62,163,231,.12)}
.pv .wcg b.zu::after{content:'';position:absolute;left:3px;right:3px;bottom:1px;border-top:2px dashed var(--ac)}
.pv .wleg{display:flex;gap:10px;font:8px var(--mono);color:var(--mu);align-items:center}
.pv .wleg i{display:inline-block;width:10px;height:6px;border-top:2px dashed var(--ac);vertical-align:1px;margin-right:4px}
.pv .wgal{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;flex:1;min-height:110px}
.pv .wgal>div{border-radius:10px;cursor:pointer;transition:transform .18s,box-shadow .18s;position:relative}
.pv .wgal>div:hover{transform:scale(1.04);box-shadow:0 6px 16px -8px #000;z-index:1}
.pv .wlb{display:none;align-items:center;justify-content:space-between;gap:8px;background:rgba(17,24,39,.7);border:1px solid rgba(255,255,255,.1);border-top:2px solid var(--ac);border-radius:12px;padding:6px 10px;font:9.5px var(--mono);color:var(--tx)}
.pv .wlb.on{display:flex}
.pv .wlb button{padding:1px 7px}
.pv .wvt{display:inline-flex;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;width:fit-content}
.pv .wvt button{border:0;border-radius:0;background:none;color:var(--mu);font:10px var(--mono);padding:4px 12px}
.pv .wvt button:hover{color:var(--tx)}
.pv .wvt button.on{background:var(--ac);color:#0b0f17}
.pv .wpan{display:none;flex:1;min-height:0}
.pv .wpan.on{display:flex}
.pv .wgb{display:flex;flex-direction:column;gap:7px;flex:1;min-height:0;overflow:hidden}
.pv .wgb .we{padding:8px 11px;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px;background:rgba(17,24,39,.5)}
.pv .wgb .we b{font:600 10px var(--mono);color:var(--ac)}
.pv .wgb .we i{font:8.5px var(--mono);color:var(--mu);font-style:normal;margin-left:6px}
.pv .wgb .we p{font:11.5px/1.5 var(--sans);color:#d6d6d1;margin-top:2px}
.pv .wgform{display:flex;gap:6px}
.pv .wgform input{flex:1}
.pv .wnp{display:flex;gap:11px;align-items:center;background:rgba(17,24,39,.55);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:10px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pv .walb{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--ac),var(--ac2));flex:none;display:grid;place-items:center;box-shadow:0 6px 16px color-mix(in srgb,var(--ac) 28%,transparent)}
.pv .weq{display:flex;gap:2px;align-items:flex-end;height:16px}
.pv .weq i{width:3px;background:#0b0f17;border-radius:1px;animation:weq 1s ease-in-out infinite}
.pv .weq i:nth-child(1){height:60%;animation-delay:0s}.pv .weq i:nth-child(2){height:100%;animation-delay:.2s}.pv .weq i:nth-child(3){height:40%;animation-delay:.35s}.pv .weq i:nth-child(4){height:80%;animation-delay:.5s}
.pv .weq.off i{animation:none;height:30%}
@keyframes weq{50%{transform:scaleY(.4)}}
.pv .wplay{width:32px!important;height:32px;border-radius:50%!important;padding:0!important;background:var(--ac)!important;border-color:var(--ac)!important;color:#0b0f17!important;font-size:10px!important;display:grid;place-items:center;margin-left:auto;flex:none}
.pv .wplay:hover{filter:brightness(1.12);color:#0b0f17!important;box-shadow:0 4px 14px color-mix(in srgb,var(--ac) 45%,transparent)}
.pv .wprog{height:3px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;margin-top:9px}
.pv .wprog i{display:block;height:100%;width:35%;background:linear-gradient(90deg,var(--ac),var(--ac2));transition:width 1s linear;border-radius:3px}
.pv .wpt{display:flex;justify-content:space-between;font:8.5px var(--mono);color:var(--mu);margin-top:4px}
.pv .wpr{display:flex;align-items:center;gap:11px}
.pv .wprav{position:relative;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#23262e,#14161b);display:grid;place-items:center;font:800 16px var(--disp);color:var(--tx);flex:none;border:1px solid rgba(255,255,255,.12)}
.pv .wprav i{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#3ba55d;border:2.5px solid #101214;box-shadow:0 0 10px #3ba55d}
.pv .wprav i.idle{background:#faa81a;box-shadow:0 0 10px #faa81a}
.pv .wprav i.dnd{background:#ed4245;box-shadow:0 0 10px #ed4245}
.pv .wsb{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:8px 18px;background:rgba(17,24,39,.55);cursor:pointer;font:700 11.5px var(--disp);letter-spacing:-.01em;color:var(--tx);transition:all .18s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pv .wsb:hover{border-color:var(--ac);transform:translateY(-1px)}
.pv .wsb .wd{width:8px;height:8px;border-radius:50%;background:#3ba55d;animation:wpulse 2s infinite}
.pv .wsb.busy .wd{background:#faa81a}
.pv .wsb.closed .wd{background:#ed4245;animation:none}
@keyframes wpulse{0%{box-shadow:0 0 0 0 rgba(59,165,93,.5)}70%{box-shadow:0 0 0 6px transparent}100%{box-shadow:0 0 0 0 transparent}}
.pv .wtl{position:relative;padding-left:14px;display:flex;flex-direction:column;gap:8px}
.pv .wtl::before{content:'';position:absolute;left:3px;top:4px;bottom:4px;border-left:1px solid rgba(255,255,255,.1)}
.pv .wtl .we{position:relative}
.pv .wtl .we::before{content:'';position:absolute;left:-13.5px;top:4px;width:6px;height:6px;border-radius:50%;background:var(--ac);box-shadow:0 0 8px var(--ac)}
.pv .wtl .we b{font:9px var(--mono);color:var(--ac)}
.pv .wtl .we p{font:11px/1.4 var(--sans);color:#c9c9c4}
.pv .wfq{display:flex;flex-direction:column;gap:6px}
.pv .wfq .wi{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(17,24,39,.45);padding:2px 11px;transition:border-color .16s}
.pv .wfq .wi.on{border-color:color-mix(in srgb,var(--ac) 45%,transparent)}
.pv .wfq .wq{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;cursor:pointer;font:700 12px var(--disp);letter-spacing:-.01em;color:var(--tx)}
.pv .wfq .wq:hover{color:var(--ac)}
.pv .wfq .wq em{font-style:normal;color:var(--ac);flex:none;font-weight:400}
.pv .wfq .wa{max-height:0;overflow:hidden;transition:max-height .25s;font:11px/1.55 var(--sans);color:var(--mu)}
.pv .wfq .wi.on .wa{max-height:70px;padding:0 0 9px}
.pv .wct{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;flex:1;align-content:center}
.pv .wct .wpanel{text-align:center;padding:14px 6px}
.pv .wct b{display:block;font:800 24px/1 var(--disp);letter-spacing:-.02em;background:linear-gradient(92deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
.pv .wct span{display:block;margin-top:4px;font:600 8px var(--mono);color:var(--mu);letter-spacing:.12em;text-transform:uppercase}
.pv .wcdg{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;flex:1;align-content:center}
.pv .wcdg .wpanel{text-align:center;padding:12px 4px}
.pv .wcdg b{display:block;font:800 26px/1 var(--disp);letter-spacing:-.02em;color:var(--tx);font-variant-numeric:tabular-nums}
.pv .wcdg span{display:block;margin-top:4px;font:600 8px var(--mono);color:var(--mu);text-transform:uppercase;letter-spacing:.12em}
.pv .wkv{display:flex;gap:9px;padding:6px 2px;border-top:1px solid rgba(255,255,255,.07);align-items:baseline;transition:background .15s,padding .15s;border-radius:7px}
.pv .wkv:hover{background:rgba(255,255,255,.04);padding-left:8px;padding-right:8px}
.pv .wkv:first-child{border-top:0}
.pv .wkv>b{font:600 8.5px var(--mono);color:var(--ac);width:56px;flex:none;text-transform:uppercase;letter-spacing:.1em}
.pv .wkv>span{font:12px var(--sans);color:#d6d6d1;flex:1;min-width:0}
.pv .wkv>em{font:9.5px var(--mono);color:var(--mu);font-style:normal;flex:none}
.pv .wpl .wt2{display:flex;align-items:center;gap:7px;padding:5px 2px;border-top:1px solid rgba(255,255,255,.07);cursor:pointer;font:11px var(--sans);color:#c9c9c4}
.pv .wpl .wt2:first-child{border-top:0}
.pv .wpl .wt2:hover{color:var(--tx)}
.pv .wpl .wt2 .wn{font:9px var(--mono);color:var(--mu)}
.pv .wpl .wt2 .wd2{margin-left:auto;font:9px var(--mono);color:var(--mu)}
.pv .wpl .wt2.on{color:var(--ac)}
.pv .wqt{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;cursor:pointer;transition:opacity .2s}
.pv .wqt p{font:italic 400 14px/1.5 var(--serif);color:var(--tx)}
.pv .wqt span{font:9px var(--mono);color:var(--ac)}
.pv .wring{display:flex;align-items:center;justify-content:center;gap:8px;flex:1}
.pv .wring .wpanel{text-align:center;padding:8px 16px}
.pv .wring b{display:block;font:700 13px var(--disp);color:var(--tx)}
.pv .wring span{font:8.5px var(--mono);color:var(--mu)}
.pv .wbd{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-content:center;flex:1}
.pv .wbd span{display:grid;place-items:center;min-height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.1);font:8px var(--mono);color:var(--tx);cursor:pointer;transition:transform .15s,border-color .15s;background:rgba(17,24,39,.5)}
.pv .wbd span:hover{transform:translateY(-2px);border-color:var(--ac)}
.pv .wcl .we{display:flex;gap:8px;align-items:baseline;padding:5px 2px;border-top:1px solid rgba(255,255,255,.07)}
.pv .wcl .we:first-child{border-top:0}
.pv .wcl .wv{font:8.5px var(--mono);color:var(--ac);border:1px solid var(--ac);border-radius:4px;padding:0 5px;flex:none}
.pv .wcl .we p{font:10.5px/1.4 var(--sans);color:#c9c9c4;flex:1}
.pv .wcl .we i{font:8.5px var(--mono);color:var(--mu);font-style:normal;flex:none}
.pv .wqu{display:flex;flex-direction:column;gap:6px;flex:1}
.pv .wqu .ws{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:7px 10px;font:10px var(--mono);background:rgba(17,24,39,.45);transition:all .18s}
.pv .wqu .ws:hover{transform:translateX(2px)}
.pv .wqu .ws .nm{color:var(--tx);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv .wqu .ws.done{opacity:.55}
.pv .wqu .ws.done .nm{color:var(--mu);text-decoration:line-through}
.pv .wqu .ws.wip{border:1px dashed color-mix(in srgb,var(--ac) 55%,transparent)}
.pv .wqu .ws.wip .pct{color:var(--ac)}
.pv .wqu .ws.open{border-color:color-mix(in srgb,var(--ac) 55%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--ac) 16%,transparent)}
.pv .wqu .ws .wtag{flex:none}
.pv .wsite{flex:1;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(17,24,39,.5);overflow:hidden;display:flex;flex-direction:column;min-height:0}
.pv .wsite .wc2{display:flex;align-items:center;gap:4px;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.pv .wsite .wc2 i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.14)}
.pv .wsite .wc2 .wu{flex:1;margin-left:4px;height:9px;border-radius:4px;background:#0a0b0d;border:1px solid rgba(255,255,255,.08);font:6.5px/9px var(--mono);color:var(--mu);padding:0 5px;overflow:hidden}
.pv .wsite .wbd2{flex:1;padding:8px;display:flex;flex-direction:column;gap:5px}
.pv .wsite .whl{height:8px;width:55%;border-radius:3px;background:linear-gradient(90deg,var(--ac),transparent)}
.pv .wsite .wrl{height:4px;border-radius:2px;background:rgba(255,255,255,.1)}
.pv .wsite .wrl.s{width:80%}.pv .wsite .wrl.s2{width:65%}
.pv .wsite .wtz{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:2px}
.pv .wsite .wtz i{height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:#0e1013}
.pv .wchip{font:600 10px var(--mono);padding:5px 12px;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:var(--mu);transition:all .16s}
.pv .wchip:hover{border-color:var(--ac);color:var(--tx);transform:translateY(-1px)}
.pv .wchip.on{background:var(--ac);border-color:var(--ac);color:#0b0f17}
.pv .wgt{transition:all .2s cubic-bezier(.2,.7,.3,1)}
.pv .wgt:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ac) 55%,transparent)!important;box-shadow:0 10px 22px rgba(0,0,0,.4)}
.pv .wga b{display:inline-block;transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.pv .wgt:hover .wga b{transform:scale(1.18)}
.pv .wgtag{position:absolute;left:6px;bottom:6px;font:600 8px var(--mono);letter-spacing:.05em;background:rgba(7,9,12,.72);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:2px 8px;color:#e8e8e4;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.pv .wgb2 b{display:block;font:700 11px var(--disp);letter-spacing:-.01em;color:var(--tx)}
.pv .wcnt{display:inline-flex;align-items:center;gap:6px;font:600 9px var(--mono);color:var(--mu);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px 10px;width:fit-content}
.pv .wcnt b{color:var(--ac);font-weight:700}
.pv .wsoc{width:38px;height:38px;border-radius:50%!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.03)!important;display:grid;place-items:center;font:700 11px var(--disp)!important;color:var(--tx)!important;padding:0!important;cursor:pointer;transition:all .16s}
.pv .wsoc:hover{background:var(--ac)!important;border-color:var(--ac)!important;color:#0b0f17!important;transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--ac) 35%,transparent)}
.pv .wst5{color:#e8b93f!important;letter-spacing:2px;font-size:9px}
.pv .wpill{display:inline-flex;align-items:center;gap:7px;font:600 10px var(--mono);padding:5px 13px;border-radius:999px;border:1px solid;background:rgba(17,24,39,.5)}
.pv .wpill i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:wpulse 2s infinite}
.pv .wpill.ok{border-color:rgba(63,191,111,.5);color:#5fd98a}
.pv .wpill.warn{border-color:rgba(217,164,63,.5);color:#e8c15f}
.pv .wpill.bad{border-color:rgba(217,79,79,.5);color:#e87f7f}
.pv .wpill.bad i{animation:none}
.pv .wpb{flex:none;width:56px;height:5px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden;align-self:center}
.pv .wpb i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--ac),var(--ac2));position:relative;overflow:hidden;transition:width .4s}
.pv .wpb i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:wshim 1.6s infinite}
@keyframes wshim{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.pv .win{animation:win .35s ease both}
@keyframes win{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pv *{animation:none!important;transition:none!important}}
.pv{--tx:#ececea}
.msec .pv{display:flex;flex-direction:column}
.msec .pv .wp{flex:1;min-height:200px}
/* v3.1 modules: link stack (carrd wide buttons), announcement banner (parker gradient), project index (iltz580 density), poll, goal bar, video (wyatt play) */
.pv .wlink{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:9px 14px;font:700 12px var(--disp);letter-spacing:-.01em;color:var(--tx);text-decoration:none;background:rgba(17,24,39,.45);transition:all .16s}
.pv .wlink:hover{background:var(--ac);border-color:var(--ac);color:#0b0f17;transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--ac) 30%,transparent)}
.pv .wlink em{margin-left:auto;font-style:normal;opacity:.6}
.pv .wban{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:9px 18px;background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 24%,transparent),color-mix(in srgb,var(--ac2) 14%,transparent));border:1px solid color-mix(in srgb,var(--ac) 40%,transparent);font:600 10.5px var(--mono);width:fit-content;max-width:100%}
.pv .wban a{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;max-width:100%}
.pv .wban .wbdot{width:7px;height:7px;border-radius:50%;background:var(--ac);animation:wpulse 2s infinite;flex:none}
.pv .wban .wbant{color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv .wban .wbancta{color:var(--ac);font-weight:700;flex:none}
.pv .wrow .wy{font:9px var(--mono);color:var(--mu);flex:none}
.pv .wpoll{display:flex;flex-direction:column;gap:6px}
.pv .wpoll .wo{position:relative;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:7px 11px;font:600 10.5px var(--mono);color:var(--tx);cursor:pointer;overflow:hidden;transition:border-color .16s}
.pv .wpoll .wo:hover{border-color:var(--ac)}
.pv .wpoll .wo.mine{border-color:color-mix(in srgb,var(--ac) 60%,transparent)}
.pv .wpoll .wo i{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--ac) 22%,transparent);transition:width .55s cubic-bezier(.2,.7,.3,1)}
.pv .wpoll .wo .ol{position:relative;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv .wpoll .wo .op{position:relative;color:var(--ac);flex:none}
.pv .wgoal{height:11px;border-radius:7px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.pv .wgoal i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--ac),var(--ac2));position:relative;overflow:hidden;transition:width .5s}
.pv .wgoal i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:wshim 1.8s infinite}
.pv .wgoaln{display:flex;align-items:baseline;gap:8px}
.pv .wgoaln b{font:800 18px var(--disp);letter-spacing:-.02em;background:linear-gradient(92deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pv .wgoaln span{font:9.5px var(--mono);color:var(--mu)}
.pv .wvid{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);cursor:pointer;background:#0a0b0d;aspect-ratio:16/9}
.pv .wvid img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:opacity .2s,transform .3s}
.pv .wvid:hover img{opacity:1;transform:scale(1.02)}
.pv .wvid .wplay2{position:absolute;inset:0;margin:auto;width:48px;height:48px;border-radius:50%;background:var(--ac);color:#0b0f17;display:grid;place-items:center;font-size:14px;box-shadow:0 8px 24px color-mix(in srgb,var(--ac) 45%,transparent);transition:transform .16s}
.pv .wvid:hover .wplay2{transform:scale(1.1)}
.pv .wvid.on{cursor:default;aspect-ratio:16/9}
.pv .wvid iframe{width:100%;height:100%;border:0;display:block}

/* v3.2 - announcement strip */
.pv .wban2{display:flex;align-items:center;gap:12px;width:100%;border-radius:14px;padding:14px 18px;background:linear-gradient(92deg,var(--ac),var(--ac2));position:relative;overflow:hidden;color:#0b0b10;box-sizing:border-box}
.pv .wban2::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-100%);animation:wshim 2.8s infinite;pointer-events:none}
.pv .wban2 a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;width:100%}
.pv .wban2 .wbdot{width:8px;height:8px;border-radius:99px;background:#0b0b10;flex:none;animation:wpulse 1.6s infinite}
.pv .wban2 .wbant{font:700 12.5px var(--mono);letter-spacing:-.01em;flex:1;min-width:0}
.pv .wban2 .wbancta{font:700 10.5px var(--mono);background:#0b0b10;color:#fff;border-radius:999px;padding:6px 12px;white-space:nowrap;flex:none}

/* v3.3 - availability calendar */
.pv .wcal{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:2px}
.pv .wcalL{min-width:0}
.pv .wcal .wcalh{margin-bottom:8px}
.pv .wcal .wcalh b{font:800 13px var(--disp);letter-spacing:-.01em}
.pv .wcnav{width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#ececea;cursor:pointer;font:600 12px var(--mono);transition:all .15s}
.pv .wcnav:hover{background:var(--ac);color:#0b0b10;border-color:transparent}
.pv .wcdow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}
.pv .wcdow span{font:600 8px var(--mono);letter-spacing:.12em;opacity:.45;text-align:center}
.pv .wcgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.pv .wcd{position:relative;aspect-ratio:1;border-radius:9px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:#ececea;font:600 10px var(--mono);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}
.pv .wcd.x0{background:transparent;border-color:transparent;cursor:default}
.pv .wcd:not(.x0):hover{transform:translateY(-2px);border-color:rgba(255,255,255,.25)}
.pv .wcd.bz::after{content:'';position:absolute;left:15%;right:15%;bottom:4px;border-bottom:2px dashed var(--ac)}
.pv .wcd.aw{color:rgba(236,236,234,.35)}
.pv .wcd.aw i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;color:rgba(236,236,234,.3)}
.pv .wcd.td{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac),0 0 12px color-mix(in srgb,var(--ac) 35%,transparent)}
.pv .wcd.on{background:var(--ac);color:#0b0b10;border-color:transparent}
.pv .wcd.on::after{border-bottom-color:#0b0b10}
.pv .wcm2{margin-top:8px;font:500 9px var(--mono);opacity:.5}
.pv .wcm2 b{opacity:.9}
.pv .wcalR{border-left:1px solid rgba(255,255,255,.07);padding-left:14px;min-width:0}
.pv .wcdt{display:block;font:800 12px var(--disp);margin-bottom:8px;letter-spacing:-.01em}
.pv .wchours{position:relative;height:300px}
.pv .wchr{position:absolute;left:0;right:0;display:flex;align-items:flex-start;gap:8px}
.pv .wchr span{font:500 8px var(--mono);opacity:.4;width:16px;flex:none}
.pv .wchr i{flex:1;border-top:1px solid rgba(255,255,255,.06)}
.pv .wchb{position:absolute;left:26px;right:0;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pv .wchb em{font:600 9px var(--mono);letter-spacing:.08em;font-style:normal}
.pv .wchb.as{background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 6px,rgba(255,255,255,.02) 6px 12px);border:1px solid rgba(255,255,255,.08);color:rgba(236,236,234,.45)}
.pv .wchb.bz{background:color-mix(in srgb,var(--ac) 16%,transparent);border:1px dashed color-mix(in srgb,var(--ac) 65%,transparent);color:var(--ac)}
.pv .wchb.aw{background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 6px,rgba(255,255,255,.02) 6px 12px);border:1px solid rgba(255,255,255,.12);color:rgba(236,236,234,.5)}
@media(max-width:560px){.pv .wcal{grid-template-columns:1fr}.pv .wcalR{border-left:none;border-top:1px solid rgba(255,255,255,.07);padding-left:0;padding-top:12px}}

/* v3.4 - before/after, tiers, team, changelog */
.pv .wba{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.09);cursor:ew-resize;touch-action:pan-y;user-select:none}
.pv .wbai{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.pv .wbai.a{clip-path:inset(0 0 0 var(--p,50%))}
.pv .wbal{position:absolute;top:10px;font:700 9px var(--mono);letter-spacing:.1em;padding:4px 10px;border-radius:999px;background:rgba(8,8,12,.65);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12)}
.pv .wbal.b{left:10px}
.pv .wbal.a{right:10px;background:color-mix(in srgb,var(--ac) 80%,#000);color:#0b0b10;border-color:transparent}
.pv .wbah{position:absolute;top:0;bottom:0;left:var(--p,50%);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}
.pv .wbah i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:99px;background:var(--ac);color:#0b0b10;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.pv .wtier{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pv .wtc{position:relative;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);padding:16px 14px 14px;display:flex;flex-direction:column;gap:8px;transition:transform .15s,border-color .15s}
.pv .wtc:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22)}
.pv .wtc.best{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 8%,transparent);box-shadow:0 8px 28px color-mix(in srgb,var(--ac) 18%,transparent)}
.pv .wtp{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font:700 8.5px var(--mono);letter-spacing:.1em;background:var(--ac);color:#0b0b10;border-radius:999px;padding:3px 10px;white-space:nowrap}
.pv .wtc>b{font:800 13px var(--disp);letter-spacing:-.01em}
.pv .wtp2{font:800 17px var(--disp);background:linear-gradient(92deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.pv .wtc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;flex:1}
.pv .wtc li{font:500 10.5px var(--mono);opacity:.75;padding-left:16px;position:relative}
.pv .wtc li::before{content:'✓';position:absolute;left:0;color:var(--ac);font-weight:800}
.pv .wtb{border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#ececea;font:700 10.5px var(--mono);padding:9px;cursor:pointer;transition:all .15s}
.pv .wtb:hover{background:rgba(255,255,255,.12)}
.pv .wtb.on{background:var(--ac);color:#0b0b10;border-color:transparent}
.pv .wtb:active{transform:scale(.97)}
@media(max-width:560px){.pv .wtier{grid-template-columns:1fr}}
.pv .wteam{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pv .wtm{border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;transition:transform .15s,border-color .15s}
.pv .wtm:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22)}
.pv .wtav{width:44px;height:44px;border-radius:99px;display:flex;align-items:center;justify-content:center;font:800 14px var(--disp);color:#fff;background:linear-gradient(135deg,hsl(var(--h),70%,45%),hsl(calc(var(--h) + 40),70%,35%));border:2px solid rgba(255,255,255,.15);box-shadow:0 0 16px hsla(var(--h),70%,50%,.35)}
.pv .wtm b{font:700 11.5px var(--disp)}
.pv .wtr{font:600 8.5px var(--mono);letter-spacing:.06em;color:var(--ac);text-transform:uppercase}
.pv .wtd{font:500 9px var(--mono);opacity:.5}
@media(max-width:560px){.pv .wteam{grid-template-columns:repeat(2,1fr)}}
.pv .wclog{display:flex;flex-direction:column}
.pv .wcle{display:flex;align-items:baseline;gap:10px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.05)}
.pv .wcle:last-child{border-bottom:none}
.pv .wcld{font:600 9px var(--mono);opacity:.45;width:44px;flex:none}
.pv .wclt{font:700 8px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2.5px 8px;flex:none}
.pv .wclt.new{background:color-mix(in srgb,var(--ac) 18%,transparent);color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 40%,transparent)}
.pv .wclt.fixed{background:rgba(235,87,87,.12);color:#eb6a6a;border:1px solid rgba(235,87,87,.35)}
.pv .wclt.improved{background:rgba(88,166,255,.12);color:#6fa8ff;border:1px solid rgba(88,166,255,.35)}
.pv .wclx{font:500 10.5px var(--mono);opacity:.8}

/* v3.5 - batch 2 modules */
.wroad{display:flex;flex-direction:column;gap:10px}
.wrg{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:10px 12px}
.wrh{display:flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin-bottom:6px}
.wrh i{width:8px;height:8px;border-radius:50%;display:inline-block}
.wrh.done{color:#4ade80}.wrh.done i{background:#4ade80}
.wrh.doing{color:#60a5fa}.wrh.doing i{background:#60a5fa;animation:wsvpulse 1.6s infinite}
.wrh.next{color:rgba(236,236,234,.5)}.wrh.next i{background:transparent;border:1.5px solid rgba(236,236,234,.4)}
.wri{font-size:12.5px;color:rgba(236,236,234,.85);padding:3px 0 3px 15px;border-left:2px solid rgba(255,255,255,.08);margin-left:3px}
.wserve{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:14px}
.wsvi{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#5865f2,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:#fff;flex-shrink:0}
.wsvb{flex:1;min-width:0}
.wsvn{display:block;font-size:14px;color:#ececea}
.wsvd{display:block;font-size:11.5px;color:rgba(236,236,234,.6);margin:1px 0 6px}
.wsvs{display:flex;gap:10px}
.wsvp{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:rgba(236,236,234,.75)}
.wsvp i{width:7px;height:7px;border-radius:50%;background:#a3a3a3;display:inline-block}
.wsvp.on i{background:#4ade80;animation:wsvpulse 1.6s infinite}
.wsvp em{font-style:normal;font-weight:800;color:#ececea}
@keyframes wsvpulse{0%,100%{opacity:1}50%{opacity:.35}}
.wsvj{background:#5865f2;color:#fff;text-decoration:none;font-weight:800;font-size:12px;padding:9px 16px;border-radius:10px;flex-shrink:0;transition:transform .15s}
.wsvj:hover{transform:translateY(-1px)}
.wsvnote{font-size:10px;color:rgba(236,236,234,.4);margin-top:6px;text-align:center}
.wspot{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.09)}
.wspot iframe{display:block}
.wspbad{padding:22px;text-align:center;font-size:12px;color:rgba(236,236,234,.55)}
.wspcap{font-size:11px;color:rgba(236,236,234,.55);margin-top:7px;text-align:center}
.wtnote{font-size:12px;color:rgba(236,236,234,.65);margin-bottom:10px}
.wtips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.wtip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 8px;cursor:pointer;text-align:center;transition:transform .15s,border-color .15s;color:#ececea}
.wtip:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.6)}
.wtip b{display:block;font-size:15px}
.wtip span{font-size:10.5px;color:rgba(236,236,234,.6)}
.wsteps{display:flex;flex-direction:column}
.wstep{display:flex;gap:12px;position:relative;padding-bottom:14px}
.wstep:last-child{padding-bottom:0}
.wstep:not(:last-child):before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:rgba(255,255,255,.1)}
.wsn{width:28px;height:28px;border-radius:50%;background:rgba(96,165,250,.15);border:1.5px solid rgba(96,165,250,.7);color:#93c5fd;font-weight:900;font-size:12.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wstb{display:flex;flex-direction:column;gap:2px;min-width:0}
.wstb b{display:block;font-size:13px;color:#ececea}
.wstb span{font-size:11.5px;color:rgba(236,236,234,.65)}

/* ME-054 order tracker + ME-055 page fx */
.pv .wtrkr{display:flex;gap:8px}
.pv .wtrki{flex:1;min-width:0;background:rgba(17,24,39,.6);border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:8px 12px;color:#ececea;font:12px var(--mono);outline:none;transition:border-color .15s}
.pv .wtrki:focus{border-color:var(--ac)}
.pv .wtrkb{display:flex;align-items:baseline;gap:8px;margin:10px 0 4px}
.pv .wtrkb b{font:700 12px var(--mono);color:var(--tx)}
.pv .wtrkb span{font:11px var(--mono);color:rgba(236,236,234,.6)}
.pv .wtrk5{position:relative;display:flex;justify-content:space-between;padding-top:2px;margin-top:6px}
.pv .wtrk5::before{content:"";position:absolute;top:8px;left:8px;right:8px;height:2px;background:rgba(255,255,255,.10);border-radius:2px}
.pv .wtrkf{position:absolute;top:8px;left:8px;height:2px;background:var(--ac);border-radius:2px;transition:width .5s}
.pv .wtrks{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;z-index:1;font:10px var(--mono);color:rgba(236,236,234,.5);text-align:center}
.pv .wtrks i{width:12px;height:12px;border-radius:50%;background:#1a1d24;border:2px solid rgba(255,255,255,.16)}
.pv .wtrks.done i{background:var(--ac);border-color:var(--ac)}
.pv .wtrks.cur i{background:#0b0f17;border-color:var(--ac);box-shadow:0 0 10px color-mix(in srgb,var(--ac) 70%,transparent)}
.pv .wtrks.cur{color:var(--tx)}
.pv .wtrkn{margin-top:10px;font:11.5px var(--mono);color:#f0a3a3}
.pv .wfx{position:relative;min-height:120px}
.pv .wfx .wey,.pv .wfx .wfxch,.pv .wfx .wfxbb,.pv .wfx .wm{position:relative;z-index:1}
.pv .wfxcv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.pv .wfxch{display:flex;gap:6px;flex-wrap:wrap}
.pv .wfxb{border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:5px 13px;background:rgba(17,24,39,.55);color:#ececea;font:700 11px var(--disp);cursor:pointer;transition:all .15s}
.pv .wfxb:hover{border-color:var(--ac)}
.pv .wfxb.on{border-color:var(--ac);background:rgba(62,163,231,.16)}

/* ME-056 rules gate + ME-057 bundle builder */
.pv .wg8p{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;overflow:hidden;text-align:center}
.pv .wg8p b{font:600 13px var(--disp);color:rgba(236,236,234,.45);display:block;margin-bottom:10px}
.pv .wg8dim{position:absolute;inset:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:rgba(11,15,23,.35);pointer-events:none}
.pv .wg8show{position:relative;z-index:1}
.pv .wg8o{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(6,8,12,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:inherit;animation:wg8in .25s ease;transition:opacity .3s}
.pv .wg8o.bye{opacity:0}
@keyframes wg8in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.pv .wg8c{background:#14161b;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;max-width:88%;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.pv .wg8c>b{font:600 14px var(--disp);color:var(--tx);display:block;margin:6px 0 8px}
.pv .wg8c ul{margin:0 0 12px;padding-left:16px;font-size:11.5px;color:rgba(236,236,234,.8);display:grid;gap:4px}
.pv .wg8c .wg8x{display:block;margin-top:8px;font:9px var(--mono);color:rgba(236,236,234,.4);text-align:center}
.pv .wbu{display:flex;flex-wrap:wrap;gap:6px}
.pv .wbui{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:6px 13px;background:rgba(17,24,39,.55);color:rgba(236,236,234,.75);font:600 11px var(--disp);cursor:pointer;transition:all .15s}
.pv .wbui em{font:10px var(--mono);color:rgba(236,236,234,.45);font-style:normal}
.pv .wbui.on{border-color:var(--ac);background:rgba(62,163,231,.14);color:var(--tx)}
.pv .wbui.on em{color:var(--ac)}
.pv .wbut{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px;border-top:1px dashed rgba(255,255,255,.12);padding-top:10px}
.pv .wbut span{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(236,236,234,.5)}
.pv .wbut b{font:800 20px var(--disp);color:var(--tx);letter-spacing:-.02em}
.pv .wbus{font:10.5px var(--mono);color:#7dd3a8;margin-top:3px;min-height:14px}

/* ME-058 voice intro + ME-059 typing bio */
.pv .wvi2{display:flex;align-items:center;gap:12px}
.pv .wvip{width:40px;height:40px;border-radius:50%;border:0;background:var(--ac);color:#0b0f17;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;transition:transform .15s,box-shadow .15s}
.pv .wvip:hover{transform:scale(1.07)}
.pv .wvip.on{box-shadow:0 0 0 4px rgba(78,161,255,.28)}
.pv .wvib{display:flex;align-items:center;gap:2.5px;height:30px;flex:1;min-width:0}
.pv .wvib i{flex:1;background:var(--ac);border-radius:2px;opacity:.85;transition:height .12s;min-height:3px}
.pv .wvin b{display:block;font:600 12.5px var(--disp);color:var(--tx)}
.pv .wvin span{font:10px var(--mono);color:rgba(236,236,234,.5)}
.pv .wtb2{font:600 17px var(--disp);color:var(--tx);padding:10px 2px;letter-spacing:-.01em}
.pv .wtb2>span{color:rgba(236,236,234,.75)}
.pv .wtbw{color:var(--ac)}
.pv .wtbc{display:inline-block;width:2px;height:1.05em;background:var(--ac);vertical-align:-.15em;margin-left:2px;animation:wtbblink 1s steps(1) infinite}
@keyframes wtbblink{50%{opacity:0}}

/* ME-060 marquee strip + ME-061 badge wall */
.pv .wmq{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pv .wmqt{display:inline-flex;align-items:center;gap:16px;white-space:nowrap;animation:wmqscroll linear infinite;padding-right:16px}
.pv .wmqt span{font:600 12px var(--disp);color:var(--tx)}
.pv .wmqt i{color:var(--ac);font-style:normal;font-size:10px}
.pv .wmq:hover .wmqt{animation-play-state:paused}
@keyframes wmqscroll{to{transform:translateX(-50%)}}
.pv .wbdw{display:grid;gap:8px}
.pv .wbdg{border:1px solid rgba(255,255,255,.11);border-radius:11px;padding:9px 11px;background:rgba(17,24,39,.5);cursor:pointer;transition:border-color .15s}
.pv .wbdg:hover,.pv .wbdg.open{border-color:var(--ac)}
.pv .wbdg i{color:var(--ac);font-style:normal;font-size:10px;margin-right:6px}
.pv .wbdg b{font:600 11.5px var(--disp);color:var(--tx)}
.pv .wbdg span{display:block;font:10px var(--mono);color:rgba(236,236,234,.55);max-height:0;margin-top:0;overflow:hidden;transition:max-height .25s,margin-top .25s}
.pv .wbdg:hover span,.pv .wbdg.open span{max-height:64px;margin-top:4px}

/* ME-062 cursor sparkle + ME-063 quote jar */
.pv .wcs{position:relative;height:110px;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;cursor:crosshair}
.pv .wcsc{position:absolute;inset:0;width:100%;height:100%}
.pv .wcsm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:10px var(--mono);color:rgba(236,236,234,.4);transition:opacity .3s;pointer-events:none}
.pv .wqjq{font:italic 600 15px var(--serif);color:var(--tx);min-height:46px;display:flex;align-items:center;padding:4px 2px 8px}
.pv .wqjq.in{animation:wqjin .35s ease}
@keyframes wqjin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pv .wqjr{display:flex;align-items:center;gap:10px}
.pv .wqjn{font:10px var(--mono);color:rgba(236,236,234,.45)}

/* ME-064 soundboard + ME-065 click counter */
.pv .wsnd{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pv .wspd{border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(17,24,39,.6);color:var(--tx);font:600 12px var(--disp);padding:14px 6px;cursor:pointer;transition:all .12s}
.pv .wspd:hover{border-color:var(--ac)}
.pv .wspd.hit{background:var(--ac);color:#0b0f17;transform:scale(.96)}
.pv .wck2{text-align:center}
.pv .wckb{border:0;border-radius:999px;background:var(--ac);color:#0b0f17;font:700 14px var(--disp);padding:13px 30px;cursor:pointer;transition:transform .1s}
.pv .wckb.hit{transform:scale(.93)}
.pv .wckn{font:800 26px var(--disp);color:var(--tx);margin:10px 0 6px}
.pv .wckn.pop{animation:wckpop .18s ease}
@keyframes wckpop{50%{transform:scale(1.12)}}
.pv .wckg{height:6px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden;max-width:240px;margin:0 auto}
.pv .wckg i{display:block;height:100%;background:var(--ac);border-radius:99px;width:0;transition:width .2s}
.pv .wckm{font:10.5px var(--mono);color:rgba(236,236,234,.55);margin-top:8px;min-height:14px}
/* ME-066 reaction bar + ME-067 spin wheel */
.pv .wrxb{display:flex;flex-wrap:wrap;gap:8px}
.pv .wrxp{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(17,24,39,.6);color:var(--tx);font:600 12px var(--disp);padding:8px 14px;cursor:pointer;transition:all .12s}
.pv .wrxp:hover{border-color:var(--ac)}
.pv .wrxp.on{border-color:var(--ac);background:rgba(78,161,255,.14)}
.pv .wrxp.pop{animation:wrxpop .18s ease}
@keyframes wrxpop{50%{transform:scale(1.12)}}
.pv .wrxe{font-size:15px}
.pv .wrxc{font-family:var(--mono);font-size:11px;color:rgba(236,236,234,.6)}
.pv .wrxp.on .wrxc{color:var(--tx)}
.pv .wwlb{position:relative;width:min(240px,100%);margin:0 auto}
.pv .wwlc{width:100%;height:auto;display:block}
.pv .wwlp{position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:14px solid var(--ac);z-index:2}
.pv .wwls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:999px;background:var(--ac);color:#0b0f17;font:700 12px var(--disp);padding:9px 14px;cursor:pointer;z-index:2}
.pv .wwls:hover{transform:translate(-50%,-50%) scale(1.06)}
.pv .wwlw{text-align:center;font:700 15px var(--disp);color:var(--tx);margin-top:10px;min-height:20px}
.pv .wwlw.pop{animation:wrxpop .3s ease}
/* ME-068 mini piano + ME-069 trivia */
.pv .wpnb{position:relative}
.pv .wpnk{display:flex;gap:3px}
.pv .wpnw{flex:1;height:110px;border:1px solid rgba(255,255,255,.14);border-radius:0 0 8px 8px;background:linear-gradient(#f4f4f2,#dcdcda);color:#555;font:700 11px var(--mono);cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding:0 0 8px;transition:all .1s}
.pv .wpnw.hit{background:var(--ac);color:#0b0f17}
.pv .wpns{position:absolute;top:0;left:0;right:0;height:64px;pointer-events:none}
.pv .wpnb2{position:absolute;top:0;width:9%;height:64px;border:0;border-radius:0 0 6px 6px;background:linear-gradient(#3a3a3a,#101010);color:#999;font:700 8px var(--mono);cursor:pointer;pointer-events:auto;display:flex;align-items:flex-end;justify-content:center;padding:0 0 6px;z-index:2;transition:all .1s}
.pv .wpnb2.hit{background:var(--ac);color:#0b0f17}
.pv .wtvq{font:600 15px var(--disp);color:var(--tx);margin-bottom:10px}
.pv .wtvo{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pv .wtvopt{border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(17,24,39,.6);color:var(--tx);font:600 12.5px var(--disp);padding:12px 10px;cursor:pointer;transition:all .12s;text-align:center}
.pv .wtvopt:hover{border-color:var(--ac)}
.pv .wtvopt.ok{background:rgba(59,165,93,.25);border-color:#3ba55d}
.pv .wtvopt.no{background:rgba(229,72,77,.22);border-color:#e5484d}
.pv .wtvs{font:10px var(--mono);color:rgba(236,236,234,.5);margin-top:9px}
.pv .wtvend{font:700 26px var(--disp);color:var(--ac);text-align:center;padding:8px 0}
.pv .wtvnext{display:block;margin:6px auto 0;border:0;border-radius:999px;background:var(--ac);color:#0b0f17;font:700 12px var(--disp);padding:9px 18px;cursor:pointer}

/* ME-070 memory match + ME-071 rock paper scissors */
.pv .wmmt{display:flex;justify-content:space-between;font:600 12px var(--disp);color:var(--mu);padding:0 2px 8px}
.pv .wmmg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pv .wmmc{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:24px;cursor:pointer;transition:transform .18s,background .18s;color:var(--tx)}
.pv .wmmc.up{background:var(--ac);transform:scale(1.05)}
.pv .wmmc.done{opacity:.35;pointer-events:none}
.pv .wrpss{display:flex;justify-content:space-around;font:600 13px var(--disp);color:var(--tx);padding-bottom:6px}
.pv .wrpss b{color:var(--ac)}
.pv .wrpsa{display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 0}
.pv .wrpsh{font-size:38px}
.pv .wrpsv{color:var(--mu);font:700 12px var(--disp)}
.pv .wrpsp{display:flex;gap:8px;justify-content:center;padding:8px 0}
.pv .wrpsp button{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--tx);font:600 12px var(--disp);padding:8px 14px;cursor:pointer}
.pv .wrpsp button:hover{border-color:var(--ac)}
.pv .wrpsr{text-align:center;font:600 12px var(--disp);color:var(--mu);min-height:20px}
.pv .wrpsx{margin-left:8px;border:0;border-radius:999px;background:var(--ac);color:#0b0f17;font:700 11px var(--disp);padding:4px 12px;cursor:pointer}

/* ME-072 confetti popper + ME-073 dice roller */
.pv .wcnfw{position:relative;padding:34px 10px;text-align:center;overflow:hidden}
.pv .wcnfc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pv .wcnfb{position:relative;border:0;border-radius:999px;background:var(--ac);color:#0b0f17;font:700 13px var(--disp);padding:11px 26px;cursor:pointer}
.pv .wcnfb:active{transform:scale(.96)}
.pv .wdcew{text-align:center;padding:8px 0}
.pv .wdcef{font-size:52px;line-height:1.1;min-height:58px;color:var(--tx)}
.pv .wdceb{margin-top:8px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--tx);font:700 12px var(--disp);padding:9px 22px;cursor:pointer}
.pv .wdceb:hover{border-color:var(--ac)}
.pv .wdceh{margin-top:8px;font:600 11px var(--mono);color:var(--mu);min-height:14px}
/* ME-074 hero header + ME-075 page buttons */
.pv .wherw{text-align:center;padding:26px 12px 20px}
.pv .wherav{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid var(--ac);margin-bottom:10px}
.pv .wherp{display:inline-block;font:600 11px var(--mono);color:var(--ac);border:1px solid var(--ac);border-radius:999px;padding:4px 12px;letter-spacing:.08em;margin-bottom:12px}
.pv .whert{font:700 40px var(--disp);color:var(--tx);line-height:1.05}
.pv .whers{margin:10px auto 0;max-width:420px;font:400 14px/1.6 var(--sans);color:var(--mu)}
.pv .wherb{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.pv .wher1{border-radius:999px;background:var(--ac);color:#0b0f17;font:700 13px var(--disp);padding:11px 22px;text-decoration:none}
.pv .wher2{border:1px solid var(--line);border-radius:999px;color:var(--tx);font:600 13px var(--disp);padding:11px 22px;text-decoration:none}
.pv .wher2:hover{border-color:var(--ac)}
.pv .wplkr{display:flex;gap:8px;flex-wrap:wrap}
.pv .wplkb{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--tx);font:600 12px var(--disp);padding:9px 18px;text-decoration:none}
.pv .wplkb:hover{border-color:var(--ac);color:var(--ac)}
/* ME-076 section header + ME-077 service card */
.pv .wshw{padding:18px 12px 14px}
.pv .wshe{font:600 11px var(--mono);color:var(--ac);letter-spacing:.14em;margin-bottom:8px}
.pv .wsht{font:700 30px var(--disp);color:var(--tx);line-height:1.08}
.pv .wshd{width:44px;height:3px;border-radius:2px;background:var(--ac);margin:10px auto 0}
.pv .wshw[style*="left"] .wshd{margin-left:0}
.pv .wshs{margin-top:10px;font:400 13px/1.6 var(--sans);color:var(--mu)}
.pv .wsvcc{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:18px}
.pv .wsvct{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.pv .wsvci{font-size:20px}
.pv .wsvcn{font:700 17px var(--disp);color:var(--tx)}
.pv .wsvcd{font:400 13px/1.6 var(--sans);color:var(--mu);margin-bottom:10px}
.pv .wsvcp{font:600 12px var(--mono);color:var(--ac2);margin-bottom:14px}
.pv .wsvcb{display:flex;gap:10px;flex-wrap:wrap}

/* ME-078 split section + ME-079 comparison table */
.pv .wspl{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:center}
.pv .wspl.r{grid-template-columns:1fr 1.1fr}
.pv .wspl.r .wsplm{order:2}
.pv .wsplm{border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:var(--panel)}
.pv .wsplm img{display:block;width:100%;height:100%;object-fit:cover}
.pv .wsplh{font:800 22px var(--disp);letter-spacing:-.01em}
.pv .wspld{color:var(--mu);margin:10px 0 18px;font-size:15px}
@media (max-width:640px){.pv .wspl,.pv .wspl.r{grid-template-columns:1fr}.pv .wspl.r .wsplm{order:0}}
.pv .wcmpw{overflow-x:auto}
.pv .wcmpt{width:100%;border-collapse:collapse;min-width:420px}
.pv .wcmpt th,.pv .wcmpt td{padding:11px 14px;text-align:center;border-bottom:1px solid var(--line);font-size:14px}
.pv .wcmpt thead th{font:700 13px var(--disp);text-transform:capitalize}
.pv .wcmpt thead th i{display:block;font:700 12px var(--mono);color:var(--ac2);font-style:normal;margin-top:2px}
.pv .wcmpt tbody th{text-align:left;font-weight:600;color:var(--mu);font-size:13px}
.pv .wcmpt td.y{color:#86efac;font-weight:700}
.pv .wcmpt td.n{color:#fda4af}
.pv .wcmpt th.on,.pv .wcmpt td.on{background:rgba(125,211,252,.07)}
.pv .wcmpt thead th.on{border-top:2px solid var(--ac2)}
.pv .wsch{display:flex;flex-direction:column;gap:5px}
.pv .wschr{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.pv .wschr .wschd{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mu);width:34px;flex:none}
.pv .wschr .wschh{font:600 12px var(--mono);color:var(--tx)}
.pv .wschr .wschn{color:var(--mu);font-size:12px;margin-left:auto;text-align:right}
.pv .wschr.on{border-color:var(--ac);background:rgba(62,163,231,.08)}
.pv .wschr.on .wschd{color:var(--ac)}
.pv .wschr.off{opacity:.55}
.pv .wschf{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.pv .wcdate{font:600 11px var(--mono);color:var(--mu);margin-top:8px;text-align:center}
.pv .wcdone{margin-top:10px;text-align:center;font:700 15px var(--disp);color:var(--ac)}
.pv .wsld{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.pv .wsld.r169{aspect-ratio:16/9}
.pv .wsld.r43{aspect-ratio:4/3}
.pv .wsld.r11{aspect-ratio:1/1}
.pv .wsldi{position:absolute;inset:0;opacity:0;transition:opacity .5s}
.pv .wsldi.on{opacity:1}
.pv .wsldi img{width:100%;height:100%;object-fit:cover;display:block}
.pv .wsldc{position:absolute;left:0;right:0;bottom:0;padding:20px 60px 10px 14px;font:600 12px var(--mono);color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65))}
.pv .wsldb{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.45);color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;z-index:2;padding:0}
.pv .wsldb.p{left:8px}
.pv .wsldb.n{right:8px}
.pv .wsldd{position:absolute;bottom:10px;right:12px;display:flex;gap:5px;z-index:2}
.pv .wsldd i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}
.pv .wsldd i.on{background:#fff}

.wbf{display:flex;flex-direction:column;gap:8px}
.wbfl{font:700 10px var(--mono);color:var(--mu);text-transform:uppercase;letter-spacing:.08em}
.wbfc{display:flex;flex-wrap:wrap;gap:6px}
.wbfc button{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--tx);font:600 11px var(--mono);cursor:pointer}
.wbfc button.on{background:var(--ac);border-color:var(--ac);color:#000}
.wbft{min-height:64px;resize:vertical;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--tx);padding:8px 10px;font:12px var(--mono)}
.wbfp{border:1px dashed var(--line);border-radius:10px;padding:10px;font:12px var(--mono);color:var(--tx);white-space:pre-wrap;word-break:break-word;min-height:18px}
.wbfy{align-self:flex-start;padding:7px 14px;border-radius:8px;border:1px solid var(--ac);background:transparent;color:var(--ac);font:700 11px var(--mono);cursor:pointer}
.wbfn{font:10px var(--mono);color:var(--mu)}

.wpk{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.wpkc{position:relative;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--panel);display:flex;flex-direction:column;gap:6px}
.wpkc.all{grid-column:1/-1;border-color:var(--ac);background:linear-gradient(135deg,rgba(255,255,255,.03),transparent)}
.wpkg{position:absolute;top:-8px;right:10px;font:700 9px var(--mono);color:#000;background:var(--ac);padding:2px 8px;border-radius:999px;text-transform:uppercase}
.wpkc>b{font:700 13px var(--disp);color:var(--tx)}
.wpkc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;flex:1}
.wpkc li{font:11px var(--mono);color:var(--mu);padding-left:14px;position:relative}
.wpkc li:before{content:'\2713';position:absolute;left:0;color:var(--ac);font-size:10px}
.wpkw{font:10px var(--mono);color:var(--mu);text-decoration:line-through}
.wpkp{font:800 20px var(--disp);color:var(--tx)}
.wpks{font:700 10px var(--mono);color:var(--ac)}
.wpkb{margin-top:2px;padding:8px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--tx);font:700 11px var(--mono);cursor:pointer}
.wpkb.on,.wpkb:hover{border-color:var(--ac);color:var(--ac)}
.wpkn{margin-top:8px;font:10px var(--mono);color:var(--mu)}
.wem{position:relative;width:100%;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.09);background:#0c0e12}
.wem iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wem-fix{height:152px}
.wem-fix iframe{position:static;display:block;width:100%;height:100%}
.wem-ph{padding:22px;text-align:center;color:rgba(235,235,235,.45);font-size:12px}


/* Accessible message and order composers; no server submission */
.wfrm-form{display:flex;flex-direction:column;gap:14px}.wfrm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wfrm label{display:flex;flex-direction:column;gap:7px;font:500 12px var(--sans);color:var(--mu)}.wfrm input,.wfrm textarea,.wfrm select{width:100%;min-width:0;background:var(--panel);color:var(--tx);border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:14px var(--sans);box-sizing:border-box}.wfrm textarea{resize:vertical}.wfrm input:focus-visible,.wfrm textarea:focus-visible,.wfrm select:focus-visible,.wfrm button:focus-visible,.wfrm a:focus-visible{outline:2px solid var(--ac);outline-offset:3px}.wfrm select option{background:#141518;color:#ececea}.wfrm .wfrm-check{flex-direction:row;align-items:center;line-height:1.5}.wfrm-check input{width:17px;height:17px;accent-color:var(--ac);flex-shrink:0}.wfrm-form>.wpri{align-self:flex-start}.wfrm-line input:not([type=checkbox]),.wfrm-line textarea,.wfrm-line select{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.wfrm-result{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.wfrm-result[hidden]{display:none}.wfrm-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}.wfrm-mail,.wfrm-download{color:var(--ac);font:600 12px var(--sans);background:none;border:1px solid var(--line);border-radius:9px;padding:9px 13px;text-decoration:none;cursor:pointer}.wfrm-mail[hidden]{display:none}.wfrm-status{line-height:1.6;margin-top:12px}.wplkr-stack{flex-direction:column}.wplkb-solid,.wplkb-glow{background:var(--ac)!important;color:#04121f!important;border-color:var(--ac)!important;border-radius:9px!important}.wplkb-glow{box-shadow:0 0 18px -2px var(--ac)}.wplkb-ghost{background:transparent!important;color:var(--ac)!important;border-color:var(--ac)!important;border-radius:9px!important}.wplkb-small{font-size:11px!important;padding:6px 12px!important}.wplkb-big{font-size:14px!important;padding:13px 24px!important}.wplkb:focus-visible{outline:2px solid var(--ac);outline-offset:3px}@media(max-width:520px){.wfrm-grid{grid-template-columns:1fr}}

/* Forms expand in full demos; catalog thumbnails remain scrollable. */
.pv:has(.wfrm){overflow:auto}.pv.bigpv:has(.wfrm){height:auto;max-height:none;overflow:visible}.pv .wfrm{height:auto;min-height:0}.pv .wfrm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:520px){.pv .wfrm-grid{grid-template-columns:minmax(0,1fr)}}

.pv .wfrm-status,.wfrm .wfrm-status{font:12px/1.6 var(--sans);color:var(--mu)}

.pv .wcontact{position:relative;padding:22px;background:radial-gradient(ellipse at top right,#3ea3e720,transparent 70%),#0c111a}.pv .wcontact h3{font:700 24px var(--sans);margin:14px 0 4px}.pv .wcontact>p{font:13px/1.6 var(--sans);color:var(--mu,#a3afbe);margin:0 0 18px}.pv .wc-avatar{height:52px;width:52px;border-radius:16px;background:linear-gradient(145deg,#3ea3e7,#8dcefa);display:grid;place-items:center;color:#07101f;font:800 24px var(--sans);position:relative;margin-top:8px}.pv .wc-avatar span{position:absolute;width:10px;height:10px;border:2px solid #0c111a;background:#45d3a4;right:-3px;bottom:4px;border-radius:50%}.pv .wcontact .wdh{width:100%;min-height:58px;border:1px solid var(--line,#27303d);border-radius:12px;padding:12px;background:#ffffff03;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--tx);cursor:pointer;margin:14px 0}.pv .wdh b{display:block;font:600 14px var(--sans)}.pv .wdh span span{color:var(--mu);font:11px var(--sans)}.pv .wdh em{color:var(--ac);font:11px var(--mono);font-style:normal}.pv .wc-copy{width:100%;min-height:38px}.pv .wc-status{margin-top:12px;line-height:1.6}.pv .wgt{transition:transform .2s,border-color .2s}.pv .wgt:hover{transform:translateY(-3px);border-color:var(--ac)!important}.pv .wgt:focus-visible{outline:2px solid var(--ac);outline-offset:3px}.pv .wga{height:96px!important}.pv .wga:before{content:'';position:absolute;inset:12px 20px;border:1px solid #ffffff20;transform:rotate(-12deg);border-radius:14px}.pv .wga:after{content:'';position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;background:#ffffff0b;border:1px solid #ffffff15}.pv .wga b{font:800 32px var(--sans)!important;letter-spacing:-.06em;z-index:1}.pv .wgb2 b{font:600 11px var(--sans);line-height:1.4}.pv .wgrid .wwho{gap:16px;margin:12px 0}.pv .wgrid .wav{width:56px;height:56px;font:800 25px var(--sans)}.pv .wgrid .wtx{font:14px/1.8 var(--sans);margin:16px 0}.pv .wty{font:12px var(--mono);min-height:20px;color:var(--ac);transition:opacity .2s}@media(prefers-reduced-motion:reduce){.pv .wgt{transition:none}.pv .wgt:hover{transform:none}.pv .wty{transition:none}}

.pv .wsocial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.pv .wsocial-link{display:flex;gap:12px;align-items:center;padding:12px;background:#ffffff03;border:1px solid var(--line,#27303d);border-radius:12px;text-decoration:none;color:var(--tx);cursor:pointer;min-width:0;text-align:left}.pv .wsocial-link:hover{border-color:var(--ac);background:#3ea3e710}.pv .wsocial-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3ea3e720,#84c8fb12);color:var(--ac);font:700 12px var(--sans)}.pv .wsocial-link b{display:block;font:600 13px var(--sans);text-transform:capitalize}.pv .wsocial-link small{display:block;margin-top:4px;color:var(--mu);font:10px var(--sans);overflow-wrap:anywhere}.pv .wsocial-status{line-height:1.6;margin-top:12px}.pv .wfaq-item{border-bottom:1px solid var(--line,#27303d);padding:14px 0}.pv .wfaq-item:last-child{border:0}.pv .wfaq-item summary{cursor:pointer;font:600 14px/1.5 var(--sans);padding-right:10px}.pv .wfaq-item>div{font:13px/1.7 var(--sans);color:var(--mu);margin:12px 0 4px;padding:0 4px}.pv .wfaq-native>.wm{line-height:1.6;margin-top:10px}.pv.bigpv:has(.wsocials),.pv.bigpv:has(.wfaq-native){height:auto;min-height:260px;overflow:visible}@media(max-width:440px){.pv .wsocial-grid{grid-template-columns:1fr}}