@charset "UTF-8";
.video-shell{position:relative}.video-column{min-height:540px}.video-action{position:absolute;inset:40% 10% auto;padding:18px 12px;border-radius:15px;background:#fff;color:#3045ba;box-shadow:0 5px 25px #151b5466;font-weight:750;font-size:14px;z-index:2}.video-action[hidden]{display:none}.float-label{display:none}.video-shell.floating{position:fixed;right:18px;bottom:18px;width:142px;z-index:20;border-radius:17px;padding:4px;box-shadow:0 8px 35px #101b5066}.video-shell.floating video{border-radius:13px}.video-shell.floating .float-label{display:block;color:white;font-size:9px;text-align:center;padding:6px 0 3px}.video-shell.floating .video-action{font-size:10px;padding:10px 5px}@media(max-width:700px){.video-shell.floating{right:10px;bottom:12px;width:112px}.video-column{min-height:535px}}
:root{--ink:#182044;--muted:#65708b;--blue:#4059f5;--line:#dfe3f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#fafaff}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #14b8a6;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}.preview{background:#192452;color:#e8eaff;text-align:center;font-size:11px;letter-spacing:1.6px;padding:10px}header{height:76px;max-width:1200px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:12px;letter-spacing:2px;font-weight:800}.lang{background:white;border:1px solid var(--line);border-radius:24px;padding:9px 15px;font-size:12px}.hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1fr .8fr;gap:32px;align-items:center;max-width:1200px;margin:0 auto;padding:52px 70px 24px;border-radius:36px;background:radial-gradient(ellipse at 10% 90%,#b8efff 0,transparent 45%),radial-gradient(ellipse at 98% 10%,#b7b6ff 0,transparent 45%),linear-gradient(135deg,#edf0ff,#e0ddff 50%,#ccf4ff)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#5e50c9;display:block}h1{font-size:clamp(38px,4.3vw,58px);letter-spacing:-2.4px;line-height:1.08;margin:24px 0}h2{font-size:40px;line-height:1.15;letter-spacing:-1.5px;margin:16px 0}h3{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:14px 0}.lead{font-size:17px;line-height:1.7;color:#4d5877}.pills{display:flex;gap:7px;flex-wrap:wrap;margin:26px 0}.pills span{font-size:11px;background:#ffffffb0;border:1px solid #ffffffc0;padding:9px 12px;border-radius:30px;font-weight:600}.watch-hint{display:flex;gap:14px;align-items:center;margin:35px 0 22px}.play-mini{background:#4753ef;color:white;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-size:15px}.watch-hint b{font-size:15px}.watch-hint small{display:block;font-size:12px;margin-top:5px;color:var(--muted)}.concept{font-size:11px;line-height:1.6;color:#646d88;max-width:340px}.video-column{justify-self:center;width:100%;max-width:286px}.video-shell{padding:6px;background:#171b35;border-radius:27px;box-shadow:0 22px 55px #38368b35;overflow:hidden}.video-shell video{width:100%;display:block;border-radius:21px;aspect-ratio:9/16;background:#263471}.video-caption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#48567d;margin-top:17px}.live-dot{width:6px;height:6px;background:#27ae8a;border-radius:50%}.skip{grid-column:1/-1;justify-self:center;background:transparent;color:#48559b;padding:16px;font-size:12px;border-radius:12px;margin-top:10px}.skip:hover{background:#ffffff60}.summary{max-width:1080px;margin:auto;padding:90px 30px 0}.section-heading{text-align:center;margin-bottom:46px}.section-heading p{color:var(--muted);font-size:15px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}.benefit{background:white;border:1px solid var(--line);border-radius:26px;overflow:hidden}.benefit>div:last-child{padding:26px 30px 30px}.benefit-visual{height:216px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:8px}.free .benefit-visual{background:linear-gradient(135deg,#e4e9ff,#d5f7ef)}.privacy .benefit-visual{background:linear-gradient(135deg,#e2ddff,#f4dffe)}.benefit-visual strong{font-size:79px;letter-spacing:-5px;color:#273d99;line-height:1}.benefit-visual>span:last-child{font-size:11px;letter-spacing:2px;font-weight:800;color:#546092}.download-art{position:absolute;left:20%;top:54px;font-size:35px;color:#3452d6;background:#ffffffa0;border-radius:18px;width:55px;height:55px;text-align:center}.lock-art{width:116px;height:122px;border-radius:24px;background:linear-gradient(145deg,#8b77ff,#4b54da);box-shadow:0 15px 25px #675ac438;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.lock-art span{font-size:24px;letter-spacing:6px;margin-left:6px}.lock-art b{font-size:44px;line-height:1}.number{font-size:10px;letter-spacing:1.6px;color:#777da0;font-weight:700}.benefit p,.step p{color:var(--muted);line-height:1.8;font-size:15px;margin-bottom:0}.steps{display:flex;flex-direction:column;gap:30px}.step{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:white;align-items:center}.step.reverse{grid-template-columns:1.1fr .9fr}.step.reverse .shot{order:2}.step-copy{padding:38px 42px}.shot{position:relative;height:354px;overflow:hidden;display:flex;justify-content:center;align-items:center}.shot img{height:326px;width:auto;border-radius:14px;box-shadow:0 12px 28px #222b6830}.violet{background:linear-gradient(145deg,#dedcff,#c8d5ff)}.cyan{background:linear-gradient(145deg,#d0f3ef,#c2e7fc)}.blue{background:linear-gradient(145deg,#c9ddff,#d6d1ff)}.pink{background:linear-gradient(145deg,#f4daec,#e7e2ff)}.micro{display:block;font-size:10px;letter-spacing:1.1px;color:#5a5dd0;line-height:1.8;margin-top:23px;font-weight:700}.code-chip{position:absolute;bottom:16px;background:white;border:1px solid #d9ddf8;border-radius:14px;padding:11px 17px;color:#4854c7;font-size:13px;box-shadow:0 5px 15px #17234a15}.code-chip span{font-size:9px;letter-spacing:1px}.download{text-align:center;background:radial-gradient(ellipse at top right,#869fff70,transparent 50%),linear-gradient(135deg,#345fe7,#7150d9);color:white;border-radius:30px;padding:54px 30px;margin:54px 0 22px}.download .eyebrow{color:#cdd8ff}.download h2{font-size:39px}.download p{font-size:15px;line-height:1.7;color:#e5eaff}.primary{display:block;background:#3e59ef;color:white;padding:18px 22px;border-radius:16px;font-weight:750;width:100%;font-size:16px;box-shadow:0 7px 15px #354ae22a}.primary:hover{filter:brightness(1.07)}.download .primary{background:white;color:#3d50c5;max-width:355px;margin:28px auto 16px}.download small{display:block;font-size:11px;color:#d7dfff;line-height:1.6}.disclosure{font-size:11px;line-height:1.8;color:#7c8196;padding:0 8px}footer{max-width:1080px;margin:45px auto 0;padding:27px 30px;border-top:1px solid var(--line);font-size:11px;color:#8a8ca4;display:flex;justify-content:space-between;gap:14px}.legal{background:none;color:#626b8c;font-size:11px;padding:5px 8px}dialog{border:1px solid #e1e6f4;border-radius:27px;padding:36px;width:calc(100% - 28px);max-width:490px;max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 25px 100px #19244b40}dialog::backdrop{background:#111d3c94;backdrop-filter:blur(5px)}dialog h2{font-size:29px;letter-spacing:-1px}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}.close{position:absolute;right:16px;top:12px;background:#f1f3f9;color:#56617f;border-radius:50%;width:32px;height:32px;font-size:24px}.compass{background:linear-gradient(130deg,#387bfa,#8b5eff);color:white;width:55px;height:55px;border-radius:17px;display:grid;place-items:center;font-size:33px;margin-bottom:24px}.platforms{display:flex;gap:5px;margin:22px 0}.platforms button{flex:1;padding:10px 4px;border-radius:10px;background:#f1f3fa;font-size:11px;color:#697495}.platforms button.active{color:#4653d9;background:#e7eaff;box-shadow:inset 0 0 0 1px #bbc4f8}ol{list-style:none;padding:0;counter-reset:steps}ol li{position:relative;padding:3px 0 17px 42px;font-size:13px;line-height:1.7}ol li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:2px;background:#e9ecff;border-radius:50%;width:27px;height:27px;text-align:center;line-height:27px;color:#5461df;font-size:12px;font-weight:700}.note{font-size:11px!important;line-height:1.7}label{font-size:11px;color:#737d97}.copy-row{display:flex;gap:7px;margin-top:8px}.copy-row input{width:100%;min-width:0;border:1px solid #dce1f0;border-radius:10px;padding:12px;font-size:11px;background:#f7f8fd;color:#5c6787}.copy-row button{background:#e9ecff;color:#485cbd;border-radius:10px;padding:10px 16px;font-size:12px}#linkStatus{min-height:16px;font-size:11px}#continue{font-size:13px}.summary[hidden]{display:none}@media(max-width:700px){header{height:62px;padding:0 22px}.wordmark{font-size:10px;letter-spacing:1.3px}.hero{border-radius:26px;margin:0 12px;padding:31px 21px 13px;grid-template-columns:1fr;gap:23px}.hero-copy{text-align:center}.eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-size:38px;letter-spacing:-1.6px;margin:18px 0}.lead{font-size:14px;line-height:1.65}.pills{justify-content:center;margin:18px 0 0;gap:5px}.pills span{font-size:10px;padding:7px 9px}.watch-hint{display:none}.concept{font-size:10px;margin:15px auto 0;max-width:310px}.video-column{max-width:282px}.video-caption{font-size:10px}.skip{font-size:11px;margin:0;padding:9px 4px}.summary{padding:57px 18px 0}.section-heading{margin-bottom:28px}h2{font-size:30px;letter-spacing:-1px}.section-heading p{font-size:13px}.benefits{gap:13px;grid-template-columns:1fr 1fr}.benefit{border-radius:20px}.benefit-visual{height:155px}.benefit-visual strong{font-size:57px}.benefit-visual>span:last-child{font-size:8px;letter-spacing:1px}.download-art{left:12px;top:16px;font-size:24px;width:32px;height:32px;border-radius:10px}.lock-art{width:80px;height:88px;border-radius:18px}.lock-art span{font-size:19px}.lock-art b{font-size:33px}.benefit>div:last-child{padding:19px 14px}.number{font-size:8px;letter-spacing:1px}.benefit h3{font-size:20px;letter-spacing:-.5px;margin:10px 0}.benefit p{font-size:11px;line-height:1.7}.step,.step.reverse{grid-template-columns:1fr;border-radius:23px}.step.reverse .shot{order:0}.shot{height:330px}.shot img{height:305px}.step-copy{padding:25px 24px 30px}.step h3{font-size:26px}.step p{font-size:13px}.micro{font-size:9px;margin-top:18px}.steps{gap:23px}.download{padding:37px 21px;border-radius:25px;margin-top:35px}.download h2{font-size:30px}.download p{font-size:13px}.download .primary{font-size:16px}.download small{font-size:10px}.disclosure{font-size:10px}footer{margin-top:28px;padding:22px 18px;font-size:10px;align-items:center}.legal{font-size:10px;padding:4px}dialog{padding:28px 24px}.preview{font-size:9px;letter-spacing:1.1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Let the fixed player escape the hero stacking context while floating. */
.hero:has(.video-shell.floating){isolation:auto;overflow:visible}
.video-shell.floating{z-index:1000}

.sound-toggle{position:absolute;top:14px;right:12px;z-index:3;background:#17244aeb;color:white;border:1px solid #ffffff60;border-radius:30px;padding:9px 12px;font-size:11px;box-shadow:0 3px 10px #0003}.sound-toggle[hidden]{display:none}.floating .sound-toggle{top:7px;right:7px;font-size:8px;padding:6px}.floating .float-label{font-size:8px}

/* Language kit integration */
select.lang{max-width:155px;min-height:38px;font:inherit;font-size:13px;background:white;color:#25254b;border:1px solid #ddd;border-radius:8px;padding:6px;cursor:pointer}header{gap:12px} [dir="rtl"] .copy-row input{direction:ltr}