:root{--blue:#0755ea;--ink:#14243b;--muted:#60758d;--ice:#f4f8ff;--line:#dce8f7;font-family:Inter,"Noto Sans SC","PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:clip}img{display:block;max-width:100%}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.skip{position:absolute;left:12px;top:-100px;z-index:100;background:#fff;padding:10px}.skip:focus{top:12px}.preview-note{height:28px;display:flex;align-items:center;justify-content:center;gap:8px;background:#edf5ff;color:#3a669c;font-size:11px;font-weight:700;letter-spacing:.04em}.note-dot,.caption-dot{height:6px;width:6px;border-radius:50%;background:#398dff}.masthead{height:70px;background:#ffffffeb;border-bottom:1px solid #e6edf7;position:relative;z-index:10}.masthead-inner{height:100%;max-width:1280px;margin:auto;padding:0 26px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:9px;flex:none}.brand-symbol{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:var(--blue);color:#fff;font-size:24px;font-weight:800;transform:rotate(-5deg)}.brand-word{font-size:26px;font-weight:800;letter-spacing:-.095em;line-height:1}.brand-word small{font-size:9px;letter-spacing:.04em;margin-left:5px;color:var(--blue)}.main-nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:700;color:#354b64}.main-nav a:hover,.main-nav a:focus-visible{color:var(--blue)}.language{display:flex;align-items:center;gap:3px;background:#f2f6fb;border-radius:9px;padding:3px}.language button{border:0;background:transparent;color:#627994;font-size:11px;font-weight:800;padding:8px 9px;border-radius:7px}.language button[aria-pressed=true]{background:#fff;color:var(--blue);box-shadow:0 2px 8px #0b41701c}button:focus-visible,a:focus-visible{outline:3px solid #85b6ff;outline-offset:3px}
.mobile-break{display:none}.hero{min-height:790px;position:relative;overflow:hidden;background:linear-gradient(#fff 58%,#f9fcff 100%)}.hero-copy{max-width:1160px;margin:28px auto 0;text-align:center;padding:0 20px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:#2564bd;font-size:11px;font-weight:800;letter-spacing:.12em}.hero .eyebrow{justify-content:center}.eyebrow-line{width:22px;height:2px;background:#4a8bff}.hero h1{font-size:clamp(52px,5vw,70px);font-weight:800;line-height:1.13;letter-spacing:-.06em;margin:15px auto 9px;max-width:1100px}.hero h1 em,.flow-intro h2 em{font-style:normal;color:var(--blue)}.hero-description{font-size:16px;line-height:1.55;color:#5c6f84;margin:0 auto;max-width:930px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:11px;min-height:47px;padding:0 21px;font-size:14px;font-weight:800}.button-primary{background:var(--blue);color:#fff;box-shadow:0 11px 22px #0755ea28}.button-primary:hover{background:#0649cb}.hero-proof{display:flex;align-items:center;gap:10px;font-size:11px;color:#71869b;font-weight:700}.proof-line{width:20px;height:1px;background:#a9bfd7}.hero-stage{position:relative;width:min(1280px,calc(100% - 56px));height:487px;margin:9px auto 0}.hero-glow{position:absolute;width:860px;height:500px;left:50%;top:-50px;transform:translateX(-50%);background:radial-gradient(ellipse,#c3dcff 0%,#e8f4ff 38%,transparent 69%);filter:blur(20px);opacity:.8}.product-window{border:1px solid #d8e2ed;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 28px 55px #1d538327,0 5px 14px #1e5d8912}.window-bar{height:38px;display:flex;align-items:center;gap:11px;padding:0 15px;background:#fff;border-bottom:1px solid #e8eef5;color:#53708f;font-size:10px;font-weight:700;letter-spacing:.02em}.window-bar strong{color:#1d4e96;font-size:10px;letter-spacing:.1em}.window-bar>span:last-child{margin-left:auto}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#d1dfed}.window-dots i:first-child{background:#5ba1ff}.hero-pos{position:absolute;left:9.5%;top:17px;width:78%;z-index:2;transform-origin:center bottom}.hero-pos-crop{height:398px;overflow:hidden}.hero-pos-crop img{width:100%;max-width:none;height:auto}.phone-device{background:#f9fbff;border:5px solid #152840;border-radius:29px;padding:9px 5px 6px;box-shadow:0 28px 48px #1e405b38,0 2px 8px #14243b20;overflow:hidden}.phone-speaker{display:block;width:37px;height:4px;background:#192d44;border-radius:99px;margin:0 auto 8px}.phone-device img{width:100%;height:auto;border-radius:7px}.hero-phone{position:absolute;right:20%;top:66px;width:183px;height:397px;z-index:3;transform:rotate(3deg);transform-origin:center bottom}.hero-phone img{height:345px;object-fit:cover;object-position:top}.hero-ground{position:absolute;left:14%;right:8%;height:29px;bottom:4px;background:radial-gradient(ellipse,#2d609043,transparent 70%);filter:blur(12px)}.hero-stage-label{position:absolute;left:10%;right:11%;top:462px;display:flex;justify-content:space-between;color:#7092b5;font-size:10px;font-weight:800;letter-spacing:.18em}.hero-next{width:min(1280px,calc(100% - 56px));margin:0 auto;padding:6px 0 28px;display:flex;justify-content:space-between;color:#5378a7;font-size:11px;font-weight:800;letter-spacing:.07em}.hero-next span:last-child{font-size:20px;line-height:.7}
.flow-intro{max-width:1280px;margin:0 auto;padding:100px 28px 65px;display:grid;grid-template-columns:100px 1fr 300px;gap:24px;align-items:end}.section-number{color:#9bb6d2;font-size:14px;font-weight:800;letter-spacing:.12em;align-self:start;margin-top:10px}.flow-intro h2{font-size:clamp(44px,5.2vw,72px);letter-spacing:-.06em;line-height:1.12;margin:18px 0 0}.flow-intro>p{margin:0 0 5px;color:#5b718a;font-size:16px;line-height:1.7}
.flow{height:calc(100vh + 1900px);min-height:2450px;position:relative}.flow-sticky{height:100vh;min-height:720px;position:sticky;top:0;padding:20px}.flow-shell{height:100%;max-width:1400px;margin:auto;display:flex;flex-direction:column;border-radius:24px;background:linear-gradient(145deg,#f7fbff,#edf5ff 64%,#f7fbff);overflow:hidden;box-shadow:inset 0 0 0 1px #deebfa}.flow-topline,.flow-footer{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:#4f78a5;font-size:10px;font-weight:800;letter-spacing:.15em}.flow-order-id{letter-spacing:0;color:#0755ea;background:#fff;border:1px solid #dbe8fa;border-radius:99px;padding:8px 12px}.flow-footer{height:44px;border-top:1px solid #dbe7f6;color:#7c95b0;font-size:10px;letter-spacing:.02em}.flow-grid{display:grid;grid-template-columns:330px minmax(0,1fr);flex:1;min-height:0;padding:2px 26px 18px 32px;gap:15px}.flow-narrative{display:flex;flex-direction:column;min-height:0;padding:32px 12px 13px 2px}.flow-kicker{font-size:11px;letter-spacing:.13em;font-weight:800;color:#3472bc;margin:0 0 16px}.flow-progress{height:3px;background:#d1e2f5;width:230px;border-radius:2px;margin-bottom:24px;overflow:hidden}.flow-progress span{display:block;width:25%;height:100%;background:#0755ea;transform-origin:left;transition:width .25s}.step-list{display:grid;gap:5px}.step-button{width:100%;display:flex;align-items:center;gap:15px;text-align:left;background:transparent;border:0;border-radius:11px;color:#7c92aa;font-size:15px;font-weight:800;padding:10px 12px}.step-button small{font-size:11px;color:#9bb0c7;font-weight:800}.step-button.is-active{background:#fff;color:#0755ea;box-shadow:0 7px 20px #225e9b12}.step-button.is-active small{color:#0755ea}.flow-copy{margin-top:auto;padding:24px 8px 0;min-height:170px}.flow-copy-number{color:#0755ea;font-size:11px;font-weight:800;letter-spacing:.15em;margin:0 0 10px}.flow-copy h3{font-size:27px;line-height:1.25;letter-spacing:-.04em;margin:0 0 9px}.flow-copy>p:last-child{font-size:14px;line-height:1.65;color:#5c718a;margin:0}.flow-controls{display:flex;gap:8px;padding:11px 8px 0}.flow-controls button{border:1px solid #cfdef0;background:#fff;color:#0755ea;border-radius:10px;min-height:39px;font-size:13px;font-weight:800;padding:0 14px}.flow-controls button:disabled{opacity:.4;cursor:default}.flow-controls button:last-child{min-width:105px}
.flow-visual{min-height:0;position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 50% 50%,#dcecff 0%,#f7fbff 58%,#e5f1ff 100%)}.visual-aura{position:absolute;width:75%;height:100%;left:13%;top:0;background:radial-gradient(ellipse,#c3ddff,transparent 62%);filter:blur(14px)}.scene-pos{position:absolute;width:80%;left:17%;top:20%;z-index:2;transform-origin:center center;opacity:.3}.scene-pos-crop{height:min(48vh,390px);overflow:hidden}.scene-pos-crop img{width:100%;max-width:none;height:auto}.scene-phone{position:absolute;width:244px;height:530px;left:11%;top:4%;z-index:5;transform-origin:center center}.scene-phone img{height:484px;object-fit:cover;object-position:top}.scene-ticket{position:absolute;width:310px;min-height:390px;right:10%;top:16%;z-index:6;background:#fff;border:1px solid #d0ddeb;border-radius:5px 5px 1px 1px;box-shadow:0 25px 60px #20518036;padding:22px 25px;opacity:0}.scene-ticket:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:10px;background:linear-gradient(135deg,#fff 7px,transparent 0) 0 0/14px 14px,linear-gradient(225deg,#fff 7px,transparent 0) 0 0/14px 14px}.ticket-demo{display:inline-block;color:#a24b27;background:#fff0df;border-radius:4px;padding:5px 7px;font-size:10px;font-weight:800}.ticket-top{display:flex;justify-content:space-between;align-items:end;padding:22px 0 20px;border-bottom:2px solid #1b3553;font-size:20px;font-weight:800}.ticket-top span:last-child{font-size:11px;color:#69839b;letter-spacing:.1em}.ticket-items{padding:13px 0}.ticket-items div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px dashed #c9d8e6;font-size:15px;font-weight:700}.ticket-items strong{color:#0755ea}.scene-ticket p{font-size:11px;line-height:1.5;color:#728398;margin:20px 0 0}.scene-record{position:absolute;width:91%;left:5%;top:14%;z-index:7;opacity:0}.scene-record-crop{height:min(53vh,445px);overflow:hidden}.scene-record-crop img{width:100%;max-width:none;height:auto}.visual-order-chip{position:absolute;left:42%;top:8%;z-index:8;background:#fff;color:#173a68;display:flex;align-items:center;gap:11px;padding:11px 16px;border:1px solid #d4e4f7;border-radius:99px;box-shadow:0 14px 30px #1c58921b;font-size:12px;font-weight:800;letter-spacing:.04em}.visual-order-chip strong{color:#0755ea}.chip-split{width:1px;height:15px;background:#cfdbeb}.chip-orbit{width:7px;height:7px;background:#2e83ef;border-radius:50%;box-shadow:0 0 0 4px #e3f0ff}.visual-caption{position:absolute;right:20px;bottom:18px;z-index:9;display:flex;gap:7px;align-items:center;font-size:10px;font-weight:800;color:#51769d;background:#fffffff0;border-radius:99px;padding:8px 12px}.review{min-height:100vh;min-height:100svh;padding:93px max(28px,calc((100vw - 1200px)/2)) 90px;background:#fff}.review-index{font-size:11px;color:#5c8ccd;letter-spacing:.15em;font-weight:800}.review h2{font-size:clamp(32px,4vw,52px);margin:18px 0 15px;letter-spacing:-.05em}.review p{max-width:740px;color:#5b7189;line-height:1.8;font-size:16px}.review a{display:inline-flex;margin-top:20px;color:#0755ea;font-size:14px;font-weight:800}
@media(max-width:1100px){.flow-grid{grid-template-columns:270px minmax(0,1fr)}.scene-phone{left:2%}.scene-pos{left:12%;width:86%}.hero-pos{left:4%;width:83%}.hero-phone{right:4%}.flow-narrative{padding-top:20px}.flow-copy h3{font-size:23px}}
@media(max-width:700px){html{scroll-behavior:auto}.masthead{height:61px}.masthead-inner{padding:0 18px;gap:10px}.brand-symbol{width:32px;height:32px;font-size:20px}.brand-word{font-size:22px}.main-nav{display:none}.language{margin-left:auto}.language button{padding:7px 8px}.mobile-break{display:block}.hero{min-height:0}.hero-copy{margin-top:27px;padding:0 20px}.hero .eyebrow{font-size:10px;letter-spacing:.05em}.hero h1{font-size:clamp(34px,9.5vw,42px);line-height:1.22;letter-spacing:-.055em;margin:13px auto 10px}.hero-description{font-size:13px;line-height:1.6;max-width:340px}.hero-actions{margin-top:15px;gap:12px;flex-direction:column}.button{min-height:43px;font-size:13px}.hero-proof{font-size:10px}.hero-stage{width:100%;height:365px;margin:10px auto 0}.hero-glow{width:420px;height:350px;top:5px}.hero-pos{width:109%;left:-8%;top:76px;border-radius:9px}.hero-pos .window-bar{height:25px;padding:0 8px;font-size:7px}.hero-pos .window-bar strong{font-size:7px}.hero-pos .window-dots i{width:4px;height:4px}.hero-pos-crop{height:225px}.hero-pos-crop img{width:320%;height:auto;margin-left:-2%;margin-top:-64%}.hero-phone{right:4%;top:25px;width:134px;height:287px;border-width:4px;border-radius:23px;padding:6px 3px 3px}.hero-phone .phone-speaker{width:27px;height:3px;margin-bottom:5px}.hero-phone img{height:255px}.hero-ground{bottom:10px;left:4%;right:5%}.hero-stage-label{top:329px;left:20px;right:20px;font-size:8px}.hero-next{width:calc(100% - 40px);font-size:10px;padding:0 0 30px}.flow-intro{display:block;padding:70px 20px 30px}.section-number{display:block;margin:0 0 17px}.flow-intro h2{font-size:42px;margin-top:13px}.flow-intro>p{font-size:14px;line-height:1.7;max-width:350px;margin-top:16px}.flow{height:auto;min-height:0}.flow-sticky{height:auto;min-height:0;position:relative;padding:0 12px}.flow-shell{border-radius:19px}.flow-topline{height:51px;padding:0 14px;font-size:8px;letter-spacing:.08em}.flow-order-id{font-size:9px;padding:6px 8px}.flow-grid{display:flex;flex-direction:column;gap:0;padding:0 12px 15px}.flow-narrative{display:contents}.flow-kicker,.flow-progress{display:none}.step-list{order:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:7px 0 10px}.step-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 1px;font-size:9px;line-height:1.25;text-align:center;min-height:50px}.step-button small{font-size:9px}.flow-visual{order:2;height:415px;flex:none;border-radius:15px}.scene-phone{width:190px;height:412px;left:7%;top:3%;border-width:4px;border-radius:26px;padding:6px 4px 4px}.scene-phone .phone-speaker{width:28px;height:3px;margin-bottom:5px}.scene-phone img{height:375px}.scene-pos{width:105%;left:0%;top:21%;border-radius:9px}.scene-pos .window-bar,.scene-record .window-bar{height:25px;padding:0 8px;font-size:7px}.scene-pos .window-bar strong,.scene-record .window-bar strong{font-size:7px}.scene-pos .window-dots i,.scene-record .window-dots i{width:4px;height:4px}.scene-pos-crop{height:265px}.scene-pos-crop img{width:270%;max-width:none;margin-left:0}.scene-ticket{width:240px;min-height:310px;right:3%;top:15%;padding:17px}.ticket-top{font-size:17px;padding:17px 0 14px}.ticket-items div{font-size:11px;padding:11px 0}.scene-ticket p{font-size:10px}.scene-record{width:120%;left:-11%;top:18%;border-radius:9px}.scene-record-crop{height:295px}.scene-record-crop img{width:150%;max-width:none;margin-left:-25%}.visual-order-chip{left:auto;right:8px;top:9px;padding:8px 10px;gap:6px;font-size:9px}.chip-orbit{width:5px;height:5px}.visual-caption{right:8px;bottom:8px;font-size:8px;padding:7px 9px}.flow-copy{order:3;padding:15px 4px 0;min-height:121px}.flow-copy h3{font-size:21px;margin-bottom:6px}.flow-copy>p:last-child{font-size:12px}.flow-copy-number{font-size:10px;margin-bottom:6px}.flow-controls{order:4;justify-content:space-between;padding:4px 4px 2px}.flow-footer{height:auto;min-height:46px;padding:9px 14px;font-size:8px;line-height:1.4}.flow-footer span:last-child{display:none}.review{padding:70px 20px}.review h2{font-size:32px}.review p{font-size:14px}}
@media(max-width:360px){.hero h1{font-size:33px}.hero-pos{top:80px}.hero-phone{right:1%;width:126px}.flow-topline{font-size:7px}.step-button{font-size:8px}.flow-visual{height:390px}.scene-phone{width:176px;height:385px}.scene-phone img{height:348px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.flow{height:auto;min-height:0}.flow-sticky{height:auto;min-height:0;position:relative}.flow-shell{min-height:720px}.flow-visual{min-height:430px}}
.image-dialog{width:min(96vw,1300px);max-height:94vh;border:1px solid #c8d9ed;border-radius:17px;padding:0;background:#fff;color:var(--ink);box-shadow:0 26px 90px #0d284b66}.image-dialog::backdrop{background:#11253eca;backdrop-filter:blur(4px)}.image-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;background:#fff;border-bottom:1px solid #e3edf8;font-size:12px;color:#205ca9}.image-dialog-head button{border:1px solid #cfdeef;border-radius:8px;background:#fff;color:#0755ea;padding:7px 12px;font-size:12px;font-weight:800}.image-dialog img{width:100%;height:auto;max-width:none}.image-dialog p{padding:0 16px 14px;margin:0;color:#617891;font-size:12px}.flow-controls #zoom-screen{margin-right:auto}.flow-controls #zoom-screen:disabled{opacity:.35}
@media(max-width:700px){.image-dialog{overflow:auto}.image-dialog img{width:1100px}.image-dialog img[src*="guest-cart"]{width:390px}}