@font-face{font-family:Installer Sans;src:url('assets/noto-sc-regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Installer Sans;src:url('assets/noto-sc-bold.woff') format('woff');font-weight:600 900;font-display:swap}
:root{color-scheme:light;--ink:#061533;--body:#52709b;--orange:#ff602d;--line:#dfe7f3;font-family:Arial,'Installer Sans','Noto Sans CJK SC',sans-serif;font-synthesis:none;color:var(--ink);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #275be8;outline-offset:5px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:99;top:8px;left:8px;padding:12px 20px;background:white;transform:translateY(-160%);border-radius:8px}.skip-link:focus{transform:translateY(0)}
.hero{height:840px;position:relative;overflow:hidden;background:#e4f1fc}.hero-art{position:absolute;inset:0;background:url('assets/hero-art.webp') center top/1536px auto no-repeat;pointer-events:none}.hero-stage{height:840px;width:1536px;position:relative;left:50%;transform:translateX(-50%)}.site-header{position:absolute;z-index:5;left:68px;right:68px;top:18px;height:75px;display:flex;align-items:center;padding:0 39px;background:linear-gradient(110deg,rgba(255,255,255,.94),rgba(244,250,255,.82));border:1px solid rgba(255,255,255,.8);border-radius:18px}.brand{display:inline-flex;align-items:center;gap:23px;color:#030507;font-size:28px;font-weight:700;white-space:nowrap;letter-spacing:-.65px}.brand-icon{width:39px;height:43px}.site-header nav{display:flex;gap:56px;margin-left:207px;font-size:18px;white-space:nowrap;color:#193161}.site-header nav a{padding:12px 0;transition:color .18s}.site-header nav a:hover{color:#f05f33}.beta-badge{margin-left:auto;border:1px solid #c9ddf5;border-radius:24px;color:#42628d;padding:8px 23px;font-size:16px;line-height:20px;background:rgba(234,244,255,.36)}.beta-badge:hover{background:#fff}.hero-copy{position:absolute;left:96px;top:210px;z-index:3}.hero-copy h1{font-size:98px;line-height:1.18;letter-spacing:-4.8px;font-weight:900;color:#000;margin:0;white-space:nowrap}.orange-stop{color:#ff6b27;letter-spacing:-20px;margin-left:3px}.hero-subtitle{font-size:31px;line-height:1.5;letter-spacing:0;margin:18px 0 35px;color:#516e9a;white-space:nowrap}.download-actions{display:flex;gap:15px;align-items:center}.download-button{height:74px;border-radius:44px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:20px;font-weight:600;border:1px solid rgba(255,255,255,.9);transition:transform .2s,box-shadow .2s}.download-button:hover{transform:translateY(-3px)}.download-button svg{width:29px;height:32px;flex-shrink:0}.download-button .button-arrow{width:24px;height:24px;margin-left:0}.primary{min-width:292px;padding:0 29px;color:#fff;background:linear-gradient(165deg,#ff8742 0%,#ff4826 65%,#ff7a30 100%);box-shadow:0 5px 17px #ff9c6b57,inset 0 0 12px #ffdfaf66}.primary:hover{box-shadow:0 8px 24px #f6764155,inset 0 0 12px #ffdfaf66}.secondary{min-width:264px;padding:0 28px;color:#091a3b;background:linear-gradient(135deg,#fffefb,#edf6ff);box-shadow:0 4px 13px #86baff26}.hero-notes{margin:23px 0 0;font-size:18px;line-height:1.75;color:#607ba2;letter-spacing:.12px}.hero-notes span{color:#829ab8}
.installer{position:absolute;z-index:3;left:810px;top:166px;width:516px;height:520px;transform:rotate(-2deg);border-radius:23px;padding:9px;background:linear-gradient(140deg,rgba(255,255,255,.96),rgba(237,245,255,.98));border:2px solid #fff;box-shadow:0 0 0 3px #a8b8cc5c,0 9px 19px #4e78ac3d,inset 0 0 2px #829cbe;overflow:hidden}.window-bar{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.window-lights{display:flex;gap:10px}.window-lights i{width:13px;height:13px;display:block;border-radius:50%;background:#ff6250;box-shadow:inset 0 0 1px #79292377}.window-lights i:nth-child(2){background:#ffcd49}.window-lights i:nth-child(3){background:#8ad29b}.window-controls{display:flex;gap:24px;font-size:25px;line-height:1;align-items:center;color:#253b60}.window-controls span:last-child{font-size:30px;font-weight:400}.installer-body{border-radius:16px;background:linear-gradient(115deg,rgba(255,255,255,.92),rgba(243,248,255,.86));height:461px;padding:27px 26px 21px}.installer-heading{display:flex;gap:16px;align-items:center;padding:0 7px}.installer-logo{width:48px;height:49px;flex-shrink:0}.installer-heading h2{margin:0 0 3px;font-size:25px;line-height:1.2;font-weight:700;color:#070d13}.installer-heading p{font-size:16px;margin:0;color:#48668f;white-space:nowrap}.demo-badge{font-size:11px;letter-spacing:1px;border:1px solid #d7e4f6;border-radius:4px;color:#6b83a3;padding:3px 6px;margin-left:auto;align-self:flex-start;opacity:.85}.install-steps{display:flex;list-style:none;padding:0;margin:27px 0 23px;position:relative}.install-steps:before{content:'';height:1.5px;background:#cedbef;position:absolute;top:19px;left:65px;right:65px}.install-steps:after{content:'';height:1.5px;background:#ff7340;position:absolute;top:19px;left:65px;width:80px;transition:width .3s}.install-steps li{flex:1;text-align:center;z-index:1;font-size:16px;color:#3d5885}.install-steps li>span{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:linear-gradient(145deg,#e5eefb,#d2def0);border:1px solid #fff;box-shadow:0 0 0 4px #f5f9ff;border-radius:50%;margin:0 auto;font-size:19px;font-weight:600;color:#526f98}.install-steps li.is-active>span,.install-steps li.is-done>span{color:white;background:linear-gradient(160deg,#ff9651,#ff4b28);box-shadow:0 0 0 4px #f8fbff,inset 0 0 5px #ffa276}.install-steps li.is-active{color:#111c2d}.install-steps li p{margin:7px 0 0}.install-progress{display:flex;gap:17px;align-items:center;height:94px;border:1px solid #e0e9f8;background:linear-gradient(100deg,#ffffffa6,#f5f9ffa1);border-radius:12px;padding:13px 15px}.download-tile{width:61px;height:62px;border-radius:13px;background:linear-gradient(150deg,#fff0e9,#ffdac8);display:grid;place-items:center;flex-shrink:0}.download-tile svg{width:44px;height:44px;filter:drop-shadow(0 2px 1px #fff)}.progress-content{flex:1;padding-top:20px}.progress-track{height:10px;background:#dce6f4;border-radius:20px;overflow:hidden}.progress-track>span{display:block;height:100%;width:68%;border-radius:inherit;background:linear-gradient(90deg,#ff5c2e,#ff7f37);transition:width .2s linear}.progress-label{font-size:16px;color:#405e8c;text-align:right;margin:7px 0 0;white-space:nowrap}.service-config{margin-top:16px}.service-title{display:flex;gap:11px;align-items:center;color:#101b2d;font-size:17px;font-weight:600}.service-title svg{width:25px;height:25px}.demo-key{height:38px;border:1px solid #c8d9f1;box-shadow:inset 0 1px 3px #d8e5f342;border-radius:8px;background:#ffffff9c;display:flex;align-items:center;margin:3px 0 0 41px;padding:0 10px;font-family:Arial,sans-serif;color:#162752;font-size:19px;letter-spacing:3px;overflow:hidden}.demo-key #demo-key-value{white-space:nowrap;font-size:18px}.demo-key button{margin-left:auto;border:0;background:none;padding:3px;color:#6b88b2;display:grid;place-items:center;flex-shrink:0}.demo-key svg{width:22px;height:22px}.install-button{height:57px;margin:18px 0 0 40px;width:calc(100% - 40px);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;color:#fff;font-weight:600;border:1px solid #fff4d9;background:linear-gradient(160deg,#ffad69,#ff7138 48%,#ff602c 78%,#ff913f);box-shadow:inset 0 0 10px #ffcf9399,0 5px 13px #ff965b24;transition:filter .2s}.install-button:hover{filter:brightness(1.06)}.install-button svg{width:23px;height:23px}.install-button:disabled{cursor:progress;opacity:.8}.front-orbit{position:absolute;inset:0;z-index:4;pointer-events:none;background:url('assets/hero-art.webp') center top/1536px auto no-repeat;clip-path:polygon(43.15% 59.7%,43.5% 63.7%,46.7% 68.2%,53.5% 74.4%,62% 80.2%,71.6% 84.4%,81.1% 86.7%,82% 89.1%,71.5% 87.1%,61% 82.7%,52% 76.6%,45.9% 70.4%,43.2% 66.2%,42.8% 62.6%)}
.feature-strip{min-height:184px;background:linear-gradient(105deg,#fff,#fbfdff 60%,#fff);position:relative;z-index:5}.feature-inner{max-width:1348px;margin:auto;min-height:184px;display:grid;grid-template-columns:1fr 1.13fr 1fr;align-items:center}.feature{display:flex;align-items:center;gap:32px;min-height:75px;padding:0 39px}.feature:first-child{padding-left:0}.feature:nth-child(2){border-left:1px solid #e0e7f2;border-right:1px solid #e0e7f2}.feature:last-child{padding-right:0}.feature-icon{width:67px;height:74px;flex-shrink:0}.feature .gear-icon{width:69px}.feature .book-icon{width:70px}.feature h2{font-size:22px;color:#070b0f;margin:0 0 10px;font-weight:700;white-space:nowrap}.feature p{font-size:17px;line-height:1.6;color:#6e85a7;margin:0;white-space:nowrap}
.content-section{max-width:1344px;padding:100px 0;margin:auto;scroll-margin-top:24px}.guide-section{border-top:1px solid #e8eef6}.section-intro h2{font-size:43px;color:#081b35;letter-spacing:-1px;margin:12px 0 16px}.section-intro>p{font-size:18px;color:#667c9b;line-height:1.8;margin:0}.eyebrow{font-size:12px;color:#6f87a8;letter-spacing:2.8px;font-weight:600}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:52px}.guide-grid article{padding-top:20px;border-top:1px solid #cddbea}.guide-number{font-size:19px;font-weight:600;color:#ff713a}.guide-grid h3{font-size:22px;margin:20px 0 14px}.guide-grid p{margin:0;line-height:1.9;color:#647b9b;font-size:16px;max-width:355px}.guide-note{margin-top:48px;background:#f2f7fd;border-radius:14px;padding:21px 26px;display:flex;align-items:center;gap:20px;font-size:15px;color:#647b9b}.guide-note>span{font-size:30px;color:#718cae}.guide-note p{margin:0;line-height:1.9}.guide-note button{border:0;border-bottom:1px solid #fc936e;background:none;color:#df592a;padding:0;margin:0 10px 0 1px}.guide-note p>span{display:block;color:#8393a9;font-size:13px}.faq-section{padding-top:55px;display:grid;grid-template-columns:.85fr 1.4fr;gap:80px}.faq-section h2{font-size:38px}.faq-list{border-top:1px solid #dce5f0}.faq-list details{border-bottom:1px solid #dce5f0}.faq-list summary{list-style:none;cursor:pointer;font-size:18px;padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:26px;font-weight:400;color:#8a9bb1;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{line-height:1.9;color:#6c819d;margin:0 30px 24px 0;font-size:15px}.site-footer{border-top:1px solid #e5ecf5;max-width:1344px;margin:0 auto;padding:34px 0 40px;display:flex;align-items:center;gap:30px;color:#8295ae;font-size:13px}.footer-brand{font-size:18px;gap:10px;letter-spacing:0;color:#324965}.footer-brand svg{width:26px;height:29px}.site-footer p{margin:0}.site-footer>a:last-child{margin-left:auto}
dialog{padding:38px;max-width:440px;width:calc(100% - 36px);border:1px solid #fff;border-radius:24px;background:linear-gradient(140deg,#fff,#eef6ff);color:#0b203e;box-shadow:0 24px 100px #2036583d}dialog::backdrop{background:#112f5861;backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:12px;right:15px;color:#557092;font-size:28px;border:0;background:none;width:32px;height:32px;line-height:1}.dialog-kicker{font-size:12px;color:#e56333;background:#fff1e9;padding:5px 8px;border-radius:5px}.dialog-close:hover{color:#f26936}dialog h2{font-size:27px;margin:22px 0 15px}dialog p{font-size:15px;line-height:1.8;color:#607a9e}.dialog-note{font-size:13px;color:#7e91aa}.dialog-confirm{width:100%;margin-top:16px;padding:12px;border:1px solid #ffbc90;border-radius:12px;background:linear-gradient(145deg,#ff9652,#ff632f);color:#fff;font-weight:600;font-size:16px}
@media(min-width:1537px){.hero-art,.front-orbit{background-size:100% auto}.hero-stage{width:1536px}.front-orbit{background-size:1536px auto}}
@media(min-width:1100px) and (max-width:1535px){.hero{height:54.6875vw}.hero-art{background-size:100% auto}.hero-stage{transform:translateX(-50%) scale(calc(100vw / 1536px));transform-origin:center top}.feature-strip{min-height:12vw}.feature-inner{min-height:12vw;width:87.8vw}.feature{gap:2.08vw;padding:0 2.5vw;min-height:4.9vw}.feature-icon,.feature .gear-icon,.feature .book-icon{width:4.4vw;height:4.8vw}.feature h2{font-size:1.43vw;margin-bottom:.65vw}.feature p{font-size:1.1vw}.content-section,.site-footer{max-width:87.8vw}}
@media(max-width:1099px){.hero{height:auto;min-height:1040px}.hero-art{background-size:1050px auto;background-position:calc(50% - 175px) 385px}.hero-stage{width:100%;height:1040px;left:0;transform:none}.site-header{position:relative;left:0;right:0;top:15px;height:70px;margin:0 24px;padding:0 22px;border-radius:16px}.brand{font-size:22px;gap:13px;letter-spacing:-.4px}.brand-icon{width:31px;height:36px}.site-header nav{margin-left:auto;gap:27px;font-size:15px}.beta-badge{font-size:12px;margin-left:25px;padding:7px 12px}.hero-copy{top:142px;left:8%;right:8%}.hero-copy h1{font-size:clamp(48px,8.4vw,74px);line-height:1.12;letter-spacing:-3px}.hero-copy h1 br{display:none}.orange-stop{letter-spacing:-15px}.hero-subtitle{font-size:26px;margin:22px 0 26px}.download-button{height:63px;font-size:17px;min-width:235px;padding:0 22px;gap:12px}.secondary{min-width:225px}.download-button svg{width:25px;height:28px}.hero-notes{font-size:15px;margin-top:18px}.installer{top:484px;left:calc(50% - 228px);width:480px;transform:rotate(-2deg) scale(.93);transform-origin:top center}.front-orbit{display:none}.feature-inner{padding:35px 7%;display:grid;grid-template-columns:1fr;gap:28px;min-height:0}.feature,.feature:first-child,.feature:last-child{padding:0;gap:23px}.feature:nth-child(2){border:0}.feature-icon,.feature .gear-icon,.feature .book-icon{width:55px;height:60px}.feature h2{font-size:19px;margin-bottom:5px}.feature p{font-size:15px;white-space:normal}.content-section{margin:0 7%;padding:65px 0}.section-intro h2{font-size:34px}.section-intro>p{font-size:16px}.guide-grid{gap:25px;margin-top:37px}.guide-grid h3{font-size:19px}.guide-grid p{font-size:14px}.faq-section{grid-template-columns:1fr;gap:27px;padding-top:30px}.faq-section h2{font-size:34px}.site-footer{margin:0 7%;flex-wrap:wrap;gap:16px;padding:27px 0}.site-footer p{margin-left:auto}.site-footer>a:last-child{margin-left:0}}
@media(max-width:620px){html{scroll-padding-top:20px}.hero{min-height:1038px}.hero-stage{height:1038px}.hero-art{background-size:830px auto;background-position:calc(50% - 158px) 455px}.site-header{height:70px;margin:0 16px;top:15px;padding:0 15px}.brand{font-size:18px;gap:9px}.brand-icon{width:27px;height:31px}.site-header nav{position:absolute;top:87px;left:0;right:0;justify-content:center;gap:36px;font-size:14px;margin:0}.site-header nav a{padding:8px 0}.beta-badge{margin-left:auto;padding:5px 8px;font-size:10px;line-height:17px}.hero-copy{top:170px;left:25px;right:20px}.hero-copy h1{font-size:56px;line-height:1.22;letter-spacing:-2.8px}.hero-copy h1 br{display:block}.orange-stop{letter-spacing:-12px}.hero-subtitle{font-size:18px;line-height:1.5;letter-spacing:-.45px;white-space:nowrap;margin:17px 0 25px}.download-actions{gap:10px}.download-button{height:55px;min-width:0;padding:0 13px;gap:8px;font-size:13px;flex:1;white-space:nowrap}.download-button svg{width:20px;height:23px}.download-button .button-arrow{width:17px;height:17px;margin-left:0}.hero-notes{font-size:12px;line-height:1.9;margin-top:17px}.installer{top:562px;left:calc(50% - 258px);width:516px;transform:rotate(-2deg) scale(.655);transform-origin:top center}.feature-inner{padding:34px 25px;gap:29px}.feature-icon,.feature .gear-icon,.feature .book-icon{width:51px;height:57px}.feature{gap:20px;min-height:60px}.feature h2{font-size:18px}.feature p{font-size:13px;line-height:1.8}.content-section{margin:0 25px;padding:54px 0}.section-intro h2{font-size:29px;letter-spacing:-.8px}.section-intro>p{font-size:14px;line-height:1.9}.guide-grid{grid-template-columns:1fr;gap:26px}.guide-grid article{padding-top:14px}.guide-number{font-size:15px}.guide-grid h3{margin:14px 0 10px}.guide-grid p{max-width:none;line-height:1.9}.guide-note{padding:17px 18px;gap:15px;margin-top:29px;font-size:13px;align-items:flex-start}.guide-note p>span{font-size:11px;margin-top:5px}.guide-note button{display:block;margin:3px 0 0}.faq-section{padding-top:20px}.faq-section h2{font-size:29px}.faq-list summary{font-size:15px;padding:20px 0}.faq-list details p{font-size:13px;margin-right:9px}.site-footer{margin:0 25px;display:block}.footer-brand{font-size:17px}.site-footer p{font-size:11px;line-height:1.8;margin:12px 0 16px}.site-footer>a:last-child{font-size:12px}.dialog-note{font-size:12px}dialog{padding:30px}dialog h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.site-header nav{margin-left:auto;gap:34px}.site-header nav button{border:0;background:none;padding:12px 0;color:inherit;font:inherit;white-space:nowrap}.site-header nav button:hover{color:#f05f33}.beta-badge{margin-left:35px}
#version-dialog{max-width:760px;padding:40px;max-height:calc(100dvh - 32px);overflow-y:auto}#version-dialog h2{margin-top:0}.version-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.version-option{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;border:0;background:transparent;color:#192333;padding:10px 4px;font:inherit;text-align:center}.version-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:#fff;box-shadow:0 8px 30px #253c6410;transition:background-color .24s ease,box-shadow .24s ease}.version-icon svg{width:44px;height:48px;color:#485466}.version-option strong{font-size:19px;font-weight:600;margin-top:8px}.version-detail{font-size:12px;color:#748093}.version-state{font-size:13px;color:#9299a5;min-height:18px}.version-option:disabled,.version-option.unavailable{cursor:default}.version-option:disabled .version-state,.version-option.unavailable .version-state{color:#9299a5}.version-option:disabled .version-icon,.version-option.unavailable .version-icon{opacity:.5}.version-option:focus-visible,#download-assistant:focus-visible{outline:2px solid #d2774f;outline-offset:5px;border-radius:12px}.download-button:disabled{opacity:.65;cursor:wait}
@media(max-width:1099px){.site-header nav{gap:24px}.beta-badge{margin-left:24px}}
@media(max-width:620px){.site-header nav{gap:24px}.beta-badge{margin-left:auto}#download-assistant{flex:0 1 auto;min-width:220px;height:58px;font-size:17px;padding:0 26px;gap:20px}#version-dialog{padding:30px 20px}.version-options{gap:8px;margin:24px 0}.version-icon{width:78px;height:78px}.version-icon svg{width:30px;height:34px}.version-option strong{font-size:15px}.version-detail,.version-state{font-size:11px}}

/* A quiet crossfade: the platform circle and labels stay anchored. */
.version-icon{position:relative}
.version-system{opacity:1;transition:opacity .18s ease}
.version-download{position:absolute;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#2d88f5;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .3s cubic-bezier(.22,1,.36,1);pointer-events:none}
.version-download svg{width:29px;height:29px;color:#fff}
.version-option strong{transition:color .2s ease}
.version-option:not(:disabled):focus-visible .version-system{opacity:0}
.version-option:not(:disabled):focus-visible .version-download{opacity:1;transform:translateY(0)}
.version-option:not(:disabled):focus-visible strong{color:#287ee2}
@media(hover:hover) and (pointer:fine){
  .version-option:not(:disabled):hover .version-icon{background:#f8fbff;box-shadow:0 8px 28px #253c6414}
  .version-option:not(:disabled):hover .version-system{opacity:0}
  .version-option:not(:disabled):hover .version-download{opacity:1;transform:translateY(0)}
  .version-option:not(:disabled):hover .version-download svg{animation:download-arrow-settle .42s cubic-bezier(.22,1,.36,1) both}
  .version-option:not(:disabled):hover strong{color:#287ee2}
}
@keyframes download-arrow-settle{from{transform:translateY(-3px)}to{transform:translateY(0)}}
@media(hover:none),(pointer:coarse){
  .version-option:not(:disabled) .version-download{width:26px;height:26px;right:0;bottom:0;opacity:1;transform:none}
  .version-option:not(:disabled) .version-download svg{width:17px;height:17px}
  .version-option:not(:disabled):focus-visible .version-system{opacity:1}
}

/* Keep the complete navigation outside the hero's clipped, scaled stage. */
html{scroll-padding-top:112px}
.site-header-shell{position:fixed;z-index:30;top:0;left:50%;width:1536px;height:0;transform:translateX(-50%);pointer-events:none}
.site-header{pointer-events:auto;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 28px #1931610c}
@media(min-width:1100px) and (max-width:1535px){.site-header-shell{transform:translateX(-50%) scale(calc(100vw / 1536px));transform-origin:center top}}
@media(max-width:1099px){.site-header-shell{left:0;width:100%;transform:none}}
@media(max-width:620px){html{scroll-padding-top:151px}.site-header{height:118px;align-items:flex-start;padding-top:18px}.site-header nav{top:65px}}
