/* Mobile product preview, scoped additions to the existing cold-white baseline. */
:root{--preview-blue:#287be9;--preview-violet:#7866d5;--preview-ink:#17263f;--preview-muted:#728098;--preview-line:#e2e8f2;--preview-soft:#f3f6fc;--preview-silver:#bfc4cc;--preview-white:#fff;--preview-green:#299470}
html{scroll-behavior:smooth}body{background:#fcfcfd;color:var(--preview-ink)}
.official-logo{width:126px;height:auto;object-fit:contain}.site-header{height:74px;background:#ffffffeb;border-bottom:1px solid #e8ebf3}.site-header .nav-cta{background:var(--preview-blue);border:0;color:white;border-radius:12px}.site-header nav{font-size:14px}
.button{font-size:15px;min-height:48px;border-radius:12px;font-weight:600}.button.primary{background:linear-gradient(110deg,#4aa8f2,var(--preview-blue));color:white;box-shadow:0 7px 15px #2676d716}.button.secondary{background:#ffffffa6;border-color:#cad8ec;color:#3b5b8b}.button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #2676d720}.button:active{transform:translateY(0)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #8dbbff;outline-offset:4px}
.phone-hero{position:relative;background:#fbfcff}.phone-hero-stage{height:calc(100svh - 74px);min-height:720px;max-height:1000px;position:relative;isolation:isolate;overflow:hidden;perspective:1500px}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 30% 42% at 68% 52%,#b9d1f8 0%,#cddffb 34%,#e3edfdb3 62%,transparent 84%),radial-gradient(ellipse 30% 38% at 96% 10%,#e4dbfde0,transparent 72%),radial-gradient(ellipse 46% 42% at 40% 108%,#e2ebfb,transparent 70%),linear-gradient(120deg,#fbfcff,#f5f8fe 58%,#f7f5fe)}
/* First-screen decor, V03 style: orbits behind the phone, glass cards in front of it. */
.hero-decor{position:absolute;inset:0;pointer-events:none}
.hero-orbit{position:absolute;left:var(--cx);top:var(--cy);width:0;height:0;z-index:0}.hero-orbit>i{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg);border:1.5px solid #fff;box-shadow:0 0 0 1px #a8c3ec40,inset 0 0 0 1px #a8c3ec40}.hero-orbit>i:nth-child(1){width:calc(640px*var(--k));height:calc(450px*var(--k))}.hero-orbit>i:nth-child(2){width:calc(900px*var(--k));height:calc(610px*var(--k));opacity:.7}.hero-orbit>i:nth-child(3){width:calc(1160px*var(--k));height:calc(770px*var(--k));opacity:.4}
.orbit-dot{position:absolute;left:calc(-415px*var(--k));top:calc(-330px*var(--k));width:9px;height:9px;border-radius:50%;background:#f19aab;box-shadow:0 0 0 5px #f19aab26}.orbit-check{position:absolute;left:calc(248px*var(--k));top:calc(70px*var(--k));width:calc(44px*var(--k));height:calc(44px*var(--k));border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#7fe0a0,#4ccb7c);color:white;box-shadow:0 12px 24px -8px #2fae6380,inset 0 1px 1px #ffffff80;animation:heroFloat 6s ease-in-out infinite}.orbit-check .icon{width:21px;height:21px}
/* Everything around the phone is anchored to its centre (--cx/--cy) and scaled with it (--k), so the group stays tight. */
.phone-hero-stage{--cx:68%;--cy:49%;--k:1}
.hero-float{position:absolute;z-index:4;scale:var(--k);transform-origin:0 0;padding:14px 16px;border-radius:18px;background:linear-gradient(150deg,#ffffffef,#f2f7ffd6);border:1px solid #fff;box-shadow:0 22px 44px -16px #2a579b42,0 2px 6px #2a579b0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#2b4366;font-size:12px;animation:heroFloat 7s ease-in-out infinite}
@keyframes heroFloat{50%{translate:0 -9px}}
.float-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:#e3eefe;color:#2f7de6}.float-icon .icon{width:17px;height:17px}.float-icon.pink,.proof-icon.pink{background:#fde9ee;color:#e0607a}.float-icon.green,.proof-icon.green{background:#e0f5ed;color:#27986f}
.hero-float b{font-size:13px;font-weight:650;color:#263d60}.hero-float small{display:block;font-size:10px;color:#8b9db6}
.float-plan{left:calc(var(--cx) + 218px*var(--k));top:calc(var(--cy) - 165px*var(--k));animation-delay:-1s;width:222px;rotate:4deg}.float-head{display:flex;align-items:center;gap:9px}.float-head em{margin-left:auto;font-style:normal;font-size:10px;color:#2f78dd;background:#e3eefd;border-radius:8px;padding:2px 8px}
.float-week{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:12px 0 9px;text-align:center;font-size:10px;color:#9aabc2}.float-week i{display:block;font-style:normal;margin-top:4px;height:25px;line-height:25px;border-radius:8px;font-size:11px;color:#5c7192;background:#eef3fa}.float-week .on i{background:linear-gradient(135deg,#4c9ef3,#2b74e5);color:white;box-shadow:0 5px 12px #2b74e540;font-weight:600}
.float-plan small:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#3d86ea;margin-right:6px;vertical-align:1px}
.float-report{left:calc(var(--cx) + 182px*var(--k));top:calc(var(--cy) + 160px*var(--k));display:flex;align-items:center;gap:11px;width:248px;rotate:16deg;animation-duration:9s;animation-delay:-4s}.float-report>div{flex:1;min-width:0}.float-report strong{font-size:27px;line-height:1;font-weight:600;color:#2a9a74;font-family:"DIN Alternate","Segoe UI",Arial,sans-serif}.float-report strong em{font-style:normal;font-size:11px;margin-left:2px}.float-progress{display:block;height:3px;border-radius:3px;background:#e3ebf5;margin-top:8px;overflow:hidden}.float-progress i{display:block;height:100%;width:78%;border-radius:inherit;background:linear-gradient(90deg,#8bdcbc,#33a881)}
.float-team{left:calc(var(--cx) - 322px*var(--k));top:calc(var(--cy) - 302px*var(--k));display:flex;align-items:center;gap:10px;rotate:16deg;animation-duration:8s;animation-delay:-2s}.float-bars{display:flex;align-items:flex-end;gap:4px;height:30px;margin-left:12px}.float-bars i{width:7px;border-radius:3px;background:linear-gradient(#69a6f2,#a9cbf7)}.float-bars i:nth-child(1){height:13px}.float-bars i:nth-child(2){height:21px;background:linear-gradient(#ef8ea2,#f6c3cd)}.float-bars i:nth-child(3){height:17px}.float-bars i:nth-child(4){height:29px;background:linear-gradient(#ef8ea2,#f6c3cd)}
.hero-editorial{position:absolute;left:max(calc((100% - 1240px)/2),5.5%);top:max(56px,calc(50% - 300px));z-index:3;width:560px}.hero-eyebrow{font-size:13px;letter-spacing:.5px;color:var(--preview-blue);font-weight:600}.eyebrow-star{font-size:19px;vertical-align:-1px;margin-right:5px}
.hero-editorial h1{font-size:clamp(32px,3.5vw,57px);line-height:1.35;letter-spacing:-1.8px;margin:24px 0 25px;font-weight:700;color:var(--preview-ink)}.hero-editorial h1>span{display:block;font-size:.69em;font-weight:500;letter-spacing:-.8px;margin-bottom:7px;color:#384967;white-space:nowrap}.hero-editorial h1 strong{font-weight:750;white-space:nowrap;background:linear-gradient(110deg,#166edb 18%,#7169d3);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-editorial>p{font-size:16px;line-height:1.95;color:#77839a}.hero-editorial .actions{margin-top:34px;gap:12px;justify-content:flex-start}
.hero-proof{list-style:none;margin:46px 0 0;padding:24px 0 0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;border-top:1px solid #e1e8f3;width:fit-content}.hero-proof li{padding:0 34px;position:relative}.hero-proof li:first-child{padding-left:0}.hero-proof li+li:before{content:'';position:absolute;left:0;top:6px;bottom:4px;width:1px;background:linear-gradient(#e1e8f300,#d9e2ef,#e1e8f300)}
.hero-proof b{display:block;font-size:34px;line-height:1;font-weight:650;letter-spacing:-.5px;font-family:"DIN Alternate","Bahnschrift","Segoe UI",Arial,sans-serif;background:linear-gradient(110deg,#166edb,#6f69d6);color:transparent;-webkit-background-clip:text;background-clip:text}.hero-proof b em{font-style:normal;font-size:14px;font-weight:600;margin-left:4px;letter-spacing:0;font-family:"Microsoft YaHei",sans-serif}
.hero-proof span{display:block;margin-top:10px;font-size:15px;font-weight:600;color:#2a3d5c}.hero-proof small{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:#8e9bb0;white-space:nowrap}.hero-proof small em{font-style:normal}.hero-proof small i{width:6px;height:6px;border-radius:50%;background:#3d86ea;flex-shrink:0}.hero-proof small i.pink{background:#e9768d}.hero-proof small i.green{background:#30a87d}
.hero-mascot{position:absolute;width:calc(240px*var(--k));height:calc(240px*var(--k));left:calc(var(--cx) - 330px*var(--k));top:calc(var(--cy) - 112px*var(--k));z-index:5}.hero-mascot iframe{width:100%;height:100%;border:0;pointer-events:none;background:transparent}.hero-mascot:after{content:'';position:absolute;left:14%;right:14%;bottom:1%;height:42px;border-radius:50%;background:radial-gradient(closest-side,#2f5b9c40,#2f5b9c1c 48%,#2f5b9c00);filter:blur(7px);z-index:-1}
.hero-mascot-label{position:absolute;left:calc(var(--cx) - 350px*var(--k));top:calc(var(--cy) - 158px*var(--k));z-index:6;display:flex;align-items:center;gap:7px;padding:9px 15px;border-radius:15px 15px 4px 15px;background:#ffffffeb;border:1px solid #fff;box-shadow:0 12px 28px -10px #2a579b4d;color:#375a8d;font-size:13px;font-weight:600;white-space:nowrap;rotate:5deg}.hero-mascot-label .icon{width:15px;height:15px;color:#6a6fe2}
.hero-scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:1px;color:#8594ac;z-index:3}.hero-scroll-cue i{font-size:20px;font-style:normal}
.hero-workbench{position:absolute;left:max(calc((100% - 1240px)/2),5.5%);top:20%;width:280px;opacity:0;z-index:4}.hero-workbench h2{font-size:36px;line-height:1.35;margin:18px 0;color:var(--preview-ink)}.hero-workbench>p{font-size:14px;line-height:1.9;color:var(--preview-muted)}
.hero-task-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px}.hero-task-list button{min-height:42px;border:1px solid #d9e2f0;border-radius:10px;background:#ffffff96;padding:10px 4px;color:#697e9c;font-size:13px;transition:background .2s,border-color .2s}.hero-task-list button.active{background:#eaf2ff;border-color:#91b7f5;color:#1769d2;font-weight:600}.hero-task-list button:hover{border-color:#77a4e9;background:#fff}.hero-auto{margin-top:21px;font-size:12px;color:#8492a7;display:flex;gap:18px;align-items:center}.hero-auto span{font-size:10px;background:#e5f0ff;color:#2c78dc;border-radius:10px;padding:2px 8px}
/* One continuous phone, with a silver rail and a black screen seal. */
.flow-player{position:relative;--phone-width:330px;--phone-height:690px;--frame-width:11px;--screen-radius:36px;display:grid;grid-template-columns:var(--phone-width) minmax(190px,1fr);column-gap:24px;align-items:start;max-width:640px;margin:0 auto;isolation:isolate}
.flow-phone{position:relative;width:var(--phone-width);height:var(--phone-height);padding:var(--frame-width);border-radius:48px;background:linear-gradient(112deg,#f0f1f2 0%,#848b96 1%,#d9dde3 2%,#dfe1e5 5%,#b6bcc4 25%,#fcfcfd 48%,#a1a7b1 79%,#eef0f3 96%,#7a828e 99%);border:1px solid #7b8390;box-shadow:inset 0 0 0 1px #ffffffc4,3px 2px 0 #a5aab3,5px 3px 0 #edf0f4,9px 5px 0 #b4bac2,20px 30px 45px -16px #28456f40;transform-style:preserve-3d;z-index:2;flex-shrink:0}
.flow-phone:before{content:'';position:absolute;inset:6px;border-radius:42px;border:2px solid #161c26;background:#111722;z-index:-1}.flow-phone:after{content:'';position:absolute;inset:3px;border:1px solid #ffffff8c;border-radius:45px;pointer-events:none}
.metal-button{position:absolute;left:-3px;width:3px;border-radius:2px;background:linear-gradient(90deg,#7d8590,#e2e5e9,#8c939f);box-shadow:-1px 0 1px #5d647154}.metal-button-one{height:21px;top:105px}.metal-button-two{height:48px;top:151px}.metal-button-three{height:48px;top:213px}
.flow-screen{position:relative;height:100%;width:100%;border-radius:var(--screen-radius);overflow:hidden;background:#f3f5fa;border:1px solid #10151b;isolation:isolate;color:#223652;transform:translateZ(1px)}
.flow-status{height:34px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;background:white;position:relative;z-index:3}.flow-status b{font-size:11px}.flow-status>span{font-size:10px}.flow-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:81px;height:21px;border-radius:18px;background:linear-gradient(130deg,#20262d,#05090e 60%);box-shadow:inset 0 1px 1px #ffffff24}.flow-island:after{content:'';position:absolute;right:10px;top:7px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#305577,#0b1926 70%)}
.flow-nav{height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background:#fff;border-bottom:1px solid #e8edf5;position:relative;z-index:3}.flow-nav>span{font-size:21px;color:#6c829f}.flow-nav strong{font-size:15px;display:flex;align-items:center;gap:5px;font-weight:650}.flow-nav img{width:25px;height:25px;object-fit:contain}
.flow-body{position:absolute;left:0;right:0;top:80px;bottom:60px;overflow:hidden}.flow-thread{padding-top:14px;position:relative;transition:transform .55s cubic-bezier(.25,.65,.25,1);will-change:transform}
.flow-question{margin:0 13px 0 auto;width:fit-content;max-width:82%;border-radius:16px 16px 4px 16px;padding:11px 14px;font-size:14px;line-height:1.65;background:linear-gradient(115deg,#4b9df3,#357bed);color:white;white-space:pre-wrap}
.flow-thinking{font-size:12px;color:#8b98ad;margin:13px 16px 0}.flow-thinking.execute{color:#617e95;line-height:1.8}.flow-thinking.execute:before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;background:#36af88;margin-right:6px}
.flow-frame{position:relative;margin-top:12px;background-repeat:no-repeat;background-color:#f4f6fa}.flow-full{position:absolute;inset:0;z-index:4;background-color:white;background-repeat:no-repeat;opacity:0;visibility:hidden;pointer-events:none}.flow-full.on{opacity:1;visibility:visible;pointer-events:auto}
.flow-input{position:absolute;bottom:0;left:0;right:0;height:60px;background:#ffffffed;border-top:1px solid #edf1f7;z-index:3;display:flex;align-items:flex-start;justify-content:center;padding:9px 16px 18px}.flow-input button{width:100%;height:32px;background:#f7f9fd;border:1px solid #e6edf7;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#7890b3}.flow-input .icon{width:16px;height:16px}.recording .flow-input button{background:var(--preview-blue);color:white;border-color:transparent}
.flow-home{position:absolute;left:50%;transform:translateX(-50%);bottom:7px;width:104px;height:4px;border-radius:4px;background:#222c3b;z-index:6;pointer-events:none}
.flow-voice{position:absolute;bottom:80px;left:20px;right:20px;padding:18px 16px 16px;border-radius:20px;background:linear-gradient(120deg,#367ff2,#7766ea);box-shadow:0 14px 24px #3e6ede30;color:white;z-index:7;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;pointer-events:none}.flow-voice.on{opacity:1;transform:none}.flow-voice p{font-size:13px;line-height:1.7;margin:10px 0 0;text-align:center}.flow-wave{height:24px;display:flex;gap:3px;align-items:center;justify-content:center}.flow-wave i{width:3px;height:var(--wave);border-radius:3px;background:white;animation:voiceWave .44s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.038s)}@keyframes voiceWave{to{transform:scaleY(.3)}}
.flow-push{position:absolute;left:9px;right:9px;top:37px;z-index:7;display:flex;gap:8px;align-items:center;background:#fffffffa;box-shadow:0 8px 24px #325d8930;border:1px solid #e9eef7;border-radius:16px;padding:10px 9px;transform:translateY(-180%);opacity:0;transition:transform .4s,opacity .3s;text-align:left}.flow-push.on{transform:none;opacity:1}.flow-push img{width:34px;height:34px;object-fit:contain;flex-shrink:0}.flow-push span{font-size:12px;line-height:1.6;font-weight:600}.flow-push>b{color:#a6b4c8;font-size:18px;margin-left:auto}
.flow-highlight{position:absolute;z-index:6;border:1.5px solid #6b9bfa;border-radius:11px;box-shadow:0 0 0 3px #6297f114;opacity:0;pointer-events:none;transition:opacity .2s}.flow-highlight.on{opacity:1}
.flow-tap{position:absolute;z-index:8;pointer-events:none;width:30px;height:30px;border-radius:50%;background:#77b0ff46;border:2px solid #ffffffc9;box-shadow:0 0 0 2px #6b9df559;opacity:0;transform:translate(-50%,-50%)}.flow-tap.on{pointer-events:auto;animation:tapMark .8s ease-out both}@keyframes tapMark{0%{opacity:0;scale:1.3}40%{opacity:1;scale:.8}80%{opacity:1;scale:1}100%{opacity:0;scale:1.25}}
.flow-toast{position:absolute;bottom:78px;left:17px;right:17px;padding:12px;border-radius:14px;background:#e9f6f1f7;border:1px solid #bde5d7;box-shadow:0 7px 15px #2e8f7010;color:#25775d;text-align:center;font-size:12px;line-height:1.6;z-index:8;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.flow-toast.on{opacity:1;transform:none}
.flow-side{padding-top:28px;min-width:0;z-index:3}.flow-steps{list-style:none;padding:0;margin:0 0 26px}.flow-steps li{position:relative;display:flex;gap:12px;min-height:76px;color:#97a5b9}.flow-steps li:after{content:'';position:absolute;width:1px;left:15px;top:35px;bottom:6px;background:#dce5f3}.flow-steps li:last-child{min-height:53px}.flow-steps li:last-child:after{display:none}.flow-steps i{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:31px;height:31px;background:#edf2f9;border-radius:50%;font-style:normal;font-size:10px;font-weight:600}.flow-steps b{display:block;font-size:14px;line-height:1.7;font-weight:500}.flow-steps span{display:block;font-size:10px;color:#97a7bf;margin-top:3px}.flow-steps li.active{color:#2476de}.flow-steps li.active i{background:#3987ec;color:white;box-shadow:0 0 0 5px #4486ed11}.flow-steps li.active b{font-weight:650}.flow-steps li.past i{color:#3187df;background:#e0edff}
.flow-detail{padding:18px 16px;border-radius:18px;background:#ffffffd9;border:1px solid #ffffffbd;box-shadow:0 14px 35px #243f6710;min-height:96px}.flow-detail>small{font-size:10px;color:#95a3b7}.flow-detail h4{font-size:15px;line-height:1.65;color:#355273;margin:8px 0 0;font-weight:600;overflow-wrap:anywhere}.flow-zoom{margin-top:14px;max-height:250px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c7d6ec transparent;overscroll-behavior:contain;background:#fff;border-radius:9px}.flow-zoom::-webkit-scrollbar{width:4px;height:4px}.flow-zoom::-webkit-scrollbar-thumb{background:#c7d6ec;border-radius:4px}.flow-zoom>div{background-repeat:no-repeat;background-color:#fff;width:100%}
.flow-controls{grid-column:1/-1;display:flex;gap:9px;justify-content:center;align-items:center;padding-top:25px;color:#8091ad;z-index:4;flex-wrap:wrap}.flow-controls button{min-height:34px;min-width:28px;padding:6px 8px;font-size:11px;border-radius:10px;color:#577bb0;transition:background .2s}.flow-controls button:first-child{background:#ffffffb8;min-width:69px}.flow-controls button:hover{background:#e5effe;color:#216bd2}.flow-controls button:disabled{opacity:.3;cursor:default}.flow-count{font:10px Arial,sans-serif;letter-spacing:.5px;color:#8999b1;min-width:43px;text-align:center}.flow-disclosure{grid-column:1/-1;text-align:center;font-size:9px;color:#a3aec0;padding-top:8px}.is-paused .flow-wave i,.is-paused .flow-tap{animation-play-state:paused}
.hero-flow{position:absolute;inset:0;max-width:none;margin:0;display:block;pointer-events:none;perspective:1500px;--phone-width:350px;--phone-height:716px}
.hero-flow>.flow-phone{position:absolute;left:68%;top:49%;transform:translate(-50%,-50%) rotateY(-7deg) rotateX(2deg) rotate(13deg) scale(.97);pointer-events:auto;transform-origin:50% 50%}
.hero-flow>.flow-side{position:absolute;left:calc(53% + 215px);top:13%;width:230px;opacity:0;pointer-events:none}.hero-flow.is-ready>.flow-side{pointer-events:auto}.hero-flow>.flow-controls{position:absolute;top:calc(48% + 365px);left:53%;transform:translateX(-50%);width:430px;opacity:0;padding-top:12px;pointer-events:auto}.hero-flow>.flow-disclosure{position:absolute;top:calc(48% + 413px);left:53%;transform:translateX(-50%);opacity:0}.hero-flow .flow-detail{background:#ffffffb5}
/* First-screen pose only: thick titanium edge like a real device; flattens once the demo is ready. */
.phone-hero-stage:not(.is-demo-ready) .hero-flow>.flow-phone{box-shadow:inset 0 0 0 1px #ffffffd0,1.5px 1px 0 #a3aab4,3px 2px 0 #e7eaee,4px 3px .5px #b4bac2,30px 42px 64px -24px #1d3a6652,10px 16px 26px -12px #1d3a6629}
/* Existing cold-white chapters, with source-based mobile flows in the original art slot. */
.story-heading h2{font-size:42px}.story-heading p{font-size:15px;color:#8792a6}.story-role-nav a{border-radius:0;background:transparent;border:0;border-bottom:2px solid transparent;color:#7786a0;font-size:15px}.story-role-nav a.active{color:var(--preview-blue);border-bottom-color:var(--preview-blue)}
.story-chapter{grid-template-columns:minmax(330px,.85fr) minmax(550px,1.3fr);gap:56px;min-height:960px;padding:100px 0 115px;scroll-margin-top:65px}.story-copy{padding-top:40px}.story-copy h3{font-size:34px;line-height:1.5;letter-spacing:-.8px;min-height:102px;color:#233a59}.story-desc{font-size:15px;line-height:1.95;min-height:88px;color:#7b899f;margin-top:16px}.story-choice-card{margin-top:35px}.story-choice-card h4{font-size:13px;color:#7f90a8;font-weight:500}.story-choices{gap:10px}.story-choices button{min-height:62px;font-size:13px;font-weight:500;border:1px solid #e6ecf5;border-radius:12px;background:#ffffffa3;padding:10px;gap:9px}.story-choices button.active{border-color:#9bbaef;background:#eaf2ff70;color:#1968ca;font-weight:600}.story-choices button.active .choice-symbol{background:#3786e9}.choice-symbol{width:31px;height:34px;border-radius:9px}.choice-symbol .icon{width:20px;height:20px}.story-choices button>i{display:none!important}.scene-links{display:flex;gap:24px;align-items:center;margin-top:30px}.scene-links .text-button{font-size:12px;margin:0;color:#4e739f}.scene-links .story-video{color:#2e70c4}.story-display{top:75px}.feature-art.flow-player{padding-left:0;min-height:0;justify-content:normal}.feature-art.flow-player:before{left:-18px;right:-18px;top:73px;bottom:90px;border-radius:28px;background:linear-gradient(135deg,#e9effb,#efebfa);opacity:.7}.feature-art.flow-player .flow-side{padding-top:20px}.story-chapter:last-child{border-bottom:0}
.trust-section{background:linear-gradient(125deg,#f0f5fd,#f5f2fc)}.trust-copy h2{font-size:36px}.confirm-buttons b{cursor:pointer}.video-section{background:linear-gradient(120deg,#f1f5fd,#f6f3fc)}.video-option.active{border-color:#7aa7eb}.video-big-play{color:var(--preview-blue)}.version-section,.faq-section{background:#fcfcfd}.closing{background:linear-gradient(125deg,#e8f1ff,#eee9fa)}.closing-avatar img{width:100%;height:100%;object-fit:contain}
.video-switcher{display:flex;align-items:center;justify-content:center;gap:22px;margin:21px auto 0;color:#8192ad;font:11px Arial,sans-serif}.video-switcher button{width:32px;height:30px;border-radius:9px;color:#5c83b5}.video-switcher button:hover{background:#ffffffc4}.video-note{margin-top:12px}
.flow-dialog{width:min(1100px,calc(100vw - 40px));max-width:none;height:min(930px,95svh);padding:30px 50px;border-radius:26px;background:#f8faff;overflow:auto;border:1px solid #e1e8f3;box-shadow:0 35px 100px #112d6830}.flow-dialog::backdrop{background:#152a4b70;backdrop-filter:blur(7px)}.flow-dialog-heading{margin:0 0 23px}.flow-dialog-heading small{color:#6a8bb8;font-size:12px}.flow-dialog-heading h2{font-size:24px;margin-top:10px;color:#294365}.flow-expanded{max-width:800px;grid-template-columns:370px 300px;column-gap:55px;--phone-width:370px;--phone-height:760px}.flow-dialog .dialog-close{z-index:10}.flow-expanded .flow-detail h4{font-size:18px}.flow-expanded .flow-zoom{max-height:340px}
@media(min-width:1700px){.hero-editorial{left:calc((100% - 1320px)/2);width:620px;top:max(56px,calc(50% - 315px))}.hero-editorial h1{font-size:60px}.hero-workbench{left:calc((100% - 1320px)/2);width:300px}.hero-flow{--phone-width:380px;--phone-height:790px}.hero-flow>.flow-controls{top:calc(48% + 405px)}.hero-flow>.flow-disclosure{top:calc(48% + 449px)}.hero-flow>.flow-side{left:calc(53% + 250px);width:250px}.phone-hero-stage{--k:1.086}}
@media(min-width:1050px) and (max-height:850px){.phone-hero-stage{min-height:660px}.hero-flow{--phone-width:302px;--phone-height:625px;--frame-width:10px;--screen-radius:32px}.hero-flow>.flow-phone{top:49%}.hero-flow>.flow-controls{top:calc(48% + 315px)}.hero-flow>.flow-disclosure{top:calc(48% + 358px)}.phone-hero-stage{--k:.863}.hero-proof{margin-top:30px;padding-top:20px}.hero-proof b{font-size:30px}.hero-editorial{top:max(40px,calc(50% - 270px))}.hero-editorial h1{font-size:46px}.hero-workbench{top:17%}.hero-workbench h2{font-size:31px}.hero-task-list{margin-top:22px}.hero-flow>.flow-side{top:9%}.hero-flow .flow-detail h4{font-size:14px}.hero-flow .flow-zoom{max-height:220px}}
@media(min-width:1050px) and (max-width:1250px){.hero-editorial{left:4%;width:480px}.hero-editorial h1{font-size:45px}.hero-flow>.flow-phone{left:70%}.phone-hero-stage{--cx:70%;--k:.857}.float-plan{left:auto;right:8px;scale:.66;transform-origin:100% 0}.float-report{scale:.72}.hero-proof li{padding:0 22px}.hero-proof b{font-size:28px}.hero-workbench{left:4%;width:245px}.hero-flow>.flow-side{left:calc(53% + 185px);width:200px}.hero-workbench h2{font-size:32px}.hero-task-list button{font-size:12px}.story-chapter{grid-template-columns:330px 1fr;gap:25px}.flow-player{--phone-width:300px;--phone-height:645px;column-gap:18px;grid-template-columns:300px minmax(170px,1fr)}.hero-flow{display:block}.flow-steps b{font-size:13px}.flow-detail{padding:13px 12px}.flow-detail h4{font-size:14px}}
@media(max-width:1049px){.phone-hero-stage{min-height:0;max-height:none;height:auto;padding:65px 30px 45px;overflow:hidden}.hero-editorial{position:relative;top:auto;left:auto;text-align:center;width:100%;max-width:none}.hero-editorial h1{font-size:48px;letter-spacing:-1px}.hero-editorial>p{font-size:15px}.hero-editorial .actions,.hero-capabilities{justify-content:center}.hero-proof{margin:30px auto 0}.hero-proof small{justify-content:center}.hero-decor{display:none}.hero-mascot{width:170px;height:170px;left:calc(50% + 110px);top:auto;margin-top:0}.hero-mascot-label{display:none}.hero-flow{position:relative;inset:auto;max-width:650px;height:auto;margin:50px auto 0;display:grid;pointer-events:auto;perspective:none;--phone-width:330px;--phone-height:690px}.hero-flow>.flow-phone{position:relative;left:auto!important;top:auto!important;transform:none!important}.hero-flow>.flow-side{position:relative;left:auto;top:auto;opacity:1;width:auto;padding-top:25px}.hero-flow>.flow-controls{position:relative;top:auto;left:auto;transform:none;width:auto;opacity:1}.hero-flow>.flow-disclosure{position:relative;top:auto;left:auto;transform:none;opacity:1}.hero-workbench{position:relative;top:auto;left:auto;opacity:1;width:min(620px,100%);margin:37px auto 0}.hero-workbench>.hero-eyebrow,.hero-workbench h2,.hero-workbench>p{display:none}.hero-task-list{grid-template-columns:repeat(9,1fr);gap:6px;margin-top:0}.hero-task-list button{font-size:12px;padding:9px 5px}.hero-auto{margin:18px auto 0}.hero-scroll-cue{display:none}.story-chapter{grid-template-columns:1fr;gap:35px;min-height:0}.story-copy{padding-top:0;max-width:650px}.story-copy h3{min-height:0;font-size:32px}.story-desc{min-height:0}.story-choices{grid-template-columns:repeat(3,1fr)}.story-display{position:relative;top:auto}.feature-art.flow-player{width:650px;max-width:100%;margin:20px auto 0}.flow-player{grid-template-columns:330px minmax(190px,1fr)}.scene-links{margin-top:25px}.story-heading h2{font-size:36px}.flow-dialog{padding:30px}.flow-expanded{--phone-width:330px;--phone-height:690px;grid-template-columns:330px minmax(190px,1fr);column-gap:25px}}
@media(max-width:650px){.official-logo{width:108px}.brand-product{font-size:12px}.site-header .nav-cta{font-size:12px;min-height:36px;padding:8px 12px}.phone-hero-stage{padding:42px 20px 35px}.hero-eyebrow{font-size:11px}.hero-editorial h1{font-size:34px;margin-top:19px;letter-spacing:-1px}.hero-editorial h1>span{font-size:.67em}.hero-editorial>p{font-size:13px;line-height:1.85}.hero-editorial .actions{margin-top:24px;gap:9px}.hero-editorial .button{font-size:12px;min-height:43px;padding:10px 15px}.hero-capabilities{font-size:10px;gap:12px}.hero-proof{padding-top:18px;margin-top:26px}.hero-proof li{padding:0 12px}.hero-proof li:first-child{padding-left:12px}.hero-proof b{font-size:26px}.hero-proof b em{font-size:12px}.hero-proof span{font-size:13px;margin-top:8px}.hero-proof small{flex-wrap:wrap;gap:0 4px;font-size:10px;line-height:1.6}.hero-proof small em{width:100%}.hero-proof small i{display:none}.hero-mascot{width:120px;height:120px;left:calc(50% + 60px)}.hero-flow{margin-top:65px;display:block;--phone-width:300px;--phone-height:635px}.flow-player{display:block;--phone-width:300px;--phone-height:635px}.flow-phone{margin:0 auto}.flow-side{padding-top:28px}.flow-steps{display:flex;gap:5px;justify-content:center;margin:0 0 20px}.flow-steps li{min-height:0;gap:6px;flex:1;justify-content:center}.flow-steps li:after{display:none}.flow-steps i{width:25px;height:25px;font-size:9px}.flow-steps b{font-size:12px;line-height:25px}.flow-steps span{display:none}.flow-detail{width:100%;min-height:84px;margin:auto;padding:14px 16px}.flow-detail h4{font-size:14px}.flow-detail>small{font-size:10px}.flow-zoom{max-height:190px}.flow-controls{padding-top:16px;gap:6px}.flow-controls button{font-size:10px;padding:6px}.flow-disclosure{padding-top:8px}.hero-flow>.flow-side{padding-top:25px}.hero-workbench{margin-top:27px}.hero-task-list{grid-template-columns:repeat(5,1fr);gap:6px}.hero-task-list button{font-size:12px}.hero-workbench .hero-auto{font-size:11px}.story-heading h2{font-size:31px}.story-heading p{font-size:14px;margin-top:17px}.story-chapter{padding:44px 0 65px}.story-copy h3{font-size:28px;line-height:1.45;min-height:0}.story-desc{font-size:14px;min-height:0;line-height:1.9}.story-choice-card{margin-top:24px}.story-choices{grid-template-columns:1fr 1fr}.story-choices button{min-height:56px;font-size:12px;padding:8px;gap:7px}.story-role-nav a{font-size:13px}.feature-art.flow-player{display:block;margin-top:8px;min-height:0}.feature-art.flow-player:before{left:-10px;right:-10px;top:55px;bottom:100px}.scene-links{gap:24px}.scene-links .text-button{font-size:11px}.flow-dialog{width:calc(100vw - 16px);height:96svh;padding:26px 16px;border-radius:20px}.flow-dialog-heading{margin-bottom:25px;padding-right:24px}.flow-dialog-heading h2{font-size:19px}.flow-expanded{--phone-width:290px;--phone-height:615px}.flow-expanded .flow-detail h4{font-size:14px}.trust-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flow-thread,.flow-voice,.flow-push,.flow-highlight,.flow-toast{transition:none}.flow-wave i,.flow-tap.on{animation:none}.hero-float,.orbit-check{animation:none}.button:hover{transform:none}}