:root{color-scheme:light;--ink:#18213a;--sub:#64708a;--blue:#2222bb;--blue2:#171b62;--line:#e6e9f0;--paper:#fff;--mist:#f5f7fb;--sea:#61d5e5;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f9fbfd;color:var(--ink);font-size:15px}body{min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #5caee0;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}.app-shell{max-width:1300px;min-height:100vh;margin:auto}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.4%;border-bottom:1px solid #e7eaf0}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--blue2)}.brand-mark{height:41px;width:41px;background:var(--blue);color:white;border-radius:13px;display:grid;place-items:center}.brand-mark svg{width:28px}.brand-word{font-size:25px;font-weight:810;letter-spacing:-1.6px}.brand-dot{color:#00acd1}.prototype-tag{font-size:12px;color:#606e87;border:1px solid var(--line);background:white;padding:9px 12px;border-radius:99px;font-weight:600;display:flex;align-items:center;gap:8px}.tag-dot{width:7px;height:7px;border-radius:50%;background:#16aeb0}.layout{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:7%;padding:74px 5.4% 54px;align-items:start}.intro-panel{position:relative;padding-top:7px}.eyebrow,.section-kicker,.mini-eyebrow{color:var(--blue);font-size:11px;letter-spacing:2px;font-weight:810}.intro-panel h1{margin:22px 0;font-weight:810;font-size:clamp(44px,4.8vw,70px);line-height:1.07;letter-spacing:-3.2px}.intro-panel h1 em{font-weight:650;font-style:normal;color:var(--blue)}.intro-copy{color:#67748d;max-width:385px;line-height:1.7;font-size:16px}.illustration{height:225px;position:relative;margin:31px 0 37px;padding:18px;background:#eaf8fb;border-radius:22px;overflow:hidden}.pool-surface{height:100%;border-radius:14px;background:linear-gradient(135deg,#37b6d2 0%,#67d3df 40%,#3188bb 100%);position:relative;overflow:hidden;transform:skewY(-3deg) rotate(-2deg) scale(1.04);box-shadow:inset 0 0 0 9px #f2f8f9,inset 0 0 0 12px #aedfe7}.pool-surface::before{content:"";position:absolute;inset:0;opacity:.3;background:repeating-radial-gradient(ellipse at 60% 20%,transparent 0,transparent 16px,white 17px,transparent 19px)}.pool-surface::after{content:"";position:absolute;top:-30%;left:12%;width:26%;height:150%;background:linear-gradient(90deg,transparent,#ffffff47,transparent);transform:rotate(45deg)}.pool-shine{position:absolute;border:2px solid #ffffff80;border-radius:50%;width:100px;height:44px}.shine-one{top:38px;left:8%}.shine-two{bottom:30px;right:13%;width:135px;height:54px}.shine-three{top:30%;right:35%;width:70px;height:26px}.shine-four{bottom:12px;left:36%;width:90px;height:35px}.pool-label{position:absolute;right:26px;bottom:28px;padding:10px 13px;background:#fff;box-shadow:0 6px 30px #12396b22;border-radius:99px;font-size:11px;font-weight:730;color:#244d72;display:flex;gap:9px;align-items:center}.little-sun{color:#f4a928;font-size:17px}.promise-list{display:grid;gap:14px}.promise-item{color:#42506d;font-weight:600;font-size:13px;display:flex;gap:13px;align-items:center}.promise-icon{font-size:12px;color:#178ca5;background:#dcf5f6;display:inline-grid;width:23px;height:23px;border-radius:50%;place-items:center}.workspace{min-width:0}.loading{padding:60px 0;color:var(--sub)}.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:28px}.section-top h2{margin:12px 0;font-size:clamp(30px,3.1vw,43px);letter-spacing:-1.9px;line-height:1.18}.section-description{margin:0;color:#707d93;font-size:14px;line-height:1.6}.step-indicator{white-space:nowrap;font-size:21px;font-weight:800;color:var(--blue);padding-top:13px}.step-indicator span{color:#c0c6d2}.panel{background:var(--paper);border:1px solid #e6eaf2;border-radius:22px;padding:28px 29px;box-shadow:0 13px 42px #182d6210}.form-group{min-width:0}.form-group label{font-size:13px;font-weight:730;display:block;margin:0 0 10px}.form-group input,.form-group select{width:100%;height:48px;line-height:normal;border:1px solid #d9dfea;border-radius:10px;padding:0 14px;color:#24304b;background:#fff;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2222bb11;outline:none}.form-group input::placeholder{color:#a5aebe}.field-note{font-size:11px;line-height:1.55;color:#8490a4;margin:7px 0 0}.divider{margin:22px 0;border-top:1px solid var(--line)}.input-with-suffix{position:relative}.input-with-suffix input{padding-right:90px}.input-with-suffix span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#8290a4;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:22px}.form-footer{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:29px}.privacy-copy{display:flex;gap:6px;align-items:center;color:#8490a0;font-size:10px;max-width:180px;line-height:1.4}.privacy-copy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.primary-button{white-space:nowrap;border:0;border-radius:10px;padding:14px 18px;min-height:47px;background:var(--blue);color:#fff;font-weight:730;box-shadow:0 6px 16px #2323ad30}.primary-button:hover{background:#1717a2}.primary-button span{font-size:18px;margin-left:13px}.form-error{padding:12px 14px;border-radius:9px;color:#9c253d;background:#fff0f3;font-size:13px;margin:20px 0 0}.status-pill{font-size:11px;font-weight:700;background:#e6f9f4;border-radius:99px;padding:9px 12px;color:#177e65;white-space:nowrap;margin-top:9px}.status-dot{display:inline-block;background:#2fc99a;border-radius:50%;width:7px;height:7px;margin-right:6px}.pool-card{padding:27px}.pool-card-top{display:flex;align-items:center;justify-content:space-between}.mini-eyebrow{font-size:10px;color:#8995aa;letter-spacing:1.6px}.text-button,.danger-text-button{border:0;background:none;color:var(--blue);font-size:12px;font-weight:740;padding:6px}.text-button:hover,.danger-text-button:hover{text-decoration:underline}.metric{margin-top:30px;display:flex;align-items:center;gap:17px}.metric-icon{width:60px;height:60px;border-radius:17px;display:grid;place-items:center;background:#e7f9ff;color:#278cb4;font-weight:800;font-size:34px}.metric strong{display:block;letter-spacing:-1px;font-size:28px;line-height:1.2}.metric small{font-size:12px;color:#8390a1}.summary-grid{border-top:1px solid var(--line);margin-top:25px;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.summary-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#8c96a8;font-weight:700}.summary-value{display:block;margin-top:7px;font-size:14px;color:#30405c;font-weight:750}.saved-line{font-size:11px;color:#9aa5b4;margin-top:23px}.next-section{margin-top:38px}.next-section h3{font-size:24px;margin:9px 0 18px;letter-spacing:-.9px}.next-card{background:#eef3ff;border:1px solid #dce5fc;border-radius:16px;padding:19px;display:flex;gap:13px;align-items:flex-start}.next-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;background:#dce7ff;color:#2522ad;border-radius:10px;font-size:21px}.next-card strong{font-size:14px}.next-card p{font-size:12px;color:#67738d;line-height:1.6;margin:6px 0 0}.soon-tag{white-space:nowrap;background:#fff;border-radius:6px;padding:6px;font-size:9px;color:#626b95;font-weight:800;letter-spacing:.5px}.data-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px;align-items:center}.outline-button{border:1px solid #d6ddeb;padding:11px 14px;background:#fff;color:#2637a7;border-radius:9px;font-size:12px;font-weight:740}.danger-text-button{color:#8d4250}.data-note{color:#8390a2;font-size:11px;line-height:1.6;margin-top:21px}.site-footer{display:flex;justify-content:space-between;gap:20px;margin:6px 5.4% 0;padding:21px 0 29px;border-top:1px solid var(--line);font-size:11px;color:#8a96a9}@media(max-width:930px){.layout{grid-template-columns:1fr;gap:36px;padding-top:34px}.intro-panel h1{font-size:42px}.intro-panel .illustration,.intro-panel .promise-list{display:none}.intro-copy{margin-bottom:0}.topbar{height:76px}.section-top h2{font-size:32px}.intro-panel h1{margin:14px 0}.intro-panel{padding:0}.workspace{margin-bottom:32px}}@media(max-width:540px){.layout{padding:29px 19px 24px;gap:32px}.topbar{padding:0 20px;height:72px}.brand-word{font-size:23px}.brand-mark{width:35px;height:35px;border-radius:11px}.brand-mark svg{width:24px}.prototype-tag{font-size:9px;padding:8px}.intro-panel h1{font-size:39px;letter-spacing:-1.9px}.intro-copy{font-size:13px;line-height:1.6}.section-top{margin-bottom:20px}.section-top h2{font-size:31px;letter-spacing:-1px}.section-description{font-size:12px}.section-kicker{font-size:9px;letter-spacing:1.4px}.step-indicator{font-size:17px}.panel{padding:22px 18px;border-radius:17px}.form-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.form-footer{align-items:stretch;flex-direction:column;gap:15px}.privacy-copy{max-width:none}.primary-button{width:100%}.next-card{flex-wrap:wrap}.soon-tag{margin-left:50px}.status-pill{font-size:9px;padding:7px}.section-top{gap:8px}.data-actions{flex-wrap:wrap}.site-footer{margin:0 20px;padding-bottom:30px;font-size:9px}.metric strong{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* v0.2: an explicit indicator prevents mistaking online-only functionality for offline readiness. */
.offline-readiness {margin-bottom:14px;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.4;border:1px solid #d8e5fb;background:#f1f6ff;color:#394a6b;}
.offline-readiness.ready {border-color:#b8e7d9;background:#e7f8f2;color:#176c56;}
.offline-readiness.warning {border-color:#f3d7aa;background:#fff7e9;color:#89580b;}