.qr-page{--qr-blue:#4da7ff;--qr-deep:#3377e8;--qr-yellow:#ffc746;--qr-mint:#45d8c0;--qr-coral:#ff6f78;--qr-ink:#111728;overflow-x:hidden}.qr-nav-wrap{position:sticky;top:0}.qr-nav-store{margin-right:10px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800;color:var(--text)}.qr-hero{position:relative;min-height:calc(100vh - 82px);padding:72px 0 30px;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(77,167,255,.22),transparent 31%),radial-gradient(circle at 22% 32%,rgba(255,199,70,.14),transparent 27%),radial-gradient(circle at 72% 85%,rgba(69,216,192,.12),transparent 28%)}.qr-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.qr-orb-one{width:380px;height:380px;background:rgba(77,167,255,.17);top:6%;right:-140px}.qr-orb-two{width:340px;height:340px;background:rgba(255,111,120,.12);bottom:-100px;left:-120px}.qr-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center;position:relative}.qr-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:11px;font-weight:700;color:var(--muted)}.qr-live-dot{width:7px;height:7px;border-radius:50%;background:var(--qr-mint);box-shadow:0 0 0 5px rgba(69,216,192,.11)}.qr-kicker{margin:25px 0 0;color:var(--qr-blue);font-size:11px;letter-spacing:.18em;font-weight:900}.qr-hero h1{margin:18px 0 25px;font-size:clamp(54px,6.2vw,92px);line-height:.91;letter-spacing:-.075em}.qr-gradient-text{color:transparent;background:linear-gradient(90deg,var(--qr-blue),var(--qr-mint),var(--qr-yellow));background-clip:text;-webkit-background-clip:text}.qr-lead{max-width:620px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}.qr-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.qr-primary,.qr-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 19px;border-radius:13px;font-size:13px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.qr-primary{background:linear-gradient(105deg,var(--qr-yellow),#ffdb58,var(--qr-mint));color:#10202a;box-shadow:0 15px 38px rgba(77,167,255,.2)}.qr-primary>span:first-child,.qr-store-badge>span{font-size:18px}.qr-secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.qr-primary:hover,.qr-secondary:hover{transform:translateY(-2px)}.qr-micro{margin:17px 0 0;color:var(--muted);font-size:10px}.qr-hero-art{position:relative;height:650px;display:flex;align-items:center;justify-content:center}.qr-stage-glow{position:absolute;width:74%;height:66%;background:linear-gradient(135deg,rgba(77,167,255,.46),rgba(69,216,192,.28),rgba(255,199,70,.35));filter:blur(56px);border-radius:50%}.qr-hero-art:after{content:"";position:absolute;bottom:5%;left:15%;width:72%;height:5%;border-radius:50%;background:#000;filter:blur(23px);opacity:.32}.qr-hero-phone{position:absolute;z-index:2;width:35%;max-height:91%;object-fit:contain;filter:drop-shadow(0 31px 34px rgba(0,0,0,.42));border-radius:7%}.qr-phone-main{z-index:4;width:39%;transform:translateY(-4px)}.qr-phone-left{left:5%;bottom:5%;transform:rotate(-10deg) scale(.88)}.qr-phone-right{right:3%;top:7%;transform:rotate(9deg) scale(.88)}.qr-proof{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.qr-proof div{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:22px;border-right:1px solid var(--line)}.qr-proof div:last-child{border:0}.qr-proof strong{font-size:27px}.qr-proof span{color:var(--muted);font-size:11px}.qr-section{padding:120px 0}.qr-section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:55px}.qr-section h2,.qr-final h2{margin:17px 0 0;font-size:clamp(40px,5.2vw,70px);line-height:1;letter-spacing:-.055em}.qr-section-head>p,.qr-speed-copy>p,.qr-progress-copy>p,.qr-center-head>p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}.qr-play-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:26px}.qr-device-panel{position:relative;display:flex;align-items:center;justify-content:center;min-height:720px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(77,167,255,.2),transparent 52%),var(--surface)}.qr-device-panel img{width:52%;max-height:91%;object-fit:contain;border-radius:7%;filter:drop-shadow(0 28px 28px rgba(0,0,0,.38))}.qr-home-panel{background:radial-gradient(circle at 35% 30%,rgba(69,216,192,.2),transparent 42%),radial-gradient(circle at 70% 68%,rgba(255,199,70,.22),transparent 48%),var(--surface)}.qr-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr-mode-grid article{min-height:260px;padding:27px;border:1px solid var(--line);border-radius:22px;background:var(--surface);display:flex;flex-direction:column}.qr-mode-grid article>span{color:var(--qr-blue);font-size:11px;font-weight:900}.qr-mode-icon{display:grid;place-items:center;width:44px;height:44px;margin-top:auto;border-radius:14px;background:linear-gradient(135deg,rgba(77,167,255,.16),rgba(69,216,192,.18));color:var(--qr-blue);font-weight:900}.qr-mode-grid h3{margin:18px 0 9px;font-size:21px}.qr-mode-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.qr-speed-section{position:relative;overflow:hidden;background:#111728;color:#fff}.qr-speed-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 45%,rgba(77,167,255,.24),transparent 34%),radial-gradient(circle at 18% 25%,rgba(69,216,192,.11),transparent 29%)}.qr-speed-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}.qr-speed-copy>p{margin-top:28px;color:#aeb6c9}.qr-check-list{list-style:none;padding:0;margin:35px 0 0;display:grid;gap:13px}.qr-check-list li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.qr-check-list i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--qr-blue),var(--qr-mint));color:#0c2431;font-style:normal;font-weight:900}.qr-check-list span{display:grid;gap:4px}.qr-check-list strong{font-size:13px}.qr-check-list small{color:#99a4ba;font-size:11px}.qr-question-panel{background:radial-gradient(circle at 62% 35%,rgba(77,167,255,.28),transparent 45%),#171f33;border-color:rgba(255,255,255,.1)}.qr-question-panel img{width:50%}.qr-timer-chip,.qr-xp-chip{position:absolute;z-index:3;top:8%;right:6%;display:grid;padding:14px 17px;border-radius:15px;background:linear-gradient(120deg,var(--qr-yellow),#ffda67);color:#302200;box-shadow:0 18px 30px rgba(255,199,70,.18);transform:rotate(3deg)}.qr-timer-chip strong{font-size:21px;letter-spacing:.08em}.qr-timer-chip small,.qr-xp-chip small{font-size:9px;font-weight:700}.qr-together-section{background:radial-gradient(circle at 50% 52%,rgba(77,167,255,.09),transparent 35%)}.qr-together-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:7%;min-height:700px;padding:45px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(77,167,255,.08),rgba(69,216,192,.07),rgba(255,199,70,.08)),var(--surface);overflow:hidden}.qr-duel-phone{position:relative;width:29%;margin:0;z-index:2}.qr-duel-phone img{display:block;width:100%;border-radius:7%;filter:drop-shadow(0 30px 32px rgba(0,0,0,.34))}.qr-duel-a{transform:rotate(-6deg)}.qr-duel-b{transform:rotate(6deg)}.qr-duel-phone figcaption{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);padding:8px 13px;border-radius:999px;background:rgba(11,17,31,.85);backdrop-filter:blur(10px);color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.qr-versus{display:grid;place-items:center;z-index:3;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--qr-yellow),var(--qr-mint));color:#14222d;font-size:22px;font-weight:900;box-shadow:0 18px 35px rgba(77,167,255,.22)}.qr-connection-line{position:absolute;left:18%;right:18%;top:50%;display:flex;align-items:center;gap:12px;color:var(--qr-mint);font-size:9px;font-weight:900;letter-spacing:.18em}.qr-connection-line span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--qr-blue),var(--qr-mint))}.qr-connection-line span:last-child{background:linear-gradient(90deg,var(--qr-mint),var(--qr-blue),transparent)}.qr-progress-section{padding-top:80px}.qr-progress-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.qr-progress-panel{background:radial-gradient(circle at 38% 30%,rgba(255,199,70,.24),transparent 42%),radial-gradient(circle at 70% 70%,rgba(77,167,255,.2),transparent 45%),var(--surface)}.qr-xp-chip{background:linear-gradient(120deg,var(--qr-mint),#75e9d4);color:#0e332d}.qr-xp-chip span{font-size:20px;font-weight:900}.qr-progress-copy>p{margin-top:28px}.qr-progress-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.qr-progress-cards article{display:grid;gap:4px;padding:19px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.qr-progress-cards strong{font-size:24px}.qr-progress-cards span{color:var(--muted);font-size:10px}.qr-categories-section{padding-top:60px;overflow:hidden}.qr-center-head{max-width:820px;text-align:center;margin:0 auto}.qr-center-head>p{margin:22px auto 0;max-width:690px}.qr-category-showcase{position:relative;display:flex;justify-content:center;align-items:center;min-height:700px;margin-top:55px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 50% 46%,rgba(77,167,255,.21),transparent 35%),radial-gradient(circle at 35% 60%,rgba(69,216,192,.14),transparent 30%),var(--surface);overflow:hidden}.qr-category-showcase img{position:relative;z-index:2;width:28%;border-radius:7%;filter:drop-shadow(0 31px 34px rgba(0,0,0,.38))}.qr-category-cloud{position:absolute;inset:0}.qr-category-cloud span{position:absolute;padding:11px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.12em}.qr-category-cloud span:nth-child(1){left:14%;top:20%;transform:rotate(-8deg)}.qr-category-cloud span:nth-child(2){right:16%;top:18%;transform:rotate(7deg)}.qr-category-cloud span:nth-child(3){left:10%;top:48%;transform:rotate(5deg)}.qr-category-cloud span:nth-child(4){right:11%;top:47%;transform:rotate(-6deg)}.qr-category-cloud span:nth-child(5){left:18%;bottom:17%;transform:rotate(-4deg)}.qr-category-cloud span:nth-child(6){right:19%;bottom:16%;transform:rotate(8deg)}.qr-final{padding:145px 0;text-align:center;background:radial-gradient(circle at 50% 70%,rgba(77,167,255,.2),transparent 38%),radial-gradient(circle at 50% 50%,rgba(69,216,192,.11),transparent 55%)}.qr-final h2{max-width:900px;margin:18px auto}.qr-final-inner>p:not(.qr-kicker){color:var(--muted)}.qr-store-badge{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:12px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-align:left}.qr-store-badge div{display:grid}.qr-store-badge small{font-size:8px;letter-spacing:.08em;color:var(--muted)}.qr-store-badge strong{font-size:18px}.qr-footer{border-top:1px solid var(--line)}body.light .qr-speed-section{color:#fff}body.light .qr-nav-wrap{background:rgba(247,249,255,.88)}body.light .qr-device-panel,body.light .qr-mode-grid article,body.light .qr-together-stage{box-shadow:0 24px 65px rgba(30,67,110,.08)}
@media(max-width:980px){.qr-hero-grid{grid-template-columns:1fr}.qr-hero-copy{max-width:760px}.qr-hero-art{height:600px}.qr-speed-grid,.qr-progress-grid{gap:38px}.qr-together-stage{min-height:620px}.qr-duel-phone{width:34%}}
@media(max-width:760px){.qr-nav-store{display:none}.qr-hero{padding-top:52px}.qr-hero h1{font-size:53px}.qr-lead{font-size:15px}.qr-hero-art{height:470px;margin:10px -35px 0}.qr-hero-phone{width:37%}.qr-phone-main{width:41%}.qr-proof{grid-template-columns:1fr 1fr}.qr-proof div:nth-child(2){border-right:0}.qr-proof div:nth-child(-n+2){border-bottom:1px solid var(--line)}.qr-proof div{padding:16px}.qr-section{padding:82px 0}.qr-section-head,.qr-play-layout,.qr-speed-grid,.qr-progress-grid{grid-template-columns:1fr;gap:35px}.qr-section-head{margin-bottom:35px}.qr-device-panel{min-height:540px}.qr-mode-grid{grid-template-columns:1fr}.qr-mode-grid article{min-height:190px}.qr-speed-copy{order:1}.qr-question-panel{order:0}.qr-together-stage{min-height:520px;padding:28px 12px;gap:4%}.qr-duel-phone{width:40%}.qr-versus{width:54px;height:54px;font-size:17px}.qr-progress-panel{order:1}.qr-progress-copy{order:0}.qr-category-showcase{min-height:540px}.qr-category-showcase img{width:43%}.qr-final{padding:100px 0}.qr-footer .brand{display:none}}
@media(max-width:480px){.qr-hero-art{height:400px}.qr-phone-right{display:none}.qr-phone-main{width:49%;right:12%}.qr-phone-left{width:44%;left:9%}.qr-proof strong{font-size:22px}.qr-proof div{display:grid;gap:2px}.qr-device-panel{min-height:455px;border-radius:20px}.qr-device-panel img{width:64%}.qr-question-panel img{width:62%}.qr-together-stage{min-height:445px}.qr-duel-phone{width:43%}.qr-connection-line{left:8%;right:8%}.qr-progress-cards{grid-template-columns:1fr}.qr-category-showcase{min-height:470px}.qr-category-showcase img{width:52%}.qr-category-cloud span:nth-child(5),.qr-category-cloud span:nth-child(6){display:none}.qr-section h2,.qr-final h2{font-size:39px}.qr-actions{display:grid}.qr-primary,.qr-secondary{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.qr-primary,.qr-secondary{transition:none}}