/* Product content stays in HTML; native demos enhance it without runtime packages. */
.home-page{--display:"DM Sans",sans-serif}.product-section{padding-block:90px}.product-section h2{font-family:var(--body);font-size:clamp(32px,3.2vw,46px);font-weight:700;letter-spacing:-1px;line-height:1.18;text-wrap:balance}.product-section .eyebrow{font-size:12px;letter-spacing:.6px;text-transform:none;font-weight:700}.product-section-copy{display:flex;flex-direction:column;align-items:flex-start;gap:23px;min-width:0}.product-section-copy>p:not(.eyebrow){font-size:18px;line-height:1.75;color:#4b5d76;max-width:560px}.product-small{font-size:13px;line-height:1.65;color:#556985}.product-story-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:85px;align-items:center}.product-start{background:#edf4ff}.product-promo-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;max-width:580px}.product-promo-pair img{width:100%;height:auto;border-radius:13px;box-shadow:0 20px 45px #0e37642b;border:1px solid #d6e4f0}.product-promo-pair img:last-child{margin-top:48px}.product-steps{padding:0;margin:0;list-style:none;counter-reset:steps;display:grid;gap:24px}.product-steps li{position:relative;padding-left:46px;counter-increment:steps}.product-steps li::before{content:'0' counter(steps);position:absolute;left:0;top:0;font:700 16px/30px var(--body);color:#1a61c4}.product-steps strong{display:block;font-size:18px;line-height:1.5}.product-steps span{display:block;color:#4d5f78;font-size:15px;margin-top:4px}
.product-night{background:#081a34;color:white}.product-night .eyebrow{color:#9bcfff}.product-night .product-section-copy>p{color:#c4d6ed}.product-night .product-promo-pair img{border-color:#294363;box-shadow:0 22px 50px #0004}.product-night-note{display:flex;gap:16px;padding-block:25px;border-top:1px solid #9dc5ff30;border-bottom:1px solid #9dc5ff30}.product-night-note>span{font-size:32px;color:#88bfff}.product-night-note h3{font:700 20px/1.4 var(--body);letter-spacing:-.3px}.product-night-note p{font-size:15px;color:#bfd1e9;margin-top:9px}.product-night .secondary{background:#15355b;color:#d6ecff;border-color:#5478a4}
.product-faq{background:#fff;border-top:1px solid #dce5f1}.product-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.product-faq-list{border-top:1px solid #d6e1ee}.product-faq-list details{border-bottom:1px solid #d6e1ee}.product-faq-list summary{cursor:pointer;list-style:none;padding:24px 32px 24px 0;position:relative;font:700 17px/1.5 var(--body)}.product-faq-list summary::-webkit-details-marker{display:none}.product-faq-list summary::after{content:'+';position:absolute;right:3px;font-size:25px;font-weight:400;color:#2264c4;top:18px}.product-faq-list details[open] summary::after{content:'−'}.product-faq-list details>p{padding:0 24px 25px 0;color:#4b5e77;font-size:15px;line-height:1.8}.product-faq-list a{color:#075edc;text-decoration:underline}.product-faq-list summary:focus-visible{outline:3px solid #005bff;outline-offset:4px}
.product-download{background:#e9f2ff;text-align:center}.product-download>.shell{display:flex;flex-direction:column;align-items:center;gap:23px}.product-download img{border-radius:18px;box-shadow:0 10px 30px #1c59a624}.product-kicker{font-size:12px;font-weight:700;letter-spacing:1px;color:#165fc5}.product-download h2{font-size:clamp(38px,4vw,58px);letter-spacing:-1.5px}.product-download .platforms{margin-block:8px}.product-download .platform-badge img{box-shadow:none;border-radius:0}.product-download>.shell>p:not(.product-kicker){color:#4b6079}.product-download .product-small{max-width:500px}
.manual-section{background:#fff}.manual-intro{max-width:780px;margin:0 auto 35px;text-align:center;display:grid;gap:17px}.manual-intro>p:last-child{font-size:18px;color:#4e6079;line-height:1.7}.manual-demo{max-width:1000px;margin:auto}.manual-labels{display:flex;justify-content:space-between;gap:16px;padding:0 4px 13px;color:#5a6b82;font-size:13px}.manual-labels strong{font-weight:700;color:#122542;margin-left:7px}.manual-art{position:relative;aspect-ratio:3/2;isolation:isolate;container-type:inline-size;overflow:hidden;border:1px solid #b8cbe6;border-radius:18px;background:#fff;--original:50%;touch-action:pan-y;cursor:ew-resize;box-shadow:0 22px 50px #14346515}.manual-art img{width:100%;height:auto;user-select:none;-webkit-user-drag:none}.manual-static,.manual-layer{position:absolute;inset:0;pointer-events:none}.manual-translated{clip-path:inset(0 0 0 var(--original))}.manual-bubble{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);text-align:center;color:#122030;font:700 1.628cqw/1.25 'Comic Neue',sans-serif}.manual-bubble[lang=ja]{font-family:var(--japanese);font-weight:400}.manual-narration{left:13.281%;top:11.28%;width:18.88%;height:7.324%;font-size:1.5625cqw}.manual-question{left:41.699%;top:23.536%;width:10.221%;height:14.648%}.manual-answer{left:89.485%;top:18.994%;width:11.784%;height:16.699%}.manual-thought{left:9.407%;top:62.794%;width:9.44%;height:11.719%;font-size:1.497cqw}.manual-caption{left:36.264%;top:84.766%;width:10.286%;height:12.89%;font-size:1.497cqw}.manual-together{left:91.634%;top:64.795%;width:9.44%;height:14.16%}.manual-mobile{display:none}.manual-line{position:absolute;inset:0 auto 0 var(--original);width:3px;background:#1264e9;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 0 1px #fff}.manual-line>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:flex;gap:7px;align-items:center;justify-content:center;background:#fff;border:2px solid #0d5ee6;border-radius:50%;box-shadow:0 3px 14px #0937752e;color:#105ed7;font:700 23px var(--body)}.manual-line i{display:block;width:2px;height:18px;border-radius:1px;background:#afc7ec}.manual-range-row{display:flex;gap:22px;align-items:center;margin-top:18px;font-size:13px;color:#3e526d}.manual-range-row label{font-weight:700;flex-shrink:0}.manual-range-row input{width:100%;min-width:40px;height:44px;accent-color:#005bff;cursor:ew-resize}.manual-range-row output{flex-shrink:0;min-width:86px;text-align:right;font-variant-numeric:tabular-nums}.manual-quick{display:flex;justify-content:center;gap:10px;margin-top:6px}.manual-quick button{min-height:44px;padding:10px 22px;border:1px solid #bdcee7;border-radius:8px;background:#f7faff;color:#1e416e;font-size:13px;font-weight:500}.manual-quick button[aria-pressed=true]{background:#075fe3;border-color:#075fe3;color:#fff}.manual-quick button:hover{border-color:#075fe3}.manual-note{font-size:12px;line-height:1.75;color:#586c86;text-align:center;margin:18px auto 0;max-width:680px}.manual-demo:focus-within .manual-art{border-color:#005bff}
@media(max-width:1200px){.product-story-layout,.product-faq-layout{gap:44px}.product-section{padding-block:72px}.product-promo-pair{gap:13px}}
@media(max-width:767px){.product-section{padding-block:54px}.product-section h2{font-size:33px;letter-spacing:-.7px;line-height:1.2}.product-section-copy{gap:21px}.product-section-copy>p:not(.eyebrow){font-size:16px}.product-story-layout,.product-faq-layout{grid-template-columns:1fr;gap:34px}.product-start .product-section-copy,.product-night .product-section-copy{grid-row:1}.product-promo-pair{max-width:580px;gap:14px;justify-self:center}.product-promo-pair img{border-radius:9px}.product-promo-pair img:last-child{margin-top:28px}.product-steps{gap:21px}.product-steps strong{font-size:17px}.product-download .platforms{max-width:342px;width:100%}.product-download>.shell{gap:20px}.product-download h2{font-size:38px}.manual-intro{gap:14px;margin-bottom:26px;text-align:left}.manual-intro>p:last-child{font-size:16px}.manual-art{border-radius:11px}.manual-labels{font-size:10px}.manual-labels strong{margin-left:4px}.manual-mobile{display:block}.manual-desktop{display:none}.manual-bubble,.manual-narration,.manual-thought,.manual-caption{font-size:2.52cqw;line-height:1.14}.manual-bubble[lang=ja]{font-size:2.45cqw}.manual-question{width:12.5%}.manual-answer{width:13%}.manual-together{width:12%}.manual-line>span{width:42px;height:42px;font-size:21px}.manual-range-row{gap:13px;flex-wrap:wrap;margin-top:15px}.manual-range-row label{flex:1}.manual-range-row input{order:3;flex-basis:100%}.manual-range-row output{min-width:80px}.manual-quick{gap:7px}.manual-quick button{padding:9px 13px;font-size:12px;flex:1}.manual-note{font-size:11px;text-align:left}}
@media(prefers-reduced-motion:reduce){.manual-art{scroll-behavior:auto}}