.introduction-page{gap:var(--space-6);inline-size:100%;min-inline-size:0;max-inline-size:1200px;padding-block:var(--space-3) var(--space-7);margin-inline:auto;display:grid;container:introduction/inline-size}.introduction-hero{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.introduction-copy{gap:var(--space-3);max-inline-size:600px;display:grid}.introduction-copy>.ozzi-heading{text-wrap:balance;max-inline-size:24ch}.introduction-copy>.ozzi-text{text-wrap:pretty;max-inline-size:58ch}.introduction-copy>.pattern-row{margin-block:var(--space-2)}.introduction-visual{place-self:center end;inline-size:100%;max-inline-size:480px}.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);display:grid;container:introduction-benefits/inline-size}.introduction-benefits-heading{gap:var(--space-2);display:grid}.introduction-benefits-eyebrow{color:var(--accent-11)}.introduction-benefits-list{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.introduction-benefit{grid-template-columns:var(--space-5) minmax(0, 1fr);align-items:start;gap:var(--space-3);display:grid}.introduction-benefit-marker{inline-size:var(--space-5);block-size:var(--space-5);color:var(--accent-11);place-items:center;display:grid}.introduction-benefit-marker[data-number]{background:var(--accent-3);font-weight:var(--font-weight-semibold);border-radius:50%}.introduction-benefit>div{gap:var(--space-2);display:grid}.introduction-benefits .ozzi-text,.introduction-benefit .ozzi-heading{text-wrap:pretty}.introduction-benefits-heading .ozzi-heading{text-wrap:balance}@container introduction-benefits (width<720px){.introduction-benefits-list{grid-template-columns:minmax(0,1fr)}}.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<760px){.introduction-hero{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.introduction-copy{max-inline-size:none}.introduction-visual{justify-self:center;max-inline-size:420px}.introduction-action-row{flex-direction:column;align-items:flex-start}}@container game-content (width<600px){.introduction-page{padding:var(--space-3) var(--space-2) var(--space-6);gap:var(--space-5)}.introduction-visual{max-inline-size:320px}}@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}