.hero{padding-block:88px 72px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
h1.display{font-size:clamp(44px,7vw,92px);line-height:.98;letter-spacing:-0.035em;font-weight:650;margin:0 0 28px;text-wrap:balance}h1.display em{font-style:normal;color:var(--color-accent)}
.lede{font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--text-muted);max-width:34em;margin:0 0 32px}
.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cta small{color:var(--text-muted);font-size:15px;flex-basis:100%}
.phone{position:relative;width:min(360px,100%);margin:0 auto;background:var(--surface-card);border:var(--border-hairline);border-radius:28px;padding:18px 14px 16px;min-height:560px;display:flex;flex-direction:column;gap:10px}
.phone .bar{display:flex;align-items:center;gap:10px;padding:0 4px 12px;border-bottom:var(--border-hairline);margin-bottom:4px}.phone .bar b{font-weight:600;font-size:15px}.phone .bar small{color:var(--text-muted);font-size:12px;display:block}.av{width:34px;height:34px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);display:grid;place-items:center;font-weight:600;font-size:13px}
.msg{max-width:84%;background:var(--surface-page);border:var(--border-hairline);border-radius:14px 14px 14px 4px;padding:9px 12px;font-size:15px;line-height:1.4;opacity:0;transform:translateY(10px);animation:pop .5s var(--ease-standard) forwards}.msg time{display:block;font-size:11px;color:var(--text-muted);margin-top:3px}
.msg:nth-child(2){animation-delay:.4s}.msg:nth-child(3){animation-delay:1.1s}.msg:nth-child(4){animation-delay:1.8s}.msg:nth-child(5){animation-delay:2.5s}.msg.flag{border-color:var(--color-warning)}
.digest{margin-top:auto;background:var(--surface-page);border-radius:10px;padding:14px 16px;opacity:0;transform:translateY(14px);animation:pop .6s var(--ease-standard) 3.4s forwards}
.digest h2{margin:0 0 8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.digest ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:15px}.digest li{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.digest li b{font-weight:500}.digest .warn{color:var(--text-warning);font-size:13px;margin-top:8px}
@keyframes pop{to{opacity:1;transform:none}}
.ticker{border-top:var(--border-hairline);border-bottom:var(--border-hairline);background:var(--surface-card);overflow:hidden;white-space:nowrap;padding:14px 0}.ticker div{display:inline-block;animation:slide 40s linear infinite;font-size:clamp(20px,2.4vw,30px);font-weight:600;letter-spacing:-0.02em}.ticker span{margin:0 18px;color:var(--text-muted)}.ticker b{font-weight:600;color:var(--text-body)}.ticker i{font-style:normal;color:var(--color-accent)}
@media (hover:hover){.ticker:hover div{animation-play-state:paused}}
@keyframes slide{to{transform:translateX(-50%)}}
.green{background:var(--color-accent);color:var(--color-accent-fg);padding:96px 0}.green h2{font-size:clamp(34px,4.5vw,60px);letter-spacing:-0.03em;line-height:1.02;margin:0 0 56px;max-width:14em;color:inherit}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.step{border-top:2px solid color-mix(in srgb,var(--color-accent-fg) 40%,transparent);padding-top:20px}.step .n{font-size:64px;font-weight:650;letter-spacing:-0.04em;line-height:1;margin-bottom:14px;color:inherit}.step h3{font-size:22px;letter-spacing:-0.01em;margin:0 0 8px;color:inherit}.step p{margin:0;line-height:1.55;font-size:17px;color:inherit}
section.block{padding:96px 0}section.block.follow{padding-top:0}section.block h2{font-size:clamp(32px,4vw,52px);letter-spacing:-0.03em;line-height:1.05;margin:0 0 20px;text-wrap:balance}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.split p{font-size:19px;color:var(--text-muted);line-height:1.6;margin:0 0 16px}
.sheet{background:var(--surface-card);border:var(--border-hairline);border-radius:12px;overflow:hidden}.sheet .hd{padding:14px 18px;border-bottom:var(--border-hairline);display:flex;justify-content:space-between;align-items:center}.sheet .hd b{font-weight:600}.pill{font-size:13px;font-weight:500;padding:2px 10px;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent)}.sheet .row{padding:13px 18px;border-bottom:var(--border-hairline);font-size:17px}.sheet .row:last-child{border:none}.sheet .bad{display:flex;gap:10px;align-items:flex-start}.sheet .bad svg{flex:none;margin-top:3px;color:var(--color-warning)}.sheet .bad em{display:block}.sheet .bad small{display:block;color:var(--text-warning);font-size:13px;margin-top:3px}.sheet .media{color:var(--text-warning);font-size:15px}
.keep{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.keep div{background:var(--surface-card);border:var(--border-hairline);border-radius:12px;padding:28px}.keep h3{font-size:24px;letter-spacing:-0.02em;margin:0 0 10px}.keep p{margin:0;color:var(--text-muted);line-height:1.55}
section.block .intro{font-size:19px;color:var(--text-muted);line-height:1.6;max-width:38em;margin:0}.keep .ask .btn{margin-top:20px}
.quote{padding-block:40px 96px}.quote blockquote{margin:0;font-size:clamp(28px,3.6vw,48px);letter-spacing:-0.03em;line-height:1.1;font-weight:600;max-width:20em;text-wrap:balance}.quote blockquote em{font-style:normal;color:var(--color-accent)}.quote cite{display:block;margin-top:20px;font-style:normal;color:var(--text-muted);font-size:17px}
.pilot{background:var(--surface-card);border:var(--border-hairline);border-radius:16px;padding:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}.pilot h2{font-size:clamp(28px,3vw,40px);letter-spacing:-0.03em;line-height:1.1;margin:0 0 12px}.pilot p{margin:0;color:var(--text-muted);font-size:18px;max-width:32em}.pilot p+p{margin-top:12px}
@media (max-width:900px){.hero{grid-template-columns:1fr;padding-block:48px 56px}.steps,.keep{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:32px}.pilot{grid-template-columns:1fr;padding:32px}section.block,.green{padding:64px 0}section.block.follow{padding-top:0}}
@media (max-width:480px){.pilot{padding:24px}.pilot .btn{white-space:normal;text-align:center;padding-block:10px}}
@media (prefers-reduced-motion:reduce){.msg,.digest{animation:none;opacity:1;transform:none}.ticker div{animation:none}}
