.live-hero{position:relative;isolation:isolate;background:#06152c;color:#fff;overflow:hidden}.live-hero::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 76% 44%,#1451a34a,transparent 52%),linear-gradient(125deg,#06152c,#0b2042)}.live-layout{max-width:1600px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding-block:52px 32px}.live-copy{display:flex;flex-direction:column;align-items:flex-start;gap:26px;min-width:0;position:relative;z-index:3}.live-eyebrow{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:700;letter-spacing:1.4px;color:#b9d9ff}.live-eyebrow>span{height:7px;width:7px;background:#8fe3cc;border-radius:50%;box-shadow:0 0 0 4px #8fe3cc13}.live-copy h1{font-family:var(--body);font-size:clamp(46px,4.6vw,72px);line-height:1.12;letter-spacing:-2.7px;font-weight:700;max-width:100%}.live-heading-line{display:block;white-space:nowrap}.live-heading-second{font-size:.77em;margin-top:7px;letter-spacing:-1.6px}.live-heading-second strong{font-weight:700;color:#fff}.live-word-space{display:inline-block;width:7.1ch;vertical-align:bottom;color:#8dceff}.live-word-track{display:inline-flex;align-items:center;vertical-align:bottom;max-width:100%}.live-word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;line-height:1.15}.live-word{display:inline-block;white-space:nowrap}.live-cursor{width:3px;height:.87em;flex:0 0 3px;background:#bce6ff;margin-left:4px;border-radius:2px}.live-description{font-size:19px;line-height:1.7;color:#c1d0e5;max-width:510px}.live-hero .platforms{gap:12px;margin-top:5px;max-width:100%}.live-hero .platform-badge{background:#fff;border-color:#fff;color:#06152c;width:180px;box-shadow:0 5px 15px #0002}.live-hero .platform-badge strong{color:#06152c}.live-hero .platform-badge span{color:#3e4d64}.live-hero .platform-badge img[src="/assets/brand/apple.svg"]{filter:brightness(0)}.live-format-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.live-format-controls button{color:#b8cce6;background:#17345a6e;border:1px solid #9cc5ff36;min-height:42px;border-radius:24px;padding:9px 16px;font-size:13px;transition:background .16s,color .16s}.live-format-controls button[aria-pressed=true]{background:#b4dfff;color:#082348;border-color:#b4dfff}.live-format-controls button:hover{border-color:#d0eaff;color:#fff}.live-format-controls button[aria-pressed=true]:hover{color:#082348}.live-formats-caption{font-size:12px;line-height:1.7;color:#9eb5d2;max-width:420px;margin-top:-10px}.live-stage{position:relative;isolation:isolate;min-width:0;min-height:665px;display:flex;align-items:center;justify-content:center;max-width:730px;width:100%;justify-self:center}.live-stage-glow{position:absolute;width:95%;height:95%;border-radius:50%;background:radial-gradient(ellipse,#6bb6ff22,transparent 63%);z-index:-3}.live-orbit{position:absolute;width:620px;height:400px;border:1px solid #8cc8ff25;border-radius:50%;transform:rotate(-28deg);z-index:-2}.live-orbit-two{width:520px;height:520px;transform:rotate(35deg);border-style:dashed;opacity:.45}.live-phone{position:relative;width:302px;padding:8px;border-radius:45px;background:linear-gradient(120deg,#81858d,#121922 18%,#020810 65%,#647183);box-shadow:0 24px 45px #0007,inset 0 0 0 1px #c5d5ef66;z-index:2;transform:rotate(3deg)}.live-phone-screen{position:relative;width:100%;aspect-ratio:372/806;border-radius:37px;overflow:hidden;background:#fff;isolation:isolate}.live-pages,.live-page{position:absolute;inset:0;overflow:hidden}.live-page{background:#fff;will-change:transform;transform:translateX(0)}.live-comic-stack{width:100%;will-change:transform}.live-original-page{position:relative;width:100%;aspect-ratio:1024/1536;container-type:inline-size}.live-original-page>img{width:100%;height:100%;display:block}.live-region{position:absolute;inset:0;pointer-events:none}.live-clean,.live-lettering{position:absolute;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .13s ease-out,translate .2s ease-out}.live-clean{background:#fff}.live-lettering{color:#111;font-family:"Comic Neue",sans-serif;font-weight:700;text-align:center;line-height:1.08;translate:0 4px}.live-region.is-clean .live-clean{opacity:1}.live-region.is-translated .live-lettering{opacity:1;translate:0 0}.live-m1 .live-clean{left:84.08%;top:7.1%;width:8.6%;height:16.21%}.live-m1 .live-lettering{left:84.37%;top:7.75%;width:8%;height:14.91%;font-size:2.49cqw}.live-m2 .live-clean{left:4.69%;top:43.23%;width:8.4%;height:8.72%}.live-m2 .live-lettering{left:2.83%;top:43.23%;width:11.33%;height:9.24%;font-size:3.12cqw}.live-m3 .live-clean{left:87.99%;top:35.22%;width:7.72%;height:12.89%}.live-m3 .live-lettering{left:86.23%;top:35.42%;width:10.45%;height:11.33%;font-size:2.98cqw}.live-m4 .live-clean{left:52.73%;top:35.74%;width:4.88%;height:7.16%}.live-m4 .live-lettering{left:51.27%;top:36.85%;width:6.35%;height:4.69%;font-size:2.9cqw}.live-m5 .live-clean{left:7.32%;top:67.06%;width:9.28%;height:10.68%}.live-m5 .live-lettering{left:5.18%;top:67.97%;width:14.06%;height:8.92%;font-size:3.61cqw}.live-m6 .live-clean{left:57.62%;top:12.17%;width:4.2%;height:9.18%;background:linear-gradient(#c6c6c5,#e0e0de)}.live-m6 .live-lettering{left:57.62%;top:13.8%;width:4.79%;height:5.34%;font-size:1.41cqw}.live-m7 .live-clean{left:37.89%;top:19.66%;width:3.91%;height:11.07%}.live-m7 .live-lettering{left:34.86%;top:20.77%;width:9.77%;height:10.74%;font-size:2.39cqw}.live-m8 .live-clean{left:7.81%;top:39.06%;width:8.69%;height:17.58%}.live-m8 .live-lettering{left:5.57%;top:39.58%;width:13.87%;height:15.95%;font-size:2.56cqw}.live-m9 .live-clean{left:52.64%;top:40.43%;width:4.39%;height:7.62%}.live-m9 .live-lettering{left:50.1%;top:41.73%;width:9.67%;height:4.69%;font-size:3.03cqw}.live-m10 .live-clean{left:81.64%;top:75.26%;width:8.89%;height:13.02%}.live-m10 .live-lettering{left:79%;top:74.94%;width:13.67%;height:13.74%;font-size:3.71cqw}.live-genre-art{position:relative;aspect-ratio:372/846;container-type:inline-size}.live-genre-art>img{width:100%;height:100%;display:block;object-fit:cover}.live-bubble{position:absolute;width:39.78%;height:11.11%;color:#111;pointer-events:none}.live-bubble>svg{position:absolute;width:100%;height:calc(100% + 4px);inset:0}.live-bubble-0{left:54.3%;top:13.71%}.live-bubble-1{left:5.91%;top:44.09%;width:41.13%;height:12.41%}.live-bubble-1>svg{transform:scaleX(-1)}.live-bubble-2{left:51.34%;top:70.33%;width:42.74%;height:11.82%}.live-source,.live-target{position:absolute;inset:10%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.35;transition:opacity .13s ease-out,translate .2s ease-out}.live-source{font:600 4.3cqw/1.4 "Malgun Gothic","Microsoft YaHei","Yu Gothic",sans-serif}.live-target{font:700 3.36cqw/1.2 "Comic Neue",sans-serif;opacity:0;translate:0 4px}.live-bubble.is-clean .live-source{opacity:0;translate:0 -3px}.live-bubble.is-translated .live-target{opacity:1;translate:0 0}.live-page-comics .live-source{font-family:"Comic Neue",sans-serif;font-size:3.36cqw}.live-page-comics .live-bubble-0{left:56.45%;top:7.09%;width:38.98%;height:11.11%}.live-page-comics .live-bubble-1{left:56.45%;top:35.7%;width:38.98%;height:11.11%}.live-page-comics .live-bubble-1>svg{transform:none}.live-page-comics .live-bubble-2{left:57.8%;top:66.78%;width:37.63%;height:10.05%}.live-phone-shade{position:absolute;left:0;right:0;top:0;height:70px;background:linear-gradient(#061328b8,transparent);pointer-events:none}.live-phone-status{position:absolute;top:15px;left:23px;right:20px;display:flex;justify-content:space-between;color:#fff;font:700 11px/1.5 system-ui;letter-spacing:1px;text-shadow:0 1px 3px #0008}.live-phone-island{position:absolute;top:9px;left:50%;width:85px;height:23px;border-radius:18px;background:#080d14;transform:translateX(-50%)}.live-phone-island::after{content:'';position:absolute;right:10px;top:8px;width:7px;height:7px;border-radius:50%;background:#18253f;box-shadow:inset 0 0 0 1px #394767}.live-scan{position:absolute;left:0;right:0;top:0;height:5px;opacity:0;background:#91d8ff;box-shadow:0 0 24px 6px #92d3ff80;pointer-events:none}.live-translate{position:absolute;bottom:31px;left:6%;right:6%;width:88%;border:1px solid #d9ecff77;background:#0b294ceb;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;min-height:51px;padding:7px 10px;border-radius:27px;box-shadow:0 7px 23px #04132966;backdrop-filter:blur(10px);cursor:pointer;overflow:hidden}.live-translate:disabled{cursor:default;opacity:1}.live-translate strong{font:700 14px/1.15 var(--body);display:block}.live-translate small{display:block;font:500 9px/1.5 var(--body);color:#bcd9f5;margin-top:2px;letter-spacing:.1px}.live-translate-symbol{font:500 18px/1 serif;position:relative;margin-right:4px}.live-translate-symbol>span{font-size:13px;display:inline-block;margin-left:-4px;translate:0 6px}.live-progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#c5dfff1a}.live-progress-track i{display:block;width:0;height:100%;background:#8bcfff;transition:width .4s cubic-bezier(.2,0,0,1)}.live-home-indicator{position:absolute;bottom:10px;left:33%;width:34%;height:4px;border-radius:6px;background:#fff;box-shadow:0 1px 4px #0005}.live-character{position:absolute;width:225px;height:auto;object-fit:contain;pointer-events:none;z-index:0;filter:drop-shadow(0 16px 15px #0003);mask-image:linear-gradient(#000 82%,transparent)}.live-character-left{left:-4px;bottom:90px;transform:rotate(-8deg)}.live-character-right{right:-15px;top:100px;transform:rotate(7deg)}.live-floating-note{position:absolute;bottom:63px;right:0;display:flex;align-items:center;gap:10px;border:1px solid #a3d5ff45;padding:14px 20px;border-radius:15px;background:#173964d9;box-shadow:0 16px 25px #0003;z-index:3;transform:rotate(-3deg);backdrop-filter:blur(12px)}.live-floating-note>span:first-child{font-size:26px;color:#9ed6ff}.live-floating-note>span:last-child{font-size:11px;color:#b7d4f6;line-height:1.5}.live-floating-note strong{display:block;font-size:15px;color:#fff}.live-stage figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;color:#a9c0de;letter-spacing:.3px}.live-pause{border:1px solid #9dc7fe4d;background:transparent;color:#c2ddff;padding:8px 12px;border-radius:8px;min-height:36px;font-size:11px}.live-benefits{max-width:1600px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #b6d5ff25;padding-block:25px}.live-benefits>span{font-size:9px;letter-spacing:1.4px;color:#9eb5d2}.live-benefits ul{margin:0;padding:0;display:flex;gap:24px;list-style:none;font-size:12px;color:#c5d9f1}.live-benefits li::before{content:'✦';color:#86c7ff;margin-right:8px}.live-benefits a{font-size:12px;color:#a5d7ff;white-space:nowrap}.live-benefits a:hover{text-decoration:underline}.live-hero .live-character-left{animation:live-character-left 8s ease-in-out infinite}.live-hero .live-character-right{animation:live-character-right 9s ease-in-out infinite}.live-hero .live-stage-glow{animation:live-glow 10s ease-in-out infinite}.live-hero[data-playing=false] .live-character,.live-hero[data-playing=false] .live-stage-glow{animation-play-state:paused}@keyframes live-character-left{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(-5deg)}}@keyframes live-character-right{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(10px) rotate(4deg)}}@keyframes live-glow{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@media(min-width:1500px){.live-layout{gap:60px}.live-phone{width:320px}.live-stage{min-height:700px}.live-character{width:250px}.live-floating-note{bottom:70px;right:0}}
@media(max-width:1200px){.live-layout{padding-inline:40px;gap:25px}.live-copy h1{font-size:52px}.live-description{font-size:17px}.live-phone{width:280px}.live-stage{min-height:630px}.live-character{width:185px}.live-character-left{left:-14px}.live-character-right{right:-20px}.live-floating-note{right:-5px;bottom:60px;padding:11px 14px}.live-format-controls{gap:6px}.live-format-controls button{padding:8px 12px}.live-benefits{padding-inline:40px;flex-wrap:wrap}.live-benefits ul{gap:18px}}
@media(max-width:1000px){.live-layout{grid-template-columns:1fr 1fr;gap:12px}.live-copy h1{font-size:45px;letter-spacing:-1.8px}.live-heading-second{letter-spacing:-1.1px}.live-description{font-size:16px;line-height:1.65}.live-copy{gap:22px}.live-stage{min-height:595px}.live-phone{width:258px;padding:7px;border-radius:39px}.live-phone-screen{border-radius:32px}.live-character{width:145px}.live-character-left{left:-23px;bottom:80px}.live-character-right{right:-20px;top:100px}.live-floating-note{right:-8px;bottom:55px;padding:9px 12px}.live-floating-note strong{font-size:12px}.live-floating-note>span:last-child{font-size:9px}.live-stage figcaption{font-size:9px;gap:9px}.live-copy .platforms{width:100%;max-width:360px}.live-copy .platform-badge{width:calc((100% - 12px)/2);padding:10px;gap:8px}.live-copy .platform-badge strong{font-size:17px}.live-copy .platform-badge img{width:22px}.live-format-controls button{font-size:12px}.live-translate strong{font-size:12px}.live-translate small{font-size:8px}.live-formats-caption{font-size:11px}.live-orbit{width:500px;height:300px}.live-orbit-two{width:430px;height:430px}}
@media(max-width:767px){.live-layout{display:flex;flex-direction:column;padding:38px 24px 25px;gap:25px}.live-copy{width:100%;max-width:560px;gap:22px}.live-eyebrow{font-size:10px}.live-copy h1{font-size:clamp(40px,8vw,55px);letter-spacing:-1.6px}.live-heading-second{font-size:.78em;letter-spacing:-1px}.live-description{font-size:16px;max-width:500px}.live-copy .platform-badge{width:calc((100% - 12px)/2);padding:10px;gap:10px}.live-copy .platform-badge strong{font-size:18px}.live-format-controls{margin-top:0}.live-format-controls button{padding:8px 15px;font-size:12px}.live-formats-caption{max-width:350px}.live-stage{max-width:500px;min-height:630px}.live-phone{width:280px;border-radius:42px;padding:8px;transform:rotate(2deg)}.live-phone-screen{border-radius:34px}.live-character{width:180px}.live-character-left{left:-14px;bottom:94px}.live-character-right{right:-20px;top:90px}.live-floating-note{right:0;bottom:60px;padding:11px 14px}.live-floating-note strong{font-size:13px}.live-floating-note>span:last-child{font-size:10px}.live-stage figcaption{font-size:9px;gap:16px}.live-translate strong{font-size:14px}.live-translate small{font-size:9px}.live-benefits{padding:22px 24px;align-items:flex-start;flex-direction:column;gap:16px}.live-benefits ul{flex-wrap:wrap;gap:12px 18px;font-size:11px}.live-benefits>span{font-size:9px}.live-benefits a{font-size:12px}}
@media(max-width:380px){.live-copy h1{font-size:38px}.live-heading-second{font-size:.76em}.live-format-controls{gap:5px}.live-format-controls button{padding:7px 12px;font-size:11px}.live-stage{min-height:590px}.live-phone{width:250px}.live-character{width:140px}.live-character-left{left:-28px}.live-character-right{right:-26px}.live-floating-note{right:-10px;bottom:63px;padding:9px 11px}.live-floating-note strong{font-size:11px}.live-translate strong{font-size:12px}.live-translate small{font-size:8px}.live-copy .platform-badge strong{font-size:16px}.live-copy .platform-badge{padding:9px;gap:7px}.live-copy .platform-badge span{font-size:9px}.live-copy .platform-badge img{width:20px}.live-stage figcaption{gap:7px;font-size:8px}.live-pause{font-size:10px}}
@media(prefers-reduced-motion:reduce){.live-hero .live-character,.live-hero .live-stage-glow{animation:none!important}.live-hero *, .live-hero *::before, .live-hero *::after{transition:none!important}.live-scan{display:none}}