body{margin:0}
.lc{--bg:#f8f7f4;--bg2:#efede8;--ink:#15171c;--mute:#5c636e;--card:#ffffff;--line:#e3e0d9;--accentInk:#1d4ed8;--shadow:0 1px 2px rgba(20,20,30,.06),0 18px 40px -12px rgba(20,20,30,.16);--tpBg:#f7f9fc;--tpHead:#ffffff;--tpLine:#e5e8ee;--orig:#e4e7ec;--origInk:#1c1e21;--tr:#007bff;--popBg:linear-gradient(180deg,#f4f6fa,#eef3f2);--pCard:#ffffff;--pLine:#e3e8ef;--pLabel:#64748b;--pVal:#1e293b;--pEnh:#6366f1;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-width:0;min-height:100vh}
@media (prefers-color-scheme:dark){.lc{--bg:#0c0e13;--bg2:#12151c;--ink:#f1f2f4;--mute:#a3a9b4;--card:#161921;--line:#262b35;--accentInk:#8fb2ff;--shadow:0 1px 2px rgba(0,0,0,.4),0 18px 40px -12px rgba(0,0,0,.6);--tpBg:#0f1115;--tpHead:#161920;--tpLine:#232731;--orig:#262a31;--origInk:#e8eaed;--tr:#2b6fd6;--popBg:linear-gradient(180deg,#1a1d25,#161b1d);--pCard:#161921;--pLine:#262b35;--pLabel:#94a3b8;--pVal:#e8eaed;--pEnh:#a5a2ff}}
.wrap{max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,48px);box-sizing:border-box}
.sec{padding-block:clamp(56px,7vw,104px)}
.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--accentInk);letter-spacing:.01em}
.h2{margin:0;font-size:clamp(34px,4.6vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}
.h3{margin:0;font-size:clamp(21px,2vw,25px);font-weight:800;letter-spacing:-.025em;line-height:1.15;text-wrap:balance}
.p{margin:0;font-size:16px;line-height:1.5;color:var(--mute);text-wrap:pretty}
.lead{margin:0;font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--mute);max-width:40em;text-wrap:pretty}
.head{display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;margin-bottom:clamp(36px,4.5vw,56px)}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.story{padding:clamp(18px,2vw,24px);display:flex;flex-direction:column;gap:18px;min-width:0;box-sizing:border-box}
.story-text{display:flex;flex-direction:column;gap:8px}
.btn{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:0;background:#ffffff;color:#111433;font:600 16px/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.btn:hover{background:#e6e9ff}
.btn.sm{min-height:40px;padding:0 16px;font-size:14px}
.btn.lg{min-height:52px;padding-inline:28px;font-size:17px}
.sp{width:11px;height:11px;flex:none;display:inline-block;fill:#6366f1}
.cap{font-family:Arial,Helvetica,sans-serif;font-weight:500;color:#fff;font-size:clamp(16px,1.75vw,24px);line-height:1.5;background:rgba(24,24,28,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;padding:0 .5em;text-shadow:0 1px 2px rgba(0,0,0,.35);width:fit-content;max-width:min(75%,30em);box-sizing:border-box}
.cap.sm{font-size:clamp(14px,1.3vw,17px)}
.cap.before{color:#d2d4da;background:rgba(24,24,28,.66)}
.fix{box-shadow:inset 0 -3px 0 #5b8cff}
.fixw{box-shadow:inset 0 -2px 0 rgba(255,255,255,.8)}
.caplabel{font:700 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.09em;text-transform:uppercase;padding:5px 8px;border-radius:6px;width:fit-content}
.caplabel.b{background:rgba(255,255,255,.14);color:#e9e9ee}
.caplabel.q{background:var(--orig);color:var(--origInk)}
.caplabel.n{background:#2563eb;color:#fff}
.tp{background:var(--tpBg);font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;min-width:0}
.tphead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--tpHead);border-bottom:1px solid var(--tpLine);font:700 16px/1.2 Arial,Helvetica,sans-serif;color:var(--origInk)}
.tpicons{display:flex;gap:6px}
.tpicon{width:28px;height:28px;border-radius:7px;border:1px solid var(--tpLine);display:flex;align-items:center;justify-content:center;color:var(--origInk);font:700 11px/1 Arial,Helvetica,sans-serif}
.tpbody{display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding:14px;overflow:hidden;font-size:15px;box-sizing:border-box}
.bub{border-radius:.9em;padding:.35em .7em;line-height:1.35;max-width:88%;width:fit-content;box-sizing:border-box}
.bub.orig{background:var(--orig);color:var(--origInk);align-self:flex-start}
.bub.tr{background:var(--tr);color:#fff;align-self:flex-end}
.bub .tag{font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-bottom:1px}
.bub.speaking .txt::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-inline-start:5px;vertical-align:middle;animation:lcpulse 1s ease-in-out infinite}
@keyframes lcpulse{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1)}}
[hidden]{display:none !important}
.browser{border-radius:16px;overflow:hidden;background:#dfe3ea;box-shadow:0 30px 80px -20px rgba(5,5,30,.55),0 0 0 1px rgba(255,255,255,.08)}
.bbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#e6e9ef}
.lights{display:flex;gap:7px}
.lights span{width:11px;height:11px;border-radius:50%;display:block}
.url{flex:1;min-width:0;background:#fff;border-radius:999px;padding:7px 14px;font:13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;color:#4a505a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hiicon{width:30px;height:30px;border-radius:50%;background:#eef2fb;box-shadow:inset 0 0 0 2px #9ab6ef;display:flex;align-items:center;justify-content:center;flex:none}
.hiicon img{width:20px;height:20px}
.scene{position:relative;overflow:hidden}
.scene-title{position:absolute;left:6%;top:8%;display:flex;flex-direction:column;gap:6px;text-align:start}
.scene-kicker{font:700 12px/1 Arial,sans-serif;letter-spacing:.14em;color:#7fb3ff;text-transform:uppercase}
.scene-name{font:700 clamp(18px,2.4vw,28px)/1.15 Arial,sans-serif;color:#ffffff}
.prog{position:absolute;left:4%;right:4%;bottom:14px;height:3px;background:rgba(255,255,255,.25);border-radius:2px}
.prog span{display:block;height:100%;width:34%;background:#e53935;border-radius:2px}
.spk{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center}
.spk svg{display:block;width:116px;height:116px;filter:brightness(.7) saturate(.8);transition:filter .15s}
.spk.on svg{filter:none}
.spk .talk,.spk.on .quiet{display:none}
.spk.on .talk{display:inline}
.spk .mic{position:absolute;bottom:-16px;left:calc(50% + 12px);width:3px;height:34px;transform:rotate(-14deg);transform-origin:bottom;border-radius:2px;background:#1a1d26;z-index:3}
.spk .mic::before{content:"";position:absolute;top:-6px;left:-3px;width:10px;height:12px;border-radius:5px;background:#2b2f3c}
.spk .ring{position:absolute;top:-14px;width:8px;height:8px;border-radius:50%;background:transparent;transition:background .15s}
.spk.on .ring{background:#6ea0ff;box-shadow:0 0 0 6px rgba(110,160,255,.2)}
.desk{position:absolute;left:0;right:0;bottom:0;height:48px;z-index:2;background:linear-gradient(180deg,#5a4532,#2c2219);box-shadow:0 -2px 0 #6e553e inset,0 -6px 14px rgba(0,0,0,.35)}
.pop{background:var(--popBg);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.pcard{position:relative;box-sizing:border-box;min-height:68px;min-width:0;background:var(--pCard);border:1px solid var(--pLine);border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.plabel{font:600 9.6px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.5px;text-transform:uppercase;color:var(--pLabel)}
.plabel.enh{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;color:var(--pEnh)}
.pval{font:600 15px/1.25 Arial,Helvetica,sans-serif;color:var(--pVal);display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.pval .t{display:inline-flex;align-items:center;gap:5px;min-width:0}
.pval .cut{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pnote{font:11.5px/1.3 Arial,Helvetica,sans-serif;color:var(--pLabel)}
.opt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;min-height:40px;font:15px/1.2 Arial,Helvetica,sans-serif;color:var(--pVal);border-radius:8px}
.opt.sel{background:#6366f1;color:#ffffff}
.opt.sel .sp{fill:#ffffff}
.sw{position:absolute;top:10px;inset-inline-end:10px;display:block;width:26px;height:14px}
.sw span{display:block;position:relative;width:26px;height:14px;border-radius:999px;background:#2563eb}
.sw span::after{content:"";position:absolute;top:2px;inset-inline-end:2px;width:10px;height:10px;border-radius:50%;background:#fff}
.sw.off span{background:#475569}
.sw.off span::after{inset-inline-end:auto;inset-inline-start:2px}
.grid{display:grid;gap:clamp(16px,2vw,24px)}
.lbl{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.dark-band{background:radial-gradient(90% 120% at 80% 0%,#3a2fd6 0%,rgba(58,47,214,0) 60%),linear-gradient(115deg,#05061a 0%,#0f1046 55%,#23209a 100%);color:#ffffff}
.price{font-size:16px;font-weight:600;color:#ffffff}
.bar-title{display:inline-flex;align-items:center;gap:6px;margin-inline-start:2px;padding-inline-start:12px;border-inline-start:1px solid rgba(255,255,255,.25);font-size:15px;font-weight:600;color:#c5c8e6;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.bar-title.shown{opacity:1;visibility:visible}
.bar-title .sp{fill:#a5b4fc}
@media (max-width:540px){.wordmark{display:none}.bar-title{margin-inline-start:0;padding-inline-start:0;border:0}}
@media (prefers-reduced-motion:reduce){.bar-title{transition:none}}
.flink{color:#8d91ad;text-decoration:none}
.flink:hover{color:#c5c8e6;text-decoration:underline}
@media (prefers-reduced-motion:reduce){.bub.speaking .txt::after{animation:none}}
.notice{position:fixed;z-index:40;top:80px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 32px));display:flex;align-items:flex-start;gap:12px;padding:16px 16px 16px 18px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-left:5px solid var(--noticeTone);border-radius:14px;box-shadow:var(--shadow);font-size:16px;line-height:1.45;animation:notice-in .25s ease-out}
.notice[hidden]{display:none}
.notice.success{--noticeTone:#15803d;background:#15803d;color:#ffffff;border-color:#15803d}
.notice.success span,.notice.success button{color:rgba(255,255,255,.88)}
.notice.info{--noticeTone:#2563eb}
.notice b{display:block;font-size:17px;margin-bottom:2px}
.notice span{color:var(--mute)}
.notice button{margin-left:auto;flex-shrink:0;border:0;background:none;color:var(--mute);font-size:22px;line-height:1;cursor:pointer;padding:0 2px}
@keyframes notice-in{from{opacity:0;transform:translate(-50%,-8px)}}
@media (prefers-reduced-motion:reduce){.notice{animation:none}}
.face{width:44px;height:44px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font:700 17px/1 system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff}
.face{overflow:hidden}
.face img{width:100%;height:100%;display:block}
.face.you{background:#d9b48f}
.face.them{background:#9db8e8}
.screen{flex:1 1 420px;max-width:560px;min-width:0;display:flex;flex-direction:column;gap:8px}
.screen-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--mute)}
.screen-name .face{width:24px;height:24px;font-size:11px}
.meet{position:relative;background:#202124;border-radius:14px;padding:10px;box-sizing:border-box;box-shadow:0 20px 50px -18px rgba(5,5,30,.5)}
.tile{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;container-type:inline-size}
.tile.you{background:radial-gradient(70% 80% at 50% 30%,#8a6a52 0%,#3f3029 75%)}
.tile.them{background:radial-gradient(70% 80% at 50% 30%,#566a98 0%,#262f4b 75%)}
.tile.pip{position:absolute;right:18px;top:18px;width:24%;border:2px solid #202124;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.person{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:94%;width:auto}
.tname{position:absolute;left:4%;bottom:6%;font:500 clamp(9px,4.5cqi,14px)/1 Arial,Helvetica,sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.vcap{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);width:max-content;max-width:75%;box-sizing:border-box;padding:.3em .5em;border-radius:.25em;background:rgba(0,0,0,.65);color:#fff;font:500 clamp(11px,5cqi,22px)/1.3 Arial,Helvetica,sans-serif;text-align:center}
.screen .cap{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:max-content;max-width:min(80%,30em);font-size:clamp(13px,1.5vw,18px)}
.callout{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--mute);text-align:center}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:999px;width:fit-content}
.pill.free{background:#dcfce7;color:#166534}
.pill.paid{background:#e0e7ff;color:#3730a3}
.pill.paid .sp{fill:#4f46e5}
@media (prefers-color-scheme:dark){.pill.free{background:#123524;color:#86efac}.pill.paid{background:#1e1b4b;color:#c7d2fe}.pill.paid .sp{fill:#a5b4fc}}
.mode{padding:clamp(18px,2vw,24px);display:flex;flex-direction:column;gap:14px;min-width:0;box-sizing:border-box}
.mode .reads{display:flex;flex-direction:column;gap:8px}
.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px;counter-reset:step}
.steps li{display:flex;gap:14px;align-items:flex-start;font-size:17px;line-height:1.45;color:var(--ink)}
.steps li::before{counter-increment:step;content:counter(step);flex:none;width:30px;height:30px;border-radius:50%;background:#2563eb;color:#fff;font:700 15px/30px system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center}
.steps small{display:block;font-size:15px;color:var(--mute);margin-top:2px}
.btn.outline{text-decoration:none;background:transparent;color:var(--accentInk);box-shadow:inset 0 0 0 1.5px currentColor}
.btn.outline:hover{background:var(--bg2)}
.pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:clamp(16px,2vw,24px);align-items:stretch}
.pair .mode .screen{flex:none;width:100%;max-width:none}
.wmock{flex:0 1 340px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px 22px;border-radius:22px;border:1px solid #e3e8ef;background:linear-gradient(180deg,#f4f6fa,#eef3f2);box-shadow:var(--shadow);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.w-toggle{display:flex;gap:3px;padding:3px;background:#f3f7ff;border:1px solid #2563eb;border-radius:999px;font-size:12px}
.w-opt{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;color:#5d86bd;white-space:nowrap}
.w-opt svg{width:14px;height:14px;fill:currentColor}
.w-opt.sel{background:#2563eb;color:#fff}
.w-chip{display:flex;align-items:center;gap:6px;margin-top:2px;padding:3px 12px;background:#fff;border:1px solid #6366f1;border-radius:999px;box-shadow:0 1px 3px rgba(15,23,42,.08);font:bold 12.5px Arial,Helvetica,sans-serif;color:#1f3f73}
.w-chip i{font-style:normal;font-size:8px;color:#6b7280}
.w-menu{display:flex;flex-direction:column;gap:2px;width:100%;max-width:290px;box-sizing:border-box;padding:6px;background:#fff;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.18)}
.w-item{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:10px;color:#1f2937}
.w-item.sel{background:#eef3ff}
.w-text{display:flex;flex-direction:column;gap:2px;flex:1}
.w-text b{display:flex;align-items:center;gap:5px;font-size:13px}
.w-text span{font-size:11.5px;color:#4b5563}
.w-text .sp{width:10px;height:10px;fill:#6366f1}
.w-check{width:16px;height:16px;fill:none;stroke:#2563eb;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}
.w-item.sel .w-check{visibility:visible}
.bubble{position:absolute;top:9%;left:5%;max-width:54%;box-sizing:border-box;padding:.45em .7em;border-radius:14px;background:#fff;color:#1f2937;font:600 clamp(10px,3.4cqi,15px)/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.bubble::after{content:"";position:absolute;right:16%;bottom:-5px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-radius:2px}