:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-width:320px;margin:0;background:#fff;color:#111827}h1,h2,h3,h4,p,figure,ol,ul{margin:0}ol,ul{padding:0;list-style:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}a{color:inherit;text-decoration:none}img,svg,video,canvas{display:block;max-width:100%}img,video{height:auto}[hidden]{display:none!important}.min-h-screen{min-height:100vh}.fixed{position:fixed}.top-0{top:0}.right-0{right:0}.left-0{left:0}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-right:auto;margin-left:auto}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid-cols-1{grid-template-columns:minmax(0,1fr)}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.h-10{width:auto;height:2.5rem}.p-8{padding:2rem}.px-6{padding-right:1.5rem;padding-left:1.5rem}.px-10{padding-right:2.5rem;padding-left:2.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-32{padding-top:8rem}.pb-20{padding-bottom:5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-auto{margin-bottom:auto}.border{border:1px solid}.border-2{border:2px solid}.border-b{border-bottom:1px solid}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.shadow-sm{box-shadow:0 1px 3px #0f172a1a}.shadow-lg{box-shadow:0 10px 24px #0f172a1f}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-900{background-color:#111827}.bg-indigo-600{background-color:#00387b;transition:background-color .15s ease,transform .12s ease}.bg-indigo-600:active{transform:scale(.96)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,#eef4fb,#fff 56%,#fff)}.text-center{text-align:center}.text-white{color:#fff}.text-indigo-600{color:#00387b}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.brightness-0.invert{filter:brightness(0) invert(1)}.transition-all{transition:all .15s ease}.transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}@media(hover:hover){.hover\:bg-indigo-700:hover{background-color:#002b61}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:text-indigo-600:hover{color:#00387b}}@media(min-width:640px){.container{max-width:640px}.sm\:flex-row{flex-direction:row}}@media(min-width:768px){.container{max-width:768px}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-5xl{font-size:3rem}.md\:text-7xl{font-size:4.5rem}}@media(min-width:1024px){.container{max-width:1024px}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}body{margin:0}.scroll-section{scroll-margin-top:5rem;content-visibility:auto;contain-intrinsic-size:auto 48rem}#demo{contain-intrinsic-size:auto 54rem}#sync-arcade{contain-intrinsic-size:auto 64rem}.header-actions{display:flex;align-items:center;gap:.65rem}.header-tool{display:grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid #cbd5e1;border-radius:.7rem;background:#fff;color:#334155;font-weight:800;cursor:pointer;transition:.18s ease}.header-tool:hover{border-color:#00387b;color:#00387b}.theme-tool{font-size:1.15rem}.theme-icon{display:grid;place-items:center}.theme-icon svg{width:1.15rem;height:1.15rem;stroke-width:2}.theme-icon-sun,html[data-theme=dark] .theme-icon-moon{display:none}html[data-theme=dark] .theme-icon-sun{display:grid}.feature-card,.security-card{border:1px solid #e5e7eb;border-radius:1rem;background:#fff;padding:2rem;box-shadow:0 4px 12px #0f172a0f}.feature-card h3,.security-card h3,.download-card h3{margin:.75rem 0;color:#111827;font-size:1.4rem;font-weight:700}.feature-card p,.security-card p,.download-card p{margin:0;color:#4b5563;line-height:1.75}.feature-icon,.platform-icon{display:grid;width:3.25rem;height:3.25rem;place-items:center;border:1px solid #b3cfee;border-radius:.75rem;background:#eef4fb;color:#00387b}.feature-icon svg,.platform-icon svg{width:1.65rem;height:1.65rem;stroke-width:1.8}.platform-icon{width:3.75rem;height:3.75rem}.platform-icon svg{width:1.9rem;height:1.9rem}.download-card{display:flex;min-height:20rem;flex-direction:column;align-items:center;border:2px solid #e5e7eb;border-radius:1rem;background:#fff;padding:2rem;text-align:center;box-shadow:0 8px 20px #0f172a14}.download-card .version{margin:1rem 0;color:#00387b;font-weight:600}.download-card>a,.store-note{display:block;width:100%;margin-top:auto;border-radius:.75rem;padding:.85rem 1rem;background:#00387b;color:#fff;font-weight:600;text-decoration:none}.store-note{background:#64748b}.free-note{margin:3rem auto 0;border-radius:1rem;background:#00387b;padding:1.25rem;color:#fff;text-align:center;font-size:1.1rem;font-weight:600}.demo-eyebrow,.demo-kicker{color:#00387b;font-weight:700;letter-spacing:0}.demo-eyebrow{margin:0 0 .75rem;text-transform:uppercase}.demo-layout{display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.55fr);gap:3rem;align-items:center}.demo-layout>*{min-width:0}.demo-heading{margin:0 0 2.5rem;text-align:left}.demo-heading h2{font-size:clamp(1.9rem,3vw,2.6rem)}.demo-heading p{font-size:1.05rem}.demo-kicker{margin:0 0 1.5rem;font-size:.75rem}.demo-steps{margin:0;padding:0;list-style:none}.demo-steps li+li{margin-top:.6rem}.demo-steps button{display:grid;width:100%;grid-template-columns:2.5rem 1fr;gap:.2rem .8rem;border:0;border-left:3px solid #e5e7eb;border-radius:0 .75rem .75rem 0;background:transparent;padding:1rem;color:#64748b;text-align:left;cursor:pointer;transition:.22s ease}.demo-steps button>span{grid-row:1 / 3;color:#94a3b8;font-weight:800}.demo-steps button strong{color:#334155;font-size:1rem}.demo-steps button small{line-height:1.5}.demo-steps li.is-active button{border-left-color:#00387b;background:#eef4fb;color:#475569;transform:translate(.35rem)}.demo-steps li.is-active button>span,.demo-steps li.is-active button strong{color:#00387b}.demo-frame{position:relative;width:100%;min-width:0;overflow:hidden;border:1px solid #cbd5e1;border-radius:1.25rem;background:#f8fafc;box-shadow:0 24px 60px #0f172a2e}.demo-titlebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #e2e8f0;padding:.8rem 1rem;background:#fff;color:#475569;font-size:.8rem;font-weight:700}.demo-titlebar em{justify-self:end;color:#94a3b8;font-style:normal;font-weight:500}.window-dots{display:flex;gap:.4rem}.window-dots i{width:.65rem;height:.65rem;border-radius:999px;background:#f87171}.window-dots i:nth-child(2){background:#fbbf24}.window-dots i:nth-child(3){background:#34d399}.demo-screen{position:relative;aspect-ratio:14 / 9;min-height:0;overflow:hidden;background:linear-gradient(145deg,#eef4fb,#f8fafc 46%,#eef4fb)}.demo-slide{position:absolute;top:0;right:0;bottom:0;left:0;padding:2rem;opacity:0;transform:translate(1.5rem) scale(.985);transition:opacity .42s ease,transform .42s ease}.demo-slide[hidden]{display:none}.demo-slide.is-active{opacity:1;transform:translate(0) scale(1)}.demo-media-slide{display:grid;place-items:center;padding:0}.product-recording{position:relative;width:100%;height:100%;margin:0;overflow:hidden;border:1px solid #cbd5e1;border-radius:.9rem;background:#0f172a;box-shadow:0 18px 40px #0f172a29}.product-recording video{display:block;width:100%;min-width:0;max-width:100%;height:100%;border-radius:inherit;background:#0f172a;cursor:pointer;object-fit:cover}.product-recording video:not([data-loaded=true]){background:linear-gradient(145deg,#0f172a,#001630 48%,#111827)}.product-recording figcaption{position:absolute;right:.75rem;bottom:.75rem;border:1px solid rgb(255 255 255 / .4);border-radius:.45rem;background:#0f172ad1;padding:.4rem .6rem;color:#fff;font-size:.68rem;font-weight:600;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sync-view{--status-idle: #94a3b8;--status-active: #059669;position:relative;display:flex;min-height:100%;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1rem 1.1rem;background:radial-gradient(circle at 50% 0%,rgb(0 56 123 / .08),transparent 62%)}.sync-view:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgb(0 56 123 / .14) 1px,transparent 1.6px);background-size:1.4rem 1.4rem;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 30%,transparent 78%);mask-image:radial-gradient(circle at 50% 30%,#000 30%,transparent 78%);pointer-events:none}.diagram-label{position:relative;z-index:3;margin:0;border:1px solid #b3cfee;border-radius:.45rem;background:#eef4fb;padding:.35rem .65rem;color:#002b61;font-size:.72rem;font-weight:700}.sync-stage{position:relative;z-index:2;width:100%;flex:1;min-height:0}.sync-server{position:absolute;top:2%;left:50%;z-index:2;display:flex;width:15rem;max-width:72%;flex-direction:column;align-items:center;border:1px solid #b3cfee;border-radius:4rem;background:linear-gradient(180deg,#fff,#f8fafc);padding:.7rem 1.6rem .85rem;box-shadow:0 16px 40px #00387b2e,inset 0 0 0 3px #eef4fb;transform:translate(-50%);transform-origin:50% 50%;animation:sync-server-life 6.5s linear infinite}.sync-server:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid rgb(0 56 123 / .55);opacity:0;pointer-events:none;animation:sync-server-ripple 6.5s linear infinite}.sync-server__icon{display:grid;width:1.9rem;height:1.9rem;margin-bottom:.15rem;place-items:center;border-radius:999px;background:#d9e7f7;color:#00387b}.sync-server__icon svg{width:1.1rem;height:1.1rem;stroke-width:2}.sync-server strong{color:#002b61;font-size:.8rem}.sync-server small{margin-top:.15rem;color:#64748b;font-size:.62rem;text-align:center}.sync-packet{position:absolute;z-index:3;width:.7rem;height:.7rem;margin-left:-.35rem;margin-top:-.35rem;border-radius:999px;background:#00387b;box-shadow:0 0 0 3px #00387b33,0 0 .9rem #00387b8c,0 .8rem 1rem -.35rem #00387b59;opacity:0;pointer-events:none}.sync-packet--up{top:75%;left:12.5%;animation:sync-packet-up 6.5s linear infinite}.sync-packet--down{--packet-land-x: 37.5%;top:22%;left:50%;animation:sync-packet-down 6.5s linear infinite}.sync-packet--down-2{--packet-land-x: 62.5%;animation-delay:.26s}.sync-packet--down-3{--packet-land-x: 87.5%;animation-delay:.52s}.sync-devices{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.sync-device{position:relative;display:flex;flex-direction:column;align-items:center;border:1px solid #d9e7f7;border-radius:.8rem;background:#fff;padding:.6rem .25rem .7rem;box-shadow:0 8px 20px #0f172a12;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.sync-device:hover{transform:translateY(-3px);border-color:#7fafe0;box-shadow:0 12px 24px #00387b1f}.sync-device__icon{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:.65rem;background:#eef4fb;color:#00387b}.sync-device__icon svg{width:1.35rem;height:1.35rem;stroke-width:1.8}.sync-device b{margin-top:.35rem;color:#334155;font-size:.72rem}.sync-device small{margin-top:.2rem;font-size:.62rem}.sync-device__role{color:#002b61;font-weight:700}.sync-device__status{color:var(--status-active)}.sync-device__status:before{content:"";display:inline-block;width:.4rem;height:.4rem;margin-right:.2rem;border-radius:999px;background:currentColor;vertical-align:.02rem;animation:sync-status-blink 2s ease-in-out infinite}.sync-device:nth-child(2) .sync-device__status{animation:sync-status-activate 6.5s linear infinite}.sync-device:nth-child(3) .sync-device__status{animation:sync-status-activate 6.5s .26s linear infinite}.sync-device:nth-child(4) .sync-device__status{animation:sync-status-activate 6.5s .52s linear infinite}.sync-device__unlock{position:absolute;top:.28rem;left:calc(50% + .62rem);display:grid;width:1.05rem;height:1.05rem;place-items:center;border:2px solid #fff;border-radius:999px;background:#00387b;color:#fff;box-shadow:0 3px 8px #00387b66;animation:sync-unlock-swing 6.5s linear infinite}.sync-device__unlock svg{width:.62rem;height:.62rem;stroke-width:2.6}.sync-device:nth-child(3) .sync-device__unlock{animation-delay:.26s}.sync-device:nth-child(4) .sync-device__unlock{animation-delay:.52s}.sync-device:after{content:"";position:absolute;top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border:2px solid rgb(0 56 123 / .55);border-radius:1rem;opacity:0;pointer-events:none;animation:sync-device-ring 6.5s linear infinite}.sync-device:nth-child(2):after{animation-delay:0s}.sync-device:nth-child(3):after{animation-delay:.26s}.sync-device:nth-child(4):after{animation-delay:.52s}.sync-device:nth-child(2) .sync-device__icon{animation:sync-icon-receive 6.5s linear infinite}.sync-device:nth-child(3) .sync-device__icon{animation:sync-icon-receive 6.5s .26s linear infinite}.sync-device:nth-child(4) .sync-device__icon{animation:sync-icon-receive 6.5s .52s linear infinite}.sync-device--source{border-color:#7fafe0}.sync-device--source:after{border-color:#00387ba6;animation-name:sync-source-ring;animation-delay:0s}.sync-card{position:absolute;bottom:calc(100% + .55rem);left:50%;display:flex;height:2.35rem;align-items:center;gap:.45rem;border:1px solid #b3cfee;border-radius:.75rem;background:linear-gradient(180deg,#fff,#f0f7ff);padding:0 .7rem 0 .75rem;box-shadow:0 10px 24px #00387b29,inset 0 0 0 2px #eef4fb;transform:translate(-50%);animation:sync-card-life 6.5s linear infinite}.sync-card__glyph{color:#00387b}.sync-card__glyph svg{width:1.05rem;height:1.05rem;stroke-width:2}.sync-card__dots{color:#64748b;font-size:.72rem;font-style:normal;letter-spacing:.12em;white-space:nowrap;opacity:1;transform-origin:left center;animation:sync-card-dots 6.5s linear infinite}.sync-card__lock{position:absolute;top:-.55rem;right:-.55rem;display:grid;width:1.45rem;height:1.45rem;place-items:center;border:2px solid #fff;border-radius:999px;background:#00387b;color:#fff;box-shadow:0 4px 10px #00387b66;transform:rotate(0) scale(1);animation:sync-card-lock 6.5s linear infinite}.sync-card__lock svg{width:.8rem;height:.8rem;stroke-width:2.4}.demo-controls{display:grid;grid-template-columns:2rem 1fr 2rem;align-items:center;gap:.75rem;border-top:1px solid #e2e8f0;background:#fff;padding:.75rem 1rem}.demo-controls button{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475569;cursor:pointer;transition:transform .14s ease,border-color .14s ease,color .14s ease}.demo-controls button:hover{border-color:#00387b;color:#00387b}.demo-controls button:active{transform:scale(.88)}.demo-control-center{display:flex;min-width:0;align-items:center;justify-content:center;gap:.85rem}.demo-playback{flex:0 0 auto}.demo-playback svg{width:.9rem;height:.9rem}.demo-playback .demo-pause-icon,.demo-playback[data-playing=true] .demo-play-icon{display:none}.demo-playback[data-playing=true] .demo-pause-icon{display:block}.demo-dots{display:flex;gap:.45rem}.demo-dots button{width:.55rem;height:.55rem;border:0;border-radius:999px;background:#cbd5e1;cursor:pointer;transition:width .2s ease,background .2s ease,transform .14s ease}.demo-dots button.is-active{width:1.7rem;background:#00387b}.demo-progress{height:.2rem;background:#d9e7f7}.demo-progress i{display:block;width:0;height:100%;background:#00387b;transition:width 80ms linear}@keyframes sync-card-life{0%{opacity:0;transform:translate(-50%,.55rem) scale(.72);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}5.5%{opacity:1;transform:translate(-50%) scale(1);animation-timing-function:ease-in-out}11%{transform:translate(-50%) scale(1.06,.92);animation-timing-function:ease-in}16%{transform:translate(-50%) scale(1.1,1.03);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}19%{transform:translate(-50%) scale(1);animation-timing-function:ease-in}24%{transform:translate(-50%,.2rem) scale(.94,1.05);animation-timing-function:ease-out}27.5%{opacity:1;transform:translate(-50%,-.1rem) scale(1)}33%{opacity:0;transform:translate(-50%,-.4rem) scale(.85)}to{opacity:0;transform:translate(-50%,.55rem) scale(.72)}}@keyframes sync-card-lock{0%{opacity:0;transform:rotate(-26deg) scale(.7);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}5.5%{opacity:1;transform:rotate(-26deg) scale(1);animation-timing-function:ease-in}13%{transform:rotate(-32deg) scale(1.04);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}16.5%{transform:rotate(7deg) scale(1.18);animation-timing-function:ease-out}19%{transform:rotate(0) scale(1)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes sync-card-dots{0%,18%{opacity:0;transform:scaleX(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}21.5%{opacity:1;transform:scaleX(1)}to{opacity:1;transform:scaleX(1)}}@keyframes sync-packet-up{0%,25.5%{opacity:0;top:75%;left:12.5%;transform:scale(.6);animation-timing-function:ease-in}28%{opacity:1;top:69%;transform:scale(1);animation-timing-function:ease-in}34%{top:40%;transform:scale(.82,1.25);animation-timing-function:ease-out}38.5%{top:16%;left:50%;opacity:1;transform:scale(.9,1.05);animation-timing-function:ease-in}40.5%{opacity:0;transform:scale(.5)}to{opacity:0;top:75%;left:12.5%;transform:scale(.6)}}@keyframes sync-packet-down{0%,41.5%{opacity:0;top:22%;left:50%;transform:scale(.6);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}44%{opacity:1;top:28%;transform:scale(1.1,.85);animation-timing-function:ease-in}48%{top:52%;transform:scale(.9,1.25);animation-timing-function:ease-out}51%{top:78%;left:var(--packet-land-x);opacity:1;transform:scale(.85);animation-timing-function:ease-in}52.5%{opacity:0;transform:scale(.5)}to{opacity:0;top:22%;left:50%;transform:scale(.6)}}@keyframes sync-server-life{0%,to{transform:translate(-50%) scale(1)}18%,34%{transform:translate(-50%) scale(1.015)}39%{transform:translate(-50%) scale(.96,.985)}42.5%{transform:translate(-50%) scale(1.045,1.02)}46%{transform:translate(-50%) scale(1)}60%,85%{transform:translate(-50%) scale(1.012)}}@keyframes sync-server-ripple{0%,38%{opacity:0;transform:scale(.9)}40%{opacity:.7}46%{opacity:0;transform:scale(1.16)}to{opacity:0;transform:scale(.9)}}@keyframes sync-device-ring{0%,50.5%{opacity:0;transform:scale(.82)}52%{opacity:.85;transform:scale(1.02)}57%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(.82)}}@keyframes sync-icon-receive{0%,51%{transform:rotate(0) scale(1)}52.5%{transform:rotate(-7deg) scale(1.12)}55%{transform:rotate(6deg) scale(1.06)}57.5%{transform:rotate(0) scale(1)}to{transform:rotate(0) scale(1)}}@keyframes sync-source-ring{0%,5%{opacity:0;transform:scale(.94)}9%{opacity:.8;transform:scale(1.02)}26%{opacity:.55;transform:scale(1.05)}32%{opacity:0;transform:scale(1.12)}to{opacity:0;transform:scale(.94)}}@keyframes sync-status-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes sync-status-activate{0%,51.5%{color:var(--status-idle)}54%{color:var(--status-active)}to{color:var(--status-active)}}@keyframes sync-unlock-swing{0%,51%{opacity:1;transform:rotate(0) scale(1)}52.5%{opacity:1;transform:rotate(-24deg) scale(1.16)}55%{transform:rotate(9deg) scale(1.06)}57.5%{opacity:1;transform:rotate(0) scale(1)}59%{opacity:0;transform:rotate(0) scale(.7) translateY(.2rem)}to{opacity:0;transform:rotate(0) scale(.7) translateY(.2rem)}}@media(max-width:767px){.sync-server{width:10.5rem;padding:.45rem .9rem .55rem}.sync-server__icon{width:1.5rem;height:1.5rem}.sync-server__icon svg{width:.95rem;height:.95rem}.sync-server strong{font-size:.68rem}.sync-server small{font-size:.56rem}.sync-devices{gap:.35rem}.sync-device{padding:.45rem .2rem .5rem}.sync-device__icon{width:1.7rem;height:1.7rem;border-radius:.5rem}.sync-device__icon svg{width:1rem;height:1rem}.sync-device b{font-size:.6rem}.sync-device small{font-size:.55rem}.sync-card{zoom:.8}.sync-device__unlock{top:.16rem;left:calc(50% + .48rem);width:.85rem;height:.85rem}.sync-device__unlock svg{width:.5rem;height:.5rem}}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.faq-grid details{border:1px solid #e5e7eb;border-radius:1rem;background:#fff;padding:1.75rem 2rem;box-shadow:0 4px 12px #0f172a14}.faq-grid summary{cursor:pointer;color:#111827;font-size:1.25rem;font-weight:700}.faq-grid details p{margin:1rem 0 0;color:#4b5563;line-height:1.8}.footer-inner{padding:4rem 1.5rem 2rem}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem}.footer-grid h3{margin:0 0 1.25rem;color:#111827;font-size:1.05rem;font-weight:600}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li+li{margin-top:.75rem}.footer-grid a{color:#4b5563;text-decoration:none;overflow-wrap:anywhere}.footer-grid a:hover,.footer-bottom a:hover{color:#00387b}.footer-brand{min-width:0;padding-right:clamp(0rem,2vw,2rem)}.footer-brand p{max-width:15rem;margin-top:1.25rem;color:#4b5563;line-height:1.9;overflow-wrap:anywhere}.footer-grid address{color:#4b5563;font-style:normal;line-height:1.75}.footer-grid address p{margin:0 0 .75rem}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;border-top:1px solid #e5e7eb;padding-top:2rem;color:#4b5563;font-size:.875rem}.footer-bottom p{margin:0}.footer-bottom a{color:#4b5563;text-decoration:none}.footer-beian{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem 1.25rem}.footer-beian a{display:inline-flex;align-items:center;gap:.3rem}.footer-beian img{height:1rem;width:auto;display:block}html[data-theme=dark] .footer-beian img{filter:none}.sync-arcade-section{position:relative;overflow:hidden;background:#07091f;color:#eef6ff;isolation:isolate}.sync-arcade-section:before,.sync-arcade-section:after{position:absolute;z-index:-1;width:32rem;height:32rem;border-radius:999px;content:"";filter:blur(10px);opacity:.45}.sync-arcade-section:before{top:-14rem;left:-12rem;background:#002b61}.sync-arcade-section:after{right:-10rem;bottom:-15rem;background:#1f62ab}.sync-arcade-section .text-gray-900{color:#f8fafc!important}.sync-arcade-section .text-gray-600{color:#bfd1ec!important}.sync-arcade__eyebrow{margin:0 0 .8rem;color:#7fafe0;font:800 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.sync-game{overflow:hidden;border:3px solid #65dfff;border-radius:1.2rem;background:linear-gradient(150deg,#13173d,#0b102d 55%,#171139);box-shadow:0 0 0 4px #322c68,0 24px 70px #0206178c,inset 0 0 48px #00387b40;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.sync-game__topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:2px solid rgb(103 232 249 / .35);background:#0f173ed6;padding:.9rem 1.1rem;color:#d9e7f7;font-size:.77rem;font-weight:800;letter-spacing:.07em}.sync-game__signal{display:inline-block;width:.7rem;height:.7rem;margin-right:.55rem;border-radius:1px;background:#5eead4;box-shadow:0 0 12px #5eead4;animation:arcade-blink 1.3s steps(2,end) infinite}.sync-game__exit,.sync-story__replay{border:2px solid #f0abfc;border-radius:.55rem;background:#2b1450;padding:.48rem .75rem;color:#f5d0fe;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease}.sync-game__exit:hover,.sync-story__replay:hover{background:#4c1d95;transform:translateY(-2px)}.sync-game__screen{min-height:30rem;padding:clamp(1.4rem,4vw,3rem)}.sync-game__screen[hidden]{display:none}.sync-game__intro{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:0 auto 2rem;color:#d9e7f7;text-align:center;font-size:.9rem;line-height:1.7}.sync-game__intro p{margin:0}.sync-game__spark{color:#fde047;font-size:1.4rem;text-shadow:0 0 12px #facc15;animation:sparkle 1.3s steps(2,end) infinite}.pixel-devices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;max-width:58rem;margin:auto}.pixel-device{position:relative;min-height:13.6rem;overflow:hidden;border:3px solid #6ee7f9;border-radius:1rem;background:linear-gradient(180deg,#22255d,#111438);padding:1rem .65rem;color:#f8fafc;text-align:center;cursor:pointer;box-shadow:inset 0 0 0 3px #161842,0 9px #06071b;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.pixel-device:hover,.pixel-device:focus-visible{border-color:#f9a8d4;outline:0;transform:translateY(-7px);box-shadow:inset 0 0 0 3px #3d2477,0 15px #06071b,0 0 25px #ec489999}.pixel-device:active{transform:translateY(4px);box-shadow:inset 0 0 0 3px #3d2477,0 4px #06071b}.pixel-device__glow{position:absolute;inset:auto 15% 12%;height:1rem;border-radius:999px;background:#22d3ee;filter:blur(10px);opacity:.7}.pixel-device__screen{position:relative;display:grid;width:6.5rem;height:5rem;place-items:center;margin:.7rem auto 1rem;border:.45rem solid #91f5ff;border-radius:.55rem;background:repeating-linear-gradient(0deg,rgb(0 43 97 / .22),rgb(0 43 97 / .22) 2px,transparent 2px,transparent 5px),#041b3d;color:#fdf4ff;box-shadow:0 0 16px #3e78c4,inset 0 0 17px #001630}.pixel-device__screen img{width:72%;max-height:68%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 7px #f0abfc);image-rendering:pixelated;animation:device-spark 1.4s steps(2,end) infinite}.pixel-device strong,.pixel-device small{position:relative;display:block}.pixel-device strong{font-size:.8rem}.pixel-device small{margin-top:.45rem;color:#7fafe0;font-size:.67rem}.pixel-device--laptop .pixel-device__screen{border-bottom-width:.8rem;border-radius:.55rem .55rem .12rem .12rem}.pixel-device--phone .pixel-device__screen{width:3.7rem;height:6.2rem;border-radius:.8rem}.pixel-device--tablet .pixel-device__screen{width:5rem;height:6.2rem;border-radius:.8rem}.sync-game__tip{margin:2.15rem 0 0;color:#c4b5fd;text-align:center;font-size:.74rem;line-height:1.6}.sync-login{max-width:44rem;margin:auto;transition:max-width .24s ease,filter .24s ease}.sync-login__header{text-align:center}.sync-login__badge,.sync-story__tag{display:inline-block;border:1px solid #f0abfc;border-radius:999px;background:#3b145f;padding:.3rem .55rem;color:#f5d0fe;font-size:.62rem;font-weight:800;letter-spacing:.1em}.sync-login__platform{display:inline-block;margin-left:.4rem;border:1px solid #7fafe0;border-radius:999px;background:#083344;padding:.3rem .55rem;color:#a5f3fc;font-size:.62rem;font-weight:800;letter-spacing:.1em}.sync-login h3{margin:.8rem 0 .5rem;color:#f8fafc;font-size:clamp(1.25rem,3vw,1.8rem)}.sync-login h3 span{color:#7fafe0}.sync-login__header p{margin:0 0 1.6rem;color:#cbd5e1;font-size:.8rem}.sync-login[data-device=desktop]{max-width:47rem}.sync-login[data-device=desktop] .sync-login__header{border-bottom:2px solid #22d3ee;background:linear-gradient(90deg,transparent,rgb(6 182 212 / .18),transparent)}.sync-login[data-device=laptop]{max-width:40rem}.sync-login[data-device=laptop] .sync-login__badge{border-color:#7fafe0;background:#041b3d;color:#ddd6fe}.sync-login[data-device=laptop] .sync-login__platform{border-color:#86efac;background:#14532d;color:#dcfce7}.sync-login[data-device=phone]{max-width:24rem;border:3px solid #f0abfc;border-radius:1.4rem;background:#1e0c3580;padding:1.2rem;box-shadow:0 0 0 5px #21113d,0 0 36px #ec489957}.sync-login[data-device=phone] .sync-choice__options{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-login[data-device=phone] .sync-login__platform{border-color:#f9a8d4;background:#831843;color:#fce7f3}.sync-login[data-device=tablet]{max-width:38rem;border:2px solid #c4b5fd;border-radius:1rem;background:linear-gradient(135deg,#00163099,#0c4a6e73);padding:1.3rem}.sync-login[data-device=tablet] .sync-login__badge{border-color:#fde68a;background:#713f12;color:#fef3c7}.sync-login[data-device=tablet] .sync-login__platform{border-color:#c4b5fd;background:#4c1d95;color:#ede9fe}.sync-choice{margin:1.2rem 0;border:2px solid #52529c;border-radius:.85rem;background:#080c28ad;padding:.75rem}.sync-choice legend{padding:0 .5rem;color:#a5f3fc;font-size:.73rem;font-weight:800}.sync-choice__options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.sync-choice__option{border:2px solid #42467e;border-radius:.65rem;background:#171a45;padding:.55rem .3rem;color:#d9e7f7;font:inherit;cursor:pointer;transition:background .15s ease,transform .15s ease,border-color .15s ease}.sync-choice__option:hover,.sync-choice__option:focus-visible{border-color:#7fafe0;outline:0;transform:translateY(-2px)}.sync-choice__option.is-selected{border-color:#f9a8d4;background:#54215f;box-shadow:0 0 15px #ec489973}.sync-choice__option span,.sync-choice__option b{display:block}.sync-choice__option span{font-size:2rem;filter:drop-shadow(2px 3px 0 #15133f)}.sync-choice__option b{margin-top:.28rem;font-size:.67rem}.sync-login__hint{min-height:1.5rem;margin:.8rem 0;color:#fde68a;text-align:center;font-size:.74rem}.sync-login__hint.is-error{color:#fda4af}.sync-login__submit{display:block;width:min(17rem,100%);margin:1.2rem auto 0;border:0;border-radius:.7rem;background:linear-gradient(90deg,#1f62ab,#1f62ab);padding:.95rem;color:#fff;font:inherit;font-size:.85rem;font-weight:900;letter-spacing:.08em;cursor:pointer;box-shadow:0 5px #00387b;transition:transform .14s ease,filter .14s ease}.sync-login__submit:not(:disabled):hover{filter:brightness(1.16);transform:translateY(-2px)}.sync-login__submit:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #00387b}.sync-login__submit:disabled{background:#475569;color:#cbd5e1;cursor:not-allowed;box-shadow:0 4px #334155}.sync-story{max-width:58rem;margin:auto}.sync-story__hud{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.sync-story__hud strong{display:block;margin-top:.45rem;color:#fff;font-size:1rem}.sync-story__replay{border-color:#7fafe0;background:#041b3d;color:#cffafe}html[data-theme=dark] body{background:#020617;color:#e2e8f0}html[data-theme=dark] header,html[data-theme=dark] .bg-white{background-color:#0f172a!important}html[data-theme=dark] .bg-gray-50{background-color:#020617!important}html[data-theme=dark] .bg-gradient-to-b,html[data-theme=dark] .demo-screen{background:linear-gradient(145deg,#0f172a,#020617 52%,#001630)!important}html[data-theme=dark] .text-gray-900{color:#f8fafc!important}html[data-theme=dark] .text-gray-700{color:#cbd5e1!important}html[data-theme=dark] .text-gray-600{color:#94a3b8!important}html[data-theme=dark] .border-gray-100,html[data-theme=dark] .border-gray-200,html[data-theme=dark] .border-gray-300{border-color:#334155!important}html[data-theme=dark] .header-tool{border-color:#475569;background:#111827;color:#e2e8f0}html[data-theme=dark] .header-tool:hover{border-color:#3e78c4;color:#3e78c4}html[data-theme=dark] header img{filter:brightness(0) invert(1)}html[data-theme=dark] .feature-card,html[data-theme=dark] .security-card,html[data-theme=dark] .download-card,html[data-theme=dark] .faq-grid details,html[data-theme=dark] .demo-frame,html[data-theme=dark] .demo-titlebar,html[data-theme=dark] .sync-server,html[data-theme=dark] .sync-device,html[data-theme=dark] .sync-card{border-color:#334155;background:#0f172a}html[data-theme=dark] .sync-server{box-shadow:0 16px 40px #02061780,inset 0 0 0 3px #1e293b}html[data-theme=dark] .sync-card{box-shadow:0 10px 24px #02061766,inset 0 0 0 2px #1e293b}html[data-theme=dark] .feature-card h3,html[data-theme=dark] .security-card h3,html[data-theme=dark] .download-card h3,html[data-theme=dark] .faq-grid summary{color:#f8fafc}html[data-theme=dark] .feature-card p,html[data-theme=dark] .security-card p,html[data-theme=dark] .download-card p,html[data-theme=dark] .faq-grid details p{color:#94a3b8}html[data-theme=dark] .demo-steps button{border-left-color:#334155;color:#94a3b8}html[data-theme=dark] .demo-steps button strong{color:#cbd5e1}html[data-theme=dark] .demo-steps li.is-active button{border-left-color:#3e78c4;background:#001630}html[data-theme=dark] .demo-steps li.is-active button>span,html[data-theme=dark] .demo-steps li.is-active button strong{color:#3e78c4}html[data-theme=dark] .demo-titlebar,html[data-theme=dark] .demo-controls{border-color:#334155;background:#0f172a;color:#cbd5e1}html[data-theme=dark] .demo-controls button{border-color:#475569;background:#111827;color:#e2e8f0}html[data-theme=dark] .feature-icon,html[data-theme=dark] .platform-icon,html[data-theme=dark] .sync-server__icon,html[data-theme=dark] .sync-device__icon,html[data-theme=dark] .diagram-label{border-color:#002b61;background:#001630;color:#7fafe0}html[data-theme=dark] .sync-server strong{color:#7fafe0}html[data-theme=dark] .sync-server small{color:#94a3b8}html[data-theme=dark] .sync-device b{color:#e2e8f0}html[data-theme=dark] .sync-device__role{color:#7fafe0}html[data-theme=dark] .sync-view{--status-idle: #64748b;--status-active: #34d399}html[data-theme=dark] .sync-device__unlock{border-color:#0f172a}html[data-theme=dark] .sync-card__glyph{color:#7fafe0}html[data-theme=dark] .sync-card__dots{color:#94a3b8}html[data-theme=dark] .sync-card__lock{border-color:#0f172a}html[data-theme=dark] footer{background:#0f172a!important}html[data-theme=dark] .bg-indigo-600{background-color:#00387b}html[data-theme=dark] .hover\:bg-indigo-700:hover{background-color:#1f62ab}html[data-theme=dark] footer img{filter:brightness(0) invert(1)}html[data-theme=dark] .footer-grid h3{color:#f8fafc}html[data-theme=dark] .footer-grid a,html[data-theme=dark] .footer-brand p,html[data-theme=dark] .footer-grid address,html[data-theme=dark] .footer-bottom,html[data-theme=dark] .footer-bottom a{color:#94a3b8}html[data-theme=dark] .footer-grid a:hover,html[data-theme=dark] .footer-bottom a:hover{color:#fff}html[data-theme=dark] .footer-bottom{border-top-color:#1f2937}@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-layout{grid-template-columns:1fr}.demo-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.demo-steps li+li{margin-top:0}.pixel-devices{grid-template-columns:repeat(2,minmax(0,1fr));max-width:31rem}}@media(max-width:767px){.faq-grid,.footer-grid{grid-template-columns:1fr}.demo-steps{display:flex;margin-inline:-1.5rem;padding:0 1.5rem .35rem;gap:.65rem;overflow-x:auto;scroll-padding-inline:1.5rem;scroll-snap-type:x proximity;scrollbar-width:none}.demo-steps::-webkit-scrollbar{display:none}.demo-steps li{flex:0 0 min(17rem,82vw);scroll-snap-align:start}.demo-steps li+li{margin-top:0}.demo-steps li.is-active button{transform:none}.demo-screen{width:100%;height:auto;aspect-ratio:14 / 9;min-height:0}.demo-slide:not(.demo-media-slide){padding:.7rem}.sync-view{padding-block:.5rem}.demo-controls{padding-inline:.7rem}.demo-control-center{gap:.55rem}.footer-bottom{flex-direction:column}.faq-grid details{padding:1.4rem}.header-actions{gap:.4rem}.header-tool{width:2.35rem;height:2.35rem;border-radius:.6rem;font-size:.75rem}.theme-tool{font-size:1rem}.header-download{padding:.65rem .85rem!important;font-size:.82rem}main h1{font-size:2.5rem!important;line-height:1.22!important}.sync-game__screen{min-height:0;padding:1.25rem .85rem}.sync-game__topbar{padding:.7rem;font-size:.65rem}.sync-game__exit{padding:.42rem .55rem;font-size:.62rem}.pixel-devices{gap:.75rem}.pixel-device{min-height:11.4rem}.pixel-device__screen{transform:scale(.86);margin-bottom:.55rem}.sync-choice__options{gap:.4rem}.sync-choice__option{padding:.45rem .2rem}.sync-choice__option span{font-size:1.6rem}.sync-choice__option b{font-size:.59rem}}.sync-arcade-section{background:radial-gradient(circle at 8% 16%,rgb(125 211 252 / .24),transparent 26rem),radial-gradient(circle at 91% 82%,rgb(196 181 253 / .26),transparent 28rem),linear-gradient(180deg,#f8fbff,#eef6ff 58%,#f8fafc);color:#172033;transition:background .28s ease,color .28s ease}.sync-arcade-section:before,.sync-arcade-section:after{opacity:.12;transition:opacity .28s ease}.sync-arcade-section .text-gray-900{color:#0f172a!important}.sync-arcade-section .text-gray-600{color:#52637a!important}.sync-arcade__eyebrow{color:#00387b}.sync-arcade__facts{display:flex;width:fit-content;flex-wrap:wrap;justify-content:center;gap:.55rem;margin:1.25rem auto 0}.sync-arcade__facts span{border:1px solid #dfe3fd;border-radius:999px;background:#ffffffb8;padding:.5rem .75rem;color:#52637a;font:700 .74rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 8px 22px #00387b14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sync-arcade__facts b{margin-right:.22rem;color:#00387b;font-size:.9rem}html[data-theme=dark] .sync-arcade-section{background:radial-gradient(circle at 8% 14%,rgb(76 29 149 / .42),transparent 29rem),radial-gradient(circle at 92% 84%,rgb(8 145 178 / .28),transparent 30rem),linear-gradient(180deg,#050719,#080b24 58%,#020617);color:#eef6ff}html[data-theme=dark] .sync-arcade-section:before,html[data-theme=dark] .sync-arcade-section:after{opacity:.42}html[data-theme=dark] .sync-arcade-section .text-gray-900{color:#f8fafc!important}html[data-theme=dark] .sync-arcade-section .text-gray-600{color:#b9cae5!important}html[data-theme=dark] .sync-arcade__eyebrow{color:#7fafe0}html[data-theme=dark] .sync-arcade__facts span{border-color:#323b68;background:#0d1234b8;color:#bdc9e7;box-shadow:0 8px 25px #0000002e}html[data-theme=dark] .sync-arcade__facts b{color:#7fafe0}.sync-game{position:relative;border-width:2px;border-color:#72e6ff;border-radius:1.45rem;background:linear-gradient(155deg,#141943,#0a0f2d,#161039);box-shadow:0 0 0 5px #29275d,0 28px 80px #0206176b,inset 0 0 70px #00387b2e}.sync-game:after{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0 4px,rgb(103 232 249 / .018) 4px 5px);content:"";pointer-events:none}.sync-game__topbar{position:relative;z-index:21;min-height:3.25rem;border-bottom-color:#67e8f940;background:linear-gradient(90deg,#0c1235fa,#18143ef5);padding:.8rem 1rem}.sync-game__status,.sync-game__topmeta{display:flex;align-items:center}.sync-game__topmeta{gap:.75rem}.sync-game__version{border:1px solid #3b477a;border-radius:.4rem;background:#0d1337;padding:.35rem .5rem;color:#8fa4d8;font-size:.61rem;letter-spacing:.08em}.sync-game__signal{width:.62rem;height:.62rem;border-radius:2px}.sync-game__screen{position:relative;min-height:33rem}.sync-game__devices{background:radial-gradient(circle at 50% 24%,rgb(31 98 171 / .15),transparent 42%)}.sync-game__intro{width:fit-content;max-width:100%;border:1px solid #00387B;border-radius:999px;background:#0910319e;padding:.55rem 1rem}.pixel-devices{gap:1.05rem}.pixel-device{min-height:14.5rem;border:2px solid #5869a6;border-radius:.85rem;background:linear-gradient(180deg,#20275e,#11163d 58%,#0b0e2b);padding:1rem .75rem 1.1rem;box-shadow:inset 0 0 0 3px #151943,0 7px #05071a,0 15px 28px #0000002e}.pixel-device:before{position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent,#7fafe0 25% 75%,transparent);content:"";opacity:.65}.pixel-device:hover,.pixel-device:focus-visible{border-color:#f0abfc;transform:translateY(-5px);box-shadow:inset 0 0 0 3px #32215f,0 12px #05071a,0 0 32px #ec48995c}.pixel-device__online{position:relative;display:flex;align-items:center;justify-content:center;gap:.35rem;color:#8fa4d8;font-size:.56rem;letter-spacing:.12em}.pixel-device__online i{width:.38rem;height:.38rem;background:#34d399;box-shadow:0 0 7px #34d399}.pixel-device__screen{overflow:hidden;margin-top:.85rem;border-width:.35rem;border-color:#83eaff;background:#0b2552;box-shadow:0 0 15px #38bdf89e,inset 0 0 25px #111c4f}.pixel-device__screen:before{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid rgb(165 243 252 / .18);content:""}.pixel-device__scanline{position:absolute;z-index:2;right:0;left:0;height:.3rem;background:#a5f3fc3d;box-shadow:0 0 8px #7fafe0;animation:device-scan 2.8s steps(8,end) infinite}.pixel-device__screen img{z-index:1;width:68%;animation:device-logo-pulse 2.4s steps(2,end) infinite}.pixel-logo{z-index:1;width:68%;height:68%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 6px #f0abfc);image-rendering:pixelated;animation:device-logo-pulse 2.4s steps(2,end) infinite}.pixel-device strong{margin-top:.2rem;color:#f8faff;font-size:.83rem;letter-spacing:.03em}.pixel-device small{color:#91a8d7}.pixel-device--desktop{--device-accent: #7fafe0}.pixel-device--laptop{--device-accent: #86efac}.pixel-device--phone{--device-accent: #f9a8d4}.pixel-device--tablet{--device-accent: #fde68a}.pixel-device:nth-child(n):before{background:linear-gradient(90deg,transparent,var(--device-accent) 25% 75%,transparent)}.pixel-device--laptop .pixel-device__screen{border-bottom-width:.7rem;box-shadow:0 0 15px #86efac66,inset 0 0 22px #123b55}.pixel-device--phone .pixel-device__screen{width:3.55rem;height:6.35rem;border-color:#f9a8d4;box-shadow:0 0 16px #f472b685,inset 0 0 22px #3b164a}.pixel-device--tablet .pixel-device__screen{width:5rem;height:6.3rem;border-color:#fde68a;box-shadow:0 0 16px #facc1566,inset 0 0 22px #3d2b39}.sync-game__tip{width:fit-content;margin-inline:auto;border-bottom:1px dashed #53528e;padding-bottom:.35rem}.sync-login{max-width:48rem;padding-top:2rem}.sync-login__hero{display:grid;grid-template-columns:minmax(0,1fr) 8.5rem;align-items:center;gap:1.4rem;margin-bottom:1.2rem;border:1px solid #3e4c84;border-radius:.9rem;background:linear-gradient(110deg,#0e1841eb,#221546b8);padding:1rem 1.2rem;box-shadow:inset 0 0 24px #22d3ee0f}.sync-login__header{text-align:left}.sync-login__header p{margin-bottom:0}.sync-login__device-preview{display:grid;justify-items:center;gap:.45rem}.sync-login__device-preview>span{position:relative;display:grid;width:5.5rem;height:4rem;place-items:center;border:.28rem solid #7fafe0;border-radius:.45rem;background:repeating-linear-gradient(0deg,#0d2a58 0,#0d2a58 3px,#102f65 3px,#102f65 5px);box-shadow:0 0 13px #22d3ee7a}.sync-login__device-preview>span i{position:absolute;top:.35rem;right:.35rem;width:.35rem;height:.35rem;background:#34d399;box-shadow:0 0 6px #34d399}.sync-login__device-preview img{width:60%;filter:brightness(0) invert(1) drop-shadow(0 0 5px #f0abfc);image-rendering:pixelated}.sync-login__device-preview .pixel-logo{width:60%;height:60%}.sync-login__device-preview small{color:#7dd3fc;font-size:.53rem;letter-spacing:.09em}.sync-login__device-preview[data-device=laptop]>span{border-bottom-width:.6rem;border-color:#86efac;border-radius:.45rem .45rem .1rem .1rem}.sync-login__device-preview[data-device=phone]>span{width:3.1rem;height:5.1rem;border-color:#f9a8d4;border-radius:.7rem}.sync-login__device-preview[data-device=tablet]>span{width:4.4rem;height:5.1rem;border-color:#fde68a;border-radius:.65rem}.sync-login[data-device=desktop] .sync-login__header{border:0;background:none}.sync-login[data-device=laptop]{max-width:45rem}.sync-login[data-device=laptop] .sync-login__hero{border-color:#3f785c;background:linear-gradient(110deg,#0c2d31e0,#1b2249bf)}.sync-login[data-device=phone]{max-width:28rem;border-width:2px;padding:1rem}.sync-login[data-device=phone] .sync-login__hero{grid-template-columns:1fr;background:linear-gradient(160deg,#4a144abf,#16143fe6);text-align:center}.sync-login[data-device=phone] .sync-login__header{text-align:center}.sync-login[data-device=tablet]{max-width:43rem;border-color:#a78bfa}.sync-login[data-device=tablet] .sync-login__hero{border-color:#7c6bb4;background:linear-gradient(125deg,#30225bd1,#093d53b8)}.sync-choice{border-width:1px;border-color:#46548c;background:#060b25b8;box-shadow:inset 0 0 22px #38bdf80a}.sync-choice legend{color:#b8f4ff;letter-spacing:.05em}.sync-choice__option{min-height:5rem;border-width:1px;border-color:#3e477a;background:linear-gradient(180deg,#1b2051,#12163e)}.sync-choice__option.is-selected{border-color:#f0abfc;background:linear-gradient(180deg,#612769,#392050);box-shadow:inset 0 0 0 2px #f9a8d421,0 0 16px #ec489952}.sync-choice__option span{width:2.4rem;height:2.4rem;margin:auto;font-size:0}.sync-choice__option b{margin-top:.4rem}.sync-login__submit{border:1px solid #a5f3fc;background:linear-gradient(90deg,#1f62ab,#00387b 52%,#002b61);box-shadow:0 5px #001630,0 0 20px #22d3ee2e}.pixel-emoji{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.sync-story{max-width:61rem}.sync-story__hud{margin-bottom:.9rem}.sync-story__hud>div{min-width:0}.sync-story__recipe{display:inline-block;margin-left:.4rem;border:1px solid #47568f;border-radius:.35rem;background:#11173e;padding:.28rem .48rem;color:#fde68a;font-size:.65rem;font-weight:800}.sync-story__hud strong{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.story-chests{align-items:stretch}.story-chest-card{--chest-main: #00387B;--chest-light: #7fafe0;--chest-dark: #001630;--chest-metal: #fde68a;min-height:16rem;border-color:color-mix(in srgb,var(--chest-light),white 12%);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--chest-main),white 18%),transparent 42%),linear-gradient(180deg,#0a2147,#001630)}.story-chest-card--cloud{--chest-main: #d9e7f7;--chest-light: #fff;--chest-dark: #64748b;--chest-metal: #a5f3fc}.story-chest-card--moon{--chest-main: #002b61;--chest-light: #e879f9;--chest-dark: #3b0764;--chest-metal: #f5d0fe}.story-chest-card--forest{--chest-main: #15803d;--chest-light: #86efac;--chest-dark: #14532d;--chest-metal: #fde047}.story-chest-card__rune{position:absolute;top:.8rem;right:.85rem;color:var(--chest-light);font-size:1.15rem;text-shadow:0 0 12px var(--chest-light);animation:chest-rune 2.2s steps(4,end) infinite}.story-chest{--chest-main: #00387B;--chest-light: #7fafe0;--chest-dark: #001630;--chest-metal: #fde68a;position:relative;display:block;width:8rem;height:7rem;margin:1.3rem auto 1.1rem;filter:drop-shadow(.45rem .55rem 0 rgb(3 6 28 / .55))}.story-chest--cloud{--chest-main: #d9e7f7;--chest-light: #fff;--chest-dark: #64748b;--chest-metal: #a5f3fc}.story-chest--moon{--chest-main: #002b61;--chest-light: #e879f9;--chest-dark: #3b0764;--chest-metal: #f5d0fe}.story-chest--forest{--chest-main: #15803d;--chest-light: #86efac;--chest-dark: #14532d;--chest-metal: #fde047}.story-chest__lid,.story-chest__body,.story-chest__lock{position:absolute;display:block}.story-chest__lid{top:.45rem;left:.7rem;width:6.6rem;height:2.65rem;border:.38rem solid #070b29;border-radius:1.7rem 1.7rem .25rem .25rem;background:linear-gradient(180deg,var(--chest-light) 0 25%,var(--chest-main) 25% 72%,var(--chest-dark) 72%);box-shadow:inset 0 -.35rem #0000002e;transform-origin:bottom;transition:transform .22s steps(3,end)}.story-chest__lid:after{position:absolute;right:.7rem;bottom:-.38rem;left:.7rem;height:.38rem;background:var(--chest-metal);content:""}.story-chest__body{right:.25rem;bottom:.25rem;left:.25rem;height:4rem;border:.38rem solid #070b29;border-radius:.2rem .2rem .65rem .65rem;background:repeating-linear-gradient(90deg,var(--chest-dark) 0 .65rem,var(--chest-main) .65rem 2rem);box-shadow:inset 0 .55rem 0 var(--chest-light),inset 0 -.45rem #00000038}.story-chest__body:before,.story-chest__body:after{position:absolute;top:-.15rem;bottom:-.15rem;width:.48rem;background:var(--chest-metal);content:""}.story-chest__body:before{left:.72rem}.story-chest__body:after{right:.72rem}.story-chest__lock{z-index:3;top:3rem;left:50%;width:1.55rem;height:1.75rem;border:.3rem solid #070b29;border-radius:.2rem;background:var(--chest-metal);transform:translate(-50%);box-shadow:inset .28rem 0 #ffffff52}.story-chest__lock:after{position:absolute;top:.48rem;left:50%;width:.32rem;height:.62rem;border-radius:999px 999px 0 0;background:#30224b;content:"";transform:translate(-50%)}.story-chest-card:hover .story-chest__lid,.story-chest-card:focus-visible .story-chest__lid{transform:translateY(-.55rem) rotate(-5deg)}.story-chest-card strong{font-size:.88rem}.story-chest-card small{color:color-mix(in srgb,var(--chest-light),#c4b5fd 38%)}.story-chest-preview{min-width:10rem}.sync-login__device-preview.story-chest-preview[data-device]>.story-chest{width:6.2rem;height:5.6rem;margin:0 auto .65rem;border:0;border-radius:0;background:none;box-shadow:none;transform:none}.story-chest-preview[data-device=desktop] .story-chest{--chest-main: #00387B;--chest-light: #7fafe0;--chest-dark: #001630;--chest-metal: #fde68a}.story-chest-preview[data-device=laptop] .story-chest{--chest-main: #d9e7f7;--chest-light: #fff;--chest-dark: #64748b;--chest-metal: #a5f3fc}.story-chest-preview[data-device=phone] .story-chest{--chest-main: #002b61;--chest-light: #e879f9;--chest-dark: #3b0764;--chest-metal: #f5d0fe}.story-chest-preview[data-device=tablet] .story-chest{--chest-main: #15803d;--chest-light: #86efac;--chest-dark: #14532d;--chest-metal: #fde047}.story-chest-preview .story-chest__lid{transform:scale(.78);transform-origin:top left}.story-chest-preview .story-chest__body{height:3.3rem}.story-chest-preview .story-chest__lock{top:2.55rem}.sync-story{max-width:68rem}.sync-story__hud{margin-bottom:1rem}.story-book{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);overflow:hidden;border:.55rem solid #371b4e;border-radius:.8rem;background:#e9c98f;box-shadow:0 0 0 3px #f2d37d,0 1.2rem 3rem #0206177a}.story-book:after{position:absolute;top:0;bottom:0;left:50%;width:1rem;background:linear-gradient(90deg,#582b2359,#ffffff4d,#582b2338);content:"";transform:translate(-50%);pointer-events:none}.story-book__picture{position:relative;min-height:32rem;margin:0;overflow:hidden;background:#1e234f}.story-book__picture img{display:block;width:100%;height:100%;min-height:32rem;object-fit:cover;image-rendering:pixelated}.story-book__picture img:not([src]){background:linear-gradient(145deg,#11173e,#24346d 52%,#1a1f4f)}.story-book__picture figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;display:flex;justify-content:space-between;gap:1rem;border:2px solid rgb(255 255 255 / .4);border-radius:.35rem;background:#0c102fd1;padding:.55rem .7rem;color:#fff8d6;font-size:.67rem;font-weight:900;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.story-book__page{position:relative;display:flex;min-width:0;flex-direction:column;background:repeating-linear-gradient(0deg,rgb(121 82 38 / .055) 0 1px,transparent 1px 1.75rem),#fff3d4;padding:clamp(1.8rem,4vw,3.2rem);color:#4a2f32;font-family:Songti SC,"Noto Serif SC",Georgia,serif}.story-book__page:before{position:absolute;top:.8rem;right:.8rem;bottom:.8rem;left:.8rem;border:1px solid rgb(126 77 48 / .28);content:"";pointer-events:none}.story-book__kicker{position:relative;color:#9a5f45;font:800 .62rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.story-book__page h3{position:relative;margin:.8rem 0 0;color:#3b2430;font-size:clamp(1.6rem,3.2vw,2.45rem);line-height:1.2}.story-book__ornament{position:relative;margin:1rem 0 .85rem;color:#c3824e;font-size:.72rem;letter-spacing:.35rem}.story-book__text{position:relative;font-size:clamp(.9rem,1.35vw,1.02rem);line-height:1.95}.story-book__text p{margin:0 0 1rem;text-indent:2em}.story-book__page footer{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:auto;border-top:1px solid rgb(126 77 48 / .25);padding-top:1rem;color:#9a6b55;font-size:.68rem;font-style:italic}.story-book__page footer b{color:#754434;font:900 1rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.sync-arcade-section{--vault-panel: #ffffff;--vault-panel-soft: #f8fbff;--vault-panel-strong: #eef6ff;--vault-border: #b3cfee;--vault-border-strong: #3e78c4;--vault-text: #0f172a;--vault-muted: #475569;--vault-accent: #00387B;--vault-accent-soft: #d9e7f7;--vault-glow: rgb(0 56 123 / .16);--vault-book-cover: #d8b56f;--vault-book-page: #fff7df;--vault-book-text: #4a2f32}.sync-game{border-color:var(--vault-border-strong);background:linear-gradient(155deg,var(--vault-panel) 0%,var(--vault-panel-soft) 56%,var(--vault-panel-strong) 100%);box-shadow:0 0 0 4px var(--vault-border),0 24px 64px var(--vault-glow),inset 0 0 48px #3e78c41f;color:var(--vault-text)}.sync-game:after{background:repeating-linear-gradient(0deg,transparent 0 4px,rgb(0 56 123 / .026) 4px 5px)}.sync-game__topbar{border-bottom-color:var(--vault-border);background:linear-gradient(90deg,#fff,#eef4fb);color:var(--vault-muted)}.sync-game__intro{border-color:var(--vault-border);background:#ffffffc2;color:var(--vault-muted)}.sync-game__signal{background:#00387b;box-shadow:0 0 12px #00387b8c}.sync-game__exit,.sync-story__replay{border-color:#7fafe0;background:#eef4fb;color:#002b61}.sync-game__exit:hover,.sync-story__replay:hover{background:#d9e7f7}.sync-game__devices{background:radial-gradient(circle at 50% 24%,rgb(62 120 196 / .18),transparent 42%)}.pixel-device{border-color:var(--vault-border);background:linear-gradient(180deg,#fff,#f8fbff 58%,#eef4fb);box-shadow:inset 0 0 0 3px #fff,0 7px #b3cfee,0 15px 30px #00387b1f}.pixel-device:hover,.pixel-device:focus-visible{border-color:#3e78c4;box-shadow:inset 0 0 0 3px #fff,0 12px #7fafe0,0 0 30px #3e78c447}.pixel-device strong{color:var(--vault-text)}.pixel-device small{color:var(--vault-muted)}.story-chest-card{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--chest-main),white 46%),transparent 42%),linear-gradient(180deg,#fff,#eef4fb)}.story-chest-card small{color:color-mix(in srgb,var(--chest-dark),#475569 45%)}.story-chest-card__rune{text-shadow:0 0 10px rgb(0 56 123 / .28)}.sync-login__hero,.sync-login[data-device=laptop] .sync-login__hero,.sync-login[data-device=phone] .sync-login__hero,.sync-login[data-device=tablet] .sync-login__hero{border-color:var(--vault-border);background:linear-gradient(110deg,#ffffffeb,#eff6ffd6);box-shadow:inset 0 0 24px #3e78c41f}.sync-login h3{color:var(--vault-text)}.sync-login h3 span{color:#00387b}.sync-login__header p{color:var(--vault-muted)}.sync-login__badge{border-color:#b3cfee;background:#eef4fb;color:#002b61}.sync-login__platform{border-color:#7fafe0;background:#d9e7f7;color:#00387b}.sync-login__device-preview small{color:#00387b}.sync-choice{border-color:var(--vault-border);background:#ffffffc2;box-shadow:inset 0 0 18px #3e78c414}.sync-choice legend{color:#00387b}.sync-choice__option{border-color:#d9e7f7;background:linear-gradient(180deg,#fff,#eef4fb);color:var(--vault-text)}.sync-choice__option:hover,.sync-choice__option:focus-visible{border-color:#3e78c4}.sync-choice__option.is-selected{border-color:#00387b;background:linear-gradient(180deg,#d9e7f7,#eef4fb);box-shadow:inset 0 0 0 2px #00387b1a,0 0 16px #00387b38}.sync-login__hint{color:#002b61}.sync-story__recipe,.sync-story__tag{border-color:#b3cfee;background:#eef4fb;color:#002b61}.story-book{border-color:color-mix(in srgb,var(--vault-book-cover),#7c2d12 22%);background:var(--vault-book-cover);box-shadow:0 0 0 3px #f2d37d,0 1.2rem 3rem #00387b2e}.story-book__page{background:repeating-linear-gradient(0deg,rgb(121 82 38 / .05) 0 1px,transparent 1px 1.75rem),var(--vault-book-page);color:var(--vault-book-text)}html[data-theme=dark] .sync-arcade-section{--vault-panel: #0f172a;--vault-panel-soft: #080b24;--vault-panel-strong: #020617;--vault-border: #334155;--vault-border-strong: #3e78c4;--vault-text: #f8fafc;--vault-muted: #b9cae5;--vault-accent: #7fafe0;--vault-accent-soft: #001630;--vault-glow: rgb(2 6 23 / .55);--vault-book-cover: #2b1f3d;--vault-book-page: #111827;--vault-book-text: #e2e8f0}html[data-theme=dark] .sync-game{background:linear-gradient(155deg,#141943,#0a0f2d,#161039);box-shadow:0 0 0 5px #29275d,0 28px 80px #0206176b,inset 0 0 70px #00387b2e}html[data-theme=dark] .sync-game:after{background:repeating-linear-gradient(0deg,transparent 0 4px,rgb(103 232 249 / .018) 4px 5px)}html[data-theme=dark] .sync-game__topbar{border-bottom-color:#67e8f940;background:linear-gradient(90deg,#0c1235fa,#18143ef5);color:#d9e7f7}html[data-theme=dark] .sync-game__intro{border-color:#00387b;background:#0910319e;color:#d9e7f7}html[data-theme=dark] .sync-game__signal{background:#5eead4;box-shadow:0 0 12px #5eead4}html[data-theme=dark] .sync-game__exit,html[data-theme=dark] .sync-story__replay{border-color:#7fafe0;background:#041b3d;color:#cffafe}html[data-theme=dark] .sync-game__devices{background:radial-gradient(circle at 50% 24%,rgb(31 98 171 / .15),transparent 42%)}html[data-theme=dark] .pixel-device{border-color:#5869a6;background:linear-gradient(180deg,#20275e,#11163d 58%,#0b0e2b);box-shadow:inset 0 0 0 3px #151943,0 7px #05071a,0 15px 28px #0000002e}html[data-theme=dark] .pixel-device strong{color:#f8faff}html[data-theme=dark] .pixel-device small{color:#91a8d7}html[data-theme=dark] .story-chest-card{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--chest-main),white 18%),transparent 42%),linear-gradient(180deg,#0a2147,#001630)}html[data-theme=dark] .story-chest-card small{color:color-mix(in srgb,var(--chest-light),#c4b5fd 38%)}html[data-theme=dark] .sync-login__hero,html[data-theme=dark] .sync-login[data-device=laptop] .sync-login__hero,html[data-theme=dark] .sync-login[data-device=phone] .sync-login__hero,html[data-theme=dark] .sync-login[data-device=tablet] .sync-login__hero{border-color:#3e4c84;background:linear-gradient(110deg,#0e1841eb,#221546b8);box-shadow:inset 0 0 24px #22d3ee0f}html[data-theme=dark] .sync-login h3{color:#f8fafc}html[data-theme=dark] .sync-login h3 span{color:#7fafe0}html[data-theme=dark] .sync-login__header p{color:#cbd5e1}html[data-theme=dark] .sync-login__badge{border-color:#f0abfc;background:#3b145f;color:#f5d0fe}html[data-theme=dark] .sync-login__platform{border-color:#7fafe0;background:#083344;color:#a5f3fc}html[data-theme=dark] .sync-choice{border-color:#46548c;background:#060b25b8;box-shadow:inset 0 0 22px #38bdf80a}html[data-theme=dark] .sync-choice legend{color:#b8f4ff}html[data-theme=dark] .sync-choice__option{border-color:#3e477a;background:linear-gradient(180deg,#1b2051,#12163e);color:#d9e7f7}html[data-theme=dark] .sync-choice__option.is-selected{border-color:#f0abfc;background:linear-gradient(180deg,#612769,#392050);box-shadow:inset 0 0 0 2px #f9a8d421,0 0 16px #ec489952}html[data-theme=dark] .sync-login__hint{color:#fde68a}html[data-theme=dark] .sync-story__recipe{border-color:#47568f;background:#11173e;color:#fde68a}html[data-theme=dark] .sync-story__tag{border-color:#f0abfc;background:#3b145f;color:#f5d0fe}html[data-theme=dark] .story-book{border-color:#001630;background:#0a2147;box-shadow:0 0 0 3px #002b61,0 1.2rem 3rem #02061794}html[data-theme=dark] .story-book:after{background:linear-gradient(90deg,#0206178f,#94a3b829,#02061770)}html[data-theme=dark] .story-book__page{background:repeating-linear-gradient(0deg,rgb(148 163 184 / .055) 0 1px,transparent 1px 1.75rem),#111827;color:#e2e8f0}html[data-theme=dark] .story-book__page:before{border-color:#94a3b82e}html[data-theme=dark] .story-book__kicker{color:#7fafe0}html[data-theme=dark] .story-book__page h3{color:#f8fafc}html[data-theme=dark] .story-book__ornament{color:#f0abfc}html[data-theme=dark] .story-book__page footer{border-top-color:#94a3b82e;color:#cbd5e1}html[data-theme=dark] .story-book__page footer b{color:#fde68a}@keyframes chest-rune{50%{opacity:.35;transform:translateY(-.25rem) scale(1.15)}}@media(max-width:767px){.sync-arcade-section{padding-inline:.85rem}.sync-arcade__facts{gap:.4rem}.sync-arcade__facts span{padding:.43rem .58rem;font-size:.64rem}.sync-game{border-radius:.9rem;box-shadow:0 0 0 3px #29275d,0 18px 50px #02061761}.sync-game__version{display:none}.sync-game__intro{border-radius:.6rem;padding:.45rem .65rem}.pixel-device{min-height:12.5rem;padding-inline:.4rem}.story-chest-card{min-height:13.5rem}.story-chest{transform:scale(.82);margin-block:.5rem}.pixel-device__online{font-size:.49rem}.sync-login__hero{grid-template-columns:1fr;padding:.85rem}.sync-login__header{text-align:center}.sync-login__device-preview>span{transform:scale(.82);margin-block:-.35rem}.sync-choice__option{min-height:4.4rem}.sync-choice__option span{width:2rem;height:2rem}.sync-story__hud{align-items:flex-start}.sync-story__recipe{margin-top:.25rem}.story-book{grid-template-columns:1fr;border-width:.35rem}.story-book:after{display:none}.story-book__picture,.story-book__picture img{min-height:17rem;max-height:22rem}.story-book__page{min-height:30rem;padding:1.7rem 1.45rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{overflow-x:hidden}.site-header{padding-top:env(safe-area-inset-top,0px)}.site-header-inner>.flex{min-width:0;gap:1rem}.header-brand{display:block;flex:0 0 auto}.header-actions{min-width:0;margin-left:auto}.header-download{display:inline-flex;min-height:2.65rem;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none}.header-download-short{display:none}main>section:first-child{padding-top:calc(8rem + env(safe-area-inset-top,0px))}.scroll-section{scroll-margin-top:calc(5rem + env(safe-area-inset-top,0px))}.footer-inner{padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}.product-recording figcaption,.story-book__picture figcaption,.sync-arcade__facts span{-webkit-backdrop-filter:blur(8px)}.demo-steps{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.feature-card,.security-card,.faq-grid details,.footer-grid,.story-book__page{overflow-wrap:break-word;word-break:break-word}.demo-screen{min-height:0}@supports (aspect-ratio: 14 / 9){.demo-screen{min-height:0}}@supports not (color: color-mix(in srgb,red,blue)){.story-chest-card{border-color:#7fafe0;background:radial-gradient(circle at 50% 38%,#3e78c4,transparent 42%),linear-gradient(180deg,#0a2147,#001630)}.story-chest-card--cloud{border-color:#fff;background:radial-gradient(circle at 50% 38%,#eef4fb,transparent 42%),linear-gradient(180deg,#334155,#0f172a)}.story-chest-card--moon{border-color:#e879f9;background:radial-gradient(circle at 50% 38%,#a855f7,transparent 42%),linear-gradient(180deg,#3b0764,#001630)}.story-chest-card--forest{border-color:#86efac;background:radial-gradient(circle at 50% 38%,#22c55e,transparent 42%),linear-gradient(180deg,#14532d,#001630)}.story-chest-card small{color:#c4b5fd}}@media(hover:none),(pointer:coarse){.header-tool,.header-download,.demo-controls>button,.demo-playback,.sync-game__exit,.sync-story__replay{min-width:2.75rem;min-height:2.75rem}.header-tool:hover{border-color:#cbd5e1;color:#334155}.demo-controls button:hover{border-color:#cbd5e1;color:#475569}.pixel-device:hover,.story-chest-card:hover .story-chest__lid{transform:none}html[data-theme=dark] .header-tool:hover{border-color:#475569;color:#e2e8f0}}@media(max-width:767px){.site-header-inner{padding-right:max(.75rem,env(safe-area-inset-right,0px));padding-left:max(.75rem,env(safe-area-inset-left,0px))}.site-header-inner>.flex{gap:.55rem}.header-brand{width:5.5rem;min-width:0}.header-brand img{width:100%;height:auto}.header-actions{gap:.35rem}.header-tool{width:2.75rem;height:2.75rem}.header-download{min-height:2.75rem;padding:.6rem .8rem!important}.header-download-full{display:none}.header-download-short{display:inline}.demo-screen{min-height:0}}@media(max-width:390px){.px-6{padding-right:1rem;padding-left:1rem}main h1{font-size:2rem!important;line-height:1.28!important}main h2.text-4xl{font-size:1.75rem;line-height:1.25}.text-xl{font-size:1.05rem}.py-24{padding-top:4.5rem;padding-bottom:4.5rem}.site-header-inner>.flex{gap:.35rem}.header-actions{gap:.25rem}}.hero-screen{min-height:100vh;display:flex;align-items:center;padding-top:4.5rem;padding-bottom:2rem}.hero-screen>.container{display:flex;min-height:calc(100vh - 6.5rem);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:3.5rem}.hero-screen h1{font-size:clamp(2.6rem,6.5vw,5rem)}.hero-screen p{font-size:clamp(1.1rem,2vw,1.35rem)}.screen-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.screen-section>.container{width:100%}.hero-badges{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.hero-badge{border:1px solid #b3cfee;background:#eef4fb;color:#002b61;border-radius:999px;padding:.4rem 1rem;font-size:.875rem;font-weight:600}.hero-link{color:#00387b;text-decoration:underline;text-underline-offset:.2em}.hero-link:hover{color:#1f62ab}html[data-theme=dark] .hero-link{color:#7fafe0}html[data-theme=dark] .hero-link:hover{color:#a8c8ec}.hero-carousel{position:relative;width:80vw;max-width:80rem;margin:0 auto}.hero-carousel__viewport{position:relative;overflow:hidden;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 12px 32px #0f172a1f;aspect-ratio:16 / 10;background:#f1f5f9}.hero-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;z-index:1;transition:opacity .45s ease}.hero-carousel__slide.is-active{z-index:2}.hero-carousel__dots{position:absolute;bottom:1rem;left:0;right:0;display:flex;justify-content:center;gap:.5rem;z-index:2}.hero-carousel__dots button{width:.6rem;height:.6rem;border-radius:999px;border:0;background:#ffffffa6;cursor:pointer;padding:0;transition:.18s ease}.hero-carousel__dots button.is-active{background:#00387b;width:1.5rem}