.ecp-hero{padding:var(--space-6) 0 var(--space-5);background:linear-gradient(180deg, var(--color-cream) 0%, var(--color-off-white) 100%)}.ecp-hero__grid{gap:var(--space-4);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=768px){.ecp-hero__grid{gap:var(--space-5);grid-template-columns:1.2fr 1fr}}.ecp-hero__content{max-width:640px}.ecp-hero__title{letter-spacing:-.025em;color:var(--color-charcoal);margin:0 0 var(--space-3);max-width:720px;font-size:clamp(2rem,4.5vw,3rem);font-weight:700;line-height:1.05}.ecp-hero__lede{font-size:var(--text-lg);color:var(--color-text-muted);max-width:640px;margin:0;line-height:1.5}.hero__mascot{justify-content:center;display:flex}.hero__mascot img{filter:drop-shadow(0 12px 28px #1c1c1c1f);width:100%;max-width:354px;height:auto}.ecp-section{padding:var(--space-6) 0}.ecp-section--alt{background:var(--color-light-cream)}.ecp-section__title{color:var(--color-charcoal);margin:0 0 var(--space-4);text-align:center;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.ecp-grid{gap:var(--space-2);grid-template-columns:1fr;display:grid}@media (width>=640px){.ecp-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.ecp-grid{grid-template-columns:repeat(3,1fr)}}.ecp-grid--dense{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:1fr}@media (width>=640px){.ecp-grid--dense{grid-template-columns:repeat(3,1fr)}}.ecp-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform 80ms ease-out;width:100%;display:flex}.ecp-card:hover{background:var(--color-charcoal-04);border-color:var(--color-charcoal-40,var(--color-border))}.ecp-card:active{background:var(--color-charcoal-10);border-color:var(--color-charcoal-40,var(--color-border));transform:scale(.985)}.ecp-card:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-ring-blue);outline:none}.ecp-card__body{flex:1;min-width:0}.ecp-card__name{font-size:var(--text-base);color:var(--color-charcoal);font-weight:700;line-height:1.2}.ecp-card__count{font-size:var(--text-xs);color:var(--color-muted-gray);margin-top:2px}.ecp-card__os{flex-wrap:wrap;gap:4px;display:flex}@media (width>=640px){.ecp-card__os{gap:var(--space-1)}}.ecp-os{border-radius:var(--radius-full);letter-spacing:.02em;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}@media (width>=640px){.ecp-os{padding:3px 8px;font-size:11px}}.ecp-os--ios{background:var(--color-primary-bg);color:var(--color-primary)}.ecp-os--android{color:#2e7d32;background:#e8f5e9}.ecp-os--windows{color:#fff;background:#0078d4}.ecp-card__chevron{color:var(--color-muted-gray);transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0}.ecp-card:hover .ecp-card__chevron{color:var(--color-charcoal);transform:translate(2px)}.ecp-card:active .ecp-card__chevron{transform:translate(3px)}.ecp-card--small{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.ecp-card--small .ecp-card__name{font-size:var(--text-sm)}.ecp-card--small .ecp-card__count{font-size:11px}.ecp-card--small .ecp-card__os{display:flex}.ecp-brand-modal .compat-modal__content{max-width:480px}.ecp-brand-modal .compat-modal__header{padding-inline-end:56px}.ecp-brand-modal__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ecp-brand-modal__list .compat-modal__result{animation:none}.ecp-brand-modal__list .compat-modal__result[hidden]{display:none}.ecp-brand-modal__list-empty{padding:var(--space-5) var(--space-3);text-align:center;color:var(--color-muted-gray);font-size:var(--text-sm);background:var(--color-white);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin:0}.ecp-others{margin-top:var(--space-4);text-align:center}.ecp-others>.ecp-grid--dense{text-align:left;margin-top:var(--space-3)}.ecp-others__summary{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;color:var(--color-charcoal);font-weight:600;font-size:var(--text-sm);list-style:none;display:inline-flex}.ecp-others__summary::-webkit-details-marker{display:none}.ecp-others[open] .ecp-others__summary svg{transform:rotate(180deg)}.ecp-others__summary svg{transition:transform var(--transition-fast)}