@layer components{.rollo .ch-ladder{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;margin-top:36px;display:grid}.rollo .ch-tier{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;padding:30px 28px;display:flex}.rollo .ch-tier--feature{border-color:var(--brand);box-shadow:0 14px 40px -20px #081b2152}.rollo .ch-tier__k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-size:11px}.rollo .ch-tier__n{font-family:var(--font-display);color:var(--text);margin-top:6px;font-size:28px;font-weight:700}.rollo .ch-tier--feature .ch-tier__n{color:var(--brand)}.rollo .ch-tier__list{flex-direction:column;gap:14px;margin:22px 0 0;padding:0;list-style:none;display:flex}.rollo .ch-tier__li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}.rollo .ch-tier--feature .ch-tier__li{color:var(--text)}.rollo .ch-tier__check{width:17px;height:17px;color:var(--brand);flex:none;margin-top:2px}@media (max-width:900px){.rollo .ch-ladder{grid-template-columns:1fr;gap:16px}}.rollo .ch-pocket{grid-template-columns:1fr .9fr;align-items:center;gap:56px;margin-top:12px;display:grid}.rollo .ch-pocket__copy .ag-eyebrow{color:var(--score)}.rollo .ch-pocket__h{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:14px 0 0;font-size:38px;font-weight:600;line-height:1.12}.rollo .ch-pocket__sub{color:var(--text-secondary);max-width:46ch;margin:16px 0 0;font-size:16px;line-height:1.6}.rollo .ch-pocket__list{flex-direction:column;gap:14px;margin:24px 0 0;padding:0;list-style:none;display:flex}.rollo .ch-pocket__li{color:var(--text);align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}.rollo .ch-pocket__li svg{width:17px;height:17px;color:var(--brand);flex:none;margin-top:2px}.rollo .ch-pocket__soon{margin-top:16px;display:inline-flex}.rollo .ch-phone-stage{justify-content:center;display:flex;position:relative}.rollo .ch-phone__soon{z-index:2;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--on-brand);background:var(--brand);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600;position:absolute;top:-14px;right:8px;box-shadow:0 8px 20px -8px #081b2173}.rollo .ch-phone{aspect-ratio:300/620;background:#0c1f25;border-radius:44px;width:300px;max-width:100%;padding:12px;position:relative;box-shadow:0 40px 80px -32px #081b2180}.rollo .ch-phone__screen{background:var(--surface-sunken);border-radius:34px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.rollo .ch-phone__status{font-family:var(--font-mono);color:var(--text);justify-content:space-between;align-items:center;padding:14px 22px 6px;font-size:12px;font-weight:600;display:flex}.rollo .ch-phone__status-icons{color:var(--text);align-items:center;gap:6px;display:flex}.rollo .ch-phone__status-icons svg{width:15px;height:15px}.rollo .ch-phone__appbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:10px;padding:8px 18px 12px;display:flex}.rollo .ch-phone__avatar{background:var(--brand);width:32px;height:32px;color:var(--on-brand);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.rollo .ch-phone__appname{color:var(--text);font-size:14px;font-weight:600;line-height:1.2}.rollo .ch-phone__appstate{color:var(--score);align-items:center;gap:5px;font-size:11px;display:flex}.rollo .ch-phone__appstate i{background:var(--score);border-radius:50%;width:6px;height:6px}.rollo .ch-phone__thread{flex-direction:column;flex:1;gap:9px;padding:15px 13px 10px;display:flex;position:relative;overflow:hidden}.rollo .ch-phone__thread:after{content:"";background:linear-gradient(to top,var(--surface-sunken),transparent);pointer-events:none;height:40px;position:absolute;inset:auto 0 0}.rollo .ch-phone__day{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:9.5px;font-family:var(--font-mono);align-self:center;margin-bottom:1px}.rollo .ch-msg{background:var(--surface);border:1px solid var(--border);max-width:84%;color:var(--text);border-radius:15px 15px 15px 5px;padding:10px 12px;font-size:12.5px;line-height:1.4}.rollo .ch-msg b{font-weight:600}.rollo .ch-draft{background:var(--surface);border:1px solid var(--border);border-radius:13px;align-self:stretch;align-items:center;gap:9px;padding:9px 10px;display:flex}.rollo .ch-draft__ic{background:oklch(from var(--brand)l c h/.1);width:30px;height:30px;color:var(--brand);border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.rollo .ch-draft__ic svg{width:15px;height:15px}.rollo .ch-draft__t{flex:1;min-width:0}.rollo .ch-draft__t b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.rollo .ch-draft__t span{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10.5px;display:block;overflow:hidden}.rollo .ch-draft__send{color:var(--on-brand);background:var(--brand);border-radius:999px;flex:none;padding:6px 13px;font-size:11.5px;font-weight:600;line-height:1}.rollo .ch-msg--me{background:var(--brand);color:var(--on-brand);border:0;border-radius:15px 15px 5px;align-self:flex-end}.rollo .ch-phone__input{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px 16px;display:flex}.rollo .ch-phone__field{background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-tertiary);border-radius:999px;flex:1;padding:9px 14px;font-size:12.5px}.rollo .ch-phone__send{background:var(--brand);width:34px;height:34px;color:var(--on-brand);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.rollo .ch-phone__send svg{width:17px;height:17px}@media (max-width:900px){.rollo .ch-pocket{grid-template-columns:1fr;gap:36px}.rollo .ch-pocket__copy{text-align:center}.rollo .ch-pocket__sub{margin-left:auto;margin-right:auto}.rollo .ch-pocket__list{text-align:left;max-width:360px;margin-left:auto;margin-right:auto}.rollo .ch-pocket__h{font-size:30px}}}