:root{--ink:#101d40;--blue:#4b67ff;--lime:#fbff7c;--paper:#f7f8f2;--muted:#6d7487;--line:#dedfdc;--split:50%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);font-family:Arial,'Segoe UI',sans-serif;background:var(--paper);-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5679ff}button[hidden],[hidden]{display:none!important}.wrap{width:min(1240px,100% - 112px);margin:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip{position:absolute;top:-80px;left:16px;z-index:100;background:#fff;padding:16px}.skip:focus{top:10px}.top{border-bottom:1px solid var(--line)}.top-inner{display:flex;align-items:center;justify-content:space-between;height:88px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-icon{width:39px;height:43px;display:grid;place-items:center;color:white;background:var(--blue);border-radius:11px}.brand-icon svg{height:29px;width:29px;stroke-width:1.9}.ai-label{background:#e3e8ff;color:var(--blue);font-size:10px;letter-spacing:0;border-radius:5px;padding:5px 6px;margin-left:-3px}.top nav{display:flex;gap:32px;align-items:center;font-size:12px;font-weight:700}.top nav>a:hover{color:var(--blue)}.nav-cta{padding:13px 18px;border:1px solid #c7cbd3;border-radius:7px;display:flex;gap:30px;align-items:center}.nav-cta span{font-size:19px}.eyebrow{font-size:10px;line-height:1.6;font-weight:800;letter-spacing:1.6px;display:inline-flex;align-items:center;gap:9px}.live-dot{height:7px;width:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #e6eaff}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding-top:67px;padding-bottom:70px}.hero-copy{position:relative}h1{font-size:clamp(60px,6.8vw,97px);line-height:.99;letter-spacing:-6px;margin:25px 0 24px;font-weight:800;position:relative;white-space:nowrap}.blue{color:var(--blue)}.title-spark{font-size:49px;position:absolute;right:-3px;top:-46px;color:var(--blue);transform:rotate(12deg)}.lead{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin:0 0 18px}.lead strong{font-weight:800}.hero-detail{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 26px}.button{min-height:56px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:18px 23px;font-size:12px;font-weight:800;letter-spacing:.35px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button svg{height:20px;width:20px}.button-blue{color:#fff;background:var(--blue);box-shadow:0 6px 0 #2d48d3}.button-blue:hover{background:#3855f2}.hero-proof{display:flex;gap:24px;font-size:11px;margin-top:21px;color:#4e566b}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof svg{height:14px;width:14px;color:var(--blue);stroke-width:2.4}.hero-visual{position:relative;transform:rotate(1.5deg);border:1px solid #d0d5df;border-radius:14px;background:#fff;padding:10px;box-shadow:0 24px 50px #101d4014}.compare-header{display:flex;align-items:center;justify-content:space-between;padding:4px 5px 11px;font-size:8px;letter-spacing:.7px;font-weight:800}.compare-header>span{display:flex;align-items:center;gap:7px}.tiny-dot{height:5px;width:5px;background:var(--blue);border-radius:50%}.pause{color:var(--muted);background:#f0f2f7;border:0;border-radius:5px;height:25px;width:28px;font-size:11px;font-weight:800}.comparison{height:390px;border-radius:6px;position:relative;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:0;overflow:hidden}.scene-clean{background:#e9edff}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#c4ceff55 1px,transparent 1px),linear-gradient(90deg,#c4ceff55 1px,transparent 1px);background-size:32px 32px}.scene-bad{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:repeating-linear-gradient(0deg,#90857622 0px,#90857622 1px,transparent 1px,transparent 3px),linear-gradient(130deg,#c2b6a4,#a89c8a)}.hero-paper{position:absolute;top:32px;left:16%;width:68%;height:332px;padding:22px 21px;background:#fff;box-shadow:0 8px 30px #1824411c}.clean-paper{border:1px solid #cdd6f8}.rough-paper{transform:rotate(-10deg) skewY(-3deg) scale(.97);filter:brightness(.84) blur(.3px);background:#ece8da;box-shadow:13px 19px 18px #261d2540}.photo-shadow{position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 44%,#201b2859 49%,#201b2870 63%,transparent 70%);transform:rotate(-10deg);pointer-events:none}.scene-label{position:absolute;top:12px;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:1px;padding:6px 8px;display:flex;align-items:center;gap:5px}.label-before{left:12px;background:#363a40;color:white}.label-after{right:12px;background:var(--blue);color:#fff}.scene-label svg{width:12px;height:12px}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;pointer-events:none;box-shadow:0 0 10px #0003}.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:42px;height:42px;border-radius:50%;box-shadow:0 2px 15px #101d4030;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:21px;letter-spacing:3px;padding-left:3px;font-weight:700}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--blue);outline-offset:2px}.compare-footer{display:flex;align-items:center;justify-content:space-between;font-size:8px;padding:12px 3px 3px;color:#8a91a3}.compare-footer>span:first-child{font-weight:800;letter-spacing:.7px;display:flex;gap:6px;align-items:center;color:#5d6581}.compare-footer svg{width:12px;height:12px}.result-ticket{display:flex;align-items:center;gap:12px;position:absolute;right:-20px;bottom:-27px;background:#fff;border:1px solid #d8dce7;border-radius:10px;padding:13px 15px;box-shadow:0 10px 28px #101d4015;transform:rotate(-4deg)}.ticket-icon{height:41px;width:36px;border-radius:6px;background:#eff2ff;color:var(--blue);display:grid;place-items:center}.result-ticket strong{font-size:12px;display:block}.result-ticket small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.ticket-check{border-radius:50%;color:var(--blue);background:var(--lime);padding:5px;margin-left:8px;font-size:14px}.chapter-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 0;font-size:9px;letter-spacing:1px;color:#7b8090;font-weight:700}.chapter-footer a{color:var(--ink);letter-spacing:0;font-size:11px;display:flex;align-items:center;gap:35px}.chapter-footer a>span{font-size:18px}
/* Shared illustrative document. All text is deliberately the same before/after. */
.paper-inner{font-family:Arial,sans-serif;color:#263046;width:100%;height:100%;position:relative}.paper-brand{display:flex;align-items:center;gap:7px;font-weight:900;font-size:9px;letter-spacing:.8px;line-height:1.15}.paper-brand small{font-size:4px;font-weight:500;letter-spacing:1px}.paper-mark{height:22px;width:22px;background:#101d40;color:#fff;display:grid;place-items:center;font-size:14px}.paper-rule{height:2px;background:#101d40;margin:15px 0 10px}.paper-meta{display:flex;justify-content:space-between;font-size:4px;letter-spacing:.6px;color:#687084}.paper-inner h3{font-size:17px;letter-spacing:-.6px;margin:20px 0 6px;line-height:1.1}.paper-intro{font-size:5px;color:#6f7683;margin:0}.paper-details{display:flex;justify-content:space-between;margin-top:22px}.paper-details small{font-size:4px;color:#8b92a1;display:block;letter-spacing:.6px}.paper-details b{font-size:6px;display:block;margin-top:5px}.paper-table{margin-top:20px;font-size:6px}.paper-table>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e8ed;padding:8px 0;gap:6px}.paper-table b{font-size:4px;letter-spacing:.5px}.paper-total{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.paper-total>span{font-size:6px;font-weight:bold}.paper-total>strong{font-size:13px;letter-spacing:-.5px}.paper-end{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:4px;color:#7f8797}.paper-stamp{border:1px solid #55a280;color:#378864;font-size:7px;letter-spacing:1px;padding:4px 7px;transform:rotate(-8deg)}
/* Playground */
.playground{background:#fff;border-top:1px solid var(--line);padding:42px 0 40px;scroll-margin-top:0}.section-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.small-note{font-size:10px;color:#8b91a0}.magic-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.magic-copy h2,h2{font-size:clamp(38px,4.8vw,63px);line-height:1.04;letter-spacing:-3px;margin:0;font-weight:800}.section-lead{color:var(--muted);font-size:16px;line-height:1.6;margin:19px 0}.sample-tabs{display:inline-flex;border-bottom:1px solid #e2e5ec;gap:22px;margin-bottom:15px}.sample-tabs button{border:0;border-bottom:2px solid transparent;padding:11px 3px;color:#8a91a2;background:transparent;font-size:12px;font-weight:700}.sample-tabs button[aria-pressed=true]{border-color:var(--blue);color:var(--blue)}.fix-steps{padding:0;list-style:none;margin:0 0 24px;max-width:360px}.fix-steps li{display:flex;align-items:center;gap:14px;padding:13px 0;color:#949aa7;transition:color .3s}.fix-steps li>span{font-size:10px;font-weight:700;color:#9da5bc;border:1px solid #e1e5ee;border-radius:6px;height:29px;width:29px;display:grid;place-items:center}.fix-steps strong{font-size:12px;display:block;font-weight:700}.fix-steps small{display:block;font-size:10px;margin-top:4px;color:#969dab}.fix-steps b{margin-left:auto;opacity:0;color:var(--blue);font-size:15px}.fix-steps li.active{color:var(--blue)}.fix-steps li.active>span{background:#eef1ff;border-color:#cfd8ff;color:var(--blue)}.fix-steps li.active b{opacity:1}.magic-actions{display:flex;align-items:stretch;gap:11px}.magic-actions>.button{min-width:252px;justify-content:space-between}.magic-actions>.button:disabled{opacity:.7;cursor:progress;transform:none}.reset{border:1px solid #dce1eb;border-radius:8px;width:54px;color:#7c879f;background:#fff;font-size:24px}.reset:hover{color:var(--blue);border-color:var(--blue)}.demo-status{font-size:10px;color:#8b92a1;margin:17px 0 0;min-height:15px}.sample-download{border:0;background:#edf1ff;color:var(--blue);border-radius:5px;font-size:11px;padding:10px 13px;margin-top:12px;display:flex;align-items:center;gap:12px;font-weight:700}.sample-download svg{width:15px;height:15px}.magic-stage{align-self:center;position:relative;border:1px solid #d9dee8;border-radius:14px;box-shadow:0 16px 38px #1a2b5010;padding:12px;background:#fafbff}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 14px;font-size:9px;color:#536078}.stage-toolbar>span:first-child{display:flex;align-items:center;gap:7px}.stage-toolbar svg{width:15px;height:15px;color:var(--blue)}.sample-label{font-size:7px;border:1px solid #d9dfed;border-radius:4px;padding:5px;color:#949caf;letter-spacing:.6px}.stage-photo{height:405px;overflow:hidden;border-radius:7px;background:linear-gradient(125deg,#b9ad99,#938b7d);position:relative;transition:background .65s}.stage-paper{height:343px;width:69%;position:absolute;top:35px;left:15.5%;padding:25px 21px;background:#e4dfcf;transform:rotate(-9deg) skewY(-3deg);box-shadow:12px 17px 22px #28212440;transition:transform .7s,background .7s,filter .7s,box-shadow .7s;filter:brightness(.88) blur(.3px)}.stage-shadow{position:absolute;inset:0;background:linear-gradient(115deg,transparent 37%,#19172d66 48%,#19172d77 67%,transparent 75%);opacity:1;transition:opacity .7s}.stage-state{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:800;letter-spacing:1px;white-space:nowrap;color:white;background:#172344aa;padding:7px 10px;border-radius:4px}.crop-corner{position:absolute;width:18px;height:18px;border-color:#fff;border-style:solid;transition:all .7s}.c1{left:10%;top:22px;border-width:2px 0 0 2px}.c2{right:10%;top:22px;border-width:2px 2px 0 0}.c3{left:10%;bottom:20px;border-width:0 0 2px 2px}.c4{right:10%;bottom:20px;border-width:0 2px 2px 0}.scan-line{position:absolute;z-index:2;left:8%;right:8%;height:3px;background:#6884ff;box-shadow:0 0 20px 7px #718cffa0;opacity:0;top:10%}.is-scanning .scan-line{opacity:1;animation:scan 1.2s ease-in-out infinite}.is-cleared .stage-shadow{opacity:0}.is-straight .stage-photo{background:#e9edff}.is-straight .stage-paper{transform:rotate(0);background:#fff;filter:none;box-shadow:0 8px 26px #34427b1a}.is-straight .crop-corner{opacity:0}.stage-bottom{display:flex;align-items:center;justify-content:space-between;color:#9199ad;font-size:8px;padding:15px 3px 3px;gap:8px}.stage-bottom>span:last-child{color:#6d7da7;background:#edf0f7;padding:4px 8px;border-radius:4px;font-size:8px;font-weight:700}.pdf-ready{position:absolute;bottom:50px;right:-26px;background:var(--ink);color:#fff;border-radius:9px;display:flex;align-items:center;gap:12px;padding:16px 20px;box-shadow:0 12px 32px #10204030;transform:translateY(10px) rotate(-4deg);opacity:0;visibility:hidden;transition:all .4s}.pdf-ready>span{border-radius:50%;color:var(--ink);background:var(--lime);padding:6px 8px;font-size:13px}.pdf-ready strong{font-size:13px;display:block}.pdf-ready small{font-size:9px;display:block;color:#a4b0ce;margin-top:4px}.is-done .pdf-ready{visibility:visible;opacity:1;transform:translateY(0) rotate(-4deg)}.demo-footnote{text-align:right;color:#959cab;font-size:9px;line-height:1.6;margin:28px 0 38px}.benefit-strip{border-top:1px solid #e6e8ee;display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:30px;gap:25px}.benefit-strip>div{display:flex;align-items:center;gap:13px}.benefit-strip>div>svg,.benefit-symbol{width:34px;height:34px;color:var(--blue)}.benefit-symbol{font-size:24px;letter-spacing:-2px;font-weight:700;display:flex;align-items:center;white-space:nowrap}.benefit-strip strong{font-size:12px;display:block}.benefit-strip small{display:block;color:#959bab;font-size:10px;margin-top:6px}
/* Office story */
.workflow{background:var(--ink);color:#fff;padding:85px 0 70px;overflow:hidden}.workflow-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:95px;align-items:center}.workflow .eyebrow{color:#98a6cb}.workflow h2{font-size:clamp(46px,5.8vw,78px);line-height:1.05;letter-spacing:-3.5px;margin-top:25px}.workflow h2>span{color:var(--lime)}.workflow-copy>p{font-size:20px;line-height:1.6;color:#b8c3df;margin:26px 0}.flow-tabs{display:flex;gap:9px;margin-top:30px}.flow-tabs button{background:#1d2b4e;border:1px solid #364365;color:#adb9d7;border-radius:7px;padding:13px 17px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px}.flow-tabs button>span{font-size:8px;color:#7f8bab}.flow-tabs svg{height:16px;width:16px}.flow-tabs button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}.flow-tabs button[aria-pressed=true]>span{color:#6d7054}.workflow-copy>.flow-description{font-size:11px;line-height:1.7;max-width:350px;color:#91a0c5;min-height:38px;margin-top:16px;margin-bottom:24px}.workflow-link{font-size:11px;border-bottom:1px solid #5e6c8f;padding-bottom:8px;display:inline-flex;align-items:center;gap:25px;color:#d6dff3}.workflow-link>span{color:var(--lime);font-size:17px}.workflow-visual{position:relative;display:flex;justify-content:center;padding:7px 0 32px}.workflow-visual:before{content:'';position:absolute;left:50%;top:45%;width:430px;height:430px;border:1px solid #334265;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 50px #26365828,0 0 0 100px #26365819}.orbit-word{font-size:8px;letter-spacing:3px;color:#6d7d9f;position:absolute;top:-20px;right:10%;transform:rotate(9deg)}.phone{width:274px;height:547px;border:6px solid #354465;box-shadow:0 20px 80px #030c215c,inset 0 0 0 1px #ffffff25;background:#f8f9fd;border-radius:37px;position:relative;overflow:hidden;color:var(--ink);transform:rotate(5deg)}.phone-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);height:16px;width:76px;background:#14213e;border-radius:20px}.phone-bar{padding:14px 16px 0;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700}.phone-app{display:flex;align-items:center;gap:6px;border-bottom:1px solid #e3e7ef;font-weight:800;padding:22px 17px 14px;font-size:12px;letter-spacing:-.4px}.phone-app svg{height:18px;width:18px;color:var(--blue)}.phone-badge{color:var(--blue);font-size:7px;margin-left:auto;background:#e9edff;border-radius:4px;padding:4px;letter-spacing:0}.phone-panel-heading{font-size:21px;letter-spacing:-.9px;font-weight:800;margin:22px 18px 0}.phone-panel-sub{font-size:8px;color:#9aa2b1;margin:7px 18px 18px}.phone-scan{position:relative;height:237px;margin:0 17px;background:linear-gradient(130deg,#c7bfaf,#a49c8e);border-radius:6px;overflow:hidden}.phone-paper{background:#fff;padding:15px 12px;height:204px;width:72%;position:absolute;top:20px;left:14%;transform:rotate(-6deg);box-shadow:3px 5px 15px #302b4833}.phone-paper .paper-brand{font-size:6px;gap:4px}.phone-paper .paper-brand small{font-size:3px}.phone-paper .paper-mark{height:15px;width:15px;font-size:8px}.phone-paper .paper-rule{margin:8px 0 5px;height:1px}.phone-paper .paper-meta{font-size:3px}.phone-paper .paper-inner h3{font-size:10px;margin-top:15px}.phone-paper .paper-intro{font-size:3px}.phone-paper .paper-details{margin-top:10px}.phone-paper .paper-details small{font-size:3px}.phone-paper .paper-details b{font-size:4px;margin-top:3px}.phone-paper .paper-table{font-size:4px;margin-top:10px}.phone-paper .paper-table b{font-size:3px}.phone-paper .paper-table>div{padding:5px 0}.phone-paper .paper-total{margin-top:8px}.phone-paper .paper-total>span{font-size:4px}.phone-paper .paper-total>strong{font-size:8px}.phone-paper .paper-end{margin-top:10px;font-size:3px}.phone-paper .paper-stamp{font-size:4px;padding:2px 3px}.phone-scanline{position:absolute;left:10px;right:10px;top:46%;height:2px;background:#6b84ff;box-shadow:0 0 12px 4px #6888ff6b}.phone-tool{display:flex;justify-content:space-between;font-size:7px;color:#8a93a8;margin:13px 20px}.phone-tool>span:last-child{color:var(--blue)}.phone-shutter{border:1px solid #c4cefa;border-radius:50%;width:44px;height:44px;margin:17px auto 0;display:grid;place-items:center}.phone-shutter>span{height:34px;width:34px;border-radius:50%;background:var(--blue)}.phone-tip{font-size:7px;text-align:center;color:#8e98ad}.phone-sign-paper{margin:0 22px;background:#fff;border:1px solid #e1e6ee;border-radius:5px;height:270px;padding:25px 20px}.mini-doc-heading{font-size:12px;letter-spacing:-.5px;font-weight:700}.mini-lines{height:84px;margin-top:18px;background:repeating-linear-gradient(#dbe0ec 0px,#dbe0ec 3px,transparent 3px,transparent 14px)}.signature-line{height:83px;border-bottom:1px solid #d2daea;padding-top:3px}.signature{height:61px;width:100%;color:var(--blue);stroke-width:2.3;stroke-dasharray:500;animation:sign 1.3s ease-out both}.signature-line>span{display:block;font-size:5px;letter-spacing:1px;color:#939db1}.signature-ok{font-size:7px;color:var(--blue);display:block;margin-top:14px}.phone-pdf-row{display:flex;align-items:center;gap:8px;border:1px solid #e1e6ee;border-radius:6px;margin:16px 20px;padding:12px 8px;font-size:9px;font-weight:700}.phone-pdf-row small{display:block;font-size:6px;color:#96a0b3;font-weight:400;margin-top:4px}.phone-pdf-row>svg{height:15px;width:15px;margin-left:auto;color:var(--blue)}.pdf-icon{border-radius:4px;background:#fae9eb;color:#d75061;font-size:8px;font-weight:800;height:30px;width:27px;display:grid;place-items:center;flex:none}.chat-header{display:flex;align-items:center;gap:8px;background:#fff;border-bottom:1px solid #e2e9e6;padding:17px 15px;color:#245047}.chat-avatar{width:31px;height:31px;border-radius:50%;background:#e7eee9;color:#58806a;display:grid;place-items:center;font-size:12px;font-weight:700}.chat-header b{display:block;font-size:10px}.chat-header small{display:block;font-size:6px;color:#94a29b;margin-top:4px}.chat-header>svg{margin-left:auto;height:15px;width:15px}.chat-conversation{background:#edf2ec;padding:17px 12px;min-height:317px}.chat-date{font-size:6px;text-align:center;color:#9ca99b;letter-spacing:1px;margin:0 0 17px}.chat-in{background:#fff;border-radius:0 8px 8px 8px;padding:12px 11px;font-size:10px;line-height:1.5;max-width:88%;box-shadow:0 2px 0 #00000008}.chat-in>small,.chat-out>small{font-size:6px;color:#8a9a8e;display:block;text-align:right;margin-top:6px}.chat-out{background:#d6f4cf;margin:22px 0 0 15px;border-radius:8px 0 8px 8px;padding:10px 8px;font-size:9px;line-height:1.5;box-shadow:0 2px 0 #00000008}.chat-out>small b{color:#38a1d2}.chat-attachment{background:#ffffff80;display:flex;align-items:center;padding:7px 5px;border-radius:4px;margin-bottom:8px;gap:5px}.chat-attachment b{font-size:8px}.chat-attachment small{font-size:5px;display:block;color:#88a286}.share-success{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#4e7e5b;margin-top:29px}.share-success>span{border-radius:50%;background:#cfdecf;height:18px;width:18px;display:grid;place-items:center}.chat-caption{font-size:8px;text-align:center;color:#8c9b90}.phone-floating{background:var(--lime);color:var(--ink);position:absolute;bottom:60px;left:0;transform:rotate(-4deg);display:flex;align-items:center;gap:9px;font-size:9px;font-weight:800;letter-spacing:.7px;border-radius:6px;padding:14px 18px;box-shadow:0 8px 20px #09142d55}.phone-floating svg{width:16px;height:16px}.phone-disclaimer{position:absolute;bottom:-5px;left:0;right:0;text-align:center;font-size:8px;color:#697b9f}
/* Conversion & original four installation steps */
.get-app{background:var(--blue);color:#fff;padding:44px 0 55px}.get-app .section-topline{margin-bottom:24px;color:#c5cfff}.download-star{font-size:50px;line-height:1;color:var(--lime);transform:rotate(-12deg)}.get-app-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.get-app-heading h2{font-size:clamp(36px,4.1vw,58px);letter-spacing:-2.7px}.get-app-heading h2>span{color:#c5d0ff}.get-app-heading p{font-size:11px;line-height:1.8;color:#c5d0ff;max-width:280px;margin-bottom:3px}.big-download{display:flex;align-items:center;gap:26px;background:var(--lime);color:var(--ink);border-radius:11px;padding:28px 35px;margin-top:36px;box-shadow:0 8px 0 #2845c8;transition:background .2s,transform .2s}.big-download:hover{background:#f5ff54;transform:translateY(-2px)}.big-download-icon{height:60px;width:60px;border:1px solid #29334933;border-radius:50%;display:grid;place-items:center}.big-download-icon svg{height:25px;width:25px}.big-download strong{display:block;font-size:clamp(18px,2.7vw,34px);letter-spacing:-.6px}.big-download small{display:block;font-size:11px;margin-top:7px;color:#58623e}.big-arrow{margin-left:auto;font-size:58px;line-height:1;font-weight:400}.download-under{display:flex;align-items:center;justify-content:space-between;margin:24px 0 45px;color:#c3ceff;font-size:9px}.install-guide{padding-top:30px;border-top:1px solid #ffffff35;scroll-margin-top:24px}.guide-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.guide-heading .eyebrow{font-size:8px;color:#c0ccff}.guide-heading h3{font-size:19px;letter-spacing:-.5px;margin:0}.final-download{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:24px;border-top:1px solid #ffffff35}.final-download strong{display:block;font-size:16px;letter-spacing:-.2px}.final-download>div>span{display:block;font-size:10px;color:#c5cfff;margin-top:7px}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#1a2c54}.download-availability{font-size:9px;color:#c8d2ff;text-align:right;line-height:1.5;margin:12px 0 0}.footer{padding:30px 0 35px;background:var(--paper)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:16px}.footer .brand-icon{height:31px;width:28px;border-radius:7px}.footer .brand-icon svg{height:21px;width:21px}.footer-top>span{font-size:8px;letter-spacing:1.3px;color:#9399a7}.footer-top>a:last-child{font-size:10px;color:#81899a}.footer p{border-top:1px solid var(--line);padding-top:17px;margin:22px 0 0;font-size:8px;color:#9399a7;line-height:1.8;max-width:100%}.sticky-cta{display:none}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:15px 22px;border-radius:9px;box-shadow:0 10px 40px #101d4040;font-size:12px;line-height:1.6;opacity:0;visibility:hidden;transition:all .2s;max-width:calc(100% - 30px);width:max-content}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.noscript-note{padding:15px;text-align:center;background:var(--lime);color:var(--ink);font-size:12px}.flow-panel{animation:panel .4s ease both}@keyframes panel{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sign{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}@keyframes scan{0%{top:8%}100%{top:92%}}
@media(min-width:1500px){.hero-grid{padding-top:85px;padding-bottom:100px}.comparison{height:430px}.hero-paper{top:44px;height:347px;padding-top:28px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:30px}h1{font-size:7.1vw;letter-spacing:-4.2px}.title-spark{font-size:36px;top:-35px;right:10px}.comparison{height:350px}.hero-paper{height:299px;top:26px;width:74%;left:13%;padding:17px}.hero-paper .paper-inner h3{font-size:14px}.hero-paper .paper-details{margin-top:14px}.hero-paper .paper-table{margin-top:14px}.magic-grid{gap:55px}.stage-photo{height:380px}.stage-paper{height:324px;top:28px;width:75%;left:12.5%;padding:21px}.workflow-grid{gap:35px}.workflow-visual:before{width:330px;height:330px}.workflow h2{font-size:6.5vw}.get-app-heading{display:block}.get-app-heading p{max-width:none;margin-top:20px}.get-app-heading p br{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.top-inner{height:70px}.brand{font-size:18px;gap:9px}.brand-icon{width:31px;height:35px;border-radius:8px}.brand-icon svg{height:24px;width:24px}.ai-label{font-size:8px;padding:4px}.top nav>a:not(.nav-cta){display:none}.nav-cta{font-size:10px;padding:10px 11px;gap:14px}.nav-cta>span{font-size:16px}.hero-grid{grid-template-columns:1fr;padding-top:37px;padding-bottom:52px;gap:37px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:clamp(46px,12.5vw,88px);letter-spacing:-3px;margin:21px 0 20px;max-width:100%}.title-spark{right:2%;top:6px;font-size:34px}.hero .lead{font-size:21px;line-height:1.25;margin-bottom:12px}.hero .lead br{display:none}.hero-detail{font-size:12px;line-height:1.65;margin-bottom:20px}.hero-detail br{display:none}.hero .button{width:100%;justify-content:space-between;min-height:51px;font-size:11px}.hero-proof{font-size:10px;margin-top:18px;justify-content:center;gap:24px}.hero-visual{max-width:470px;width:calc(100% - 6px);justify-self:center;padding:8px;transform:rotate(1deg)}.comparison{height:310px}.hero-paper{height:264px;top:24px;width:67%;left:16.5%;padding:17px 17px}.hero-paper .paper-inner h3{font-size:14px;margin-top:16px}.hero-paper .paper-intro{font-size:4px}.hero-paper .paper-details{margin-top:16px}.hero-paper .paper-table{margin-top:12px}.hero-paper .paper-table>div{padding:6px 0}.hero-paper .paper-total{margin-top:12px}.hero-paper .paper-total>strong{font-size:11px}.hero-paper .paper-end{margin-top:12px}.result-ticket{padding:10px 12px;bottom:-23px;right:1px;gap:9px}.ticket-icon{height:33px;width:29px}.ticket-icon svg{height:21px;width:21px}.result-ticket strong{font-size:10px}.result-ticket small{font-size:8px}.ticket-check{font-size:11px;margin-left:5px}.compare-header{font-size:7px;padding-bottom:8px}.compare-footer{font-size:7px;padding-top:9px}.chapter-footer{padding-top:16px;padding-bottom:16px;font-size:7px}.chapter-footer a{font-size:9px;gap:12px}.chapter-footer a>span{font-size:15px}.playground{padding-top:30px;padding-bottom:29px}.section-topline{margin-bottom:29px}.small-note{display:none}.magic-grid{grid-template-columns:1fr;gap:28px}.magic-copy h2,h2{font-size:43px;letter-spacing:-2px}.section-lead{font-size:14px;line-height:1.5;margin:15px 0 12px}.section-lead br{display:none}.sample-tabs{margin-bottom:7px}.sample-tabs button{font-size:11px;padding-top:8px;padding-bottom:9px}.fix-steps{margin-bottom:18px;max-width:none}.fix-steps li{padding:10px 0;gap:12px}.fix-steps li>span{height:25px;width:25px;font-size:9px}.fix-steps strong{font-size:11px}.fix-steps small{font-size:9px;margin-top:3px}.magic-actions>.button{min-width:0;flex:1;min-height:52px}.reset{width:51px}.demo-status{font-size:9px;margin-top:14px}.magic-stage{width:100%;max-width:440px;justify-self:center;padding:10px}.stage-toolbar{font-size:8px;padding-bottom:12px}.stage-photo{height:340px}.stage-paper{height:287px;width:71%;left:14.5%;top:28px;padding:21px 17px}.stage-paper .paper-inner h3{font-size:15px;margin-top:17px}.stage-paper .paper-details{margin-top:17px}.stage-paper .paper-table{margin-top:16px}.stage-paper .paper-table>div{padding:6px 0}.stage-paper .paper-total{margin-top:14px}.stage-paper .paper-total>strong{font-size:12px}.stage-paper .paper-end{margin-top:13px}.stage-state{font-size:7px;bottom:11px;padding:6px 8px}.stage-bottom{font-size:7px;padding-top:12px}.pdf-ready{right:-3px;bottom:43px;padding:12px 15px}.pdf-ready strong{font-size:11px}.pdf-ready small{font-size:8px}.demo-footnote{text-align:left;font-size:8px;margin:20px 0 25px;line-height:1.7}.benefit-strip{grid-template-columns:1fr;padding-top:23px;gap:22px}.benefit-strip>div{gap:14px}.benefit-strip>div>svg,.benefit-symbol{width:29px;height:29px}.benefit-symbol{font-size:21px}.benefit-strip strong{font-size:12px}.benefit-strip small{font-size:10px;margin-top:4px}.workflow{padding-top:38px;padding-bottom:40px}.workflow-grid{grid-template-columns:1fr;gap:45px}.workflow h2{font-size:clamp(47px,12.2vw,75px);letter-spacing:-2.5px;margin-top:20px}.workflow-copy>p{font-size:17px;margin:20px 0}.flow-tabs{margin-top:22px;gap:8px}.flow-tabs button{flex:1;justify-content:center;padding:13px 6px;font-size:10px;gap:6px}.flow-tabs svg{height:15px;width:15px}.flow-tabs button>span{font-size:7px}.workflow-copy>.flow-description{font-size:10px;margin-top:12px;margin-bottom:16px;min-height:33px}.workflow-link{font-size:10px}.workflow-visual{padding-top:0;padding-bottom:25px}.phone{width:258px;height:526px;transform:rotate(3deg)}.phone-panel-heading{font-size:20px}.phone-panel-sub{font-size:7px}.phone-scan{height:225px}.phone-paper{height:195px;top:15px}.phone-scan .paper-details{margin-top:9px}.phone-scan .paper-table{margin-top:7px}.phone-scan .paper-table>div{padding:4px 0}.phone-shutter{margin-top:13px}.phone-floating{left:1%;bottom:50px;font-size:8px;padding:12px 15px}.orbit-word{top:-13px;right:1%;font-size:7px}.phone-disclaimer{bottom:-2px;font-size:7px}.get-app{padding:28px 0 35px}.get-app .section-topline{margin-bottom:25px}.get-app .eyebrow{font-size:7px;letter-spacing:1px;max-width:240px}.download-star{font-size:37px}.get-app-heading h2{font-size:37px;letter-spacing:-2px;line-height:1.08}.get-app-heading p{font-size:11px;margin-top:16px;line-height:1.7}.big-download{gap:13px;margin-top:23px;padding:22px 17px;border-radius:8px}.big-download-icon{width:38px;height:38px}.big-download-icon svg{height:19px;width:19px}.big-download strong{font-size:18px;letter-spacing:-.5px;white-space:nowrap}.big-download small{font-size:9px;margin-top:6px}.big-arrow{font-size:33px}.download-under{font-size:8px;margin:22px 0 29px}.download-under>span:last-child{display:none}.install-guide{padding-top:23px}.guide-heading{display:block;margin-bottom:18px}.guide-heading h3{font-size:22px;margin-top:10px;letter-spacing:-.7px}.final-download{display:block;margin-top:23px;padding-top:22px}.final-download strong{font-size:17px}.final-download>div>span{font-size:10px;line-height:1.6}.final-download .button{margin-top:18px;width:100%;justify-content:space-between;font-size:11px;min-height:52px}.download-availability{font-size:9px;text-align:center;margin-top:14px}.footer{padding-top:25px;padding-bottom:100px}.footer-top{gap:12px}.footer-top>span{display:none}.footer .brand{font-size:15px}.footer-top>a:last-child{font-size:9px}.footer p{font-size:8px;line-height:1.8;margin-top:20px}.sticky-cta{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(14px);z-index:50;border-top:1px solid #dce2ee;padding:10px 18px calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -5px 25px #1020400d}.sticky-cta strong{display:block;font-size:12px;letter-spacing:-.3px}.sticky-cta small{display:block;font-size:8px;color:#7b859a;margin-top:4px}.sticky-cta .button{font-size:10px;min-height:43px;padding:12px 14px;gap:12px;box-shadow:none}.sticky-cta svg{width:16px;height:16px}.toast{bottom:90px;font-size:11px;padding:13px 17px}.noscript-note{padding-bottom:90px;font-size:11px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}h1{font-size:12.6vw;letter-spacing:-2.5px}.title-spark{font-size:26px;top:-17px;right:2px}.hero .lead{font-size:19px}.hero-grid{gap:33px}.comparison{height:285px}.hero-paper{height:245px;top:21px;width:73%;left:13.5%;padding:14px}.hero-paper .paper-inner h3{font-size:12px}.hero-paper .paper-details{margin-top:12px}.hero-paper .paper-table{margin-top:8px}.hero-paper .paper-table>div{padding:5px 0}.hero-paper .paper-total{margin-top:10px}.compare-footer{font-size:6px}.compare-footer>span:first-child{letter-spacing:.3px}.magic-copy h2{font-size:38px}.stage-photo{height:320px}.stage-paper{height:272px;width:77%;left:11.5%;top:25px;padding:18px 15px}.stage-paper .paper-inner h3{font-size:13px}.stage-paper .paper-details{margin-top:14px}.stage-paper .paper-table{margin-top:12px}.stage-paper .paper-total{margin-top:12px}.stage-paper .paper-end{margin-top:10px}.stage-bottom{font-size:6px}.get-app-heading h2{font-size:32px;letter-spacing:-1.8px}.big-download{padding:20px 12px;gap:9px}.big-download strong{font-size:16px}.big-download-icon{width:32px;height:32px}.big-arrow{font-size:28px}.top .ai-label{display:none}.nav-cta{gap:10px}.sticky-cta{padding-left:13px;padding-right:13px}.sticky-cta small{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scan-line{display:none}}

/* Keep demonstration labels readable on every screen. */
.demo-status,.demo-footnote{color:#657086;font-size:10px}.stage-bottom{color:#66718a}.phone-disclaimer{color:#b1bfdc}

.pdf-ready{bottom:92px}@media(max-width:760px){.pdf-ready{display:none}}

@media(max-width:760px){.hero-grid{padding-bottom:83px}.result-ticket{bottom:-57px}}

/* Android setup: every step has its own portrait screen, in one vertical sequence. */
.guide-heading{align-items:flex-start;margin-bottom:12px}
.guide-screen-note{font-size:10px;line-height:1.7;color:#dce3ff;margin:0 0 25px}
.steps{list-style:none;display:flex;flex-direction:column;gap:24px;padding:0;margin:0}
.step{display:grid;grid-template-columns:minmax(0,1fr) 292px;align-items:center;gap:50px;background:#f8faff;color:var(--ink);border:1px solid #ffffff80;border-radius:16px;padding:36px 48px;position:relative;overflow:hidden}
.step-copy{display:flex;gap:23px;align-items:flex-start;max-width:430px}
.step-index{height:44px;width:44px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e7ecff;border:1px solid #d1dbff;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.2px}
.step-text{padding-top:3px}
.step-eyebrow{display:block;color:#7d8aab;font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:13px}
.step h3{font-size:30px;line-height:1.12;letter-spacing:-1.1px;margin:0 0 17px;color:var(--ink)}
.step p{font-size:13px;line-height:1.8;color:#66738c;margin:0;max-width:330px}
.step-action{margin-top:25px;display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #dae2fb;border-radius:7px;color:#64728e;font-size:11px;background:#fff}
.step-action strong{color:var(--blue)}
.step-action svg{height:15px;width:15px;color:var(--blue)}
.step-screenshot{width:100%;margin:0;justify-self:center}
.step-screenshot img{display:block;width:100%;height:auto;aspect-ratio:1 / 2;background:#f5f6fa;border:1px solid #d4dae6;border-radius:15px;box-shadow:0 12px 30px #23345b15}
.step-screenshot figcaption{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-size:7px;letter-spacing:1.1px;color:#8c97ac;font-weight:700}
.screen-indicator{height:4px;width:4px;display:inline-block;background:#98a8cc;border-radius:50%}
@media(max-width:1100px){.step{grid-template-columns:minmax(0,1fr) 258px;gap:30px;padding:30px}.step-copy{gap:16px}.step-index{height:36px;width:36px;font-size:11px}.step h3{font-size:26px}.step p{font-size:12px}}
@media(max-width:760px){
 .guide-heading{margin-bottom:9px}.guide-screen-note{font-size:9px;line-height:1.7;margin:0 0 22px;max-width:340px}
 .steps{gap:18px}.step{display:flex;flex-direction:column;align-items:stretch;gap:23px;border-radius:12px;padding:22px 18px 19px}
 .step-copy{gap:12px;max-width:none}.step-index{height:31px;width:31px;font-size:10px}.step-text{padding-top:0}
 .step-eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:8px}.step h3{font-size:24px;letter-spacing:-.8px;line-height:1.12;margin:0 0 10px}.step p{font-size:11px;line-height:1.7;max-width:none}.step-action{font-size:10px;padding:8px 10px;margin-top:14px;gap:5px}.step-action svg{height:13px;width:13px}
 .step-screenshot{width:min(100%,288px);align-self:center}.step-screenshot img{border-radius:13px;box-shadow:0 8px 20px #23345b12}.step-screenshot figcaption{font-size:6px;letter-spacing:1px;margin-top:12px}
}
@media(max-width:360px){.step{padding:20px 13px 17px;gap:22px}.step-copy{gap:10px}.step-index{width:28px;height:28px;font-size:9px}.step h3{font-size:22px}.step p{font-size:10px}.step-screenshot{width:min(100%,264px)}}