.page-module__3h4Ria__marketingPage{background:var(--marketing-bg);min-height:100vh;color:var(--marketing-text);font-family:var(--marketing-font-sans)}.page-module__3h4Ria__selector{padding:var(--marketing-space-5) 0 var(--marketing-space-6)}.page-module__3h4Ria__selectorInner{gap:var(--marketing-space-4);display:grid}.page-module__3h4Ria__pageHeader{padding-bottom:var(--marketing-space-3);border-bottom:1px solid var(--marketing-border);gap:18px;display:grid}.page-module__3h4Ria__pageHeaderMain{gap:var(--marketing-space-3);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.page-module__3h4Ria__pageHeaderCopy{gap:12px;max-width:740px;display:grid}.page-module__3h4Ria__kicker{color:var(--marketing-blue);font-size:var(--marketing-type-caption);letter-spacing:.08em;text-transform:uppercase;font-weight:750}.page-module__3h4Ria__pageHeaderCopy h1,.page-module__3h4Ria__unavailableState h1{color:var(--marketing-ink);letter-spacing:0;margin:0}.page-module__3h4Ria__pageHeaderCopy h1{font-size:clamp(2.1rem,4.2vw,3.75rem);line-height:1.08}.page-module__3h4Ria__pageHeaderCopy p,.page-module__3h4Ria__unavailableState p{color:var(--marketing-muted);font-size:var(--marketing-type-lead);margin:0;line-height:1.55}.page-module__3h4Ria__utilityActions,.page-module__3h4Ria__stateActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-module__3h4Ria__utilityActions{border:1px solid var(--marketing-border);border-radius:var(--marketing-radius-md);background:color-mix(in srgb, var(--marketing-blue-tint) 36%, var(--marketing-surface));padding:12px}.page-module__3h4Ria__utilityActions span{color:var(--marketing-muted);font-size:var(--marketing-type-small);margin-right:auto;font-weight:700}.page-module__3h4Ria__sampleGroups{gap:var(--marketing-space-4);display:grid}.page-module__3h4Ria__sampleGroup{gap:16px;display:grid}.page-module__3h4Ria__groupHeader{gap:6px;max-width:720px;display:grid}.page-module__3h4Ria__groupHeader h2{color:var(--marketing-ink);letter-spacing:0;margin:0;font-size:1.32rem;line-height:1.22}.page-module__3h4Ria__groupHeader p{color:var(--marketing-muted);font-size:var(--marketing-type-small);margin:0;line-height:1.55}.page-module__3h4Ria__sampleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.page-module__3h4Ria__sampleCard{--sample-accent:var(--marketing-blue);border:1px solid var(--marketing-border);border-top:3px solid color-mix(in srgb, var(--sample-accent) 70%, var(--marketing-border));border-radius:var(--marketing-radius-md);background:var(--marketing-surface);min-width:0;color:var(--marketing-text);gap:14px;padding:16px;display:grid}.page-module__3h4Ria__sampleCard:focus-within,.page-module__3h4Ria__sampleCard:hover{border-color:color-mix(in srgb, var(--sample-accent) 38%, var(--marketing-border));border-top-color:var(--sample-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--sample-accent) 10%, transparent)}.page-module__3h4Ria__sampleCard_blue{--sample-accent:var(--marketing-blue)}.page-module__3h4Ria__sampleCard_violet{--sample-accent:var(--marketing-ai-violet)}.page-module__3h4Ria__sampleCard_green{--sample-accent:var(--marketing-review-green)}.page-module__3h4Ria__sampleCard_amber{--sample-accent:var(--marketing-comment-amber)}.page-module__3h4Ria__sampleCard_red{--sample-accent:var(--marketing-diff-red)}.page-module__3h4Ria__sampleCard_sky{--sample-accent:var(--marketing-sky)}.page-module__3h4Ria__sampleCard_navy{--sample-accent:var(--marketing-navy)}.page-module__3h4Ria__sampleCardHeader,.page-module__3h4Ria__sampleCardFooter,.page-module__3h4Ria__sampleIdentity{align-items:center;gap:10px;min-width:0;display:flex}.page-module__3h4Ria__sampleCardHeader{justify-content:space-between}.page-module__3h4Ria__sampleCardFooter{justify-content:flex-start}.page-module__3h4Ria__sampleIdentity{overflow:hidden}.page-module__3h4Ria__sampleIcon{background:color-mix(in srgb, var(--sample-accent) 11%, var(--marketing-surface));width:32px;height:32px;color:var(--sample-accent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.page-module__3h4Ria__sampleSurface,.page-module__3h4Ria__sampleTier{color:var(--marketing-muted);font-size:var(--marketing-type-caption);font-weight:700}.page-module__3h4Ria__sampleSurface{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.page-module__3h4Ria__sampleTier{flex:none}.page-module__3h4Ria__sampleCardBody{align-content:start;gap:8px;display:grid}.page-module__3h4Ria__sampleCardBody h3{color:var(--marketing-ink);letter-spacing:0;margin:0;font-size:1.04rem;line-height:1.25}.page-module__3h4Ria__sampleCardBody p{color:var(--marketing-text);font-size:var(--marketing-type-small);margin:0;line-height:1.55}.page-module__3h4Ria__sampleCardFooter .button-secondary{white-space:nowrap}.page-module__3h4Ria__unavailableState{max-width:760px;min-height:58vh;padding-block:var(--marketing-space-6);align-content:center;gap:14px;display:grid}@media (max-width:880px){.page-module__3h4Ria__pageHeaderMain{grid-template-columns:1fr;align-items:start}.page-module__3h4Ria__pageHeaderMain .button-primary{width:fit-content}.page-module__3h4Ria__utilityActions span{flex-basis:100%;margin-right:0}}@media (max-width:760px){.page-module__3h4Ria__selector{padding:var(--marketing-space-4) 0 var(--marketing-space-5)}.page-module__3h4Ria__selectorInner{gap:var(--marketing-space-3)}.page-module__3h4Ria__pageHeader{padding-bottom:var(--marketing-space-2);gap:14px}.page-module__3h4Ria__pageHeaderCopy h1{font-size:2.2rem}.page-module__3h4Ria__pageHeaderCopy p{font-size:1rem}.page-module__3h4Ria__sampleGrid{grid-template-columns:1fr}.page-module__3h4Ria__utilityActions,.page-module__3h4Ria__sampleCardFooter,.page-module__3h4Ria__stateActions{align-items:stretch}:is(.page-module__3h4Ria__pageHeaderMain .button-primary,.page-module__3h4Ria__utilityActions .button-secondary,.page-module__3h4Ria__stateActions .button-primary,.page-module__3h4Ria__stateActions .button-secondary,.page-module__3h4Ria__sampleCardFooter .button-secondary){width:100%;min-height:var(--control-height-touch);justify-content:center}}@media (max-width:420px){.page-module__3h4Ria__sampleCardHeader{align-items:flex-start}.page-module__3h4Ria__sampleTier{text-align:right;max-width:42%}}
