/* v7 — tokens mirror the reference's system (neutral #f3f3f6 canvas, white surfaces, 18px radius, layered soft shadows, 10px dot grid) with Pinterest red */
:root{--x-bg:#f3f3f6;--x-card:#fff;--x-fg:#121216;--x-mut:#63636f;--x-bd:#e6e6ec;--x-in:#e2e2e9;--x-sec:#f1f1f5;--pri:#E60023;--pri-s:#AD081B;--pri-soft:#FFE9EC;--glow-b:#ffc6a84d;--dot:#e6002330;
--sh-edge:0 1px 2px #1212280d;--sh-card:0 1px 2px #1212280a,0 10px 30px -18px #12122824;--sh-float:0 1px 2px #1212280d,0 18px 48px -20px #a0001c40;--sh-pop:0 2px 6px #1212280f,0 24px 64px -24px #12122852;--sh-glow:0 10px 30px -8px #e600238c,inset 0 1px 0 #ffffff40;
--bg:var(--x-bg);--bg2:var(--x-card);--fg:var(--x-fg);--mut:var(--x-mut);--bd:var(--x-bd);--card:var(--x-card);--card2:var(--x-sec);--ac:var(--pri);--acs:var(--pri-soft);--r:18px;--r2:24px;
--font:"Manrope","Noto Sans","Noto Sans Arabic","Noto Nastaliq Urdu","Noto Sans Devanagari",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--head:var(--font);--mono:ui-monospace,SFMono-Regular,Menlo,monospace}
:root[data-theme=dark]{--x-bg:#0b0b10;--x-card:#14141c;--x-fg:#ececf3;--x-mut:#8a8a9c;--x-bd:#23232e;--x-in:#2a2a37;--x-sec:#1c1c26;--pri:#FF4D6A;--pri-s:#ff8095;--pri-soft:#2a1219;--glow-b:#ff7a5a1f;--dot:#ffffff22;
--sh-edge:inset 0 1px 0 #ffffff0a,0 1px 2px #0006;--sh-card:0 1px 0 #ffffff08 inset,0 10px 30px -18px #000000b3;--sh-float:0 1px 0 #ffffff0a inset,0 18px 48px -20px #000c;--sh-pop:0 1px 0 #ffffff0d inset,0 24px 64px -24px #000000d9;--sh-glow:0 10px 30px -8px #ff4d6a80,inset 0 1px 0 #ffffff2e}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--x-bg:#0b0b10;--x-card:#14141c;--x-fg:#ececf3;--x-mut:#8a8a9c;--x-bd:#23232e;--x-in:#2a2a37;--x-sec:#1c1c26;--pri:#FF4D6A;--pri-s:#ff8095;--pri-soft:#2a1219;--glow-b:#ff7a5a1f;--dot:#ffffff22;--sh-edge:inset 0 1px 0 #ffffff0a,0 1px 2px #0006;--sh-card:0 1px 0 #ffffff08 inset,0 10px 30px -18px #000000b3;--sh-float:0 1px 0 #ffffff0a inset,0 18px 48px -20px #000c;--sh-pop:0 1px 0 #ffffff0d inset,0 24px 64px -24px #000000d9;--sh-glow:0 10px 30px -8px #ff4d6a80,inset 0 1px 0 #ffffff2e}}
body.x7{font:15px/1.6 var(--font);background:var(--x-bg);color:var(--x-fg);letter-spacing:-.005em}
.x7 h1,.x7 h2,.x7 h3{font-family:var(--font);letter-spacing:-.035em;color:var(--x-fg)}
.x7 .ic{width:16px;height:16px;vertical-align:-3px}
.x-wrap{max-width:1120px;margin:0 auto;padding:0 20px}.x-narrow{max-width:820px}
/* header */
.x7 header.top{background:color-mix(in srgb,var(--x-bg) 78%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--x-bd) 60%,transparent);box-shadow:none}
.x7 header.top .wrap{max-width:1120px;height:62px;display:flex;align-items:center;gap:2px}
.x7 header.top .logo svg{height:30px;width:auto}
.x7 nav.main{display:contents}.x7 nav.main>.nl:first-child{margin-left:auto}
.x7 nav.main>.nl,.x7 nav.main .dd>.nl{font:500 14px var(--font);color:var(--x-mut);padding:7px 13px;border-radius:999px;background:none;border:0;display:inline-flex;gap:5px;align-items:center;text-decoration:none}
.x7 nav.main .nl:hover{color:var(--x-fg);background:var(--x-sec)}.x7 nav.main .nl.on{color:var(--pri);background:var(--pri-soft);font-weight:600}
.x7 nav.main .nl>.ic:first-child{display:none}.x7 .tools-btn .ic{display:inline!important;width:13px}
.x7 .ctrl{margin-left:auto;display:flex;align-items:center;gap:8px}
.x7 header.top .wrap{position:relative}
.x7 #langSel{height:34px;border-radius:999px;border:1px solid var(--x-bd);background:var(--x-card);color:var(--x-fg);font:500 12.5px var(--font);padding:0 8px;max-width:92px}
.x7 .iconbtn{width:34px;height:34px;border-radius:999px;border:1px solid var(--x-bd);background:var(--x-card);box-shadow:var(--sh-edge);color:var(--x-fg)}
.x-hlink{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--x-bd);background:var(--x-card);box-shadow:var(--sh-edge);color:var(--x-fg)!important;font:600 13px var(--font);text-decoration:none!important}
.x-hcta{height:34px!important;padding:0 15px!important;font-size:13px!important}
@media(max-width:1180px){.x7 #langSel{display:none}}
@media(max-width:1020px){.x7 nav.main>.nl,.x7 nav.main .dd,.x-hlink{display:none!important}.x7 #menuBtn{display:inline-grid!important}}
@media(min-width:1021px){.x7 #menuBtn{display:none!important}}
@media(max-width:560px){.x-hcta{display:none!important}}
/* buttons */
.x-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 18px;border-radius:999px;font:600 14px var(--font);text-decoration:none!important;white-space:nowrap;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.x-btn-p{color:#fff!important;background:radial-gradient(120% 90% at 30% 10%,#ffffff40 0%,#0000 45%),linear-gradient(160deg,#ff4d63 0%,#E60023 50%,#b3001b 100%);box-shadow:var(--sh-glow)}
.x-btn-p:hover{transform:translateY(-1px)}
.x-btn-o{color:var(--x-fg)!important;background:var(--x-card);border:1px solid var(--x-bd);box-shadow:var(--sh-edge)}.x-btn-o:hover{background:var(--x-sec)}
.x-btn.x-sm{height:30px;padding:0 12px;font-size:12px;gap:5px}.x-btn.x-lg{height:46px;padding:0 22px;font-size:14.5px}.x-btn.x-blk{width:100%}
.x-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--x-card);border:1px solid var(--x-bd);box-shadow:var(--sh-edge);font:500 12.5px var(--font);color:var(--x-fg)!important;text-decoration:none!important}
.x-pill .ic{width:13px;height:13px;color:var(--pri)}.x-sep{color:var(--x-mut)}.x-mute{color:var(--x-mut)}
.x-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--pri-soft);color:var(--pri);font:600 11.5px var(--font);letter-spacing:0;vertical-align:3px}
.x-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--x-bd);background:var(--x-card);font:500 12px var(--font);color:var(--x-mut)}.x-chip .ic{width:13px;height:13px}
.x-lnk{display:inline-flex;align-items:center;gap:6px;color:var(--pri)!important;font:600 13.5px var(--font)}
/* dots + illustration bg */
.x-hero-bg,.x-ill,.x-kit-dots{--d:radial-gradient(var(--dot) 1px,transparent 1.3px)}
/* hero */
.x-hero{position:relative;padding:48px 0 40px;overflow:hidden}
.x-hero-bg{position:absolute;inset:0 0 auto;height:900px;background:radial-gradient(55% 60% at 50% 0%,color-mix(in srgb,var(--pri) 9%,transparent) 0%,transparent 72%),radial-gradient(40% 40% at 90% 70%,var(--glow-b),transparent 70%)}
.x-hero-bg::after{content:"";position:absolute;inset:0;background-image:var(--d);background-size:10px 10px;-webkit-mask:radial-gradient(70% 55% at 50% 0%,#000 30%,transparent 80%);mask:radial-gradient(70% 55% at 50% 0%,#000 30%,transparent 80%)}
.x-hero-in{position:relative;text-align:center}
.x-badge{margin-top:10px}
.x-hero h1{margin:16px auto 0;font-size:56px;line-height:1.04;font-weight:600;letter-spacing:-.035em;background:linear-gradient(to bottom,var(--x-fg),color-mix(in srgb,var(--x-fg) 75%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}
.x-lead{max-width:600px;margin:16px auto 0;color:var(--x-mut);font-size:16px;line-height:1.6}
.x-checks{list-style:none;display:flex;justify-content:center;gap:18px;padding:0;margin:16px 0 0;font:500 13px var(--font);color:var(--x-mut)}
.x-checks li{display:flex;align-items:center;gap:6px}.x-checks .ic{width:16px;height:16px;padding:3px;border-radius:99px;background:var(--pri-soft);color:var(--pri);stroke-width:3}
.x-float{position:absolute;width:108px;height:108px;filter:drop-shadow(0 18px 24px #a0001c33);animation:xfl 6s ease-in-out infinite}
.x-fl{left:40px;top:20px}.x-fr{right:40px;top:96px;animation-delay:-3s}
@keyframes xfl{50%{transform:translateY(-10px)}}
/* app card */
.x-app{position:relative;max-width:736px;max-width:none;margin:34px auto 0;padding:7px;border-radius:24px;background:color-mix(in srgb,var(--x-card) 70%,transparent);border:1px solid var(--x-bd);box-shadow:var(--sh-pop);text-align:left;display:flex;flex-direction:column;gap:7px}
.x-app-h{position:relative;border-radius:18px;padding:22px 22px 18px;background:radial-gradient(70% 90% at 20% 0%,color-mix(in srgb,var(--pri) 10%,transparent),transparent 70%),radial-gradient(50% 90% at 100% 30%,var(--glow-b),transparent 70%),var(--x-card);border:1px solid var(--x-bd);box-shadow:var(--sh-edge)}
.x-app-lab{display:flex;align-items:center;gap:10px;font:500 13px var(--font);color:var(--x-mut)}
.x-sq{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#ff4d63,#E60023 55%,#b3001b);box-shadow:inset 0 1px 0 #ffffff55}.x-sq .ic{width:15px;height:15px}
.x7 .x-app .toolbox{margin:14px 0 0;max-width:none;padding:0;background:none;border:0;box-shadow:none}
.x7 .x-app form.tool{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:none;border:0;box-shadow:none;padding:0;border-radius:0;max-width:none}
.x7 .x-app form.tool .fi{display:none}
.x7 .x-app form.tool input[type=url],.x7 .x-app form.tool input[type=text],.x7 .x-app form.tool textarea{flex:1 1 300px;min-width:0;height:54px;padding:0 16px;border-radius:14px;border:1px solid var(--x-in);background:var(--x-card);color:var(--x-fg);font:500 19px var(--font);letter-spacing:-.02em;box-shadow:inset 0 1px 2px #12122808;outline:none}
.x7 .x-app form.tool textarea{height:120px;padding:14px 16px;font-size:15px;flex-basis:100%;resize:vertical}
.x7 .x-app form.tool input:focus,.x7 .x-app form.tool textarea:focus{border-color:color-mix(in srgb,var(--pri) 55%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--pri) 14%,transparent)}
.x7 .x-app form.tool .pastebtn{height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--x-bd);background:var(--x-card);color:var(--x-fg);font:600 14px var(--font);box-shadow:var(--sh-edge);display:inline-flex;gap:7px;align-items:center;position:static;transform:none}
.x7 .x-app form.tool .btn{height:46px;padding:0 24px;border-radius:999px;border:0;color:#fff;font:600 14px var(--font);background:radial-gradient(120% 90% at 30% 10%,#ffffff40 0%,#0000 45%),linear-gradient(160deg,#ff4d63 0%,#E60023 50%,#b3001b 100%);box-shadow:var(--sh-glow);display:inline-flex;gap:7px;align-items:center;position:static;transform:none;margin:0}
.x7 .x-app form.tool .opts{flex-basis:100%;display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--x-mut)}
.x7 .x-app form.tool .opts input{height:32px;width:80px;border-radius:10px;border:1px solid var(--x-in);background:var(--x-card);color:var(--x-fg);padding:0 8px}
.x-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.x7 .x-app .detect{margin:8px 0 0;font-size:12.5px;color:var(--x-mut);min-height:0}.x7 .x-app .detect:empty{display:none}
.x-app-r{border-radius:18px;background:var(--x-card);border:1px solid var(--x-bd);box-shadow:var(--sh-edge);overflow:hidden}
.x-app-rh{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 18px;border-bottom:1px solid var(--x-bd);font-size:15px}
.x-st{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--x-bd);font:500 12.5px var(--font);color:var(--x-mut)}
.x-st i{width:7px;height:7px;border-radius:9px;background:#16a34a;box-shadow:0 0 0 3px #16a34a22}.x-st-t::after{content:"Ready"}
.x-app-r:has(#result:not(:empty)) .x-st-t::after{content:"Pin loaded"}
.x-app-rb{min-height:360px;padding:18px;display:flex;flex-direction:column}
.x-empty{margin:auto;text-align:center;max-width:340px;padding:30px 0}.x-empty svg{width:96px;height:80px;display:block;margin:0 auto 14px;filter:drop-shadow(0 12px 18px #a0001c26)}
.x-empty b{display:block;font-size:15.5px;font-weight:600;margin-bottom:4px}.x-empty p{color:var(--x-mut);font-size:13.5px;margin:0}
#result:not(:empty)+.x-empty{display:none}#result:empty{display:none}
.x7 .x-hero .supnote{max-width:680px;margin:14px auto 0;font-size:12.5px;color:var(--x-mut);display:flex;gap:6px;justify-content:center}
.x7 .x-app #result{margin:0;max-width:none}
/* use row */
.x-use{margin-top:80px}.x-use>p:first-child{font:500 13px var(--font);color:var(--x-mut);margin:0 0 12px}
.x-use-b{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.x-use-b .x-btn{height:38px;font-size:13.5px}.x-use-b .ic{width:15px}
.x-av{margin:14px 0 0;font-size:12.5px;color:var(--x-mut);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;align-items:center}.x-av b{font-weight:500;display:inline-flex;gap:4px;align-items:center;color:var(--x-mut)}.x-av i{font-style:normal;opacity:.5}
.x-hero-s{padding:44px 0 12px}.x-hero-s h1{font-size:44px}.x7 .x-hero .crumbs{font-size:12.5px;color:var(--x-mut);margin-bottom:6px}
/* sections */
.x-sec{padding:64px 0}.x-sec+.x-sec{padding-top:64px}
.x-head{text-align:center;margin:0 auto 44px;max-width:680px}.x-head h2{font-size:40px;line-height:1.1;font-weight:600;margin:16px 0 0}.x-head p{color:var(--x-mut);margin:12px 0 0;font-size:15.5px}
.x-card{position:relative;background:var(--x-card);border:1px solid var(--x-bd);border-radius:18px;box-shadow:var(--sh-edge),var(--sh-card)}
.x-feat,.x-step{overflow:hidden;display:flex;flex-direction:column}
.x-ill{position:relative;height:250px;display:grid;place-items:center;padding:20px;background:radial-gradient(70% 60% at 30% 0%,color-mix(in srgb,var(--pri) 13%,transparent) 0%,transparent 70%),radial-gradient(60% 60% at 100% 30%,var(--glow-b) 0%,transparent 70%),linear-gradient(to bottom,color-mix(in srgb,var(--pri-soft) 60%,var(--x-card)) 0%,var(--x-card) 100%)}
.x-ill::before{content:"";position:absolute;inset:0;background-image:var(--d);background-size:10px 10px;-webkit-mask:linear-gradient(#000,transparent 85%);mask:linear-gradient(#000,transparent 85%);pointer-events:none}
.x-txt{padding:20px 22px 24px}.x-txt h3{font-size:17px;font-weight:600;margin:0 0 6px;letter-spacing:-.02em}.x-txt p{margin:0;color:var(--x-mut);font-size:13.5px;line-height:1.55}
.x-b3,.x-b2{display:grid;gap:18px;margin-bottom:18px}.x-b3{grid-template-columns:repeat(3,1fr)}.x-b2{grid-template-columns:1fr 1fr}
.x-b2 .x-ill{height:270px}
/* mockups */
.x-mk{position:relative;width:100%;max-width:300px;font-size:12px;text-align:left;z-index:1}
.x-mk-card{background:var(--x-card);border:1px solid var(--x-bd);border-radius:14px;box-shadow:var(--sh-float);padding:12px}
.x-mk-r{display:flex;align-items:center;justify-content:space-between;gap:8px}.x-mk-r small{color:var(--x-mut)}
.x-ok{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:99px;background:#16a34a1a;color:#16a34a;font-weight:600;font-size:11px}.x-ok .ic{width:11px;height:11px}
.x-mk-in{margin:9px 0 7px;height:40px;border-radius:10px;border:1px solid var(--x-in);display:flex;align-items:center;padding:0 11px;font:500 14px var(--font)}.x-mk-in b{color:var(--pri);font-weight:600}
.x-focus{border-color:color-mix(in srgb,var(--pri) 50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pri) 12%,transparent);font-size:12.5px}
.x-mk-s{display:flex;gap:5px;align-items:center;color:var(--x-mut);font-size:11.5px;margin-bottom:10px}.x-mk-s .ic{width:12px}
.x-mk-card .x-mk-r .x-btn-p{flex:1}
.x-mk-list{display:flex;flex-direction:column;gap:6px}.x-mk-list,.x-mk-stack{background:none}
.x-mk-t{padding:8px 12px;background:var(--x-card);border:1px solid var(--x-bd);border-radius:12px 12px 4px 4px}.x-mk-t span{display:flex;gap:6px;align-items:center}
.x-n{font-style:normal;background:var(--pri-soft);color:var(--pri);border-radius:99px;padding:0 6px;font-size:10.5px;font-weight:600}
.x-live{font-size:11px;border:1px solid var(--x-bd);border-radius:99px;padding:2px 8px}.x-live i{display:inline-block;width:6px;height:6px;border-radius:9px;background:#16a34a;margin-right:4px}
.x-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--x-card);border:1px solid var(--x-bd);border-radius:10px;box-shadow:var(--sh-edge)}
.x-row>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.x-row b{font-weight:600;font-size:12.5px}.x-row small{color:var(--x-mut);font-size:11px}
.x-row.hi{background:color-mix(in srgb,var(--pri-soft) 55%,var(--x-card))}
.x-th{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none}.x-th svg{width:14px}
.x-code{color:var(--pri);border:1px solid var(--x-bd);background:var(--x-card);border-radius:8px;padding:4px 6px;display:grid}
.x-dot{width:7px;height:7px;border-radius:9px;background:var(--pri)}
.x-mk-stack{display:flex;flex-direction:column;gap:9px}.x-mk-stack .x-row{padding:10px 12px;box-shadow:var(--sh-float)}
.x-ring{width:34px;height:34px;flex:none;border-radius:99px;display:grid;place-items:center;border:3px solid var(--pri);border-right-color:color-mix(in srgb,var(--pri) 25%,transparent);font-weight:700;color:var(--pri);font-size:13px}.x-ring .ic{width:15px}
.x-gck{width:22px;height:22px;border-radius:99px;display:grid;place-items:center;background:#16a34a1f;color:#16a34a}.x-gck .ic{width:12px;stroke-width:3}
.x-mk-flow{max-width:440px;display:flex;align-items:center}
.x-mk-tg{flex:1;display:flex;flex-direction:column;gap:7px;padding:9px}.x-mk-tg .x-row{box-shadow:none}
.x-ib{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--pri-soft);color:var(--pri);border:1px solid color-mix(in srgb,var(--pri) 14%,transparent)}.x-ib .ic{width:16px}
.x-tog{width:32px;height:19px;border-radius:99px;background:var(--x-in);position:relative;flex:none}.x-tog i{position:absolute;left:2px;top:2px;width:15px;height:15px;border-radius:99px;background:#fff;box-shadow:0 1px 2px #0003}.x-tog.on{background:var(--pri)}.x-tog.on i{left:15px}
.x-con{width:46px;height:120px;flex:none}
.x-dest{width:118px;flex:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.x-dest small{color:var(--x-mut);font-size:10.5px;line-height:1.3}
.x-dev{width:38px;height:38px;border-radius:99px;display:grid;place-items:center;background:var(--pri-soft);color:var(--pri);box-shadow:var(--sh-edge)}
.x-mk-grid{max-width:340px;display:flex;flex-direction:column;align-items:center}
.x-tiles{display:grid;grid-template-columns:repeat(5,52px);gap:8px;opacity:.95}
.x-tile{height:44px;border-radius:10px;border:1px solid var(--x-bd);background:color-mix(in srgb,var(--x-card) 70%,transparent);display:grid;place-items:center;color:color-mix(in srgb,var(--x-mut) 60%,transparent)}.x-tile .ic{width:15px}
.x-tile.x-main{background:linear-gradient(160deg,#ff4d63,#E60023 55%,#b3001b);color:#fff;box-shadow:var(--sh-glow);border:0}.x-tile.x-main .ic{width:20px}
.x-url{position:absolute;top:58px;display:flex;align-items:center;gap:7px;font-size:13px;padding:9px 14px;border-radius:12px}.x-url b{font-weight:600}
.x-zips{position:absolute;top:110px;display:flex;gap:6px}.x-zips span{display:inline-flex;align-items:center;gap:4px;background:var(--x-card);border:1px solid var(--x-bd);border-radius:99px;padding:5px 10px;font:600 11.5px var(--mono);box-shadow:var(--sh-float)}.x-zips .ic{width:14px;height:14px;padding:2px;border-radius:99px;background:#16a34a;color:#fff;stroke-width:3}
.x-orbit{height:210px;display:grid;place-items:center}
.x-o1,.x-o2{position:absolute;border-radius:999px;border:1px solid color-mix(in srgb,var(--pri) 18%,transparent);background:color-mix(in srgb,var(--pri) 3%,transparent)}.x-o1{width:200px;height:200px}.x-o2{width:130px;height:130px}
.x-core{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#ff4d63,#E60023 55%,#b3001b);box-shadow:var(--sh-glow);position:relative}.x-core .ic{width:28px;height:28px}
.x-sat{position:absolute;width:36px;height:36px;border-radius:99px;display:grid;place-items:center;background:var(--x-card);border:1px solid var(--x-bd);box-shadow:var(--sh-float);color:var(--pri)}.x-sat .ic{width:16px}
.x-sa{top:2px;left:calc(50% - 18px)}.x-sb{top:56px;left:calc(50% - 112px)}.x-sc{top:56px;right:calc(50% - 112px)}.x-sd{bottom:18px;left:calc(50% - 82px)}.x-se{bottom:18px;right:calc(50% - 82px)}
.x-chip-b{position:absolute;bottom:-14px;box-shadow:var(--sh-float);color:var(--x-fg)}.x-chip-b em{font-style:normal;color:#16a34a}
.x-q{display:flex;flex-direction:column;gap:7px}.x-kv{display:flex;justify-content:space-between;border-bottom:1px dashed var(--x-bd);padding:4px 0}.x-kv small{color:var(--x-mut)}.x-kv b{font:600 12px var(--mono)}
.x-tbar{display:flex;gap:4px}.x-tbar i{width:8px;height:8px;border-radius:9px;background:var(--x-in)}.x-q .x-mk-r>span:first-child{color:var(--pri)}
.x-chat{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.x-bub{background:linear-gradient(160deg,#ff4d63,#E60023 55%,#b3001b);color:#fff;padding:9px 12px;border-radius:12px 12px 12px 4px;font-weight:500;box-shadow:var(--sh-glow);max-width:250px}
.x-cmd{display:flex;align-items:center;gap:7px;background:var(--x-card);border:1px solid var(--x-bd);border-radius:99px;padding:5px 10px 5px 6px;box-shadow:var(--sh-float)}.x-cmd>.ic:first-child{width:22px;height:22px;padding:4px;border-radius:99px;background:var(--pri-soft);color:var(--pri)}.x-cmd code{background:none;padding:0;font:500 12px var(--mono)}.x-cmd>.ic:last-child{color:#16a34a;stroke-width:3}
.x-sw{display:flex;align-items:center;gap:5px;padding:8px 10px}.x-sw span{display:flex;gap:5px;align-items:center;margin-right:auto;font-weight:500}.x-sw span .ic{color:var(--pri);width:14px}.x-sw i{width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1px #0000001a}
/* toolkit band */
.x-kit{overflow:hidden;padding:44px 40px 40px;background:radial-gradient(40% 50% at 55% 0%,color-mix(in srgb,var(--pri) 8%,transparent),transparent 70%),radial-gradient(50% 50% at 0% 100%,color-mix(in srgb,var(--pri) 7%,transparent),transparent 70%),radial-gradient(40% 40% at 100% 100%,var(--glow-b),transparent 70%),var(--x-card);box-shadow:var(--sh-edge),var(--sh-pop)}
.x-kit-dots{position:absolute;left:0;top:0;width:340px;height:260px;background-image:var(--d);background-size:10px 10px;-webkit-mask:radial-gradient(closest-side,#000,transparent);mask:radial-gradient(closest-side,#000,transparent);pointer-events:none}
.x-kit-top{position:relative;display:flex;justify-content:space-between;gap:30px;align-items:flex-end}
.x-kit h2{font-size:40px;line-height:1.08;font-weight:600;margin:18px 0 14px}.x-kit p{color:var(--x-mut);max-width:470px;margin:0;font-size:15.5px;line-height:1.65}
.x-kit-r{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.x-kit-art{width:110px;height:92px;filter:drop-shadow(0 16px 20px #a0001c33);margin-bottom:12px}.x-free .ic{color:#16a34a}
.x-kit-g{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.x-mini{display:flex;flex-direction:column;gap:3px;padding:18px 18px 20px;border-radius:16px;border:1px solid var(--x-bd);background:var(--x-card);box-shadow:var(--sh-edge);text-decoration:none!important;color:var(--x-fg)!important;transition:box-shadow .2s,transform .2s}.x-mini:hover{box-shadow:var(--sh-float);transform:translateY(-2px)}
.x-mini .x-ib{width:36px;height:36px;margin-bottom:14px}.x-mini b{font-weight:600;font-size:15px}.x-mini small{color:var(--x-mut);font-size:13px}
/* steps */
.x-steps{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:stretch}
.x-step .x-ill{height:210px;border-bottom:1px solid var(--x-bd)}.x-step .x-tag{margin-bottom:10px}
.x-arrow{position:relative;align-self:start;top:104px;height:2px;margin:0 -6px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--pri) 55%,transparent) 0 4px,transparent 4px 8px);z-index:2}
.x-arrow::after{content:"";position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left-color:var(--pri);border-right:0}
.x-s1{max-width:220px}.x-copied{position:absolute;right:-6px;top:-22px;z-index:2;color:#16a34a;font-weight:600;box-shadow:var(--sh-float)}.x-copied .ic{width:13px;stroke-width:3}
.x-shr{display:flex;gap:7px;margin:8px 0 10px}.x-shr span{width:30px;height:30px;border-radius:99px;display:grid;place-items:center;background:var(--x-sec);color:var(--x-mut)}.x-shr span.on{background:var(--pri-soft);color:var(--pri);box-shadow:0 0 0 2px color-mix(in srgb,var(--pri) 30%,transparent)}.x-shr .ic{width:14px}
.x-s2{max-width:220px}.x-s2 small{color:var(--x-mut);display:block;margin-top:8px}.x-s2 .x-btn{margin-top:2px}
.x-dots3{display:flex;gap:3px}.x-dots3 i{width:5px;height:5px;border-radius:9px;background:var(--x-in)}
.x-s3{max-width:240px;display:flex;flex-direction:column;align-items:center;gap:8px}.x-s3 .x-row{width:100%}.x-s3 .x-mk-card.x-row{box-shadow:var(--sh-float)}.x-ghost{opacity:.55}
.x-c{text-align:center;margin-top:28px}.x-more{max-width:760px;margin:24px auto 0;color:var(--x-mut)}
/* devices */
.x-devg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.x-devc{display:flex;flex-direction:column;gap:4px;padding:22px;text-decoration:none!important;color:var(--x-fg)!important;transition:transform .2s,box-shadow .2s}.x-devc:hover{transform:translateY(-2px);box-shadow:var(--sh-edge),var(--sh-float)}
.x-ib-l{width:44px;height:44px;border-radius:12px;margin-bottom:14px}.x-ib-l .ic{width:20px}.x-devc b{font-weight:600;font-size:16px}.x-devc small{color:var(--x-mut);font-size:13px;flex:1;margin-bottom:10px}
/* faq */
.x-faq{display:flex;flex-direction:column;gap:10px}
.x-faq details{border-radius:16px;box-shadow:var(--sh-edge)}.x-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:600;font-size:15px}.x-faq summary::-webkit-details-marker{display:none}
.x-pm{width:28px;height:28px;flex:none;border-radius:99px;border:1px solid var(--x-bd);position:relative}.x-pm::before,.x-pm::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:1.5px;background:var(--x-fg);transition:transform .2s}.x-pm::after{transform:rotate(90deg)}
.x-faq details[open] .x-pm{background:var(--pri-soft);border-color:transparent}.x-faq details[open] .x-pm::after{transform:none}.x-faq details[open] .x-pm::before{background:var(--pri)}
.x-faq details>div{padding:0 20px 18px;color:var(--x-mut);font-size:14.5px}.x-faq details>div p{margin:0}
.x-sec-cta{padding-bottom:96px}
/* legacy sections re-skinned into the same language */
.x7 section.wrap{max-width:1120px;padding-top:56px;padding-bottom:56px}.x7 section.wrap.reveal+section.wrap.reveal{margin-top:0}
.x7 .sec-head{text-align:center;max-width:680px;margin:0 auto 40px}.x7 .sec-head h2{font-size:36px;line-height:1.1;font-weight:600}.x7 .sec-head p{color:var(--x-mut)}
.x7 .eyebrow{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--x-card);border:1px solid var(--x-bd);box-shadow:var(--sh-edge);font:500 12.5px var(--font);color:var(--x-fg);text-transform:none;letter-spacing:0}
.x7 .card,.x7 .tcard,.x7 .bcard,.x7 .post{background:var(--x-card);border:1px solid var(--x-bd);border-radius:18px;box-shadow:var(--sh-edge),var(--sh-card);backdrop-filter:none}
.x7 .tcard:hover{box-shadow:var(--sh-edge),var(--sh-float)}.x7 .tcard b{font-weight:600}
.x7 .ib{background:var(--pri-soft);color:var(--pri);border-radius:10px}
.x7 .btn:not(.x-btn){border-radius:999px;font-family:var(--font);font-weight:600}
.x7 .prose{font-size:15.5px}.x7 .prose h2{font-size:28px;font-weight:600}.x7 .prose h3{font-weight:600}
.x7 .notice{border-radius:16px;background:var(--x-card);border:1px solid var(--x-bd);color:var(--x-mut);font-size:13px}
.x7 footer{background:var(--x-card);border-top:1px solid var(--x-bd);margin-top:0}.x7 footer h4,footer .fh{font:600 13px var(--font);color:var(--x-fg)}.x7 footer a{color:var(--x-mut);font-size:13.5px}.x7 footer a:hover{color:var(--pri)}.x7 footer .bottom{color:var(--x-mut);font-size:12px;border-top:1px solid var(--x-bd)}
.x7 .mega{border-radius:18px;border:1px solid var(--x-bd);background:var(--x-card);box-shadow:var(--sh-pop)}
.x7 .mbar{background:color-mix(in srgb,var(--x-card) 85%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--x-bd)}
/* responsive */
@media(max-width:1180px){.x-float{opacity:.9;width:84px;height:84px}.x-fl{left:4px}.x-fr{right:4px}}
@media(max-width:900px){.x-b3,.x-devg,.x-kit-g{grid-template-columns:1fr 1fr}.x-b3>:last-child{grid-column:1/-1}.x-steps{grid-template-columns:1fr;gap:16px}.x-arrow{display:none}.x-kit-top{flex-direction:column;align-items:flex-start}.x-kit-r{align-items:flex-start}.x-kit-art{display:none}.x-float{display:none}}
@media(max-width:640px){.x-hero{padding:28px 0 24px}.x-hero h1{font-size:34px;line-height:1.06}.x-hero-s h1{font-size:30px}.x-lead{font-size:14.5px}.x-checks{gap:10px;font-size:12px;flex-wrap:wrap}
.x-app{margin-top:24px;padding:5px;border-radius:20px}.x-app-h{padding:16px 14px}.x7 .x-app form.tool input[type=url],.x7 .x-app form.tool input[type=text]{flex-basis:100%;font-size:16px;height:50px}.x7 .x-app form.tool .btn{flex:1;justify-content:center}.x7 .x-app form.tool .pastebtn{flex:0 0 auto}
.x-app-rb{min-height:220px}.x-use{margin-top:44px}.x-use-b{display:grid;grid-template-columns:1fr 1fr}.x-use-b .x-btn:last-child{grid-column:1/-1}
.x-sec{padding:40px 0}.x-head{margin-bottom:28px}.x7 .sec-head h2{font-size:26px}
.x-b3,.x-b2,.x-devg,.x-kit-g{grid-template-columns:1fr}.x-ill,.x-b2 .x-ill{height:230px}.x-kit{padding:28px 20px}.x-mk-flow{transform:scale(.9)}.x-tiles{grid-template-columns:repeat(5,44px)}}

.x7 .cards{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.x7 .cards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.x7 .cards{grid-template-columns:1fr}}
/* ===== v8 ===== */
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope-latin.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}

.x-ann{background:linear-gradient(90deg,#AD081B,#E60023 50%,#AD081B);color:#fff;font:500 13.5px/1.3 var(--font);text-align:center;padding:9px 0}
.x-ann .wrap{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
.x-ann a{color:#fff;text-decoration:underline;text-underline-offset:2px}.x-ann .x-ann-go{font-weight:600;text-decoration:none;background:#ffffff26;padding:3px 10px;border-radius:999px}
.x-ann-new{background:#fff;color:#E60023;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px}
.x-cc{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:980px;margin:0 auto}
.x-cc-c{background:var(--x-card);border:1px solid var(--x-bd);border-radius:18px;padding:26px 28px;box-shadow:var(--sh-card)}
.x-cc-c h3{display:flex;gap:8px;align-items:center;margin:0 0 12px;font-size:19px}.x-cc-c h3 svg{width:20px;height:20px}
.x-cc-c.ok h3{color:#14804a}.x-cc-c.no h3{color:var(--pri)}
.x-cc-c ul{margin:0;padding-left:18px;color:var(--x-mut);line-height:1.7}
.x-cc-c.no{background:linear-gradient(180deg,color-mix(in srgb,var(--pri) 5%,var(--x-card)),var(--x-card))}
dl.gloss{display:grid;grid-template-columns:200px 1fr;gap:10px 24px}dl.gloss dt{font-weight:600;color:var(--pri)}dl.gloss dd{margin:0;color:var(--x-mut,inherit)}
@media(max-width:720px){.x-cc{grid-template-columns:1fr}dl.gloss{grid-template-columns:1fr}dl.gloss dd{margin-bottom:8px}
 .x-ann{font-size:12.5px;padding:8px 0}.x-ann .x-ann-go{display:none}
 .x7 .x-app form.tool input[type=url],.x7 .x-app form.tool input[type=text]{flex-basis:100%;font-size:16px;height:52px}
 .x7 .x-app form.tool .btn{flex:1 1 100%;justify-content:center;height:52px;font-size:16px;order:2}
 .x7 .x-app form.tool .pastebtn{flex:1 1 100%;justify-content:center;order:3}
 .x7 .x-app form.tool .opts{order:4}}
/* polish: FAQ, CTA, footer, blog cards */
.x7 details{transition:box-shadow .2s}.x7 details[open]{box-shadow:0 0 0 1px color-mix(in srgb,var(--pri) 30%,transparent),var(--sh-card)}
.x7 details summary{cursor:pointer}
.x7 footer{border-top:1px solid var(--x-bd)}.x7 footer h4,footer .fh{letter-spacing:.04em;text-transform:uppercase;font-size:12px;color:var(--x-mut)}
.x7 footer a:hover{color:var(--pri)}
@media(max-width:720px){.x-ann-l{display:none}}
@media(min-width:1100px){.x7 .dd .mega{grid-template-columns:repeat(4,1fr);width:1040px;left:50%;right:auto;margin-left:-520px;max-height:none;overflow:visible}.x7 .dd .mega a small{font-size:11.5px}}
/* ===== v9: answer-first content, tables, callouts, TOC ===== */
.v9{padding-top:8px;padding-bottom:24px;font-size:16.5px;line-height:1.7}
.v9 a{color:var(--pri);text-underline-offset:3px}.v9 a:hover{color:var(--pri-s)}
.v9 :focus-visible,.x7 a:focus-visible,.x7 button:focus-visible,.x7 summary:focus-visible{outline:3px solid var(--pri);outline-offset:2px;border-radius:6px}
.v9-trust{display:flex;gap:8px;align-items:center;color:var(--x-mut);font-size:13.5px;margin:6px 0 14px}.v9-trust .ic{color:#16a34a}
.v9-top{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;margin-bottom:28px}.v9-top1{grid-template-columns:1fr}
.v9-qa{background:var(--x-card);border:1px solid var(--x-bd);border-left:5px solid var(--pri);border-radius:var(--r);padding:18px 22px;box-shadow:var(--sh-card)}
.v9-qa-l{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pri);margin-bottom:6px}
.v9-qa p{margin:0;font-size:17.5px;line-height:1.65;max-width:72ch}
.v9-facts{margin-top:16px;background:var(--pri-soft);border-radius:var(--r);padding:16px 22px}
.v9-h-s{font-size:18px!important;margin:0 0 8px!important}
.v9-facts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}.v9-facts li{display:flex;gap:8px;font-size:15px;line-height:1.5}.v9-facts .ic{color:var(--pri);flex:none;margin-top:4px}
.v9-art{width:100%;height:auto;border-radius:var(--r)}
.v9-doc{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:start}
.v9-toc{position:sticky;top:84px;font-size:14px;max-height:calc(100vh - 100px);overflow:auto}
.v9-toc summary{font-weight:700;cursor:pointer;margin-bottom:6px;color:var(--x-fg)}
.v9-toc ol{list-style:none;margin:0;padding:0 0 0 10px;border-left:2px solid var(--x-bd)}.v9-toc li{margin:0}
.v9-toc a{display:block;padding:5px 8px;color:var(--x-mut);text-decoration:none;border-radius:8px;line-height:1.35}.v9-toc a:hover{color:var(--pri);background:var(--pri-soft)}
.v9-main{min-width:0}
.v9-sec{margin:0 0 44px;scroll-margin-top:90px}.v9 h2{font-size:28px;line-height:1.2;margin:0 0 14px;scroll-margin-top:90px}.v9 h3{font-size:19px;margin:22px 0 8px}
.v9-sec>p,.v9-prose p,.v9-prose li{max-width:68ch}
.v9-steps{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.v9-steps li{display:flex;gap:14px;background:var(--x-card);border:1px solid var(--x-bd);border-radius:14px;padding:14px 16px}
.v9-steps .v9-n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;font-weight:700}
.v9-steps p{margin:2px 0 0;color:var(--x-mut);font-size:15px}
.v9-fig{margin:18px 0;background:var(--x-card);border:1px solid var(--x-bd);border-radius:var(--r);padding:10px;overflow:hidden}.v9-fig img{display:block;width:100%;height:auto;border-radius:12px}
.v9-fig figcaption{font-size:13.5px;color:var(--x-mut);padding:8px 6px 2px}
.v9-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;border:1px solid var(--x-bd);border-radius:14px;background:var(--x-card);box-shadow:var(--sh-edge)}
.v9-t{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5;min-width:560px}
.v9-t caption{text-align:left;font-weight:700;padding:12px 16px;font-size:15px;color:var(--x-fg);border-bottom:1px solid var(--x-bd);background:var(--x-sec)}
.v9-t th,.v9-t td{padding:11px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--x-bd)}
.v9-t thead th{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--x-mut);font-weight:700;background:var(--x-card)}
.v9-t tbody th{font-weight:600;color:var(--x-fg)}.v9-t tbody tr:last-child>*{border-bottom:0}.v9-t tbody tr:nth-child(even){background:color-mix(in srgb,var(--x-sec) 55%,transparent)}
.v9-y,.v9-n,.v9-p{display:inline-flex;gap:4px;align-items:center;font-weight:600;white-space:nowrap}.v9-y{color:#15803d}.v9-n{color:#c2002a}.v9-p{color:#a15c00}
:root[data-theme=dark] .v9-y{color:#4ade80}:root[data-theme=dark] .v9-n{color:#ff6b84}:root[data-theme=dark] .v9-p{color:#fbbf24}
.v9-t td .v9-n{background:none;width:auto;height:auto}
.v9-src{font-size:13px;color:var(--x-mut);margin:6px 0 0}
.v9-call{border-radius:14px;padding:12px 16px;margin:14px 0;font-size:15px;border:1px solid}.v9-call.tip{background:#ecfdf3;border-color:#bbf7d0}.v9-call.warn{background:#fff7e6;border-color:#fde3a7}.v9-call.note{background:var(--pri-soft);border-color:#ffc2cd}
:root[data-theme=dark] .v9-call.tip{background:#0f2418;border-color:#1f4d33}:root[data-theme=dark] .v9-call.warn{background:#2a1f08;border-color:#5c4613}:root[data-theme=dark] .v9-call.note{border-color:#4a1a26}
.v9-ul{padding-left:20px}.v9-ul li{margin:4px 0}
.v9-faq details{background:var(--x-card);border:1px solid var(--x-bd);border-radius:14px;margin:0 0 10px;padding:0 18px}
.v9-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0}.v9-faq summary::-webkit-details-marker{display:none}
.v9-faq summary h3{margin:0;font-size:16.5px;letter-spacing:-.01em}.v9-faq details[open] summary h3{color:var(--pri)}.v9-faq details>div{padding:0 0 14px;color:var(--x-mut)}.v9-faq p{margin:0}
.v9-rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.v9-rc{display:flex;gap:12px;align-items:center;background:var(--x-card);border:1px solid var(--x-bd);border-radius:14px;padding:10px;text-decoration:none;color:var(--x-fg)!important;transition:transform .15s,box-shadow .15s}.v9-rc:hover{transform:translateY(-2px);box-shadow:var(--sh-float)}
.v9-rc img{border-radius:10px;flex:none;width:72px;height:54px}.v9-rc b{display:block;font-size:15px}.v9-rc small{color:var(--x-mut);font-size:13px;line-height:1.35;display:block}
.v9-hubs{font-size:14px;color:var(--x-mut);margin-top:14px}
.v9-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 26px}.v9-chips a{padding:7px 14px;border-radius:999px;border:1px solid var(--x-bd);background:var(--x-card);color:var(--x-fg);text-decoration:none;font-size:14px;font-weight:500}.v9-chips a[aria-current]{background:var(--pri);border-color:var(--pri);color:#fff}
.v9-sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.v9-sh a{font-size:14px;white-space:nowrap}.v9-mut{color:var(--x-mut);margin:-6px 0 16px}
.v9-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.v9-card{display:flex;flex-direction:column;background:var(--x-card);border:1px solid var(--x-bd);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--x-fg)!important;transition:transform .15s,box-shadow .15s}.v9-card:hover{transform:translateY(-3px);box-shadow:var(--sh-float)}
.v9-card img{display:block;width:100%;height:auto;aspect-ratio:16/9}.v9-cb{padding:14px 16px 16px;display:grid;gap:4px}.v9-cb b{font-size:16.5px;line-height:1.3;letter-spacing:-.015em}.v9-cb small{color:var(--x-mut);font-size:14px;line-height:1.45}
.v9-meta{font-size:13px;color:var(--x-mut)}.v9-cat{font-weight:600}
.v9-art-wrap{max-width:1040px;margin:0 auto}.v9-ahead{margin-bottom:22px}.v9-cover{display:block;width:100%;height:auto;border-radius:var(--r);margin:10px 0 8px;aspect-ratio:16/9}
.v9-prose{font-size:17px;line-height:1.75}.v9-prose h2{margin-top:36px}.v9-prose img{max-width:100%;height:auto}.v9-prose table{display:block;overflow-x:auto}
.v9-by{border-top:1px solid var(--x-bd);padding-top:14px;margin-top:30px;font-size:14px;color:var(--x-mut)}
@media(max-width:960px){.v9-doc{grid-template-columns:1fr;gap:10px}.v9-toc{position:static;max-height:none;background:var(--x-card);border:1px solid var(--x-bd);border-radius:14px;padding:12px 14px;margin-bottom:18px}.v9-toc details:not([open]) summary{margin:0}.v9-top{grid-template-columns:1fr}.v9-art{display:none}}
@media(max-width:600px){.v9{font-size:16px}.v9 h2{font-size:23px}.v9-qa{padding:16px}.v9-qa p{font-size:16.5px}.v9-facts ul{grid-template-columns:1fr}.v9-t{font-size:14px}.v9-prose{font-size:16.5px}}
main .v9 section.v9-sec{padding:0;margin:0 0 48px}.v9-sec:last-child{margin-bottom:8px}
.crumbs{opacity:1}.crumbs a,.x7 .x-hero .crumbs a{color:var(--x-red,#E60023);font-weight:600;text-decoration:none}.crumbs a:hover{text-decoration:underline}
.v9-toc details,.v9-toc details[open]{border:0!important;outline:0;box-shadow:none!important;background:none!important;padding:0!important}
/* v10 home */
.v10-toolh{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em;margin:22px auto 12px;max-width:640px;text-align:center}
.v10-tooldesc{text-align:center;color:var(--x-mut);font-size:15px;margin:12px auto 0;max-width:620px}
.v9-main h3{scroll-margin-top:90px}.v9-main h2{scroll-margin-top:90px}
.v10-lab{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pri);margin:14px 0 4px}
.v10-log{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:10px}.v10-log li{padding:12px 16px;border:1px solid var(--x-bd);border-radius:14px;background:var(--x-card)}.v10-log time{display:inline-block;font-size:12.5px;color:var(--x-mut);margin-right:8px}
@media(max-width:640px){.v10-toolh{font-size:18px;margin-top:16px}}
/* v11: Manrope + raster logo */
.logo picture{display:block;flex:none;line-height:0}.logo .lg-i{width:34px;height:34px;display:block}
.logo .wm{font:800 21px/1 var(--font);letter-spacing:-.03em;color:var(--x-fg);white-space:nowrap}
footer .logo .wm{font-size:20px}
.x7 h1{font-weight:800;letter-spacing:-.04em}.x7 h2{font-weight:800;letter-spacing:-.03em}.x7 h3{font-weight:700;letter-spacing:-.015em}
.x7 .x-btn,.x7 button,.x7 input,.x7 select,.x7 textarea{font-family:var(--font)}
@media(max-width:640px){.logo .lg-i{width:30px;height:30px}.logo .wm{font-size:19px}}
/* v12 ssspin-style section system */
:root{--z-tint:#FFF3F5;--z-red:#C8001E;--z-g:linear-gradient(135deg,#FF4F6D 0%,#E60023 55%,#AD081B 100%)}
:root[data-theme=dark]{--z-tint:#12121a;--z-red:#FF6B84}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--z-tint:#12121a;--z-red:#FF6B84}}
.z-intro{padding-top:8px;padding-bottom:24px}
.z-toc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px;font-size:14px}.z-toc span{color:var(--x-mut);font-weight:600;margin-right:4px}
.z-toc a{padding:6px 13px;border:1px solid var(--x-bd);border-radius:99px;color:var(--x-fg);text-decoration:none;font-weight:600;background:var(--x-card);transition:.15s}.z-toc a:hover,.z-toc a:focus-visible{border-color:var(--pri);color:var(--z-red)}
.z-sec{padding:88px 0;background:var(--x-bg);scroll-margin-top:70px}.z-alt{background:var(--z-tint)}
.z-sec h3{scroll-margin-top:80px}
.z-head{text-align:center;max-width:760px;margin:0 auto 44px}
.z-head h2,.v9-sec>h2,.x-head h2{font-weight:800;letter-spacing:-.02em}
.z-head h2{font-size:clamp(26px,3.4vw,38px);line-height:1.18;margin:0}
.z-dash{display:flex;justify-content:center;align-items:center;gap:6px;margin:16px auto 0}.z-dash i{display:block;height:4px;border-radius:4px;background:var(--pri);width:10px}.z-dash i:nth-child(2){width:56px}
.z-head p{color:var(--x-mut);font-size:17px;line-height:1.6;margin:16px 0 0}
.v9-sec>h2::after,.x-head h2::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--pri);margin-top:12px;box-shadow:-16px 0 0 -0px transparent}
.x-head h2::after{margin:14px auto 0}
.z-sec p{line-height:1.7}.z-sec a:not(.x-btn){color:var(--z-red);font-weight:600}
.z-go{display:inline-flex;align-items:center;gap:6px;text-decoration:none;margin-top:6px}.z-go svg{width:16px;height:16px;transition:transform .15s}.z-go:hover svg{transform:translateX(3px)}
/* steps */
.z-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.z-step{background:var(--x-card);border:1px solid var(--x-bd);border-radius:24px;padding:28px 24px 26px;text-align:center;box-shadow:var(--sh-card);transition:transform .2s,box-shadow .2s}.z-step:hover{transform:translateY(-4px);box-shadow:var(--sh-float)}
.z-ph{position:relative;background:var(--z-tint);border-radius:18px;padding:22px 0 0;margin-bottom:20px;overflow:hidden;height:300px}.z-ph img{width:176px;height:auto;display:block;margin:0 auto}
.z-n{position:absolute;top:14px;left:14px;width:36px;height:36px;border-radius:99px;background:var(--z-g);color:#fff;font-weight:800;display:grid;place-items:center;box-shadow:var(--sh-glow)}
.z-step h3{font-size:19px;margin:0 0 8px}.z-step p{color:var(--x-mut);margin:0;font-size:15px}
.z-vg{margin-top:36px;display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:center;background:var(--x-card);border:1px solid var(--x-bd);border-radius:24px;padding:32px;box-shadow:var(--sh-card)}
.z-vg .v9-fig{margin:0}.z-vg-h{font-size:22px;font-weight:800;margin:10px 0 6px}.z-vg-t p{color:var(--x-mut)}.z-vg-t .x-btn{margin-top:8px}
.z-lab{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--z-red);background:var(--pri-soft);padding:5px 12px;border-radius:99px;margin:0}.z-lab svg{width:15px;height:15px}
/* rows */
.z-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:56px}.z-row.z-flip .z-ra{order:2}
.z-ra img{width:100%;max-width:460px;height:auto;display:block;margin:0 auto}
.z-rt h3{font-size:22px;color:var(--z-red);margin:0 0 8px}.z-rt h3:not(:first-child){margin-top:28px}.z-rt p{margin:0 0 6px}
/* feature cards */
.z-feats{display:grid;gap:28px}
.z-feat{display:grid;grid-template-columns:1.25fr 1fr;background:var(--x-card);border:1px solid var(--x-bd);border-radius:24px;overflow:hidden;box-shadow:var(--sh-card);transition:transform .2s,box-shadow .2s}.z-feat:hover{transform:translateY(-3px);box-shadow:var(--sh-float)}
.z-feat.z-flip .z-fa{order:-1}
.z-ft{padding:40px 44px;display:flex;flex-direction:column;justify-content:center}.z-ft h3{color:var(--z-red);font-size:24px;margin:0 0 10px}.z-ft p{margin:0 0 10px;color:var(--x-fg)}
.z-fa{background:var(--z-g);display:grid;place-items:center;min-height:240px;position:relative}.z-fa::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,#ffffff33,transparent 45%),radial-gradient(circle at 85% 90%,#00000026,transparent 50%)}
.z-fa img{width:240px;height:auto;position:relative}
.z-more{margin-top:28px;background:var(--x-card);border:1px solid var(--x-bd);border-radius:16px}.z-more summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;font-weight:700;list-style:none}.z-more summary::-webkit-details-marker{display:none}.z-more>div{padding:0 20px 18px;overflow-x:auto}.z-more[open] .x-pm::after{transform:none}.z-more summary:focus-visible{outline:2px solid var(--pri);outline-offset:2px;border-radius:16px}
/* icon cards */
.z-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.z-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.z-ic{background:var(--x-card);border:1px solid var(--x-bd);border-radius:20px;padding:28px;box-shadow:var(--sh-card);transition:transform .2s,border-color .2s}.z-ic:hover{transform:translateY(-3px);border-color:#E6002355}
.z-ico{width:52px;height:52px;border-radius:14px;background:var(--z-g);color:#fff;display:grid;place-items:center;margin-bottom:16px;box-shadow:var(--sh-glow)}.z-ico svg{width:26px;height:26px}
.z-ic h3{font-size:19px;margin:0 0 8px}.z-ic p{margin:0 0 8px;color:var(--x-mut)}
.z-ck,.z-xk,.z-os{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:8px}.z-ck li,.z-xk li{position:relative;padding-left:28px;line-height:1.55}
.z-ck li::before,.z-xk li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:99px;background:#16a34a1f}
.z-ck li::after{content:"";position:absolute;left:6px;top:7px;width:5px;height:8px;border:solid #16a34a;border-width:0 2px 2px 0;transform:rotate(45deg)}
.z-xk li::before{background:#E600231a}.z-xk li::after{content:"×";position:absolute;left:5px;top:0;color:var(--z-red);font-weight:800}
.z-ok{border-top:4px solid #16a34a}.z-no{border-top:4px solid var(--pri)}
.z-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px;align-items:start}.z-split .v9-fig{margin:0}.z-split>div{overflow-x:auto}
.z-flow{margin-top:28px}.z-flow .v9-fig{margin:0}
.z-num{counter-reset:zn}.z-num .z-ic{counter-increment:zn}.z-num .z-ic::before{content:counter(zn,decimal-leading-zero);display:block;font-size:34px;font-weight:800;color:var(--pri);opacity:.9;margin-bottom:8px}
/* why */
.z-why{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}.z-w{text-align:center;padding:8px 12px}
.z-wi{width:72px;height:72px;border-radius:99px;border:2px solid var(--pri);color:var(--pri);display:grid;place-items:center;margin:0 auto 16px;transition:.2s}.z-wi svg{width:32px;height:32px}.z-w:hover .z-wi{background:var(--pri);color:#fff}
.z-w h3{font-size:19px;margin:0 0 8px}.z-w p{color:var(--x-mut);margin:0}
/* troubleshooting */
.z-fix{display:grid;grid-template-columns:1fr 1fr;gap:18px}.z-fx{display:flex;gap:16px;background:var(--x-card);border:1px solid var(--x-bd);border-radius:18px;padding:22px}
.z-fn{flex:none;width:34px;height:34px;border-radius:10px;background:var(--pri-soft);color:var(--z-red);font-weight:800;display:grid;place-items:center}.z-fx h3{font-size:17px;margin:4px 0 6px}.z-fx p{margin:0;color:var(--x-mut);font-size:15px}
/* compare */
.z-sec#compare h3,#compare>.x-wrap>h3{font-size:20px}
.z-tbl{overflow:auto;max-height:620px;border-radius:18px;border:1px solid var(--x-bd);background:var(--x-card);box-shadow:var(--sh-card);margin-top:12px}.z-tbl table{width:100%;border-collapse:separate;border-spacing:0;margin:0}
.z-tbl th,.z-tbl td{padding:14px 16px;border-bottom:1px solid var(--x-bd);text-align:left}.z-tbl thead th{position:sticky;top:0;background:#C8001E;color:#fff;font-weight:700;z-index:1}.z-tbl tbody tr:nth-child(even){background:var(--z-tint)}.z-tbl tbody tr:hover{background:var(--pri-soft)}
.z-choose{margin-top:28px;background:var(--x-card);border-left:4px solid var(--pri);border-radius:14px;padding:22px 26px}.z-choose h3{margin-top:0}
/* guides */
#guides .x-wrap>h3{font-size:20px;margin:0 0 16px}.z-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.z-c{text-align:center;margin:28px 0 40px}
.z-log{list-style:none;padding:0;margin:0;border-left:2px solid var(--pri-soft);display:grid;gap:14px}.z-log li{position:relative;padding-left:22px}.z-log li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:99px;background:var(--pri)}.z-log time{font-size:13px;color:var(--x-mut);font-weight:600}.z-log p{margin:2px 0 0}
/* users */
.z-users{max-width:820px;margin:0 auto;text-align:center}.z-chips{list-style:none;padding:0;margin:18px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.z-chips li{background:var(--x-card);border:1px solid var(--x-bd);border-radius:99px;padding:9px 16px;font-size:15px;box-shadow:var(--sh-edge)}
/* faq */
.z-faq{max-width:860px;margin:0 auto}.z-q{padding:24px 0;border-bottom:1px solid var(--x-bd)}.z-q:first-child{border-top:1px solid var(--x-bd)}
.z-q h3{font-size:19px;margin:0 0 8px;display:flex;gap:12px}.z-q h3::before{content:"Q";flex:none;width:28px;height:28px;border-radius:8px;background:var(--pri-soft);color:var(--z-red);font-size:14px;display:grid;place-items:center}
.z-a{padding-left:40px;color:var(--x-mut)}.z-a p{margin:0}.z-os li{display:flex;gap:10px;align-items:flex-start}.z-os svg{width:18px;height:18px;flex:none;color:var(--z-red);margin-top:3px}
/* cta */

/* 3-step cards on tool pages */
.z-steps.z-sm .z-ph{height:250px}.z-steps.z-sm .z-ph img{width:150px}
@media(max-width:900px){.z-steps,.z-grid3,.z-cards,.z-why{grid-template-columns:1fr 1fr}.z-feat,.z-row,.z-vg,.z-split,.z-two,.z-fix{grid-template-columns:1fr}.z-feat .z-fa,.z-feat.z-flip .z-fa{order:-1;min-height:200px}.z-row .z-ra,.z-row.z-flip .z-ra{order:0}.z-row{gap:24px}}
@media(max-width:640px){.z-sec{padding:48px 0}.z-head{margin-bottom:28px}.z-steps,.z-grid3,.z-cards,.z-why{grid-template-columns:1fr}.z-ft{padding:26px 22px}.z-ft h3{font-size:21px}.z-vg{padding:22px}.z-a{padding-left:0}.z-ic{padding:22px}}
@media(prefers-reduced-motion:reduce){.z-step,.z-feat,.z-ic,.z-go svg{transition:none!important;transform:none!important}}
.z-steps.z-sm{gap:18px;margin:8px 0 20px}.z-sm .z-step{padding:18px 16px;border-radius:20px}.z-st{margin:0 0 4px!important;color:var(--x-fg)!important;font-size:16px}
.v9-main .z-steps.z-sm{grid-template-columns:repeat(3,1fr)}@media(max-width:1100px){.v9-main .z-steps.z-sm{grid-template-columns:1fr}.v9-main .z-sm .z-ph{height:220px}.v9-main .z-sm .z-ph img{width:130px}}
.v9-sec{padding-top:24px}
.z-wi svg{width:32px!important;height:32px!important}.z-ico svg{width:26px!important;height:26px!important}.z-a ul{margin:10px 0}
.z-ex{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 4px;font-size:14px}.z-ex-l{color:var(--x-mut);font-weight:600}.z-ex-l small{font-weight:500}
.z-ex-c{font:inherit;font-weight:600;cursor:pointer;padding:6px 14px;border-radius:99px;border:1px dashed var(--pri);background:var(--pri-soft);color:var(--z-red);transition:.15s}.z-ex-c:hover,.z-ex-c:focus-visible{background:var(--pri);color:#fff;border-style:solid;outline:none}
/* v13 start */
.z-start{padding:8px 0 0}
.z-trust{list-style:none;margin:6px auto 22px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.z-trust li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 10px;border-radius:99px;background:var(--x-card);border:1px solid var(--x-bd);font-weight:700;font-size:14px;box-shadow:var(--sh-edge);animation:zUp .5s both}
.z-trust li:nth-child(2){animation-delay:.06s}.z-trust li:nth-child(3){animation-delay:.12s}.z-trust li:nth-child(4){animation-delay:.18s}.z-trust li:nth-child(5){animation-delay:.24s}
.z-trust svg{width:26px!important;height:26px!important;padding:5px;border-radius:99px;background:var(--z-g);color:#fff;box-sizing:border-box}
@keyframes zUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.z-toc{position:sticky;top:64px;z-index:20;background:color-mix(in srgb,var(--x-bg) 86%,transparent);backdrop-filter:blur(10px);border-block:1px solid var(--x-bd);margin:0}
.z-toc .x-wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px;justify-content:center}.z-toc .x-wrap::-webkit-scrollbar{display:none}
.z-toc a{white-space:nowrap;padding:6px 13px;font-size:13.5px;border:0;background:transparent}.z-toc a:hover,.z-toc a:focus-visible{background:var(--pri-soft);color:var(--z-red)}
@media(max-width:1000px){.z-toc .x-wrap{justify-content:flex-start}}
.x-hero h1,.x-hero .x-lead,.x-hero .x-checks,.x-app{animation:zUp .55s both}.x-hero .x-lead{animation-delay:.05s}.x-app{animation-delay:.1s}
@media(prefers-reduced-motion:reduce){.z-trust li,.x-hero h1,.x-hero .x-lead,.x-hero .x-checks,.x-app{animation:none}}
/* what's new */
.z-wn-i{color:var(--x-mut);margin:0 0 14px}.z-wn{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.z-wn-c{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:var(--x-card);border:1px solid var(--x-bd);text-decoration:none;color:var(--x-fg)!important;font-weight:400!important;transition:.15s}.z-wn-c:hover{border-color:var(--pri);transform:translateY(-2px)}
.z-wn-c b{display:block;font-size:15px}.z-wn-c small{color:var(--x-mut);font-size:13.5px;line-height:1.45;display:block;margin-top:2px}
.z-wn-ic{flex:none;width:38px;height:38px;border-radius:11px;background:var(--pri-soft);color:var(--z-red);display:grid;place-items:center}.z-wn-ic svg{width:20px!important;height:20px!important}
.z-soon{margin:16px 0 0;color:var(--x-mut);font-size:14px}.z-soon-t{display:inline-block;margin-right:8px;padding:3px 10px;border-radius:99px;background:#fbbf2426;color:#92400e;font-weight:700;font-size:12px}
:root[data-theme=dark] .z-soon-t{color:#fbbf24}
/* footer */
footer.ft{background:var(--x-card);border-top:1px solid var(--x-bd);padding:44px 0 22px;margin-top:0;font-size:14px}
.ft-top{display:grid;grid-template-columns:240px 1fr;gap:40px}.ft-brand p{color:var(--x-mut);line-height:1.6;margin:12px 0 14px}
.ft-cta{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:var(--z-red);text-decoration:none}.ft-cta svg{width:16px;height:16px}
.ft-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.ft .fh{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--x-fg)}
.fh-b{all:unset;display:flex;justify-content:space-between;width:100%;cursor:default}.fh-b span{display:none}
.ft .fl a{display:block;color:var(--x-mut);text-decoration:none;padding:4px 0;line-height:1.35}.ft .fl a:hover{color:var(--z-red)}
.ft-bot{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;border-top:1px solid var(--x-bd);margin-top:30px;padding-top:16px;color:var(--x-mut);font-size:13px}.ft-bot a{color:var(--x-mut)}
@media(max-width:900px){.ft-top{grid-template-columns:1fr;gap:20px}.ft-cols{grid-template-columns:1fr;gap:0}.fc{border-bottom:1px solid var(--x-bd)}.ft .fh{margin:0}.fh-b{cursor:pointer;padding:14px 0}.fh-b span{display:inline}.fc .fl{display:none;padding-bottom:12px}.fc.open .fl{display:block}.fc.open .fh-b span{transform:rotate(45deg)}}
/* legal */
.lg-upd{font-size:14px;color:var(--x-mut);background:var(--z-tint);padding:10px 14px;border-radius:12px}
.lg-rel{margin-top:32px;font-size:14px;color:var(--x-mut)}
.lg-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:20px}.lg-card{display:block;padding:18px;border-radius:16px;border:1px solid var(--x-bd);background:var(--x-card);text-decoration:none;color:var(--x-fg)}.lg-card:hover{border-color:var(--pri)}.lg-card b{display:block;color:var(--z-red);margin-bottom:4px}.lg-card span{color:var(--x-mut);font-size:14px}
.lg-form{display:grid;gap:14px;max-width:560px;margin:20px 0;padding:22px;border-radius:18px;border:1px solid var(--x-bd);background:var(--x-card)}.lg-form label{display:grid;gap:6px;font-weight:700;font-size:14px}.lg-form input,.lg-form select,.lg-form textarea{font:inherit;font-weight:400;padding:11px 12px;border-radius:12px;border:1px solid var(--x-bd);background:var(--x-bg);color:var(--x-fg)}.lg-form button{justify-self:start}
/* v13 real mockups + video */
.z-ph{height:auto!important;padding:26px 0 0!important;background:linear-gradient(180deg,#FFE9EC,#fff6f7)!important;display:flex;justify-content:center;align-items:flex-end;max-height:330px}
.z-ph img{width:200px!important;height:auto;margin:0 auto -60px!important;filter:drop-shadow(0 18px 30px #ad081b30)}
.z-sm .z-ph img{width:170px!important}
:root[data-theme=dark] .z-ph{background:linear-gradient(180deg,#2a1219,#16161e)!important}
.z-vid{grid-template-columns:.8fr 1.4fr}
.z-vt{display:inline-flex;gap:4px;padding:4px;border-radius:99px;background:var(--z-tint);border:1px solid var(--x-bd);margin:6px 0 16px}
.z-vt button{font:inherit;font-weight:700;font-size:14px;display:inline-flex;gap:6px;align-items:center;border:0;background:transparent;color:var(--x-fg);padding:8px 16px;border-radius:99px;cursor:pointer}.z-vt button svg{width:16px;height:16px}
.z-vt button[aria-selected=true]{background:var(--pri);color:#fff;box-shadow:var(--sh-glow)}
.z-vp{display:flex;justify-content:center}.z-vf{margin:0;width:100%}.z-vf video{display:block;width:100%;height:auto;border-radius:18px;background:#111;box-shadow:0 30px 60px -30px #ad081b66}
.z-vm{max-width:300px}.z-vf figcaption{text-align:center;color:var(--x-mut);font-size:13px;margin-top:10px}
.z-dv{position:relative;display:flex;justify-content:center}.z-dv img{width:100%;max-width:560px;height:auto;border-radius:12px;filter:drop-shadow(0 30px 40px #ad081b2e)}
.z-dv-p img{max-width:250px}
.z-dv::before{content:"";position:absolute;inset:8% 4%;border-radius:48% 52% 45% 55%/55% 45% 55% 45%;background:radial-gradient(circle at 30% 30%,#ffd5dc,#ffe9ec 60%,transparent 70%);z-index:-1}
.z-ra{position:relative;z-index:0}
.z-bdg{position:absolute;bottom:8%;left:4%;display:inline-flex;align-items:center;gap:6px;background:var(--x-card);border:1px solid var(--x-bd);border-radius:99px;padding:8px 14px;font-weight:700;font-size:13.5px;box-shadow:var(--sh-float)}.z-bdg svg{width:16px!important;height:16px!important;color:var(--pri)}
body:has(.z-start) .x-use,body:has(.z-start) .supnote{display:none}
body:has(.z-start) .x-hero{padding-bottom:28px}
.z-toc .x-wrap{justify-content:safe center}
/* v13 tables: fit width, labelled cards on mobile */
.rtw{container:rt/inline-size;max-width:100%}
.v9-tw{overflow:visible;border:0;background:none;box-shadow:none;margin:18px 0}
table.rt{width:100%;min-width:0;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.5;background:var(--x-card);border:1px solid var(--x-bd);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(20,20,30,.04),0 10px 30px -18px rgba(20,20,30,.18);table-layout:auto}
table.rt caption{caption-side:top;text-align:left;font-weight:800;font-size:16px;padding:0 0 10px;color:var(--x-fg)}
table.rt th,table.rt td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--x-bd);overflow-wrap:break-word;word-break:normal;hyphens:auto}
table.rt thead th,table.rt tr:first-child>th:not([scope=row]){background:linear-gradient(180deg,#fff3f5,#ffe9ec);color:#8a0616;font-size:13px;letter-spacing:.03em;text-transform:uppercase;font-weight:800;border-bottom:1px solid #ffd0d8;overflow-wrap:normal;hyphens:none}
table.rt tbody th[scope=row],table.rt td:first-child{font-weight:700;color:var(--x-fg)}
table.rt tbody tr:last-child>*{border-bottom:0}
table.rt tbody tr:nth-child(even){background:rgba(230,0,35,.025)}
table.rt tbody tr:hover{background:rgba(230,0,35,.05)}
table.rt td>a,table.rt th>a{font-weight:700}
table.rt code{white-space:normal;overflow-wrap:anywhere}
html.dark table.rt thead th,[data-theme=dark] table.rt thead th{background:#2a1a1e;color:#ffb3c0;border-color:#3a2a2e}
@container rt (max-width:600px){
 table.rt,table.rt tbody,table.rt tr,table.rt th,table.rt td{display:block;width:100%}
 table.rt{border:0;background:none;box-shadow:none;border-radius:0;overflow:visible}
 table.rt caption{display:block;width:100%}
 table.rt thead,table.rt tr:first-child:has(>th:not([scope=row]):first-child):not(:has(td)){display:none}
 table.rt tbody tr,table.rt>tr{background:var(--x-card)!important;border:1px solid var(--x-bd);border-radius:16px;margin:0 0 12px;padding:6px 0;box-shadow:0 8px 24px -18px rgba(20,20,30,.25)}
 table.rt th,table.rt td{border:0;padding:8px 16px}
 table.rt tbody th[scope=row],table.rt td:first-child{font-size:16.5px;font-weight:800;padding-top:12px;padding-bottom:6px;border-bottom:1px solid var(--x-bd);margin-bottom:4px}
 table.rt td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#a3081c;margin-bottom:2px}
}
/* v13 diagrams */
.v9-fig.dg{margin:20px 0;padding:22px;border-radius:22px;background:linear-gradient(160deg,#fff,#fff5f7);border:1px solid #ffdbe1;box-shadow:0 16px 40px -28px rgba(173,8,27,.45)}
.dg-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:16px}.dg-head b{font-size:19px;font-weight:800;letter-spacing:-.01em}.dg-head small{color:var(--x-mut);font-size:14px}
.dg-lad{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dg-lad li{display:grid;grid-template-columns:64px 1fr minmax(150px,34%);align-items:center;gap:14px}
.dg-q{font-weight:800;font-size:16px}.dg-bar{height:26px;border-radius:99px;background:#ffe9ec;overflow:hidden}.dg-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ffb3c0,#ff8aa0)}
.dg-lad .hot .dg-bar i{background:linear-gradient(90deg,#ff3355,#E60023)}.dg-lad .hot .dg-note{color:#a3081c;font-weight:800}
.dg-lad .no .dg-bar i{background:repeating-linear-gradient(135deg,#e6e6ec 0 8px,#f4f4f7 8px 16px)}.dg-lad .no .dg-q{text-decoration:line-through;color:var(--x-mut)}
.dg-note{font-size:14.5px;color:var(--x-mut);font-weight:600}
.dg-flow{display:flex;align-items:stretch;gap:10px}.dg-flow .dg-n{flex:1;min-width:0}
.dg-n{background:#fff;border:1px solid var(--x-bd);border-radius:18px;padding:16px;display:grid;gap:4px;justify-items:start;box-shadow:0 6px 18px -14px rgba(20,20,30,.3)}
.dg-n b{font-size:16.5px;font-weight:800;overflow-wrap:anywhere}.dg-n small{font-size:14.5px;color:var(--x-mut);line-height:1.4}
.dg-n.hot{background:linear-gradient(150deg,#ff2d4f,#c4001d);border-color:transparent;color:#fff}.dg-n.hot small{color:#ffe0e6}
.dg-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ffe9ec;color:#E60023;margin-bottom:6px}.dg-ic svg{width:22px;height:22px}
.dg-n.hot .dg-ic{background:rgba(255,255,255,.2);color:#fff}
.dg-ar{flex:0 0 22px;align-self:center;height:22px;background:no-repeat center/22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E60023' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E")}
.dg-foot{display:flex;gap:8px;align-items:flex-start;margin:16px 0 0;font-size:15px;color:var(--x-mut)}.dg-foot svg{width:18px;height:18px;flex:none;margin-top:3px;color:#E60023}
.dg-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end}
.dg-sz{display:grid;justify-items:center;gap:4px;text-align:center}.dg-sz>b{font-size:15.5px}.dg-sz small{font-size:14px;color:var(--x-mut)}
.dg-fr{width:min(100%,var(--w,120px));display:grid;place-items:center;border-radius:14px;border:2px dashed #ff8aa0;background:linear-gradient(160deg,#fff,#ffe9ec);margin-bottom:6px}
.dg-sz:nth-child(1) .dg-fr{--w:128px}.dg-sz:nth-child(2) .dg-fr{--w:150px}.dg-sz:nth-child(3) .dg-fr{--w:108px}
.dg-fr b{font-size:22px;font-weight:800;color:#a3081c}.dg-sz.hot .dg-fr{border:0;background:linear-gradient(160deg,#ff2d4f,#c4001d)}.dg-sz.hot .dg-fr b{color:#fff}.dg-sz.hot small{color:#a3081c;font-weight:800}
.dg-chk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:none}
.dg-chk li{position:relative;background:#fff;border:1px solid var(--x-bd);border-radius:18px;padding:16px;display:grid;gap:4px;align-content:start}
.dg-chk b{font-size:16px;font-weight:800}.dg-chk small{font-size:14.5px;color:var(--x-mut);line-height:1.4}
.dg-num{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:#E60023;color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center}
.dg-shots{display:grid;gap:16px}.dg-ph{grid-template-columns:repeat(3,1fr)}.dg-dt{grid-template-columns:1fr 1fr}
.dg-shots>div{display:grid;gap:10px;justify-items:center;text-align:center}.dg-shots img{width:100%;height:auto;border-radius:18px;box-shadow:0 18px 40px -24px rgba(20,20,30,.45)}
.dg-ph img{max-width:220px}.dg-shots b{font-size:15.5px}
html.dark .v9-fig.dg,[data-theme=dark] .v9-fig.dg{background:linear-gradient(160deg,#1c1c22,#24161a);border-color:#3a2a2e}
html.dark .dg-n,html.dark .dg-chk li,[data-theme=dark] .dg-n,[data-theme=dark] .dg-chk li{background:#16161b}
@media (max-width:820px){.dg-chk{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.v9-fig.dg{padding:16px}.dg-flow{flex-direction:column}.dg-ar{transform:rotate(90deg);align-self:center}.dg-lad li{grid-template-columns:54px 1fr;gap:4px 10px}.dg-note{grid-column:2}.dg-chk{grid-template-columns:1fr}.dg-dt{grid-template-columns:1fr}.dg-ph{gap:8px}.dg-shots b{font-size:14px}.dg-sizes{gap:8px}}
@media (max-width:640px){.dg-flow{gap:6px}.dg-flow .dg-n{grid-template-columns:40px 1fr;column-gap:12px;align-items:center;padding:12px 14px}.dg-flow .dg-ic{grid-row:span 2;margin:0}.dg-ar{height:16px}}
.z-fa:has(.z-fimg){padding:0;overflow:hidden;background:#b3001b}.z-fa:has(.z-fimg)::before{display:none}
.z-fa img.z-fimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.z-feat:hover .z-fimg{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.z-feat:hover .z-fimg{transform:none}}
.st{display:inline-flex;align-items:center;margin-left:auto;flex:none;align-self:center;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:99px;line-height:1.3;white-space:nowrap}
.st-new{background:#e7f8ef;color:#0b7a46}.st-soon{background:#fff1d6;color:#8a5a00}
.v13-gl{list-style:none;padding:0;margin:10px 0 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.v13-gl a{display:flex;gap:10px;align-items:center;padding:14px 16px;border:1px solid var(--x-bd);border-radius:14px;background:var(--x-card);font-weight:700;text-decoration:none;color:var(--x-fg);line-height:1.35}
.v13-gl a::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#E60023}
.v13-gl a:hover{border-color:#ff9fb0;color:#c4001d}
.v9-rc .st{position:absolute;top:10px;right:10px}.v9-rc{position:relative}
/* v13 empty result panel */
.x-empty2{max-width:420px;padding:18px 0 22px}
.xe-ghost{display:grid;gap:8px;margin:0 0 18px;position:relative}
.xe-ghost::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,var(--x-card) 100%);pointer-events:none}
.xe-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px dashed #ffc2cc;border-radius:14px;background:linear-gradient(90deg,#fff7f8,#fff)}
.xe-th{width:38px;height:46px;border-radius:9px;background:linear-gradient(160deg,#ffd6de,#ffb3c0);flex:none}
.xe-tx{display:grid;text-align:left;flex:1;min-width:0}.xe-tx i{font-style:normal;font-weight:800;font-size:14px;color:#a3081c}.xe-tx small{font-size:13px;color:var(--x-mut)}
.xe-bt{font-size:12.5px;font-weight:800;color:#fff;background:#f4a3b1;padding:7px 12px;border-radius:10px}
.xe-tip{margin-top:8px!important;font-size:13px!important;color:#a3081c!important;font-weight:700}
@media (prefers-reduced-motion:no-preference){.xe-row{animation:xeP 2.4s ease-in-out infinite}.xe-row:nth-child(2){animation-delay:.3s}.xe-row:nth-child(3){animation-delay:.6s}}
@keyframes xeP{0%,100%{opacity:.75}50%{opacity:1}}
html.dark .xe-row,[data-theme=dark] .xe-row{background:#1d1418;border-color:#4a2a31}
/* v13 load animation */
@media (prefers-reduced-motion:no-preference){
 .x-hero h1,.x-hero .x-sub,.x-hero .x-app,.z-start{animation:zUp .7s cubic-bezier(.2,.7,.2,1) both}
 .x-hero .x-sub{animation-delay:.08s}.x-hero .x-app{animation-delay:.16s}.z-start{animation-delay:.28s}
}
@keyframes zUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* v13 mobile step image bleed fix */
@media (max-width:760px){.z-ph img{margin:0 auto!important;width:180px!important}.z-ph{overflow:hidden;padding-bottom:0}}
body:has(.z-start) .x-hero .supnote,body:has(.z-start) .x-hero .x-use{display:none!important}
@media (max-width:860px){.z-vid{grid-template-columns:1fr!important}.z-vid video{width:100%;height:auto}}
.v9-rc .st{top:-9px;right:12px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .xe-row{background:#1d1418;border-color:#4a2a31}:root:not([data-theme=light]) .xe-th{background:linear-gradient(160deg,#4a2a31,#3a1c22)}:root:not([data-theme=light]) .xe-bt{background:#5a2430;color:#ffd6de}:root:not([data-theme=light]) .v9-fig.dg{background:linear-gradient(160deg,#1c1c22,#24161a);border-color:#3a2a2e}:root:not([data-theme=light]) .dg-n,:root:not([data-theme=light]) .dg-chk li,:root:not([data-theme=light]) .v13-gl a{background:#16161b}:root:not([data-theme=light]) table.rt thead th,:root:not([data-theme=light]) table.rt tr:first-child>th:not([scope=row]){background:#2a1a1e;color:#ffb3c0;border-color:#3a2a2e}:root:not([data-theme=light]) .dg-bar,:root:not([data-theme=light]) .dg-ic{background:#2a1a1e}:root:not([data-theme=light]) .dg-fr{background:#1d1418}}
[data-theme=dark] .xe-row{background:#1d1418;border-color:#4a2a31}[data-theme=dark] .xe-th{background:linear-gradient(160deg,#4a2a31,#3a1c22)}[data-theme=dark] .xe-bt{background:#5a2430;color:#ffd6de}[data-theme=dark] .v13-gl a{background:#16161b}[data-theme=dark] .dg-bar,[data-theme=dark] .dg-ic{background:#2a1a1e}[data-theme=dark] table.rt tr:first-child>th:not([scope=row]){background:#2a1a1e;color:#ffb3c0}
/* v14 */
.x-hero h1{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--x-fg)!important;line-height:1.14!important;padding-bottom:.06em;overflow:visible;font-weight:700;letter-spacing:-.03em}
@media(max-width:640px){.x-hero h1{line-height:1.16!important;letter-spacing:-.025em}}
.v10-toolh{margin:30px auto 14px}
.x-empty2{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.x-empty2 .xe-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--x-ac,#e60023);background:color-mix(in srgb,#e60023 9%,transparent)}
.x-empty2 p{margin:0;font-size:14px;color:var(--x-mut,#6b6b72);max-width:300px}
.x-empty2 .xe-ic svg{width:22px!important;height:22px!important;position:static!important;margin:0!important;opacity:1!important;transform:none!important}
.x-empty2 .xe-ic{position:static!important;flex:none}
.x-empty2::before,.x-empty2::after{display:none!important}
.x-empty2 .xe-ic svg{filter:none!important}
/* v14 share bar */
.sharebar{position:fixed;right:14px;left:auto;top:50%;bottom:auto;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 5px;background:var(--x-card,#fff);border:1px solid var(--x-bd,#ececf0);border-radius:999px;box-shadow:0 8px 24px rgba(20,10,15,.08);overflow:visible;transition:opacity .2s,transform .2s}
.sharebar .sh-l{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--x-mut,#6b6b72);padding:2px 0 4px;writing-mode:horizontal-tb}
.sharebar a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--x-mut,#5d5d66)}
.sharebar a:hover,.sharebar a:focus-visible{background:var(--c);color:#fff}
.sharebar .ic{width:16px;height:16px;display:block}
.sharebar.sb-off{opacity:0;pointer-events:none;transform:translateY(-50%) translateX(12px)}
@media(max-width:1359px){.sharebar,.sharebar.sb-off{position:static;transform:none;opacity:1;pointer-events:auto;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px;width:auto;max-width:560px;margin:8px auto 32px;padding:10px 14px;border-radius:16px;box-shadow:none}.sharebar .sh-l{width:100%;text-align:center;padding:0 0 4px;font-size:11px}.sharebar a{width:40px;height:40px;background:var(--x-bg2,#f6f6f8)}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sharebar{background:#141418;border-color:#2a2a30;box-shadow:0 8px 24px rgba(0,0,0,.4)}:root:not([data-theme=light]) .sharebar a{color:#b9b9c2}}
[data-theme=dark] .sharebar{background:#141418;border-color:#2a2a30}[data-theme=dark] .sharebar a{color:#b9b9c2}
@media(max-width:1359px) and (prefers-color-scheme:dark){:root:not([data-theme=light]) .sharebar a{background:#1d1d22}}
@media(max-width:1359px){[data-theme=dark] .sharebar a{background:#1d1d22}}
@media(max-width:1359px){.sharebar,.sharebar.sb-off{width:calc(100% - 32px);box-sizing:border-box}}
.x-app-r:has(#result .rskel) .x-st-t::after{content:"Fetching…"}
.x-app-r:has(#result .rskel) .x-st i{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b22}
.x-app-r:has(#result .ecard) .x-st-t::after{content:"Couldn’t load"}
.x-app-r:has(#result .ecard) .x-st i{background:#e60023;box-shadow:0 0 0 3px #e6002322}
/* v15 3D art */
.v9-art{border-radius:20px;object-fit:cover;aspect-ratio:16/9;height:auto;box-shadow:0 18px 40px -18px rgba(200,0,30,.45)}
.v9-rc img{width:128px;height:72px;border-radius:12px;object-fit:cover;flex:none}
/* v15 mobile pass */
.v9-top>div{min-width:0}
.v9-qa,.v9-facts,.v9-qa *,.v9-facts *,main p,main li,main td{overflow-wrap:anywhere}
@media (max-width:760px){
 input,textarea,select{font-size:16px!important}
 .iconbtn{min-width:44px;min-height:44px}
 .z-ex-c{min-height:44px;display:inline-flex;align-items:center}
 .btn.sm{min-height:44px}
 .v9-top{grid-template-columns:1fr!important}
 .v9-art{width:100%;max-width:420px;margin:0 auto;display:block}
 .mbar{padding-bottom:calc(8px + env(safe-area-inset-bottom))}
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 html,body{overflow-x:clip}
}
.z-ph.z-real{max-height:340px!important}
.z-ph.z-real img{width:190px!important;border:7px solid #15151a;border-bottom:0;border-radius:28px 28px 0 0;margin:0 auto -4px!important;box-shadow:0 0 0 1px #0002}
html[data-theme=dark] .z-ph.z-real{background:linear-gradient(180deg,#3a1018,#1d0b0f)!important}
@media(max-width:760px){.z-ph.z-real img{width:200px!important}}
@media (max-width:760px){
 .z-trust{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;justify-items:stretch;max-width:420px;margin-left:auto;margin-right:auto}
 .z-trust li{justify-content:flex-start;min-height:44px;margin:0!important}
 .z-trust li:last-child:nth-child(odd){grid-column:1/-1;justify-content:center}
 .z-toc .x-wrap{display:flex;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:28px}
 .z-toc .x-wrap::-webkit-scrollbar{display:none}
 .z-toc a{white-space:nowrap;flex:none;min-height:44px;display:inline-flex;align-items:center}
 .v9-rc{min-height:72px}
}
@media (max-width:760px){.z-vt button[role=tab]{min-height:44px;padding-left:16px;padding-right:16px}}
.pre-foot-sp{height:48px}@media(max-width:760px){.pre-foot-sp{height:28px}}
/* v16 samples */
.z-ex-home{margin-top:18px;justify-content:center}
.z-ex-home .z-ex-l b{color:var(--x-fg)}
.z-samples{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:14px auto 6px;max-width:1040px}
.z-smp{display:flex;flex-direction:column;gap:6px;background:var(--x-card);border:1px solid var(--x-bd);border-radius:14px;padding:12px 14px;text-align:left}
.z-smp-t{font-weight:700;font-size:13px;color:#c8001e}
.z-smp code{font-size:12.5px;overflow-wrap:anywhere;color:var(--x-mute);background:none;padding:0}
.z-smp-a{display:flex;gap:8px}
.z-smp-a button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--x-bd);background:var(--x-card);font:inherit;font-weight:600;font-size:13px;cursor:pointer;color:var(--x-fg)}
.z-smp-a .z-smp-run{background:#c8001e;color:#fff;border-color:#c8001e}
.z-smp-note{text-align:center;font-size:13px;color:var(--x-mute);margin:6px 0 0}
@media(max-width:760px){.z-smp-a button{min-height:44px;flex:1}}
.z-smp-a a.z-smp-run{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:#c8001e;color:#fff;font-weight:600;font-size:13px;text-decoration:none}
a.z-ex-c{text-decoration:none}

/* v16: centred section headings with red dash on tool/article/hub pages; FAQ open = minus */
.v9-sec>h2,.v9-main>h2{text-align:center;margin-left:auto;margin-right:auto}
.v9-sec>h2::after,.v9-main>h2::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--pri);margin:12px auto 0}
.v9-sec>h2+p,.v9-main>h2+p{text-align:center;max-width:680px;margin-left:auto;margin-right:auto}
.x-faq details[open] .x-pm::after,.v9-faq details[open] .x-pm::after{opacity:0}
.v9-faq details[open] .x-pm{background:var(--pri-soft);border-color:transparent}
.v9-faq details[open] .x-pm::before{background:var(--pri)}
.x-pm::after{transition:transform .2s,opacity .2s}
/* v17: step images carry their own phone frame, number badge and pointer */
.z-step .z-ph,.z-step .z-ph.z-real{padding:0!important;background:none!important;max-height:none!important;aspect-ratio:9/16;overflow:hidden;border-radius:18px;display:block}
.z-step .z-ph img,.z-step .z-ph.z-real img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important;transform:none!important}
.z-step .z-ph .z-n{display:none}
html[data-theme=dark] .z-step .z-ph{background:none!important}
.z-steps.z-sm .z-step .z-ph,.v9-main .z-sm .z-step .z-ph{height:auto!important}
@media(max-width:1100px){.v9-main .z-steps.z-sm .z-step .z-ph{max-width:300px;margin:0 auto}}
/* v18 */
.z-sl{margin:14px auto 0;max-width:760px;border:1px solid var(--x-bd);border-radius:14px;background:var(--x-card);padding:8px 10px;text-align:left}
.z-sl-h{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:2px 4px 6px;font-size:13px}.z-sl-h b{font-size:13.5px}.z-sl-h span{color:var(--x-mut);font-size:12px}
.z-sl ul{list-style:none;margin:0;padding:0}.z-sl li{display:grid;grid-template-columns:84px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:5px 4px;border-top:1px solid var(--x-bd)}
.z-sl-t{font-size:12px;font-weight:700;color:var(--z-red)}.z-sl code{font-size:12px;color:var(--x-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;padding:0}
.z-sl-run,.z-sl-cp{font:inherit;font-size:12px;font-weight:700;line-height:1;padding:7px 11px;border-radius:999px;cursor:pointer;text-decoration:none;white-space:nowrap}
.z-sl-run{background:var(--z-red);color:#fff!important;border:0}.z-sl-run:hover{filter:brightness(1.08)}.z-sl-cp{background:transparent;color:var(--x-fg);border:1px solid var(--x-bd)}.z-sl-cp:hover{border-color:var(--z-red);color:var(--z-red)}
@media(max-width:480px){.z-sl li{grid-template-columns:minmax(0,1fr) auto auto}.z-sl-t{grid-column:1/-1;margin-bottom:-4px}}
.z-shot{margin:0 0 18px}.z-shot img{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:16px;box-shadow:0 14px 34px -22px #ad081b55}
.z-step-v18{padding:16px 16px 24px!important}.z-step-v18 h3{margin-top:4px}
.z-steps.z-sm .z-shot{margin-bottom:12px}
@media(max-width:900px) and (min-width:641px){.z-steps{grid-template-columns:1fr 1fr}}
.z-vg2{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)!important;align-items:center}
.z-vg-b{margin:10px 0 18px;padding:0;text-align:left}.z-vg-b li{margin:6px 0}
.z-vg2 .z-vt{display:inline-flex;padding:4px;border-radius:999px;background:var(--x-sec,#f3f3f6);border:1px solid var(--x-bd);gap:2px;margin-right:10px;vertical-align:middle}
.z-vg2 .z-vt button{border:0;background:transparent;border-radius:999px;padding:8px 16px;font:inherit;font-weight:700;font-size:14px;color:var(--x-mut);display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.z-vg2 .z-vt button[aria-selected=true]{background:var(--x-card);color:var(--z-red);box-shadow:0 2px 8px -2px #0002}
.z-vg2 .z-vp{flex-direction:column;align-items:center;gap:14px}
.z-pl{position:relative;border-radius:22px;overflow:hidden;background:#111;box-shadow:0 30px 60px -30px #ad081b66}.z-pl video{display:block;width:100%;height:auto;border-radius:0!important;box-shadow:none!important}
.z-pl-m{width:min(100%,340px);margin:0 auto}.z-vf.z-vm{display:flex;justify-content:center}.z-vf[hidden]{display:none!important}
.z-play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;border:0;background:var(--z-red);box-shadow:0 0 0 10px #ffffff55,0 18px 40px -10px #ad081b99;cursor:pointer;display:grid;place-items:center;transition:transform .15s}
.z-play:hover{transform:scale(1.06)}.z-play span{width:0;height:0;border-left:26px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:7px}
.z-pl.on .z-play{display:none}
.z-cue{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);background:#111111d9;color:#fff;font-size:13px;font-weight:700;line-height:1.3;padding:7px 11px;border-radius:10px}
.z-vchips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0}.z-vchips li{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;font-weight:700;color:var(--x-mut);border:1px solid var(--x-bd);background:var(--x-card);border-radius:999px;padding:6px 11px}.z-vchips svg{width:14px!important;height:14px!important;color:var(--z-red)}
@media(max-width:900px){.z-vg2{grid-template-columns:1fr!important}}
.z-dv img{border-radius:16px!important;filter:none!important;border:1px solid var(--x-bd);box-shadow:0 18px 40px -24px #ad081b55}.z-dv-p img{max-width:330px!important}
.z-qf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:32px;align-items:stretch}.z-qf .v9-fig{margin:0;height:100%;box-sizing:border-box}
.z-fo{background:var(--x-card);border:1px solid var(--x-bd);border-radius:20px;padding:22px}.z-fo ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-auto-rows:1fr}
.z-fo li{display:grid;grid-template-columns:36px minmax(0,150px) minmax(0,1fr);gap:4px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--x-bd)}.z-fo b{font-size:14.5px}.z-fo small{color:var(--x-mut);font-size:13px;line-height:1.4}
.z-fo-ic{width:34px;height:34px;border-radius:10px;background:var(--pri-soft);color:var(--z-red);display:grid;place-items:center}.z-fo-ic svg{width:18px!important;height:18px!important}
@media(max-width:860px){.z-qf{grid-template-columns:1fr}}@media(max-width:480px){.z-fo li{grid-template-columns:36px minmax(0,1fr)}.z-fo small{grid-column:2}}
.dg-4{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:none}
.dg-4 li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--x-bd);border-radius:14px;background:var(--x-card)}.dg-4 .dg-num{flex:none;width:28px;height:28px;border-radius:50%;background:var(--z-red);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.dg-4 b{display:block;font-size:14.5px;margin-bottom:3px}.dg-4 small{display:block;color:var(--x-mut);font-size:13px;line-height:1.45}
@media(max-width:900px){.dg-4{grid-template-columns:1fr 1fr}}@media(max-width:560px){.dg-4{grid-template-columns:1fr}}
.z-wn{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:1fr}.z-wn-c{flex-direction:column;height:100%;box-sizing:border-box;padding:16px!important}.z-wn-c>span:last-child{display:block}
@media(max-width:1100px){.z-wn{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.z-wn{grid-template-columns:1fr!important;grid-auto-rows:auto}.z-wn-c{flex-direction:row}}
.z-disc{display:flex;gap:14px;align-items:flex-start;text-align:left;margin:28px auto;padding:18px 20px;border-radius:18px;border:1px solid color-mix(in srgb,var(--z-red) 22%,var(--x-bd));background:color-mix(in srgb,var(--z-red) 5%,var(--x-card));color:var(--x-mut);font-size:14px;line-height:1.55;box-sizing:border-box}
.z-disc p{margin:0}.z-disc b{color:var(--x-fg)}.z-disc-ic{flex:none;width:38px;height:38px;border-radius:12px;background:var(--pri-soft);color:var(--z-red);display:grid;place-items:center}.z-disc-ic svg{width:20px;height:20px}
.z-disc-l{margin-top:8px!important;display:flex;flex-wrap:wrap;gap:6px 18px}.z-disc-l a{font-weight:700;color:var(--z-red)}

/* ===== 2026-11-01 mobile fixes + simple inner pages ===== */
.z-shot,.z-step{position:relative}
img,video,svg,iframe{max-width:100%}
img{height:auto}
.x7 :where(main,section,article,div,li,td,th,p,a,code,pre){min-width:0}
.x7 :where(p,li,td,th,dd,a,code,h1,h2,h3,h4){overflow-wrap:anywhere}
.x7 pre{overflow-x:auto;white-space:pre-wrap}
.x7 table{max-width:100%}
.v9-tw,.rtw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:760px){
  .x7 input,.x7 select,.x7 textarea{font-size:16px}
  .x7 h1{font-size:clamp(26px,7.4vw,34px)!important;line-height:1.18}
  .x7 h2{font-size:clamp(21px,6vw,26px)!important;line-height:1.25}
  .ft-cols{grid-template-columns:1fr 1fr!important;gap:18px}
  .sharebar{display:none!important}
  .x7 .iconbtn,.x7 .mbar a,.x7 .mbar button{min-height:44px;min-width:44px}
  .v9-tw table{min-width:520px}
}
@media (max-width:380px){.ft-cols{grid-template-columns:1fr!important}.toolbox .x-meta{flex-wrap:wrap}}

/* Simple, clean inner pages (everything except home) */
.simple .x-hero-bg,.simple .x-float,.simple .v9-art,.simple .sharebar{display:none!important}
.simple .x-hero{background:var(--bg,#fff)!important;padding-top:18px;padding-bottom:10px}
.simple .x-hero::before,.simple .x-hero::after{display:none!important}
.simple .x-hero h1{background:none!important;-webkit-text-fill-color:currentColor!important}
.simple .v9-top{grid-template-columns:1fr!important}
.simple .v9-sec,.simple .v9-qa,.simple .v9-facts,.simple .z-step,.simple .v9-rel>*,.simple .v9-faq details,.simple .x-app{box-shadow:none!important}
.simple .v9-qa,.simple .v9-facts{background:var(--card,#fff)!important;border:1px solid var(--line,#eee);}
.simple .v9-main{line-height:1.7}
.simple .v9-sec{margin-top:34px}
.simple .z-ph{background:var(--card2,#f7f7f8)!important}
.simple .dg img,.simple .z-shot img{filter:none!important}
:root[data-theme=dark] .simple .x-hero{background:transparent!important}
/* All files & formats card */
.fcard{margin-top:14px;border:1px solid var(--x-bd,#eee);border-radius:16px;background:var(--x-card,#fff);overflow:hidden}
.fcard>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;font-weight:700;cursor:pointer}
.fcard>summary::-webkit-details-marker{display:none}.fcard>summary::marker{content:''}
.fcard .chev{width:18px;height:18px;transition:transform .2s;opacity:.7}.fcard[open] .chev{transform:rotate(180deg)}
.flist{border-top:1px solid var(--x-bd,#eee);padding:4px 0}
.frow{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:56px;border-bottom:1px solid var(--x-bd,#f1f1f1)}.frow:last-child{border-bottom:0}
.fic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--pri,#e60023) 10%,transparent);color:var(--pri,#e60023)}.fic .ic{width:18px;height:18px}
.ftx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.ftx b{font-size:15px}.ftx small{font-size:12.5px;opacity:.65;overflow-wrap:anywhere}
.fbest{font-style:normal;font-size:11px;font-weight:700;background:#16a34a;color:#fff;border-radius:99px;padding:2px 7px;margin-left:6px;vertical-align:2px}
.fbt{flex:none;display:flex;gap:6px}
.fbtn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:10px;background:var(--pri,#e60023);color:#fff!important;font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap}.fbtn .ic{width:16px;height:16px}
.fbtn.sec{background:transparent;color:inherit!important;border:1px solid var(--x-bd,#ddd)}
@media (max-width:420px){.frow{padding:10px 12px;gap:10px}.fbtn{padding:0 11px}}
.ft-mail{display:inline-flex;align-items:center;gap:8px;margin:6px 0 10px;font-weight:600;color:inherit;text-decoration:none;overflow-wrap:anywhere}.ft-mail .ic{width:18px;height:18px;color:var(--pri,#e60023)}
.x7 details.fcard{padding:0!important;border:1px solid var(--x-bd,#eee)!important}.x7 details.fcard>summary{padding:14px 16px!important;margin:0!important}.x7 details.fcard>summary::before{display:none!important;content:none!important}
/* Caption card + consistent result collapsibles */
.fcard,.rcard .x7 details,.card details{box-shadow:0 1px 2px #0000000a}
.capbody{border-top:1px solid var(--x-bd,#eee);padding:14px 16px 16px;display:grid;gap:14px}
.cblk{min-width:0}
.clab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.85}
.clab>span{opacity:.75}
.cbox{border:1px solid var(--x-bd,#eee);background:var(--card2,#f7f7f8);border-radius:12px;padding:10px 12px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}
.cscroll{max-height:160px;overflow:auto;scrollbar-width:thin;scrollbar-color:#0002 transparent}
.cscroll::-webkit-scrollbar{width:6px}.cscroll::-webkit-scrollbar-thumb{background:#0002;border-radius:9px}
.ccopy{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:9px;border:1px solid var(--x-bd,#ddd);background:var(--x-card,#fff);color:inherit;font:inherit;font-size:12.5px;font-weight:700;text-transform:none;letter-spacing:0;cursor:pointer;opacity:1}
.ccopy .ic{width:14px;height:14px}.ccopy:hover{border-color:var(--pri,#e60023);color:var(--pri,#e60023)}
.ccopy.ok{background:#16a34a;border-color:#16a34a;color:#fff}
.ctags{display:flex;flex-wrap:wrap;gap:6px}
.ctag{font-size:13px;padding:4px 10px;border-radius:99px;background:color-mix(in srgb,var(--pri,#e60023) 9%,transparent);color:var(--pri,#e60023);font-weight:600;overflow-wrap:anywhere}
.cnone{margin:0;font-size:13px;opacity:.6}
.x7 .rcard details:not(.fcard),.x7 .card details{margin-top:14px;border:1px solid var(--x-bd,#eee);border-radius:16px;background:var(--x-card,#fff);overflow:hidden;padding:0}
.x7 .rcard details:not(.fcard)>summary,.x7 .card details>summary{list-style:none;padding:14px 16px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.x7 .rcard details:not(.fcard)>summary::-webkit-details-marker,.x7 .card details>summary::-webkit-details-marker{display:none}
.x7 .rcard details:not(.fcard)>summary::after,.x7 .card details>summary::after{content:'';width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:.6;margin-right:4px;transition:transform .2s}
.x7 .rcard details[open]:not(.fcard)>summary::after,.x7 .card details[open]>summary::after{transform:rotate(-135deg)}
.x7 .rcard details:not(.fcard)>:not(summary),.x7 .card details>:not(summary){margin:0 16px 14px}
.x7 .card details pre{max-height:320px;overflow:auto}
.clab{flex-wrap:wrap;min-width:0}.capbody{min-width:0}.capcard,.fcard{max-width:100%;box-sizing:border-box}
.wm-hd{color:var(--pri,#e60023)}:root[data-theme=dark] .wm-hd{color:#ff5a72}.logo .wm{white-space:nowrap}
.dg-4 .dg-num{position:static!important}.dg-shots>*,.dg li{position:relative}
.x-try{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:10px 2px 2px;font-size:13px}
.x-try-l{opacity:.65;font-weight:600}
.x-try-c{height:28px;padding:0 12px;border-radius:99px;border:1px solid color-mix(in srgb,var(--pri,#e60023) 35%,transparent);background:color-mix(in srgb,var(--pri,#e60023) 7%,transparent);color:var(--pri,#e60023);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.x-try-c:hover{background:var(--pri,#e60023);color:#fff}
@media (max-width:420px){.x-try{gap:6px;font-size:12px}.x-try-c{padding:0 10px;font-size:12px;height:28px}}
body{padding-bottom:0!important}.mbar{display:none!important}
@media (max-width:420px){.home .x-hero h1{font-size:clamp(20px,6vw,27px)!important;line-height:1.2}}
.home .x-hero h1{text-wrap:balance}
.nw{white-space:nowrap}
.cvp{margin:0 0 14px;padding:16px;border:1px solid var(--line,#e5e7eb);border-radius:14px}.cvp h3{margin:0 0 10px;font-size:1.05rem}
.cvo{display:flex;flex-wrap:wrap;gap:10px}.cvo label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;flex:1 1 120px;min-width:0}.cvo input,.cvo select{width:100%;padding:8px;border:1px solid var(--line,#d1d5db);border-radius:8px;font:inherit;box-sizing:border-box}
.cvn{font-size:.82rem;margin:8px 0}.cvbar{margin:8px 0}.cvtrack{height:8px;background:#eef0f3;border-radius:99px;overflow:hidden}.cvtrack i{display:block;height:100%;width:0;background:#e60023;transition:width .2s}.cvst{font-size:.82rem;display:block;margin-top:4px}
.cvres img{max-width:100%;height:auto;border-radius:10px;display:block;margin:8px 0}.cvres audio{width:100%;margin:8px 0}.frow button.fbtn{border:0;cursor:pointer;font:inherit}
.z-wn-pc{position:relative;overflow:hidden;padding-right:86px!important}
.z-wn-th{position:absolute;right:14px;top:12px;width:58px;height:87px;border-radius:9px;object-fit:cover;transform:rotate(5deg);box-shadow:0 8px 18px -8px rgba(60,10,25,.55)}
.x-hero h1,.x-hero .x-lead,.x-hero .x-checks,.x-hero .x-sub,.x-hero .x-app,.z-start,.z-trust li,.x-app{animation:none!important}
picture{display:contents}