:root{--bg:#0c1110;--panel:#121a18;--panel-soft:#18231f;--text:#f4f1ea;--muted:#b9c2bb;--line:#ffffff1f;--accent:#31d07f;--accent-dark:#127c4b;--rose:#ff7f91;--gold:#f2c35b}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}html,body{overflow-x:hidden}body{min-height:100%;color:var(--text);background:radial-gradient(circle at 20% 10%,#31d07f2e,#0000 28rem),radial-gradient(circle at 85% 25%,#ff7f9124,#0000 24rem),linear-gradient(135deg,#07100d 0%,#101714 52%,#171413 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page-shell,.content-page{width:min(1120px,100% - 32px);margin:0 auto}.nav,.simple-header{justify-content:space-between;align-items:center;gap:20px;padding:28px 0;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-logo{object-fit:cover;border-radius:50%;width:34px;height:34px;display:block;box-shadow:0 0 0 5px #31d07f1f}.nav-links{color:var(--muted);gap:18px;font-size:14px;display:flex}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:56px;min-height:calc(100vh - 92px);padding:32px 0 76px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:800}h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(44px,7vw,84px);line-height:.92}.lede{max-width:600px;color:var(--muted);margin:26px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.5}.actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-action,.secondary-action,.small-action{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:800;display:inline-flex}.primary-action,.small-action{color:#04120b;background:var(--accent)}.secondary-action{color:var(--text);border:1px solid var(--line);background:#ffffff0a}.small-action{min-height:40px;font-size:14px}.phone-preview{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff14, #ffffff05), var(--panel);border-radius:28px;padding:18px;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000052}.phone-top{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 8px 16px;display:flex}.avatar{color:#06110c;background:linear-gradient(135deg, var(--accent), var(--gold));border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.avatar-logo{object-fit:cover;display:block}.phone-top small{color:var(--muted);margin-top:2px;display:block}.bubble{border-radius:18px;width:fit-content;max-width:92%;margin-top:14px;padding:12px 14px;font-size:15px;line-height:1.45}.incoming{background:#202c27}.outgoing{color:#03120b;background:#9bf3bf;margin-left:auto}.divider{color:var(--muted);letter-spacing:.08em;margin:18px 0 4px;font-weight:800}.trust-strip{border:1px solid var(--line);background:var(--line);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:54px;display:grid;overflow:hidden}.trust-strip div{background:#121a18e0;padding:22px}.trust-strip strong,.trust-strip span{display:block}.trust-strip span{color:var(--muted);margin-top:8px;line-height:1.45}.content-page{padding-bottom:72px}.policy-card{border:1px solid var(--line);background:#121a18db;border-radius:28px;max-width:820px;margin:34px auto 0;padding:clamp(28px,5vw,54px)}.policy-card h1{font-size:clamp(40px,8vw,70px)}.policy-card h2{margin:34px 0 8px;font-size:22px}.policy-card p{color:var(--muted);font-size:17px;line-height:1.7}.steps-list{gap:18px;margin:34px 0;display:grid}.steps-list section{border-top:1px solid var(--line);grid-template-columns:42px 1fr;align-items:start;gap:16px;padding-top:18px;display:grid}.steps-list span{color:#04120b;background:var(--accent);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.steps-list h2,.inline-action{margin-top:4px}.readalong-shell{place-items:center;height:100dvh;max-height:100dvh;padding:14px;display:grid;overflow:hidden}.readalong-phone{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff14, #ffffff05), var(--panel);border-radius:28px;flex-direction:column;width:min(100%,520px);height:min(780px,100dvh - 28px);min-height:0;display:flex;overflow:hidden;box-shadow:0 28px 80px #00000052}.readalong-top{background:#121a18f5;flex:none;justify-content:space-between;padding:18px}.readalong-brand-link{align-items:center;gap:12px;min-width:0;display:flex}.readalong-brand-link div{min-width:0}.readalong-brand-link strong,.readalong-brand-link small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.readalong-logout{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0f;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:800}.readalong-logout:hover{background:#ffffff1a}.readalong-auth{padding:clamp(18px,5vw,30px)}.readalong-auth h1{font-size:clamp(34px,9vw,52px);line-height:.98}.readalong-auth p{max-width:420px;color:var(--muted);line-height:1.6}.otp-form{gap:12px;margin-top:22px;display:grid}.otp-form input{border:1px solid var(--line);width:100%;min-height:50px;color:var(--text);font:inherit;background:#ffffff0d;border-radius:16px;padding:0 16px;font-size:17px}.form-error{color:#ffc4cc}.readalong-thread{background:linear-gradient(#121a18d1,#121a18d1),repeating-linear-gradient(45deg,#ffffff0d 0 1px,#0000 1px 14px);flex-direction:column;flex:1;min-height:0;display:flex}.readalong-chat{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;min-height:0;padding:18px;display:flex;overflow-y:auto}.readalong-day{color:var(--muted);background:#ffffff14;border-radius:999px;align-self:center;margin:4px 0 8px;padding:6px 12px;font-size:12px;font-weight:800}.readalong-row{min-width:0;display:flex}.readalong-row-outgoing{justify-content:flex-end}.readalong-bubble{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;min-width:0;max-width:min(88%,390px)}.readalong-time{color:#f4f1ea9e;text-align:right;margin-top:8px;font-size:11px;line-height:1;display:block}.outgoing .readalong-time{color:#03120b8f}.readalong-composer{border-top:1px solid var(--line);background:#0c1110eb;grid-template-columns:1fr 44px;align-items:center;gap:10px;padding:12px;display:grid}.readalong-input-link{border:1px solid var(--line);min-width:0;min-height:46px;color:var(--muted);overflow-wrap:anywhere;background:#ffffff0f;border-radius:999px;align-items:center;padding:0 16px;font-size:15px;display:flex}.readalong-send{color:#04120b;background:var(--accent);border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:grid}@media (max-width:850px){.hero{grid-template-columns:1fr;gap:34px;min-height:auto;padding-top:22px}.phone-preview{max-width:520px}.trust-strip{grid-template-columns:1fr}}@media (max-width:560px){.page-shell,.content-page{width:min(100% - 22px,1120px)}.nav,.simple-header{flex-direction:column;align-items:flex-start}.nav-links{justify-content:space-between;width:100%}.actions{flex-direction:column}.primary-action,.secondary-action{width:100%}.readalong-shell{padding:0}.readalong-phone{border-width:0;border-radius:0;width:100%;height:100dvh}.readalong-top{padding:14px}.readalong-chat{padding:12px}.readalong-bubble{max-width:86%}}