html{scroll-behavior:smooth}body{margin:0}.logo{color:#fff;background:#185e50;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.wordmark-dot{color:#9d5d32;margin-left:-6px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;min-height:690px;padding:55px 0 70px;display:grid}.accent{color:#185e50;font-family:Georgia,serif;font-style:italic;font-weight:400}.small-proof{color:#63766b;align-items:center;gap:8px;margin-top:34px;font-size:13px;display:flex}.phone-scene{background:radial-gradient(#dcebdd 0%,#edf3e7 52%,#0000 73%);justify-content:center;padding:20px 10px;display:flex;position:relative}.scene-label{letter-spacing:.13em;color:#6b806d;font-size:10px;position:absolute;top:0;right:0}.phone{background:#f9fcf7;border:7px solid #16372f;border-radius:40px;width:296px;min-height:540px;padding:14px 18px 22px;transform:rotate(3deg);box-shadow:0 25px 50px #193b2b22}.phone-status{justify-content:space-between;margin-bottom:26px;font-size:11px;display:flex}.phone-top{align-items:center;gap:8px;margin-bottom:18px;display:flex}.phone-top strong{flex:1;font-size:19px}.phone-search{color:#688071;background:#edf3eb;border-radius:20px;align-items:center;gap:6px;padding:10px;font-size:11px;display:flex}.mock-row{align-items:flex-start;gap:9px;margin:22px 0;display:flex}.sender-icon{color:#246253;background:#e1eadf;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:grid}.sender-icon.muted{color:#977953;background:#ece9df}.mock-row .sender-icon{width:34px;height:34px}.mock-row strong{font-size:12px}.mock-row p{color:#7a887b;margin:4px 0;font-size:10px;line-height:1.5}.mock-row small{color:#809080;font-size:9px}.mock-date{letter-spacing:.16em;color:#8c998d;margin:30px 0 14px;font-size:9px}.otp-card{background:#fff;border:1px solid #dce7dc;border-radius:16px;padding:15px;box-shadow:0 8px 14px #1435220b}.offline-pill{background:#fff;border:1px solid #dce7dc;border-radius:16px;align-items:center;gap:12px;padding:14px 17px;display:flex;position:absolute;bottom:38px;left:-10px;transform:rotate(-2deg);box-shadow:0 10px 25px #184d2f15}.offline-pill strong{font-size:12px}.offline-pill small{color:#6a7c70;font-size:10px}.architecture{background:#edf3e7;border-radius:28px;grid-template-columns:1fr 1fr;gap:50px;margin-top:75px;padding:48px 55px;display:grid}.architecture-flow{flex-direction:column;align-items:center;gap:12px;display:flex}.architecture-flow>div{background:#fff;border:1px solid #cfdccb;border-radius:14px;grid-template-columns:36px 1fr;column-gap:12px;min-width:255px;padding:18px 24px;display:grid}.architecture-flow svg{color:#185e50;grid-row:span 2;align-self:center}.architecture-flow strong{font-size:14px}.architecture-flow small{color:#778575;margin-top:5px;font-size:11px}.architecture-flow>span{color:#768a77;font-size:11px}.digest{overflow-wrap:anywhere;margin-top:16px;display:block}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}@media (width<=850px){.hero{grid-template-columns:1fr;gap:45px;padding-top:35px}.phone-scene{max-width:430px;margin:20px 0}.architecture{grid-template-columns:1fr;gap:30px;padding:30px}.offline-pill{left:0}.scene-label{right:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}