.introduction-page{gap:var(--space-3);inline-size:100%;min-inline-size:0;display:grid;container:introduction/inline-size}.introduction-hero{align-items:center;gap:var(--space-5);padding-block:var(--space-3) var(--space-5);grid-template-columns:minmax(0,1.3fr) minmax(180px,.8fr);display:grid}.introduction-copy{gap:var(--space-3);max-inline-size:580px;display:grid}.introduction-copy>.ozzi-heading{max-inline-size:20ch;font-size:var(--font-size-8);line-height:1.18}.introduction-copy>.ozzi-text{max-inline-size:48ch;line-height:1.625}.introduction-copy>.pattern-row{margin-block-start:var(--space-2)}.introduction-visual{justify-self:center;inline-size:100%;max-inline-size:320px}.introduction-page[data-feature=groups] .introduction-visual{max-inline-size:360px}.feature-illustration{inline-size:100%;position:relative}.feature-illustration>svg{position:absolute}.feature-illustration img{block-size:auto;inline-size:100%;display:block}.radix-themes:where(.light){--feature-outline-opacity:0}.radix-themes:where(.dark){--feature-outline-opacity:1}.feature-illustration-outline{flood-opacity:var(--feature-outline-opacity,0)}.feature-header{align-items:center;gap:var(--space-4);padding-block:var(--space-2) var(--space-4);border-block-end:1px solid var(--gray-6);grid-template-columns:minmax(0,1fr) 190px;margin-block-end:var(--space-3);display:grid}.feature-header-copy{gap:var(--space-2);min-inline-size:0;display:grid}.feature-header-copy>.ozzi-text{max-inline-size:64ch}.feature-header-copy>.pattern-row{margin-block-start:var(--space-2)}.feature-header-art{inline-size:190px}.feature-header[data-compact=true]{padding-block:var(--space-2);border:0;grid-template-columns:minmax(0,1fr) 144px;margin-block-end:0;padding-inline-end:var(--space-3)}.feature-header[data-compact=true] .feature-header-art{inline-size:144px}.feature-header-title{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.feature-header[data-compact=true] .feature-header-copy{gap:var(--space-1)}.feature-header[data-feature=groups] .feature-illustration{transform:scale(1.1)}.introduction-benefits{gap:var(--space-5);border-block-start:1px solid var(--gray-6);padding-block:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.introduction-benefit>svg{color:var(--gray-11);margin-block-end:var(--space-3)}.introduction-benefit>div{gap:var(--space-2);display:grid}.introduction-benefit .ozzi-text{line-height:1.57}.introduction-action{border-block-start:1px solid var(--gray-6);padding-block:var(--space-4);gap:var(--space-4);margin-block-start:var(--space-3);display:grid}.introduction-action-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.introduction-action-row>div{gap:var(--space-2);max-inline-size:76ch;display:grid}.introduction-action-row>.ozzi-action{flex-shrink:0}.introduction-card{gap:var(--space-3);flex-direction:column;block-size:100%;min-inline-size:0;display:flex}.introduction-card-actions{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));margin-block-start:auto;display:grid}@container introduction (width<600px){.introduction-hero{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.introduction-visual{grid-row:1;max-inline-size:200px}.introduction-page[data-feature=groups] .introduction-visual{max-inline-size:225px}.introduction-copy>.ozzi-heading{font-size:var(--font-size-7)}.introduction-benefits{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.introduction-benefit{gap:var(--space-3);display:flex}.introduction-benefit>svg{flex-shrink:0;margin-block-start:var(--space-1)}.introduction-action-row{flex-direction:column;align-items:flex-start}}@media (width<720px){.feature-header{display:block;position:relative}.feature-header-copy>.ozzi-heading,.feature-header-copy>.ozzi-text:first-of-type{padding-inline-end:88px}.feature-header-copy>.ozzi-text:first-of-type{min-block-size:40px}.feature-header-art{inline-size:76px;position:absolute;inset-block-start:0;inset-inline-end:0}.feature-header[data-compact=true]{padding-inline-end:0}.feature-header[data-compact=true] .feature-header-art{inline-size:72px;inset-block-start:var(--space-2);inset-inline-end:var(--space-3)}.feature-header[data-compact=true] .feature-header-title{min-block-size:48px;gap:var(--space-3);padding-inline-end:calc(84px + var(--space-3))}.feature-header[data-compact=true] .feature-header-copy>.ozzi-text:first-of-type{min-block-size:0;padding-inline-end:0}}@media (pointer:coarse) and (height<500px){.feature-header[data-compact=true]{grid-template-columns:minmax(0,1fr) 64px}.feature-header[data-compact=true] .feature-header-art{inline-size:64px}}.feature-section{gap:var(--space-3);border-block-start:1px solid var(--gray-6);padding-block:var(--space-4);display:grid}.introduction-page>.ozzi-page-header{justify-content:space-between}