.rr-first-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--rr-space-4);align-items:start}
.rr-first-layout>*{min-width:0}.rr-first-main{display:grid;gap:var(--rr-space-4);min-width:0}
.rr-first-hero{grid-column:1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,.8fr);gap:var(--rr-space-5);padding:var(--rr-space-6);border-radius:var(--rr-radius-xl);background:var(--rr-plum);color:var(--rr-cream)}
.rr-first-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rr-space-5);min-width:0}
.portal-v1-overview .rr-first-hero h2{font:var(--rr-display);color:var(--rr-cream)}
.portal-v1-overview .rr-first-hero :is(h3,p){color:var(--rr-cream)}
.rr-first-hero-copy>span{font:var(--rr-caption);color:var(--rr-cream)}
.portal-v1-overview .rr-first-hero-copy>p{font:var(--rr-body);line-height:1.6}
.rr-first-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rr-space-3);width:100%}
.rr-first-benefits>div{display:grid;gap:var(--rr-space-2);padding:var(--rr-space-3);background:var(--rr-plum-500);border:1px solid var(--rr-plum-300);border-radius:var(--rr-radius-md);align-content:start;min-width:0}
.rr-first-benefits svg{color:var(--rr-coral-300)}.portal-v1-overview .rr-first-benefits p{font:var(--rr-caption);overflow-wrap:anywhere}
.rr-first-start{display:flex;align-items:center;gap:var(--rr-space-3);flex-wrap:wrap;margin-top:auto}
.rr-first-start>span{font:var(--rr-caption);color:var(--rr-cream)}
.rr-first-example{position:relative;margin:0;min-width:0;min-height:300px;border-radius:var(--rr-radius-md);overflow:hidden;background:var(--rr-plum-500)}
.rr-first-example>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.rr-first-example .rr-phone-stickers{bottom:var(--rr-space-10)}
.rr-first-example>figcaption{position:absolute;bottom:var(--rr-space-2);left:var(--rr-space-2);right:var(--rr-space-2);padding:var(--rr-space-2);border-radius:var(--rr-radius-xs);background:var(--rr-plum);color:var(--rr-cream);font:var(--rr-caption);text-align:center}
.rr-first-side{grid-column:2;display:grid;gap:var(--rr-space-4)}
.rr-first-checklist{padding:var(--rr-space-5)}
.rr-first-checklist>header,.rr-first-instagram>header{display:flex;align-items:center;justify-content:space-between;gap:var(--rr-space-3);flex-wrap:wrap}
.rr-first-checklist>header>span{font:var(--rr-caption);color:var(--rr-text-2)}
.rr-first-checklist progress{display:block;width:100%;height:10px;margin:var(--rr-space-4) 0;accent-color:var(--rr-success)}
.rr-first-checklist ol{list-style:none;margin:0;padding:0;display:grid}
.rr-first-checklist li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:var(--rr-space-2);align-items:start;padding:var(--rr-space-3) 0;border-bottom:1px solid var(--rr-line)}
.rr-first-checklist .rr-first-step-icon{margin-top:var(--rr-space-1);color:var(--rr-text-2)}.rr-first-checklist .is-complete>.rr-first-step-icon{color:var(--rr-success)}.rr-first-checklist .is-error>.rr-first-step-icon{color:var(--rr-danger)}
.portal-v1-overview .rr-first-checklist h3{font:var(--rr-callout);font-weight:700}
.portal-v1-overview .rr-first-checklist li p{font:var(--rr-caption);margin-top:var(--rr-space-1);overflow-wrap:anywhere}
.rr-first-row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--rr-space-1)}
.rr-first-row-actions .rr-button{padding:var(--rr-space-2);font:var(--rr-caption);min-width:44px}
.rr-first-checklist-footer{display:grid;gap:var(--rr-space-3);margin-top:var(--rr-space-4)}
.portal-v1-overview .rr-first-checklist-footer p{font:var(--rr-caption)}
.rr-first-instagram{display:grid;gap:var(--rr-space-3);padding:var(--rr-space-5);border-radius:var(--rr-radius-md);background:var(--rr-sunken)}
.portal-v1-overview .rr-first-instagram p{font:var(--rr-caption)}.rr-first-instagram>.rr-button{justify-self:start}
.rr-first-tools{grid-column:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rr-space-4)}
.rr-first-tools>section{display:flex;flex-direction:column;align-items:center;gap:var(--rr-space-3);padding:var(--rr-space-5);text-align:center;min-width:0}
.rr-first-tool-icon{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:var(--rr-radius-pill);background:var(--rr-plum-50);color:var(--rr-plum)}
.portal-v1-overview .rr-first-tools h2{font:var(--rr-label)}.portal-v1-overview .rr-first-tools p{font:var(--rr-caption)}.rr-first-tools .rr-button{margin-top:auto;font:var(--rr-caption);padding:var(--rr-space-2) var(--rr-space-3)}
.rr-first-demo{padding:var(--rr-space-3) var(--rr-space-4);border-radius:var(--rr-radius-input);background:var(--rr-plum-50)}
@media(max-width:1399px){.rr-first-hero{grid-template-columns:minmax(0,1fr)}.rr-first-example{min-height:220px;max-height:260px;aspect-ratio:16/7}.rr-first-benefits{gap:var(--rr-space-2)}.rr-first-tools{grid-template-columns:minmax(0,1fr)}.rr-first-tools>section{align-items:flex-start;text-align:left}}
@media(max-width:1279px){.rr-first-main{display:contents}.rr-first-layout{grid-template-columns:minmax(0,1fr)}.rr-first-side{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.rr-first-tools{grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr))}.rr-first-hero{grid-template-columns:minmax(0,1.5fr) minmax(180px,.8fr)}.rr-first-example{max-height:none;aspect-ratio:auto}.portal-v1-overview .rr-first-hero h2{font:var(--rr-title1)}}
@media(max-width:899px){.rr-first-hero{grid-template-columns:minmax(0,1fr)}.rr-first-example{aspect-ratio:16/7;max-height:260px}.rr-first-side{grid-template-columns:minmax(0,1fr)}.rr-first-tools{grid-template-columns:minmax(0,1fr)}}
@media(max-width:599px){.rr-first-hero,.rr-first-checklist{padding:var(--rr-space-4)}.rr-first-benefits{grid-template-columns:minmax(0,1fr)}.rr-first-start{align-items:stretch;flex-direction:column}.rr-first-start .rr-button{width:100%}.rr-first-checklist li{grid-template-columns:20px minmax(0,1fr)}.rr-first-row-actions{grid-column:2;flex-direction:row;align-items:center}.rr-first-example{aspect-ratio:4/3;max-height:none;min-height:0;width:100%}}