:root{--night:#06152d;--ink:#eff6ff;--blue:#a9d8ff;--ice:#a7dfff;--dim:#c2d3e6;--edge:rgba(170,205,238,.19);--round:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Microsoft YaHei,PingFang SC,sans-serif;color:var(--ink);background-color:#0a1a32;background-image:radial-gradient(ellipse 70% 34% at 89% 45%,#5682ad21,transparent 86%),linear-gradient(180deg,#07162c,#10263f 29%,#1a334d 57%,#263f58 82%,#2b435b);background-repeat:no-repeat}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #51afff;outline-offset:3px}h1,h2,h3,p,figure{margin:0}.wrap{width:min(1180px,90%);margin-inline:auto}.night{position:relative;isolation:isolate;overflow:hidden;background:transparent;color:#fff}.filaments{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 64%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 64%,transparent 100%);position:absolute;z-index:-2;inset:0;width:100%;height:100%;pointer-events:none}.filaments .strand{transform-origin:76% 55%;animation:drift 10s ease-in-out infinite alternate}.filaments .pulse{stroke-dasharray:35 1300;animation:travel 12s linear infinite}@keyframes drift{to{transform:translateY(-7px) rotate(1deg)}}@keyframes travel{to{stroke-dashoffset:-1335}}header{border-bottom:1px solid #a3c9ff32}nav,.brand,.links,.actions,.footer,.figureHead,.caption,.row{display:flex;align-items:center}nav,.footer,.figureHead,.caption,.row{justify-content:space-between}nav{height:76px}.brand{gap:10px;font-size:21px;font-weight:750;letter-spacing:.03em}.brand svg{width:32px;height:32px}.links{gap:30px;font-size:14px;color:#d4e1f2}.outline{padding:7px 16px;border:1px solid #8db2e154;border-radius:99px;color:#fff}.hero{padding:clamp(58px,6.8vw,100px) 0 62px}.label,.micro{font:600 11px/1.4 Consolas,monospace;letter-spacing:.15em}.label{color:var(--blue);display:flex;align-items:center;gap:9px}.label:before{content:"";width:25px;height:2px;background:currentColor}.night .label{color:#a4daff}.hero h1{font-size:clamp(44px,5.1vw,77px);letter-spacing:-.055em;line-height:1.14;margin:22px 0;color:#fff}.hero h1 span{color:#a9dfff}.hero p{max-width:510px;font-size:17px;color:#cddef2}.actions{gap:22px;margin-top:28px}.primary{background:#e8f6ff;color:#102947;border-radius:99px;padding:12px 21px;font-size:15px;font-weight:700}.secondary{font-size:14px;color:#dceeff}.meta{border-top:1px solid #a3c9ff32;padding:14px 0;display:flex;justify-content:space-between;color:#a6c4e2;font:12px/1.6 Consolas,monospace;letter-spacing:.07em}.tour{padding:34px 0 18px}.top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.top h2,.tools h2{font-size:clamp(30px,3.35vw,50px);line-height:1.2;letter-spacing:-.055em;margin:10px 0 0}.hint{font-size:13px;color:var(--dim)}.layout{display:grid;grid-template-columns:minmax(0,.81fr) minmax(0,1.48fr);gap:4%;align-items:center}.item{border-bottom:1px solid var(--edge);padding:3px 0}.step{display:grid;grid-template-columns:48px 1fr 25px;text-align:left;align-items:center;gap:13px;width:100%;padding:22px 20px;border:0;border-radius:14px;background:transparent;transition:background .2s,color .2s}.step:hover{color:#d6eeff;background:#83bbfa10}.step[aria-expanded=true]{background:linear-gradient(110deg,#659fd32b,#5289bb18);box-shadow:inset 2px 0 #92cdff;color:#c0e4ff}.num{font:400 26px/1.3 Georgia,serif}.step b{font-size:21px}.step small{display:block;color:var(--dim);font-size:13px;line-height:1.65;margin-top:6px;font-weight:400}.step i{font:20px/1 sans-serif;text-align:center}.step small[hidden]{display:none}.stage{margin:0;display:grid;place-items:center;min-width:0;height:clamp(418px,33vw,456px)}.device{position:relative;box-sizing:border-box;line-height:0;max-width:100%;background:linear-gradient(135deg,#a7b1bc,#26303b 12%,#161e27 65%,#727e8a);box-shadow:0 18px 34px -19px #11274366,0 0 0 1px #45505e}.glass{position:relative;overflow:hidden;isolation:isolate;background:#f6f8fb}.glass img{display:block;width:100%;height:auto}.phone{width:clamp(211px,16.5vw,231px);padding:6px;border-radius:26px}.phone .glass{border-radius:20px;aspect-ratio:360/687}.phone:after{content:"";position:absolute;left:calc(50% - 16px);bottom:2px;width:32px;height:2px;background:#929aa5;border-radius:4px}.laptop{width:94%;border-radius:17px;padding:12px 9px 14px;transform:scale(1);animation:open-device .65s cubic-bezier(.2,.7,.2,1) both}.laptop:before{content:"";position:absolute;left:50%;top:4px;width:4px;height:4px;border-radius:50%;background:#243f53;box-shadow:0 0 0 1px #091a23}.laptop:after{content:"";position:absolute;top:100%;left:-3%;width:106%;height:12px;background:linear-gradient(to bottom,#bac2cc,#e4e8eb 30%,#a4afbd 75%,#687683);border-radius:1px 1px 28px 28px;box-shadow:0 8px 10px -7px #182b3fd9}.laptop .glass{border-radius:6px;aspect-ratio:1120/685}.laptop img{transform-origin:var(--focus-x) var(--focus-y);animation:focus-screen .98s .8s cubic-bezier(.22,.67,.2,1) both}.device.settled,.device.settled img{animation:none}.device.settled img{transform:scale(var(--zoom))}.amount{--focus-x:77%;--focus-y:100%;--zoom:2.26}.audit{--focus-x:50.8%;--focus-y:73%;--zoom:2.8}@keyframes open-device{0%{transform:scale(.86);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes focus-screen{0%{transform:scale(1)}to{transform:scale(var(--zoom))}}@media(prefers-reduced-motion:reduce){.laptop img{transform:scale(var(--zoom))}}.tools{background:transparent;padding:30px 0 64px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.card{position:relative;border:1px solid #8cb2d244;border-radius:var(--round);background:linear-gradient(155deg,#395772e6,#233b54e6);overflow:hidden;box-shadow:0 9px 20px #14396809;transition:transform .22s,box-shadow .22s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 28px #123e6b18}.art{height:146px;display:grid;place-items:center;background:radial-gradient(ellipse at 58% 60%,#6485a857,transparent 80%);position:relative;overflow:hidden}.mini{width:68%;color:#edf6ff;background:linear-gradient(145deg,#506e89,#344e69);border:1px solid #b4d1ea6b;border-radius:9px;box-shadow:4px 5px #30485f,6px 7px #9ab4ce42,10px 14px 22px #07172638;transform:rotate(-4deg);padding:12px 16px;font-size:12px}.mini b{color:#e0f1ff}.mini .row{margin:3px 0}.mini svg{display:block;width:100%;height:36px}.rule{height:1px;background:#abc8e152;margin:6px 0}.mini em{font-style:normal;color:#b8e6ff}.copy{padding:20px 22px 24px}.copy .label{font-size:10px}.copy h3{font-size:21px;letter-spacing:-.04em;line-height:1.4;margin:11px 0 8px}.copy p{color:var(--dim);font-size:14px}.footer{padding:23px 0;font-size:13px;color:var(--dim)}@media(max-width:760px){.links a:not(.outline){display:none}.wrap{width:90%}nav{height:62px}.brand{font-size:18px}.hero{padding:60px 0 52px}.hero h1{font-size:clamp(37px,8.7vw,60px);margin:18px 0}.hero p{font-size:15px;max-width:29em}.night:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06152de0,#06152d38 82%);-webkit-mask-image:linear-gradient(to bottom,#000 12%,#000 56%,transparent 100%);mask-image:linear-gradient(to bottom,#000 12%,#000 56%,transparent 100%)}.actions{gap:14px}.meta{font-size:10px}.meta span:last-child{display:none}.tour{padding:24px 0 12px}.tools{padding:24px 0 40px}.top{display:block;margin-bottom:14px}.top .hint{margin-top:10px}.layout,.cards{display:block}.item{padding:4px 0}.step{padding:15px 12px;grid-template-columns:32px 1fr 20px;gap:10px}.step b{font-size:19px}.stage{margin:0;height:auto;padding:10px 0 12px}.phone{width:clamp(184px,52vw,208px)}.stage:has(.laptop){min-height:0;padding:14px 0 21px}.laptop{width:95%;border-radius:11px;padding:8px 5px}.laptop:after{height:7px}.amount{--zoom:3.02;--focus-x:67.8%;--focus-y:100%}.audit{--zoom:3.65;--focus-x:47%;--focus-y:70%}.card+.card{margin-top:16px}.art{height:120px}.mini{max-width:220px}.tools h2{font-size:31px}.footer{font-size:12px}.hero .primary{padding:11px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.phone.capture{--focus-x: 1%;--focus-y: 0%;--zoom: 1.72}.phone.verify{--focus-x: 2%;--focus-y: 99%;--zoom: 1.88}.phone img{transform-origin:var(--focus-x) var(--focus-y)}.phone.play:not(.settled) img{animation:focus-screen .95s .7s cubic-bezier(.22,.67,.2,1) both}@media(prefers-reduced-motion:reduce){.phone img{transform:scale(var(--zoom))}}.card.cash{--accent:#77f6de;--art-bg:#104c64;--slip:#12465d}.card.chart{--accent:#8bd7ff;--art-bg:#214f93;--slip:#1d3e77}.card.checklist{--accent:#b9bcff;--art-bg:#384780;--slip:#303f73}.card .art{background:radial-gradient(ellipse at 60% 90%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 72%),linear-gradient(130deg,#172f48,var(--art-bg))}.art .mini{background:linear-gradient(135deg,color-mix(in srgb,var(--slip) 78%,var(--accent)),var(--slip) 72%);border-color:color-mix(in srgb,var(--accent) 67%,var(--slip));box-shadow:4px 5px 0 var(--slip),5px 6px color-mix(in srgb,var(--accent) 55%,var(--slip)),7px 12px 19px #081e4655}.mini .value{font:700 17px/1.3 Consolas,monospace;color:#c6fff4}.mini .badge{background:#89f7dc;color:#053e40;border-radius:12px;padding:1px 8px;font-weight:700}.mini .quarter{background:#d4d2ff;color:#302c66;padding:0 7px;border-radius:5px;font-weight:700}.mini .tick,.mini .pending{display:inline-block;width:17px;text-align:center;margin-right:5px;font-weight:700;line-height:16px;border-radius:4px}.mini .tick{color:#073e43;background:#80f0d9}.mini .pending{color:#ffdc91;box-shadow:inset 0 0 0 1px currentColor}.chart .mini svg{height:42px;overflow:visible}
