@charset "UTF-8";
:root{--ink:#112e45;--muted:#5d7180;--blue:#0878f9;--line:#dfe7ed;--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.22,.9,.32,1.12);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;font-synthesis:none;scroll-padding-top:104px;scrollbar-gutter:stable}
*{box-sizing:border-box}body{margin:0;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h2{font-size:clamp(28px,3vw,42px);font-weight:720}h3{font-size:21px;font-weight:680}p{color:var(--muted)}[hidden]{display:none!important}::selection{background:#bbdfff;color:#112e45}:focus-visible{outline:3px solid #3b93ff;outline-offset:5px;border-radius:7px}.icon{width:22px;height:22px}.container{width:min(1200px,calc(100% - 88px));margin-inline:auto}.section{padding-block:88px}.eyebrow{display:block;color:#51718a;font-size:12px;font-weight:650;letter-spacing:.09em;margin-bottom:15px}.section-heading{margin-bottom:44px}.section-heading .text-link{margin-top:15px}.skip-link{position:fixed;z-index:100;left:20px;top:-100px;padding:12px 20px;background:white;border-radius:10px}.skip-link:focus{top:12px}.text-link{display:inline-flex;align-items:center;gap:7px;color:#0871d4;font-size:13px;font-weight:650}.text-link .icon{width:17px;height:17px;transition:transform .3s var(--ease)}.text-link:hover .icon{transform:translateX(3px)}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #dbe5eea6;background:#ffffffed;backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);box-shadow:0 1px #ffffffb3 inset;transition:background .35s,box-shadow .35s,border-color .35s}.site-header::after{position:absolute;bottom:0;left:0;right:0;height:1px;content:"";background:linear-gradient(90deg,transparent,#ffffffd9 32%,#e2edf655 70%,transparent);pointer-events:none}html[data-scrolled] .site-header{background:#ffffffc7;border-color:#cdd9e5a3;box-shadow:0 1px #fffd inset,0 6px 22px #17384f0d}.header-inner{height:80px;max-width:1376px;padding:0 44px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;line-height:1.1;font-size:22px;font-weight:760;flex-shrink:0}.brand img{width:42px;height:42px;object-fit:contain}.brand-sub{display:block;font-size:10px;font-weight:600;color:#647e91;letter-spacing:.11em;margin-top:6px}.desktop-nav{display:flex;gap:31px;align-items:center;font-size:13px;font-weight:600}.desktop-nav a{padding:10px 0;position:relative;transition:color .2s}.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:#137bdc;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.desktop-nav a:hover{color:#0878e8}.desktop-nav a:hover::after{transform:scaleX(1)}.header-actions{display:flex;gap:12px;align-items:center}.nav-download{display:inline-flex;align-items:center;justify-content:center;gap:9px;position:relative;border:1px solid #107cf3;color:white;background:#0878f9;min-height:42px;border-radius:24px;padding:9px 22px;font-size:12px;font-weight:650;overflow:hidden;transition:transform .3s var(--spring),background .25s,box-shadow .3s}.nav-download .icon{width:16px;height:16px}.nav-download:hover{background:#076de5;box-shadow:0 4px 12px #0878f920}.menu-toggle{display:none;width:40px;height:40px;background:#edf3f8b3;border:1px solid #dce6ee;border-radius:50%;padding:10px}.menu-toggle span{display:block;height:1.5px;width:16px;margin:5px auto;background:var(--ink);transition:transform .3s var(--ease)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-menu{padding:12px 22px 24px;border-top:1px solid var(--line);background:#ffffffd9}.mobile-menu a{display:block;padding:12px;border-radius:10px}.mobile-menu a:hover{background:#edf5fc}
.hero{color:white;background:#0b2c46;overflow:hidden}.hero-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:center;min-height:620px;padding-block:74px}.product-kicker{color:#9ebed5;font-size:12px;font-weight:600;letter-spacing:.13em}.hero h1{font-size:clamp(43px,4.3vw,64px);line-height:1.25;font-weight:740;letter-spacing:-.045em;margin:24px 0}.hero h1 span{display:block;color:#fff}.hero-description{font-size:15px;line-height:1.95;max-width:420px;color:#c6d9e8}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;min-height:54px;padding:14px 24px;border:1px solid transparent;border-radius:29px;font-size:13px;font-weight:700;line-height:1.5;isolation:isolate;overflow:hidden;transition:transform .32s var(--spring),background .25s,border-color .25s,box-shadow .35s}.button .icon{width:19px;height:19px;transition:transform .35s var(--ease)}.button:hover .icon{transform:translateX(2px)}.button::after,.nav-download::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--press-x,50%) var(--press-y,50%),#ffffff48,transparent 66%);opacity:0;pointer-events:none;transition:opacity .35s}.button.is-pressed,.nav-download.is-pressed{transform:translateY(1px) scale(.977)}.button.is-pressed::after,.nav-download.is-pressed::after{opacity:1}.warm{color:#142c3f;background:#ffc800;box-shadow:0 1px #ffeca8b3 inset}.warm:hover{background:#ffd020}.primary{background:#0878f9;color:#fff;box-shadow:0 1px #66adff66 inset}.primary:hover{background:#056ce7}.glass-button{color:#eef7ff;border-color:#c2e5ff54;background:linear-gradient(130deg,#f1fbff17,#d7eeff08);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);box-shadow:0 1px #ffffff29 inset,0 1px 5px #03132214}.glass-button:hover{background:#e4f5ff20;border-color:#d8efff80}.outline{color:var(--ink);background:#fff;border-color:#bcd1e1}.hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:10px;color:#93b3cc;margin-top:23px}.hero-meta>span,.hero-meta>a{display:inline-flex;align-items:center;gap:6px}.hero-meta b{font-weight:600;color:#c4dbea;font-variant-numeric:tabular-nums}.hero-meta .icon{width:13px;height:13px}.hero-meta a{color:#c2d9e9;border-bottom:1px solid #88aac44d;padding-bottom:1px}.hero-showcase{margin:0;min-width:0;perspective:1600px}.product-frame{position:relative;padding:5px;background:linear-gradient(140deg,#f3fbff36,#cce4ff13);border:1px solid #cce7fb5c;border-radius:19px;box-shadow:0 22px 46px #02142454,0 1px #ffffff70 inset;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s var(--ease);transform-style:preserve-3d;isolation:isolate}.product-frame::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--pointer-x,20%) var(--pointer-y,5%),#fff4,transparent 60%);opacity:.45;z-index:2;mix-blend-mode:screen}.game-screen{display:block;position:relative;aspect-ratio:1.36;overflow:hidden;border-radius:14px;background:#112d45}.game-screen>img{height:100%;width:100%;object-fit:cover;object-position:80% 48%;transform:scale(1.34);transform-origin:100% 50%}.image-zoom{position:absolute;right:14px;bottom:14px;color:white;font-size:10px;padding:6px 11px;background:#071828b3;border:1px solid #b6d7f252;border-radius:20px;backdrop-filter:blur(16px);transition:background .3s}.game-screen:hover .image-zoom{background:#153e5dde}.hero-showcase figcaption{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#86a8c3;margin:14px 4px 0;letter-spacing:.02em}.hero-showcase figcaption span:last-child{color:#b4cddd}.benefit-strip{border-bottom:1px solid #e2eaf0;background:#f5f8fb}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:26px}.benefit-grid>span{display:flex;justify-content:center;gap:12px;align-items:center;font-size:12px;font-weight:600;color:#365b77}.benefit-grid .icon{width:20px;height:20px;color:#5085ad}
.feature-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px;align-items:start}.feature-overview{border-top:1px solid #b9cbd9;padding-top:24px}.overline{font-size:11px;font-weight:600;letter-spacing:.08em;color:#6e8597}.feature-directory{list-style:none;padding:0;margin:16px 0 23px}.feature-directory li{display:flex;align-items:center;gap:17px;padding:15px 0;border-bottom:1px solid #e7edf2}.feature-directory li>span{font-size:10px;font-variant-numeric:tabular-nums;color:#95a8b7}.feature-directory strong{font-size:14px;font-weight:600}.feature-directory .icon{width:17px;height:17px;margin-left:auto;color:#779ab3;stroke-width:1.5}.feature-tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:5px;background:#edf2f6;border:1px solid #dbe5ed;border-radius:16px;isolation:isolate}.feature-tabs button{display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid transparent;position:relative;z-index:1;padding:12px 5px;border-radius:11px;background:transparent;font-size:12px;font-weight:600;white-space:nowrap;transition:color .24s}.feature-tabs button .icon{width:16px;height:16px}.feature-tabs button[aria-selected=true]{color:#0871d2;background:white;box-shadow:0 2px 7px #18374d0c}.feature-tabs.has-indicator button[aria-selected=true]{background:transparent;box-shadow:none}.tab-indicator{position:absolute;z-index:0;pointer-events:none;left:0;top:0;width:var(--indicator-width,0px);height:var(--indicator-height,0px);transform:translate(var(--indicator-x,0px),var(--indicator-y,0px));border-radius:11px;border:1px solid #ffffffed;background:linear-gradient(135deg,#fffffffa,#ffffffba);box-shadow:0 2px 7px #203f5712,0 1px #fff inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.feature-tabs[data-ready] .tab-indicator{transition:transform .48s var(--spring),width .48s var(--spring),height .3s var(--ease)}.feature-detail{display:flex;gap:20px;padding:29px 0}.feature-detail+.feature-detail{border-top:1px solid #e0e8ee}.feature-icon{flex-shrink:0;width:42px;height:42px;border:1px solid #deEaf4;border-radius:12px;display:grid;place-items:center;color:#1673bf;background:#f4f8fc}.feature-detail h3{font-size:22px;margin:4px 0 14px}.feature-detail p{font-size:14px;line-height:1.95}.feature-summary{display:block;font-size:10px;color:#6d8799;margin-top:15px;line-height:1.9;border-left:2px solid #b8d4e9;padding-left:12px}.about-section{padding:75px 0;background:#f5f7fa;border-block:1px solid #e7edf2}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:100px}.about-grid h2{font-size:32px;line-height:1.6}.about-copy p{font-size:14px;line-height:2.05}.about-copy p+p{margin-top:22px}.keyword-chips{display:flex;flex-wrap:wrap;gap:7px 14px;max-width:330px;margin-top:23px}.keyword-chips span{font-size:10px;color:#7b91a2;line-height:1.9}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:33px}.step{position:relative}.step-number{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border-radius:50%;border:1px solid #c8dbe8;background:#f4f9fd;color:#447fa8;font-size:13px;font-weight:650;margin-bottom:24px}.step:not(:last-child)::after{content:"";position:absolute;left:60px;right:-4px;top:20px;border-top:1px solid #dfe8ee}.step h3{font-size:18px;margin-bottom:15px}.step p{font-size:12px;line-height:2}.release-section{padding-bottom:4px}.release-card{padding:50px 0;border-block:1px solid #b8ccdb;display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.release-copy h2{font-size:32px;margin-bottom:18px}.release-copy>p{font-size:14px;max-width:420px;line-height:2}.release-details{font-size:11px;display:flex;gap:20px;flex-wrap:wrap;color:#718a9b;margin:24px 0 18px}.release-details b{font-size:12px;font-weight:650;color:#355d7a;font-variant-numeric:tabular-nums}.release-flow{list-style:none;padding:0;margin:5px 0 0}.release-flow li{display:flex;gap:20px;align-items:center;position:relative;padding:0 0 26px}.release-flow li+li{padding-top:5px}.release-flow li:last-child{padding-bottom:0}.release-flow li>span{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid #d7e3ed;color:#5d839f;font-size:10px;font-weight:600;background:#fff;z-index:1}.release-flow li:not(:last-child)::after{content:"";position:absolute;left:17.5px;top:36px;bottom:0;width:1px;background:#dde8f1}.release-flow strong{display:block;font-size:14px;font-weight:600}.release-flow small{display:block;font-size:11px;color:#8296a6;margin-top:3px}.faq-section{max-width:920px}.faq-list{border-top:1px solid #cfdae3}details{border-bottom:1px solid #dce5ec}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0;font-size:14px;font-weight:600}summary::-webkit-details-marker{display:none}summary>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:23px;font-weight:400;color:#6387a0;transition:transform .32s var(--spring),background .25s}summary:hover>span{background:#eff5fa}details[open] summary>span{transform:rotate(45deg);background:#eaf3fb}.faq-answer{padding:0 40px 27px 0}.faq-answer p{font-size:13px;line-height:2}.final-cta{padding:75px 0;background:#0b2c46;color:white;text-align:center}.final-cta .eyebrow{color:#8dafc9}.final-cta h2{font-size:38px;margin-bottom:18px}.final-cta p{font-size:14px;color:#aec6d8}.final-cta .hero-actions{justify-content:center;margin-top:30px}.site-footer{width:min(1200px,calc(100% - 88px));margin:auto;padding:42px 0 27px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer .brand{font-size:18px}.site-footer .brand img{width:35px;height:35px}.site-footer nav{display:flex;gap:28px;font-size:11px;color:#647f92}.motion-toggle{display:flex;gap:8px;align-items:center;background:transparent;border:1px solid #dfE8ef;border-radius:20px;padding:7px 12px;color:#7c92a3;font-size:10px}.motion-dot{width:5px;height:5px;border-radius:50%;background:#8b9eac}.motion-toggle[aria-pressed=true] .motion-dot{background:#3289c6}.copyright{font-size:10px;margin-top:27px;border-top:1px solid #e7edf2;padding-top:20px;color:#8c9eac}
.article-hero{padding:30px 0 66px;background:#f2f6fa;border-bottom:1px solid #e4ecf2}.breadcrumbs{display:flex;gap:13px;align-items:center;font-size:11px;color:#8296a5;margin-bottom:42px}.breadcrumbs a{color:#447bA4}.article-hero h1{font-size:clamp(32px,4vw,50px);margin-bottom:19px}.article-hero p{font-size:14px}.article-body{max-width:900px;padding:60px 0 85px}.article-body>h2{font-size:25px;margin:43px 0 20px}.article-body>h2:first-child{margin-top:0}.article-body>p{font-size:14px;line-height:2.05;margin-top:15px}.article-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin:30px 0 55px}.article-steps .step::after{display:none}.article-steps .step p{font-size:13px}.article-callout{display:flex;gap:20px;align-items:flex-start;border-block:1px solid #dce7f0;background:#f6f9fc;padding:25px;margin-top:37px}.article-callout>.icon{color:#5286ac}.article-callout strong{font-size:14px}.article-callout p{font-size:12px;margin-top:4px}.article-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.article-actions .button{font-size:13px;min-height:50px}.updates-body{max-width:820px}.update-entry{padding:36px 0 44px;border-bottom:1px solid var(--line)}.update-entry:first-child{padding-top:0}.update-meta{display:flex;gap:15px;align-items:center;color:#7b91a2;font-size:11px;margin-bottom:20px}.current-badge{border:1px solid #c6dfd3;color:#4d826a;padding:2px 10px;border-radius:20px;font-size:10px}.update-entry h2{font-size:27px;margin-bottom:9px}.version-number{color:#4a7da1;font-size:13px;font-variant-numeric:tabular-nums}.update-entry ul{padding-left:20px;margin:23px 0 26px;color:#698292;font-size:13px;line-height:2.2}.update-entry .button{min-height:49px;font-size:12px}.preview-dialog{border:1px solid #d9edff38;border-radius:17px;padding:5px;background:#0a253a;max-width:min(1200px,94vw);max-height:94vh;overflow:auto;box-shadow:0 30px 80px #0006;opacity:0;transform:scale(.976);transition:opacity .22s,transform .35s var(--ease),display .25s allow-discrete,overlay .25s allow-discrete}.preview-dialog[open]{opacity:1;transform:scale(1)}.preview-dialog::backdrop{background:#041523c9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .25s,display .25s allow-discrete,overlay .25s allow-discrete}.preview-dialog[open]::backdrop{opacity:1}.preview-dialog img{max-height:86vh;width:auto;object-fit:contain;border-radius:12px}.dialog-close{position:fixed;right:4vw;top:3vh;width:37px;height:37px;border-radius:50%;color:#183c56;background:#fffffff2;border:1px solid #fff8;font-size:25px;box-shadow:0 6px 20px #03132344;z-index:3}@starting-style{.preview-dialog[open]{opacity:0;transform:scale(.976)}.preview-dialog[open]::backdrop{opacity:0}}
html[data-motion=on]{scroll-behavior:smooth}html[data-motion=on][data-enhanced] .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .75s var(--ease);transition-delay:var(--reveal-delay,0ms)}html[data-motion=on][data-enhanced] .reveal.is-visible{opacity:1;transform:none}html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off] .reveal{opacity:1!important;transform:none!important}html[data-motion=off] .product-frame,html[data-motion=off] [data-pressable]{transform:none!important}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{padding-inline:32px}.desktop-nav{gap:23px}.hero-inner{gap:35px;min-height:570px;padding-block:65px}.hero h1{font-size:48px}.hero-description{font-size:13px}.hero-actions{gap:10px}.hero-actions .button{font-size:12px;padding:13px 20px}.hero-meta{gap:10px;font-size:9px}.hero-showcase figcaption{font-size:8px}.feature-layout{gap:55px}.feature-tabs button{font-size:11px}.about-grid{gap:55px}.release-card{gap:65px}.site-footer{width:calc(100% - 64px)}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{height:68px;padding-inline:20px;gap:12px}.brand{font-size:19px;gap:8px}.brand img{width:36px;height:36px}.brand-sub{font-size:9px}.desktop-nav{display:none}.nav-download{min-height:39px;padding:9px 17px;font-size:11px}.menu-toggle{display:block}.hero-inner{display:block;padding-top:40px;padding-bottom:38px;min-height:0}.hero-copy{text-align:center}.product-kicker{font-size:10px}.hero h1{font-size:44px;margin:18px 0}.hero h1 span{display:inline;color:#fff}.hero-description{font-size:13px;max-width:520px;margin:auto;line-height:1.9}.hero-actions{justify-content:center;margin-top:25px}.hero-meta{justify-content:center;margin-top:18px;font-size:10px;gap:16px}.hero-showcase{max-width:600px;margin:35px auto 0}.game-screen{aspect-ratio:1.9}.product-frame{border-radius:16px;padding:4px}.game-screen{border-radius:12px}.hero-showcase figcaption{font-size:8px;margin-top:11px}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:18px;padding-block:23px}.benefit-grid>span{justify-content:flex-start;padding-left:12px;font-size:11px;gap:10px}.benefit-grid .icon{width:18px;height:18px}.section{padding-block:60px}.section-heading{margin-bottom:33px}.feature-layout{grid-template-columns:1fr;gap:30px}.feature-overview{padding-top:18px}.feature-directory{display:grid;grid-template-columns:repeat(2,1fr);column-gap:28px;margin-top:10px}.feature-directory li{padding-block:12px;gap:12px}.feature-directory strong{font-size:12px}.feature-directory .icon{width:15px;height:15px}.feature-directory li>span{font-size:9px}.feature-tabs button{font-size:12px;padding-block:12px}.feature-detail{padding-block:25px}.feature-detail h3{font-size:21px}.feature-detail p{font-size:13px}.about-section{padding-block:52px}.about-grid{grid-template-columns:1fr;gap:29px}.about-grid h2{font-size:29px}.about-grid h2 br{display:none}.keyword-chips{max-width:100%;gap:4px 13px;margin-top:18px}.about-copy p{font-size:13px}.steps-grid{grid-template-columns:repeat(2,1fr);gap:34px 25px}.step:nth-child(2)::after{display:none}.step-number{margin-bottom:19px}.step h3{font-size:17px}.release-card{grid-template-columns:1fr;gap:36px;padding-block:37px}.release-copy h2{font-size:29px}.release-copy>p{max-width:100%;font-size:13px}.release-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.release-flow li,.release-flow li+li{display:block;padding:0}.release-flow li>span{margin-bottom:13px}.release-flow li:not(:last-child)::after{top:17px;left:48px;right:-4px;width:auto;height:1px;bottom:auto}.release-flow strong{font-size:12px}.release-flow small{font-size:10px;line-height:1.8}.release-details{font-size:10px;margin-top:20px;gap:16px}summary{font-size:13px;padding-block:23px}.faq-answer{padding-right:5px}.faq-answer p{font-size:12px}.final-cta{padding-block:55px}.final-cta h2{font-size:31px}.final-cta p{font-size:12px}.site-footer{width:calc(100% - 40px);padding-top:32px}.footer-top{flex-wrap:wrap;gap:24px 20px}.site-footer nav{font-size:10px;gap:21px}.copyright{font-size:9px}.article-hero{padding-bottom:45px}.breadcrumbs{margin-bottom:34px}.article-hero h1{font-size:35px}.article-hero p{font-size:13px}.article-body{padding-block:42px}.article-body>h2{font-size:23px}.article-body>p{font-size:13px}.article-steps{gap:30px}}
@media(max-width:440px){.hero-inner{padding-top:35px;padding-bottom:30px}.hero h1{font-size:41px;line-height:1.23;margin:18px 0}.hero h1 span{display:block}.hero-description{max-width:310px;font-size:12px}.hero-actions{gap:10px;margin-top:23px}.hero-actions .button{padding:12px 17px;font-size:11px;gap:7px;min-height:49px}.hero-actions .icon{width:16px;height:16px}.hero-meta{font-size:9px;gap:12px}.hero-meta .icon{width:12px;height:12px}.hero-showcase{margin-top:29px}.game-screen{aspect-ratio:1.62}.hero-showcase figcaption{font-size:7px;gap:6px}.hero-showcase figcaption span:last-child{white-space:nowrap}.image-zoom{font-size:8px;padding:5px 9px;right:10px;bottom:10px}.benefit-grid{gap:16px 8px}.benefit-grid>span{font-size:10px;padding-left:0;gap:9px}.benefit-grid .icon{width:17px;height:17px}.section{padding-block:50px}.section-heading{margin-bottom:28px}.eyebrow{font-size:10px}h2{font-size:27px}.feature-directory{column-gap:20px}.feature-directory li{gap:9px}.feature-directory strong{font-size:11px}.feature-directory .icon{display:none}.feature-tabs{padding:4px;border-radius:14px}.feature-tabs button{font-size:10px;gap:5px}.feature-tabs .icon{width:14px;height:14px}.feature-detail{gap:13px}.feature-icon{width:35px;height:35px;border-radius:10px}.feature-icon svg{width:19px;height:19px}.feature-detail h3{font-size:18px;margin-top:2px}.feature-detail p{font-size:12px}.feature-summary{font-size:9px}.about-grid h2{font-size:27px}.about-copy p{font-size:12px}.keyword-chips{gap:2px 11px}.keyword-chips span{font-size:9px}.steps-grid{gap:29px 23px}.step h3{font-size:16px}.step p{font-size:11px}.step-number{width:37px;height:37px;font-size:12px;margin-bottom:18px}.step:not(:last-child)::after{left:52px;top:18px}.release-copy h2{font-size:27px}.release-copy>p{font-size:12px}.release-flow{gap:14px}.release-flow strong{font-size:11px}.release-flow small{font-size:9px}.release-flow li>span{width:32px;height:32px;font-size:9px}.release-flow li:not(:last-child)::after{top:15px;left:44px;right:0}.release-details{gap:12px;font-size:9px}.release-details b{font-size:10px}.final-cta h2{font-size:28px}.site-footer nav{order:3;width:100%;justify-content:flex-start}.motion-toggle{margin-left:auto;font-size:9px;padding-inline:9px}.article-hero h1{font-size:31px}.article-steps{grid-template-columns:1fr;gap:25px}.article-steps .step{display:grid;grid-template-columns:39px 1fr;gap:5px 14px}.article-steps .step-number{grid-row:span 2;margin:0}.article-steps .step h3{align-self:center;margin:5px 0 4px}.article-steps .step p{grid-column:2;font-size:12px}.article-callout{padding:20px;gap:15px}}
@media(prefers-contrast:more){.site-header{background:#fff!important;backdrop-filter:none;border-color:#647e92}.hero-description,.hero-meta{color:#fff}.product-frame{border-color:#c5dff3}.feature-summary{color:#4f6c81}.keyword-chips span{color:#45667e}.tab-indicator{background:#fff;border-color:#8aa6bc}}
.hero-description{text-wrap:balance}
@keyframes hero-settle{from{opacity:.78;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
html[data-motion=on] .hero-copy{animation:hero-settle .58s var(--ease) both}
html[data-motion=on] .hero-showcase{animation:hero-settle .7s var(--ease) .04s both}
html[data-motion=off] details::details-content,html[data-motion=off] .preview-dialog::backdrop{transition:none!important}
.tab-indicator[data-ready]{transition:transform .48s var(--spring),width .48s var(--spring),height .3s var(--ease)}
@supports (interpolate-size:allow-keywords){details{interpolate-size:allow-keywords}details::details-content{block-size:0;overflow:hidden;transition:block-size .34s var(--ease),content-visibility .34s allow-discrete}details[open]::details-content{block-size:auto}}
@supports not (backdrop-filter:blur(1px)){.site-header{background:white}.glass-button{background:#244a68}.tab-indicator{background:white}}

/* Product-led editorial composition and native scroll-driven scenes. */
:root{--ink:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--line:#d2d2d7;scroll-padding-top:92px;background:#fff;color:#1d1d1f}
.site-header{height:76px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.site-header::after{display:none}.header-inner{height:60px;width:calc(100% - 48px);max-width:1140px;margin:8px auto;padding:0 22px;border:1px solid #e4e5e9a6;background:#ffffffce;backdrop-filter:blur(22px) saturate(175%);-webkit-backdrop-filter:blur(22px) saturate(175%);border-radius:21px;box-shadow:0 1px #fff inset,0 2px 10px #1c1c2a04;pointer-events:auto;transition:box-shadow .35s,border-color .35s,background .35s}html[data-scrolled] .site-header{background:transparent;border:0;box-shadow:none;backdrop-filter:none}html[data-scrolled] .header-inner{background:#ffffffba;border-color:#d3d8dfb8;box-shadow:0 1px #fffe inset,0 7px 24px #2626370d}.brand{font-size:19px;color:#1d1d1f}.brand img{width:34px;height:34px}.brand-sub{font-size:8px;letter-spacing:.1em;color:#86868b}.desktop-nav{gap:28px;font-size:11px;color:#55555b}.desktop-nav a::after{height:1px;background:#71717a}.nav-download{min-height:34px;padding:7px 15px;font-size:10px;background:#0071e3;box-shadow:none;border-color:#0071e3}.nav-download:hover{background:#0077ed;box-shadow:none}.nav-download svg{width:13px;height:13px}.mobile-menu{pointer-events:auto;border:1px solid #d9dce3b8;border-radius:20px;background:#ffffffed;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 15px 25px #12192812;width:calc(100% - 24px);margin:0 auto;padding:10px 15px 17px}
.hero{background:#fff;color:#1d1d1f}.hero-inner{display:block;text-align:center;min-height:0;padding-top:43px;padding-bottom:66px}.hero-copy{max-width:930px;margin:auto}.product-kicker{color:#6e6e73;font-size:13px;letter-spacing:.04em;font-weight:550}.hero h1{font-size:clamp(43px,5.2vw,72px);font-weight:680;letter-spacing:-.05em;line-height:1.2;margin:20px 0 23px;color:#254a6d}.hero h1 span{display:inline;color:inherit}.hero-description{color:#6e6e73;font-size:16px;line-height:1.75;max-width:670px;margin:auto;text-wrap:balance}.hero-actions{justify-content:center;margin-top:25px;gap:20px}.button{font-weight:550;font-size:13px;min-height:45px;padding:11px 22px}.warm,.primary{color:white;background:#0071e3;border-color:#0071e3;box-shadow:none}.warm:hover,.primary:hover{background:#0077ed}.glass-button{color:#0071e3;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding-inline:6px}.glass-button:hover{background:transparent;border-color:transparent;color:#0077ed}.glass-button .icon{display:none}.hero-meta{justify-content:center;color:#86868b;font-size:10px;gap:17px;margin-top:17px}.hero-meta b{color:#6e6e73;font-weight:550}.hero-meta a{color:#0071e3;border-color:transparent}.hero-showcase{width:100%;max-width:1100px;margin:35px auto 0}.product-frame{border:1px solid #cbd3dccc;background:linear-gradient(140deg,#f1f4f7,#c5cdd5);border-radius:24px;padding:5px;box-shadow:0 24px 45px -22px #42495a50,0 1px #fff inset}.product-frame::after{opacity:.2}.game-screen{aspect-ratio:2.7;border-radius:19px}.game-screen>img{object-position:85% 47%;transform:scale(1.33);transform-origin:100% 50%}.hero-showcase figcaption{color:#86868b;font-size:9px;margin:15px 5px 0}.hero-showcase figcaption span:last-child{color:#6e6e73}.benefit-strip{background:#f5f5f7;border-color:#e9e9ec}.benefit-grid{max-width:1000px;padding-block:25px}.benefit-grid>span{color:#6e6e73;font-size:11px;font-weight:550}.benefit-grid .icon{color:#8d9daf;width:19px;height:19px}.section{padding-block:100px}.section-heading{margin-bottom:48px}.section-heading h2{font-size:42px;font-weight:650;letter-spacing:-.04em}.eyebrow{color:#86868b;letter-spacing:.02em;font-weight:550}.feature-overview{border-color:#d2d2d7}.overline{color:#86868b}.feature-directory li{border-color:#e7e7eb}.feature-directory strong{font-weight:550;color:#515154}.feature-directory .icon{color:#9ba9b6}.feature-browser{background:#f5f5f7;border-radius:26px;padding:19px 25px 4px}.feature-tabs{background:#e9eaed;border:1px solid #e0e2e6;border-radius:15px;padding:4px}.feature-tabs button{color:#6e6e73;font-size:11px;font-weight:550}.feature-tabs button[aria-selected=true]{color:#1d1d1f}.tab-indicator{background:linear-gradient(130deg,#fffffff5,#ffffffc2);border-color:#fff;border-radius:10px;box-shadow:0 2px 6px #3636460c}.feature-detail{padding:28px 0}.feature-detail+.feature-detail{border-color:#dedee4}.feature-icon{background:#fff;border-color:#e6e8ec;color:#68869f;border-radius:12px}.feature-detail h3{font-size:21px;font-weight:620}.feature-detail p{color:#6e6e73}.feature-summary{color:#86868b;border-color:#c8d4df}.about-section{background:#f5f5f7;border:0;padding:90px 0}.about-grid h2{font-size:35px;font-weight:650;color:#1d1d1f}.about-copy p{font-size:16px;line-height:1.95;color:#6e6e73}.keyword-chips span{color:#96969c}.step-number{background:white;border-color:#d2d9df;color:#86868b}.step h3{color:#424245;font-weight:600}.step p{color:#86868b}.step:not(:last-child)::after{border-color:#e1e3e7}.release-card{border-color:#d2d2d7;padding:52px 0}.release-copy h2{font-weight:650;color:#1d1d1f}.release-copy>p{color:#6e6e73}.release-details{color:#86868b}.release-details b{color:#5e7890}.release-flow li>span{border-color:#dadde3;color:#86868b}.release-flow strong{color:#515154}.release-flow small{color:#86868b}.faq-list,details{border-color:#d2d2d7}summary{color:#515154;font-weight:550}.faq-answer p{color:#86868b}.final-cta{background:#f5f5f7;color:#1d1d1f;padding-block:90px}.final-cta .eyebrow{color:#86868b}.final-cta h2{font-weight:650}.final-cta p{color:#6e6e73}.final-cta .glass-button{color:#0071e3}.site-footer{background:#fff}.site-footer nav{color:#86868b}.copyright{color:#96969c}.article-hero{background:#f5f5f7;border:0}.article-hero h1,.article-body h2,.update-entry h2{font-weight:650;color:#1d1d1f}.article-body>p,.update-entry ul{color:#6e6e73}.article-callout{background:#f5f5f7;border-color:#e4e4e8}.preview-dialog{border-color:#cbd3dc99;background:#f2f4f7;box-shadow:0 30px 80px #1d253344}.preview-dialog::backdrop{background:#edf2f4b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
/* Baseline stays fully readable with JavaScript off or reduced motion enabled. */
.story-scroll{background:#f5f5f7;padding:80px 0;position:relative}.story-sticky{position:relative;perspective:1600px}.story-copy{max-width:980px;margin:auto}.story-word{max-width:900px;width:calc(100% - 80px);margin:0 auto 38px;text-align:center}.story-word h2{font-size:clamp(32px,5vw,64px);line-height:1.18;font-weight:650;letter-spacing:-.045em;color:#364c62}.story-word p{font-size:17px;line-height:1.7;color:#86868b;max-width:740px;margin:20px auto 0;text-wrap:balance}.story-media{width:min(1100px,calc(100% - 80px));margin:38px auto 0;transform:none}.story-product-frame{padding:5px;border-radius:27px;border:1px solid #bfc9d6;background:linear-gradient(140deg,#f3f5f8,#bcc7d2);box-shadow:0 23px 42px -21px #3d4c6159;overflow:hidden}.story-product-frame .game-screen{aspect-ratio:2.1;border-radius:21px}.story-progress{display:none}
html[data-motion=on] #product-story[data-story-ready]{height:240vh;padding:0}html[data-motion=on] #product-story[data-story-ready] .story-sticky{position:sticky;top:76px;height:calc(100svh - 76px);overflow:hidden}html[data-motion=on] #product-story[data-story-ready] .story-copy{position:absolute;inset:0;max-width:none;pointer-events:none}html[data-motion=on] #product-story[data-story-ready] .story-word{position:absolute;top:6%;left:50%;transform:translateX(-50%);margin:0;max-width:1000px;will-change:opacity}html[data-motion=on] #product-story[data-story-ready] .word-one{opacity:var(--story-start,1)}html[data-motion=on] #product-story[data-story-ready] .word-two{opacity:var(--story-focus,0)}html[data-motion=on] #product-story[data-story-ready] .word-three{opacity:var(--story-end,0)}html[data-motion=on] #product-story[data-story-ready] .story-media{position:absolute;left:50%;top:40%;width:min(1100px,90vw);margin:0;transform:translateX(-50%) scale(var(--story-scale,.78)) rotateX(var(--story-tilt,7deg));transform-origin:50% 0}html[data-motion=on] #product-story[data-story-active] .story-media{will-change:transform}html[data-motion=on] #product-story[data-story-ready] .story-progress{display:block;position:absolute;bottom:17px;left:50%;transform:translateX(-50%);width:58px;height:2px;background:#d7dce2;overflow:hidden}html[data-motion=on] #product-story[data-story-ready] .story-progress span{display:block;width:100%;height:100%;background:#819cb4;transform:scaleX(var(--story-p,0));transform-origin:left}
@media(max-width:1100px){.hero h1{font-size:58px}.hero-description{font-size:15px}.hero-inner{padding-top:43px}.hero-showcase{margin-top:31px}.feature-layout{gap:38px}.feature-browser{padding-inline:20px}.feature-tabs button{font-size:10px}.about-copy p{font-size:14px}.story-word h2{font-size:58px}.story-word p{font-size:16px;max-width:650px}}
@media(max-width:800px){.site-header{height:64px}.header-inner{height:48px;width:calc(100% - 24px);padding:0 12px;border-radius:17px}.brand{font-size:17px}.brand img{width:30px;height:30px}.brand-sub{font-size:8px}.nav-download{min-height:31px;padding:6px 13px;font-size:9px}.menu-toggle{height:31px;width:31px;padding:6px;background:#f1f2f5;border-color:#e5e7eb}.menu-toggle span{width:14px;height:1.5px;margin:4px auto}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(2.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-2.75px) rotate(-45deg)}.hero-inner{padding-top:37px;padding-bottom:47px}.product-kicker{font-size:11px}.hero h1{font-size:46px;margin:19px 0}.hero-description{font-size:14px;max-width:540px}.hero-actions{gap:18px;margin-top:24px}.hero-actions .button{font-size:12px;min-height:43px;padding:11px 20px}.hero-actions .glass-button{padding-inline:1px}.hero-meta{font-size:9px;gap:14px;margin-top:17px}.hero-showcase{margin-top:32px}.game-screen{aspect-ratio:2.1;border-radius:15px}.product-frame{border-radius:20px;padding:4px}.hero-showcase figcaption{font-size:8px}.benefit-grid{padding-block:22px}.benefit-grid>span{font-size:10px}.section{padding-block:65px}.section-heading h2{font-size:32px}.feature-layout{gap:24px}.feature-browser{border-radius:23px;padding:15px 20px 2px}.feature-tabs button{font-size:11px}.feature-detail h3{font-size:20px}.about-section{padding-block:60px}.about-grid h2{font-size:30px}.about-copy p{font-size:14px}.final-cta{padding-block:65px}.final-cta h2{font-size:31px}.story-scroll{padding:60px 0}.story-word{width:calc(100% - 40px)}.story-word h2{font-size:44px}.story-word p{font-size:14px;margin-top:17px;max-width:500px}.story-media{width:calc(100% - 40px)}.story-product-frame{border-radius:23px;padding:4px}.story-product-frame .game-screen{border-radius:18px;aspect-ratio:1.65}html[data-motion=on] #product-story[data-story-ready]{height:225vh}html[data-motion=on] #product-story[data-story-ready] .story-sticky{top:64px;height:calc(100svh - 64px)}html[data-motion=on] #product-story[data-story-ready] .story-word{top:7%;width:calc(100% - 44px)}html[data-motion=on] #product-story[data-story-ready] .story-media{top:42%;width:calc(100% - 40px)}}
@media(max-width:440px){.hero h1{font-size:41px;line-height:1.21}.hero h1 span{display:block}.hero-description{font-size:12px;max-width:310px;line-height:1.8}.hero-inner{padding-top:33px;padding-bottom:38px}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;padding:10px 18px;min-height:41px}.hero-actions .glass-button{padding-inline:0}.hero-meta{font-size:8px;gap:10px}.hero-showcase{margin-top:27px}.game-screen{aspect-ratio:1.55}.product-frame{border-radius:18px;padding:4px}.game-screen{border-radius:13px}.hero-showcase figcaption{font-size:7px}.section{padding-block:52px}.section-heading h2{font-size:29px}.feature-browser{padding:13px 15px 0;border-radius:20px}.feature-tabs button{font-size:9px;gap:4px}.feature-tabs .icon{width:12px;height:12px}.feature-detail{gap:12px;padding-block:23px}.feature-detail h3{font-size:18px}.feature-detail p{font-size:12px}.feature-icon{width:32px;height:32px}.feature-summary{font-size:9px}.about-copy p{font-size:12px}.about-grid h2{font-size:27px}.story-word h2{font-size:37px}.story-word p{font-size:13px;line-height:1.75;max-width:310px}.story-product-frame .game-screen{aspect-ratio:1.3}.story-product-frame{border-radius:21px}.story-product-frame .game-screen{border-radius:16px}.final-cta h2{font-size:28px}}
@media(prefers-contrast:more){.header-inner{background:#fff!important;border-color:#636d78}.hero h1,.story-word h2{color:#1d1d1f}.story-word p{color:#515154}.hero-description,.hero-meta{color:#515154}.feature-summary{color:#515154}}

/* Silver glass: transmitted backdrop, polished edges, and directional light. */
:root{--ink:#202a36;--muted:#627081;--line:#d7dfe8;--blue:#1269d3;--ease:cubic-bezier(.2,.75,.25,1);--spring:cubic-bezier(.22,1,.36,1);background:#f7f9fc;color:var(--ink)}
body{background:#f7f9fc}
.site-header{height:88px;margin-bottom:-88px}
.header-inner{position:relative;isolation:isolate;height:62px;margin-top:14px;border-radius:24px;padding:0 24px;border:1px solid #fff9;background:linear-gradient(120deg,#ffffffb8,#eef4f885 55%,#ffffffa8);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #71869b18,0 2px 5px #293b5710,0 12px 32px -14px #263d6033;transition:background .4s,box-shadow .4s,border-color .4s}
.header-inner::before,.feature-browser::before,.release-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at var(--light-x,15%) var(--light-y,0%),#ffffffb3,transparent 58%);opacity:.65}
html[data-scrolled] .header-inner{background:linear-gradient(120deg,#ffffffe0,#eef4f8ad 60%,#ffffffcf);border-color:#ffffffc4;box-shadow:inset 0 1px #fff,inset 0 -1px #8698a326,0 3px 8px #1e324514,0 16px 40px -12px #1a30412e}
.brand{font-size:20px;font-weight:650;gap:10px;color:#233142}.brand-sub{font-size:9px;letter-spacing:.13em;color:#647387}.desktop-nav{font-size:12px;gap:30px;font-weight:500;color:#4c5c6c}.desktop-nav a{transition:color .25s}.desktop-nav a:hover{color:#096bdc}.desktop-nav a::after{background:#1269d3}
.button,.nav-download{isolation:isolate;position:relative;overflow:hidden;transition:transform .35s var(--spring),box-shadow .35s,background .3s,border-color .3s}
.warm,.primary,.nav-download{background:linear-gradient(165deg,#318bf2,#1168d8 65%,#145cbe);border:1px solid #1267ca;box-shadow:inset 0 1px 1px #ffffff75,inset 0 -1px 1px #083e9340,0 2px 3px #0a428a16,0 7px 18px -6px #1b6bc649;color:#fff}
.warm:hover,.primary:hover,.nav-download:hover{background:linear-gradient(165deg,#459afa,#1778e6 65%,#1269d3);box-shadow:inset 0 1px #ffffff80,0 4px 8px #0e57a51f,0 12px 24px -8px #1b6bc666;transform:translateY(-2px)}
.button{min-height:50px;padding:13px 25px;font-size:14px;font-weight:550;gap:10px}.button .icon{width:18px;height:18px}.nav-download{min-height:36px;font-size:11px;padding:8px 17px}.button:active,.nav-download:active,.button.is-pressed,.nav-download.is-pressed{transform:translateY(1px) scale(.975);box-shadow:inset 0 2px 5px #11355c20,0 1px 4px #25476b14}
.glass-button,.outline{padding:13px 23px;border:1px solid #ffffffdf;color:#38516b;background:linear-gradient(130deg,#ffffffad,#f4f8fc66);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #899db526,0 1px 3px #263e5d12,0 6px 16px -8px #34517130}
.glass-button:hover,.outline:hover{background:linear-gradient(130deg,#fff,#f1f7ffc2);border-color:#fff;color:#1269d3;box-shadow:inset 0 1px #fff,0 10px 24px -10px #3451714d;transform:translateY(-2px)}
.glass-button .icon{display:block}.button::before,.nav-download::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#ffffff38 40%,transparent 65%);transform:translateX(-120%);transition:transform .8s var(--ease)}
@media(hover:hover) and (pointer:fine){.button:hover::before,.nav-download:hover::before{transform:translateX(120%)}}
.hero{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(158deg,#eaf0f7 0%,#fafcfe 39%,#e3eaf3 76%,#eff3f8 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(117deg,transparent 30%,#ffffffa8 30.2%,#ffffff08 45%,transparent 45.2%),radial-gradient(ellipse at 75% 30%,#b6d0ed3b,transparent 60%)}
.hero-inner{padding-top:153px;padding-bottom:64px;min-height:0}.product-kicker{display:inline-flex;padding:5px 14px;border-radius:20px;border:1px solid #fff;background:#ffffff70;box-shadow:inset 0 1px #fff,0 2px 7px #38506c07;font-size:12px;font-weight:550;color:#536a80;letter-spacing:.08em}
.hero h1{font-size:clamp(48px,5.1vw,72px);font-weight:650;letter-spacing:-.045em;line-height:1.22;color:#253b50;margin:23px 0 22px;text-shadow:0 2px 1px #fff9}
.hero h1 span{color:#253b50}.hero-description{color:#596b7e;font-size:16px;line-height:1.8}.hero-actions{gap:14px;margin-top:28px}.hero-meta{font-size:11px;color:#617387;margin-top:23px;gap:19px}.hero-meta b{color:#566d84}.hero-meta a{color:#3771ab}.hero-meta .icon{width:14px;height:14px}
.hero-showcase{position:relative;max-width:1060px;margin:43px auto 0;padding:42px 12px 12px;border:1px solid #ffffffda;border-radius:30px;background:linear-gradient(135deg,#ffffffa6,#f3f7fc4d 60%,#d9e4f173);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #a3b3c857,0 3px 6px #3351700b,0 25px 55px -20px #35527142}
.hero-showcase figcaption{position:absolute;top:0;left:22px;right:22px;height:42px;margin:0;align-items:center;font-size:10px;font-weight:500;letter-spacing:.02em;color:#63788e}.hero-showcase figcaption span:last-child{color:#617387}.product-frame{padding:0;border:1px solid #6e87a633;border-radius:20px;background:#aab8c6;box-shadow:0 1px 2px #25415f1c;overflow:hidden;transform-style:flat}.product-frame::after{opacity:.25}.game-screen{border-radius:19px;aspect-ratio:2.65}.game-screen>img{transform:scale(1.24);object-position:80% 49%}.image-zoom{border:1px solid #fff6;background:#e5efff38;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);box-shadow:inset 0 1px #fff3,0 5px 15px #10293b33;color:white;font-size:11px;padding:8px 13px}.game-screen:hover .image-zoom{background:#ffffff4f}
.benefit-strip{background:#eef3f8;border:0}.benefit-grid{padding-block:28px;max-width:1120px}.benefit-grid>span{font-size:12px;color:#566b80;gap:10px}.benefit-grid .icon{color:#7c96af}
/* A darker stage gives the clear foreground a real surface to refract. */
.story-scroll{background:linear-gradient(125deg,#182936,#20374c 52%,#172738);color:#f0f5fb;isolation:isolate;overflow:clip}
.story-sticky::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(112deg,transparent 20%,#d7e8ff09 20.15%,#ffffff00 47%),radial-gradient(ellipse at 80% 55%,#789dc23d,transparent 62%);pointer-events:none}
.story-word h2{color:#edf4fc;text-shadow:0 2px 15px #0002;font-weight:600;font-size:clamp(40px,4.8vw,62px)}.story-word p{color:#c0cedb;font-size:16px;line-height:1.8;max-width:660px}.chapter-index{display:block;font-size:11px;letter-spacing:.16em;font-variant-numeric:tabular-nums;color:#93adc3;margin-bottom:16px}
.story-product-frame{padding:10px;border-radius:28px;border:1px solid #d7e5ff73;background:linear-gradient(145deg,#ffffff38,#c9deff0a 56%,#9bb9d426);box-shadow:inset 0 1px 1px #ffffff70,inset 0 -1px #ffffff29,0 4px 12px #040d1826,0 35px 70px -15px #040d1880;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.story-product-frame .game-screen{aspect-ratio:2.8;border-radius:18px}.story-product-frame .game-screen>img{transform:scale(1.24)}
html[data-motion=on] #product-story[data-story-ready]{height:235vh}
html[data-motion=on] #product-story[data-story-ready] .story-sticky{top:0;height:100svh;min-height:620px}
html[data-motion=on] #product-story[data-story-ready] .story-word{top:16%;width:calc(100% - 80px);transition:visibility 0s;transform:translate(-50%,calc((1 - var(--word-opacity,1)) * 16px));opacity:var(--word-opacity,1)}
html[data-motion=on] #product-story[data-story-ready] .word-one{--word-opacity:var(--story-start,1)}html[data-motion=on] #product-story[data-story-ready] .word-two{--word-opacity:var(--story-focus,0)}html[data-motion=on] #product-story[data-story-ready] .word-three{--word-opacity:var(--story-end,0)}
html[data-motion=on] #product-story[data-story-ready] .story-media{top:46%;width:min(1000px,84vw)}
.story-controls{display:none}html[data-motion=on] #product-story[data-story-ready] .story-controls{display:flex;gap:5px;position:absolute;bottom:25px;left:50%;transform:translateX(-50%);padding:6px;border:1px solid #e1efff52;border-radius:30px;background:linear-gradient(145deg,#d9edff26,#9dbbdc12);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px #ffffff3d,0 10px 30px #020d1b33;white-space:nowrap;z-index:3}
.story-controls button{display:flex;align-items:center;gap:9px;font-size:12px;padding:11px 18px;background:transparent;color:#c2d0de;border-radius:24px;border:1px solid transparent;transition:background .35s,box-shadow .35s,color .35s}
.story-controls button[aria-pressed=true]{color:#fff;background:linear-gradient(140deg,#ffffff30,#c1defe12);border-color:#ffffff45;box-shadow:inset 0 1px #ffffff38,0 3px 10px #05132126}.story-controls button:hover{color:#fff;background:#ffffff20}.chapter-dot{width:5px;height:5px;border-radius:8px;background:#89a2bb;transition:width .35s,background .35s}.story-controls button[aria-pressed=true] .chapter-dot{width:18px;background:#cbe4ff}
.section{padding-block:104px}.section-heading h2{font-size:42px;color:#293e51;font-weight:620}.eyebrow{font-size:12px;color:#788a9c;letter-spacing:.08em}.feature-section{position:relative}.feature-layout{gap:65px;grid-template-columns:.72fr 1.28fr}.feature-overview{border-color:#c4d0dd}.feature-directory li{border-color:#dfe6ee;padding-block:17px}.feature-directory strong{font-size:14px;color:#52697e}.feature-directory .icon{color:#7798b6}.feature-overview .text-link{font-size:13px}
.feature-browser{position:relative;isolation:isolate;padding:20px 30px 6px;border-radius:30px;border:1px solid #ffffffd9;background:linear-gradient(130deg,#fff9,#dfebf773 65%,#eef4faa6);box-shadow:inset 0 1px 1px white,inset 0 -1px 1px #acbcd333,0 2px 5px #33496d09,0 20px 45px -20px #375a7c38;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.feature-tabs{background:#c7d6e752;border-color:#bdcfe140;border-radius:18px;padding:5px;box-shadow:inset 0 1px 3px #516d9021,0 1px #ffffffbc}.feature-tabs button{padding-block:13px;font-size:12px;font-weight:550;color:#61758b}.feature-tabs button[aria-selected=true]{color:#235e93}.tab-indicator{border-radius:13px;border:1px solid #fff;background:linear-gradient(155deg,#ffffffed,#ffffff8f);box-shadow:inset 0 1px #fff,0 2px 4px #234a7514,0 5px 13px -5px #203b6429}
.feature-detail{padding-block:30px}.feature-detail h3{font-size:23px;color:#2d465d;font-weight:600}.feature-detail p{font-size:14px;color:#5f7387;line-height:1.95}.feature-detail+.feature-detail{border-color:#c9d6e47a}.feature-icon{background:linear-gradient(145deg,#fff,#dae8f57a);border-color:#fff;color:#4f7ba2;box-shadow:inset 0 1px #fff,0 4px 9px -4px #325c8438}.feature-summary{color:#718397;font-size:11px;border-color:#adc7e0}
html[data-motion=on] [data-feature-panel]:not([hidden]) .feature-detail{animation:panel-arrive .45s var(--ease) both}html[data-motion=on] [data-feature-panel]:not([hidden]) .feature-detail:nth-child(2){animation-delay:.045s}@keyframes panel-arrive{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
.about-section{background:#eaf0f6;border-block:1px solid #fff;padding:82px 0}.about-grid h2{color:#293e51;line-height:1.5;font-size:34px;font-weight:600}.about-copy p{color:#5e7184;font-size:15px}.keyword-chips span{color:#6f8397;font-size:11px}.step-number{background:linear-gradient(145deg,#fff,#e7eff8);border:1px solid #fff;color:#6286a8;box-shadow:inset 0 -1px #b3c5d93b,0 5px 12px -7px #2e4d6d3b}.step h3{color:#365269}.step p{color:#6c7f92;font-size:13px}.step:not(:last-child)::after{border-color:#cddae6}
.release-card{position:relative;isolation:isolate;border:1px solid #fff;border-radius:28px;padding:45px 48px;background:linear-gradient(120deg,#ffffffbd,#e3edf780 85%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #fff,0 16px 40px -24px #244f7b40;gap:70px}.release-copy h2{color:#293e51;font-size:32px}.release-copy>p{color:#64798d}.release-details{font-size:12px}.release-flow strong{color:#445e75}.release-flow small{font-size:12px;color:#6c8093}.release-flow li>span{background:#ffffffb3;border:1px solid #fff;box-shadow:0 2px 7px #2746650f;color:#6489aa}
.faq-section{max-width:920px}.faq-list{border:0}details{padding:0 22px;border-bottom:1px solid #d8e2ed;border-radius:15px;transition:background .3s}details[open]{background:#eaf0f6}summary{padding-block:23px;font-size:15px;color:#3b5369}summary>span{color:#7a97b2;background:#fff7;border:1px solid #fff;box-shadow:0 2px 5px #38567008}details[open] summary>span{background:#ffffffc9}.faq-answer p{color:#60768b;font-size:14px}
.final-cta{background:linear-gradient(135deg,#e2eaf4,#f0f5fa 50%,#dce8f5);border-block:1px solid #fff;padding:90px 0}.final-cta h2{color:#2b4358;font-size:40px}.final-cta p{color:#61788f;font-size:15px}.final-cta .eyebrow{color:#748ba2}.final-cta .glass-button{color:#365b7f}.site-footer{background:transparent}.site-footer nav{font-size:12px;color:#6e8195}.copyright{color:#8394a5}.motion-toggle{color:#647e95;border-color:#fff;background:#ffffff7a;box-shadow:inset 0 1px #fff,0 3px 9px #2a4c6b08}
.article-hero{padding-top:124px;background:linear-gradient(145deg,#e4edf6,#f5f9fc);border-bottom:1px solid #fff}.article-hero h1{color:#2e475e}.article-body>p,.update-entry ul{color:#5f7489}.article-callout{border:1px solid #fff;border-radius:20px;background:linear-gradient(135deg,#fff9,#e5eff9a1);box-shadow:inset 0 1px #fff,0 10px 24px -15px #284f7c33}.preview-dialog{padding:10px;border-radius:24px;border:1px solid #ffffffe6;background:linear-gradient(145deg,#ffffffbf,#d2dfed80);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:inset 0 1px #fff,0 25px 80px #122a4a59}.preview-dialog::backdrop{background:#1b2e4869;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dialog-close{background:#edf5ffc9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #fff9;box-shadow:inset 0 1px #fff,0 6px 24px #10243e38}
.mobile-menu{background:linear-gradient(135deg,#ffffffeb,#edf4fbe0);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid #fff;box-shadow:inset 0 1px #fff,0 12px 35px #1d365126}
@media(max-width:1100px){.hero h1{font-size:58px}.hero-inner{padding-top:143px}.feature-layout{gap:35px}.feature-browser{padding-inline:23px}.release-card{padding:38px;gap:40px}.story-word h2{font-size:52px}}
@media(max-width:800px){.site-header{height:76px;margin-bottom:-76px}.header-inner{margin-top:10px;height:54px;padding:0 14px;border-radius:21px}.brand{font-size:18px}.brand-sub{font-size:8px}.brand img{width:31px;height:31px}.nav-download{font-size:11px;min-height:34px;padding:7px 13px}.menu-toggle{width:34px;height:34px;background:#ffffff80;border:1px solid #fff9;box-shadow:inset 0 1px #fff,0 2px 5px #2447680c}.hero-inner{padding-top:119px;padding-bottom:40px}.hero h1{font-size:48px}.hero-description{font-size:14px;max-width:520px}.hero-actions .button{font-size:12px;min-height:46px;padding:12px 19px}.hero-meta{font-size:10px;gap:14px}.hero-showcase{margin-top:33px;padding:34px 8px 8px;border-radius:23px}.hero-showcase figcaption{height:34px;left:16px;right:16px;font-size:9px}.product-frame{border-radius:16px}.game-screen{aspect-ratio:1.85;border-radius:15px}.image-zoom{font-size:10px}.benefit-grid>span{font-size:11px}.section{padding-block:65px}.section-heading h2{font-size:32px}.feature-layout{grid-template-columns:1fr;gap:28px}.feature-browser{padding:15px 23px 2px;border-radius:25px}.feature-detail h3{font-size:21px}.feature-detail p{font-size:13px}.feature-summary{font-size:11px}.about-grid h2{font-size:29px}.about-copy p{font-size:14px}.release-card{padding:30px;grid-template-columns:1fr;gap:28px}.release-copy h2{font-size:28px}.release-flow strong{font-size:12px}.release-flow small{font-size:11px}.faq-answer p{font-size:13px}summary{font-size:14px}.final-cta{padding-block:65px}.final-cta h2{font-size:31px}.final-cta p{font-size:13px}.story-word h2{font-size:43px}.story-word p{font-size:14px;max-width:500px}.chapter-index{font-size:10px;margin-bottom:12px}.story-product-frame{padding:7px;border-radius:23px}.story-product-frame .game-screen{aspect-ratio:1.85;border-radius:16px}html[data-motion=on] #product-story[data-story-ready]{height:235vh}html[data-motion=on] #product-story[data-story-ready] .story-sticky{height:100svh;top:0;min-height:620px}html[data-motion=on] #product-story[data-story-ready] .story-word{top:17%;width:calc(100% - 42px)}html[data-motion=on] #product-story[data-story-ready] .story-media{top:46%;width:calc(100% - 36px)}html[data-motion=on] #product-story[data-story-ready] .story-controls{bottom:28px;gap:2px;padding:5px}.story-controls button{font-size:10px;padding:10px 12px;gap:6px}.story-controls button[aria-pressed=true] .chapter-dot{width:12px}.article-hero{padding-top:110px}}
@media(max-width:440px){.hero-inner{padding-top:111px}.product-kicker{font-size:10px;padding:4px 12px}.hero h1{font-size:43px;margin:21px 0 18px}.hero h1 span{display:block}.hero-description{font-size:13px;max-width:310px;line-height:1.85}.hero-actions{gap:10px;margin-top:25px}.hero-actions .button{font-size:11px;padding:12px 16px;min-height:46px}.hero-actions .icon{width:15px;height:15px}.hero-meta{font-size:9px;gap:11px;margin-top:20px}.hero-showcase{margin-top:29px;padding:31px 7px 7px;border-radius:21px}.hero-showcase figcaption{height:31px;left:13px;right:13px;font-size:8px}.product-frame{border-radius:14px}.game-screen{aspect-ratio:1.55;border-radius:13px}.game-screen>img{transform:scale(1.32)}.benefit-grid{gap:18px 10px}.benefit-grid>span{font-size:10px}.section{padding-block:54px}.section-heading h2{font-size:29px}.feature-browser{padding:12px 17px 0;border-radius:23px}.feature-tabs{border-radius:16px;padding:4px}.feature-tabs button{font-size:10px;gap:4px;padding-block:13px}.tab-indicator{border-radius:12px}.feature-detail{padding-block:24px}.feature-detail h3{font-size:20px}.feature-detail p{font-size:13px;line-height:1.85}.feature-summary{font-size:10px}.feature-icon{width:34px;height:34px}.about-copy p{font-size:13px}.keyword-chips span{font-size:10px}.step p{font-size:12px}.release-card{padding:25px 22px;border-radius:23px}.release-details{gap:14px;font-size:10px}.release-copy>p{font-size:13px}.release-flow{gap:12px}.release-flow strong{font-size:11px}.release-flow small{font-size:10px}.faq-list details{padding-inline:13px}summary{font-size:13px}.faq-answer p{font-size:13px}.final-cta h2{font-size:28px}.story-word h2{font-size:36px}.story-word p{font-size:13px;line-height:1.8;max-width:310px}.story-product-frame .game-screen{aspect-ratio:1.35}.story-controls button{font-size:9px;padding:10px;gap:5px}.story-controls button[aria-pressed=true] .chapter-dot{width:10px}.story-controls .chapter-dot{width:4px;height:4px}.site-footer nav{font-size:11px}.motion-toggle{font-size:10px}.article-body>p{font-size:14px}}
html[data-motion=on] #product-story[data-story-ready] .story-sticky{min-height:0}
@media(max-height:650px) and (min-width:601px){.story-word h2{font-size:38px}.story-word p{font-size:13px}.chapter-index{margin-bottom:8px}html[data-motion=on] #product-story[data-story-ready] .story-word{top:19%}html[data-motion=on] #product-story[data-story-ready] .story-media{top:48%;width:min(800px,80vw)}.story-product-frame .game-screen{aspect-ratio:3.1}html[data-motion=on] #product-story[data-story-ready] .story-controls{bottom:18px}}
@media(prefers-reduced-transparency:reduce){.header-inner,.feature-browser,.release-card,.mobile-menu,.glass-button{background:#f2f6fa!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.story-controls{background:#304557!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header-inner,.feature-browser,.release-card,.mobile-menu,.glass-button{background:#f1f6fa}.story-controls{background:#304557}}
@media(prefers-contrast:more){.hero h1,.hero h1 span{color:#182c40}.hero-description,.hero-meta,.feature-detail p,.step p,.about-copy p{color:#3a4f63}.story-word h2{color:#fff}.story-word p{color:#e2edf7}.header-inner,.glass-button,.feature-browser{border-color:#758ba1}.story-controls button{color:white}}