body.story-body{background:#18263a}.story{--bg:#18263a;--surface:#20324b;--surface-alt:#2a4160;--ink:#fdf3dc;--ink-soft:#c8c0ad;--ink-faint:#949eae;--border:#34506e;--brand:#fecf46;--brand-on:#251f1c;--brand-soft:#ffe08a;--warn:#ff9a3c;--stage:#111c2c;--paper:#fff;--top-bg:#18263aeb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box;background:var(--bg);color:var(--ink);font-family:var(--font-ui);max-width:100%;font-size:15px;line-height:1.8;overflow-x:clip}.story *,.story :before,.story :after{box-sizing:border-box}.story a{color:inherit}.story :focus-visible{outline:2px solid var(--brand);outline-offset:2px}.story .wrap{max-width:1120px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));min-width:0;margin:0 auto}.story .top{top:env(safe-area-inset-top,0px);z-index:9;background:var(--top-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);position:sticky}.story .top .wrap{align-items:center;gap:8px;padding-block:8px;display:flex}.story .mark{flex-shrink:0;width:106px;height:37px;display:block}.story .top nav{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;margin-left:auto;display:flex}.story .chip,.story .login-state{align-items:center;min-height:44px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.story .chip{border:1px solid var(--border);background:var(--surface);border-radius:3px}.story .chip.go{background:var(--brand);color:var(--brand-on);border-color:var(--brand)}.story .hero{padding-block:56px 40px}.story .hero-grid{gap:24px;display:grid}.story .hero-ill{margin:0}.story .hero-ill img{aspect-ratio:1672/941;border-radius:10px;width:100%;height:auto;display:block}.story .hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(44px,11vw,96px);font-weight:600;line-height:.95}.story .lede{max-width:36em;color:var(--ink);text-wrap:pretty;margin:20px 0 0;font-size:clamp(16px,2.4vw,20px);font-weight:700;line-height:1.8}.story .photos{border-top:1px solid var(--border);padding-block:56px 48px}.story .ph-head{gap:6px;margin-bottom:20px;display:grid}.story .ph-label{color:var(--brand-soft);letter-spacing:.12em;font-size:12px;font-weight:600}.story .ph-head h2{margin:0;font-size:clamp(22px,3.4vw,30px);font-weight:700}.story .ph-sub{color:var(--ink-soft);margin:0;font-size:14px}.story .track{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:8px;grid-auto-columns:100%;grid-auto-flow:column;gap:12px;display:grid;position:relative;overflow-x:auto}.story .track::-webkit-scrollbar{display:none}.story .track figure{scroll-snap-align:start;aspect-ratio:3/2;background:var(--surface);border-radius:8px;max-width:100%;margin:0;position:relative;overflow:hidden}.story .track img{object-fit:cover;width:100%;height:100%;display:block}.story .track figcaption{color:#f4f1ea;text-wrap:pretty;background:linear-gradient(#0000,#00000073 40%,#000000c7);padding:40px 14px 12px;font-size:clamp(13px,2.4vw,17px);font-weight:700;line-height:1.6;position:absolute;bottom:0;left:0;right:0}.story .pk{letter-spacing:.12em;color:#c9d6dc;font-size:11px;font-weight:600;display:block}.story .pdots{justify-content:center;gap:6px;margin-top:10px;display:flex}.story .pdots i{background:var(--border);width:22px;height:3px}.story .pdots i.on{background:var(--brand)}.story .stepshead{text-align:center;padding-block:24px 28px}.story .stepshead h2{text-wrap:balance;margin:0;font-size:clamp(22px,3.6vw,32px);font-weight:700;line-height:1.4}.story .stepshead h2 span{display:inline-block}.story .scene{border-top:1px solid #0000;padding-block:64px}.story .scene .wrap.illwrap{display:block}.story .ill{aspect-ratio:16/9;background:var(--surface);border-radius:8px;margin:0 0 28px;position:relative;overflow:hidden}.story .ill img{object-fit:cover;object-position:50% var(--py,50%);width:100%;height:100%;display:block}.story .ill:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000073 45%,#000000d1);position:absolute;inset:40% 0 0}.story .ill .ov{z-index:1;color:#f4f1ea;padding:0 clamp(12px,2.4vw,24px) clamp(10px,2vw,20px);position:absolute;bottom:0;left:0;right:0}.story .scene .ill .ov h2{text-wrap:balance;max-width:30em;margin:4px 0 0;font-size:clamp(16px,2.6vw,30px);line-height:1.4}.story .ill .ov .who{color:#c9d6dc}@media (width>=768px){.story .ill{aspect-ratio:2}}@media (width>=1200px){.story .ill{aspect-ratio:2.6}}.story .scene.stage{background:var(--stage)}.story .scene .wrap{align-items:start;gap:28px;display:grid}.story .scene .text,.story .player{min-width:0}.story .who{font-family:var(--font-num);letter-spacing:.08em;color:var(--brand-soft);font-size:12px;font-weight:600}.story .stepw{letter-spacing:.14em;margin-right:6px;font-size:11px}.story .stepn{font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1}.story .scene h2{text-wrap:balance;margin:6px 0 14px;font-size:clamp(22px,3.4vw,32px);font-weight:700;line-height:1.4}.story .scene p{color:var(--ink-soft);max-width:34em;margin:0 0 10px}.story .screen{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;min-width:0;max-width:100%;margin:0 auto;padding:6px;position:relative}.story .screen.phone{border-radius:22px;max-width:320px;padding:8px}.story .screen.tablet{border-radius:16px;max-width:420px;padding:8px}.story .screen video{background:#050a16;border-radius:6px;width:100%;height:auto;display:block}.story .screen.phone video{border-radius:14px}.story .state{font-size:11px;font-family:var(--font-num);color:#fff;background:#000000a6;border-radius:3px;padding:2px 8px;position:absolute;top:12px;right:12px}.story .trial{color:var(--ink);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;min-width:0;max-width:34em;margin:20px auto 0;text-decoration:none;display:grid}.story .trial .paper{background:var(--paper);aspect-ratio:210/297;border-radius:2px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 6px 18px #00000073}.story .trial .paper img{object-fit:contain;width:100%;height:100%;display:block}.story .trial .tx{min-width:0}.story .trial .tx b{text-wrap:balance;font-size:15px;line-height:1.5;display:block}.story .trial .tx span{color:var(--ink-soft);margin-top:2px;font-size:12px;display:block}.story .trial .tx em{background:var(--ink);min-height:44px;color:var(--bg);border-radius:22px;align-items:center;gap:6px;margin-top:10px;padding:0 16px;font-size:14px;font-style:normal;font-weight:700;display:inline-flex}.story .more-scene .wrap{display:block}.story .more{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:20px;display:grid}.story .more figure{align-content:start;gap:10px;min-width:0;margin:0;display:grid}.story .more figcaption{color:var(--ink-soft);order:0;font-size:14px}.story .more figcaption b{color:var(--ink);font-size:15px;display:block}.story .more figcaption .bd{margin-top:4px;display:block}.story .more figure>div{min-width:0}.story .more figure.wide>div:not(.pair) .screen{max-width:900px}.story .pair{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.story .end{border-top:1px solid var(--border);padding-block:64px 40px}.story .end-grid{gap:16px;display:grid}.story .end-char{order:-1;justify-self:center;width:100%;max-width:220px;height:auto;-webkit-mask-image:radial-gradient(closest-side,#000 72%,#0000 100%);mask-image:radial-gradient(closest-side,#000 72%,#0000 100%)}.story .end h2{margin:0 0 8px;font-size:clamp(22px,3.4vw,30px);font-weight:700}.story .end .sub{color:var(--ink-soft);font-size:13px}.story .cta{background:var(--ink);min-height:56px;color:var(--bg);text-align:center;border-radius:28px;justify-content:center;align-items:center;gap:10px;max-width:100%;margin-top:24px;padding:0 36px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.story .cta .arr{font-size:18px}.story .end .enter-lead{margin-top:16px}.story .foot{border-top:1px solid var(--border);text-align:center;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px;padding-top:16px;font-size:13px;display:flex}.story .foot a{align-items:center;min-height:44px;display:inline-flex}@media (width>=900px){.story .hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:center;gap:40px}.story .hero h1{font-size:clamp(44px,6vw,80px)}.story .end-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px}.story .end-char{order:0;max-width:360px;transform:scaleX(-1)}.story .track{grid-auto-columns:78%}.story .scene .wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}.story .scene .text{position:sticky;top:96px}.story .more{grid-template-columns:repeat(2,minmax(0,1fr))}.story .more figure.wide{grid-column:1/-1}.story .pair{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
