:root{color-scheme:dark;--bg:#0b1731;--surface:#142648;--ink:#f2f5ff;--muted:#b5c5df;--accent:#c3c9ff;--line:#415677}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:650;font-size:25px}.brand img{border-radius:12px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;padding-block:64px 96px}.byline{color:var(--accent);font-size:15px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(52px,6.8vw,90px);margin:22px 0 28px}h2{font-size:clamp(36px,4.5vw,56px);margin:0 0 26px}h3{font-size:24px;font-weight:550;margin:0 0 16px}.intro p{max-width:45ch;color:var(--muted)}.intro .lead{font-size:23px;color:var(--ink);max-width:30ch}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 23px;background:var(--accent);color:#152346;border:0;border-radius:9px;font:600 16px Segoe UI,Arial,sans-serif;text-decoration:none}.button{margin-top:24px}.button:hover{background:#e0e3ff;color:#152346}.small{font-size:14px;line-height:1.6;color:var(--muted)}.app-preview{margin:0;justify-self:center;max-width:320px;transform:rotate(3deg)}.app-preview img{display:block;width:100%;height:auto;border-radius:32px;border:7px solid #273753;box-shadow:0 24px 70px #0005}.app-preview figcaption{text-align:center;margin-top:18px;font-size:14px;color:var(--muted)}.practice{padding-block:64px 88px;border-top:1px solid var(--line)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-top:42px}.features p{color:var(--muted);margin:0}.signup{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;background:var(--surface);padding:56px;border-radius:24px;scroll-margin-top:24px}.signup p{max-width:48ch}.form-panel{align-self:center}label{display:block;margin-bottom:12px;font-weight:600}.input-row{display:flex;gap:10px;flex-wrap:wrap}input{flex:1;min-width:0;width:100%;min-height:52px;border:1px solid #8294b4;border-radius:8px;background:#0b1731;color:var(--ink);padding:12px 15px;font:inherit}input::placeholder{color:#a7b7d1}button:disabled{opacity:.55;cursor:not-allowed}#signup-status{font-size:14px;color:var(--accent)}.privacy{max-width:760px;padding-block:96px}.privacy p{color:var(--muted)}.privacy h2{font-size:36px}footer{padding-block:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}footer div{display:flex;gap:24px;flex-wrap:wrap}:focus-visible{outline:3px solid #dbe6ff;outline-offset:5px}.skip{position:absolute;left:16px;top:-100px;background:var(--ink);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:8px}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:36px;padding-block:30px 64px}.app-preview{max-width:265px;transform:none}.features{grid-template-columns:1fr;gap:32px}.signup{grid-template-columns:1fr;padding:28px;gap:24px}.wrap{width:calc(100% - 32px)}.privacy{padding-block:64px}footer{flex-direction:column}header>a:last-child{font-size:14px}.practice{padding-block:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
