.hw-hero{background:var(--bg);padding-block:clamp(2.5rem,6vw,4.5rem) clamp(2rem,4vw,3rem)}.hw-hero-inner{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.hw-hero-h1{text-wrap:balance;max-width:20ch;font-size:clamp(2rem,4.6vw,3.5rem);font-weight:700;line-height:1.05}.hw-hero-switch{width:100%;max-width:54rem;margin-top:clamp(1.5rem,3.5vw,2.5rem);position:relative}.hw-switch{grid-template-columns:1fr 1fr;gap:clamp(.75rem,2vw,1.5rem);display:grid}.hw-switch-card{text-align:left;border:1px solid var(--line-soft);border-radius:var(--radius-2xl);background:var(--bg-raised);box-shadow:var(--lift);transition:transform var(--dur-micro) var(--ease-spring), border-color .2s ease, box-shadow var(--dur-micro) var(--ease-spring);align-items:flex-start;gap:.875rem;padding:1.5rem;display:flex;position:relative}@media (hover:hover){.hw-switch-card:hover{box-shadow:var(--lift-hot);transform:translateY(-3px)}}.hw-switch-icon{border-radius:var(--radius-lg);background:var(--bg-soft);width:2.5rem;height:2.5rem;color:var(--text-muted);flex:none;place-items:center;transition:background .2s,color .2s;display:grid}.hw-switch-body{min-width:0}.hw-switch-body b{letter-spacing:-.018em;font-size:1.1875rem;font-weight:700;line-height:1.25;display:block}.hw-switch-body span{color:var(--text-muted);text-wrap:pretty;margin-top:.1875rem;font-size:.8125rem;line-height:1.45;display:block}.hw-switch-tick{border-radius:var(--radius-full);background:var(--brand-surface);width:1.25rem;height:1.25rem;color:var(--brand-on-surface);opacity:0;transition:opacity .2s ease, scale var(--dur-micro) var(--ease-spring);place-items:center;display:grid;position:absolute;top:1.125rem;right:1.125rem;scale:.5}.hw-switch-card[aria-pressed=true]{border-color:var(--brand-surface);box-shadow:0 0 0 1px var(--brand-surface), 0 14px 36px -20px rgb(var(--brand-surface-rgb) / .85)}.hw-switch-card[aria-pressed=true] .hw-switch-icon{background:rgb(var(--brand-surface-rgb) / .12);color:var(--brand-ink)}.hw-switch-card[aria-pressed=true] .hw-switch-tick{opacity:1;scale:1}.hw-descend{width:100%;height:4.75rem;margin-top:1rem;display:block;overflow:visible}.hw-descend-line{fill:none;stroke:color-mix(in srgb, var(--text) 22%, transparent);stroke-width:1.25px;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke var(--dur-micro) ease}.hw-view[data-view=store] .hw-descend-line[data-side=store],.hw-view[data-view=marke] .hw-descend-line[data-side=marke]{stroke:var(--brand-surface)}@media (max-width:48rem){.hw-switch{grid-template-columns:1fr;max-width:32.5rem;margin-inline:auto}.hw-descend{display:none}}