:root { --ink:#162a3a; --muted:#687885; --blue:#155eef; --cyan:#08a4b8; --lime:#d9f55b; --paper:#f4f7f5; --line:#dce5e3; }
* { box-sizing:border-box; }
html { background:#dbe4e2; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter, "Segoe UI", Arial, sans-serif; }
button, textarea { font:inherit; }
button { cursor:pointer; }
main { width:100%; max-width:520px; min-height:100vh; margin:auto; background:#fff; box-shadow:0 0 60px #63757133; overflow:hidden; }
.topbar { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid var(--line); background:#fff; position:sticky; top:0; z-index:5; }
.brand { display:flex; align-items:center; gap:10px; border:0; background:none; color:var(--ink); text-align:left; padding:0; }
.brandmark { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:#fff; background:var(--ink); font-size:21px; font-weight:900; transform:rotate(-4deg); }
.brand strong,.brand small { display:block; }.brand strong{font-size:18px; letter-spacing:-.5px}.brand small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-top:2px}
.iconButton { width:42px; height:42px; border:1px solid var(--line); border-radius:50%; background:#fff; font-size:22px; }
.hero,.solution { padding:28px 22px 36px; }
.status { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; background:#effbf4; color:#22734b; border-radius:99px; font-size:12px; font-weight:700; }
.status span { width:7px;height:7px;background:#32b76c;border-radius:50%;box-shadow:0 0 0 4px #32b76c20; }
.eyebrow { margin:28px 0 10px; color:var(--cyan); font-size:11px; font-weight:900; letter-spacing:1.8px; }
h1 { font-size:42px; line-height:1.03; letter-spacing:-2px; margin:0; } h1 em{font-style:normal;color:var(--blue)}
.intro { color:var(--muted); line-height:1.55; font-size:16px; }
.searchBox { padding:17px; border:1px solid var(--line); border-radius:20px; box-shadow:0 12px 30px #1b3e4920; margin:25px 0 32px; }
.searchBox label { display:block; font-size:12px; font-weight:800; margin-bottom:8px; }
textarea { width:100%; resize:none; border:0; outline:0; color:var(--ink); font-size:16px; line-height:1.45; }
textarea::placeholder{color:#a2adb3}.primary{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:14px 16px;font-weight:800}.primary:disabled{opacity:.45}.searchBox .primary{width:100%;display:flex;justify-content:space-between;margin-top:12px}
.sectionTitle { display:flex; align-items:end; justify-content:space-between; margin-bottom:10px; }.sectionTitle span{font-weight:900}.sectionTitle small{color:var(--muted)}
.quick>button { width:100%; display:grid; grid-template-columns:44px 1fr 16px; align-items:center; gap:12px; border:0; border-top:1px solid var(--line); background:#fff; padding:13px 0; text-align:left; color:var(--ink); }
.quick>button>span:nth-child(2){font-weight:750}.quick button small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.quick button b{font-size:25px;font-weight:400;color:#91a0a8}
.quickIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:#eaf1ff;color:var(--blue)}.q1{background:#ecf9f6;color:#008b80}.q2{background:#f5f7dc;color:#718000}.q3{background:#f4efff;color:#7749bd}
.privacy { background:#f4f7f5; border-radius:12px; padding:12px; color:var(--muted); font-size:11px; line-height:1.45; }
.back { border:0;background:none;color:var(--muted);font-weight:700;padding:0;margin-bottom:18px}.aiBadge{display:inline-block;background:var(--ink);color:#fff;padding:8px 11px;border-radius:8px;font-size:11px;font-weight:800}.solution h1{font-size:32px;letter-spacing:-1.2px}.confidence{display:flex;align-items:center;gap:10px;margin:18px 0}.confidence>span{height:7px;flex:1;background:#e9eeed;border-radius:9px;overflow:hidden}.confidence i{display:block;height:100%;background:var(--cyan)}.confidence b{font-size:11px;color:var(--cyan)}
.stepCard{border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 25px #1b3e4912}.stepHead{display:flex;justify-content:space-between;color:var(--blue);font-size:12px;font-weight:900}.stepHead small{color:var(--muted)}.stepCard>p{font-size:20px;line-height:1.45;min-height:116px}.stepDots{display:flex;gap:6px;margin:16px 0}.stepDots i{height:5px;flex:1;border-radius:6px;background:#e3e9e8}.stepDots i.active{background:var(--blue)}.stepActions{display:flex;gap:9px}.stepActions button{flex:1;border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff;font-weight:800}.stepActions .primary{background:var(--blue);border-color:var(--blue)}
.rating{margin:20px 0;padding:16px;background:#f5f8f7;border-radius:15px}.rating p{font-weight:800;margin-top:0}.rating button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px;margin-right:6px}.rating small{display:block;color:#237150;margin-top:12px}.support{width:100%;padding:14px;border:1px solid var(--ink);border-radius:12px;background:#fff;font-weight:800}.notice{font-size:13px;color:var(--muted);text-align:center}
footer{display:flex;justify-content:space-between;padding:16px 22px;background:var(--ink);color:#a8bbc3;font-size:9px}.modal{position:fixed;inset:0;background:#132833d9;z-index:20;display:grid;place-items:center;padding:22px}.modal[hidden]{display:none}.modal>div{width:min(100%,360px);background:#fff;border-radius:22px;padding:25px;text-align:center;position:relative}.modal .close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px}.modal h2{margin:0}.modal img{width:230px;height:230px;image-rendering:pixelated;margin:18px auto 8px}.modal p{font-weight:800}.modal small{color:var(--muted)}
@media(min-width:700px){body{padding:30px 0}main{min-height:calc(100vh - 60px);border-radius:28px} }
@media(max-width:360px){h1{font-size:36px}.hero,.solution{padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}