@layer components{.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding-inline:var(--space-5);border-radius:var(--corner-full);font-size:var(--text-button-lg);line-height:var(--text-button-lg-lh);font-weight:var(--text-button-lg-weight);letter-spacing:var(--text-button-lg-tracking);transition:background var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);padding-block:0;display:inline-flex}.btn:focus-visible,.header__cta:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.btn:disabled,.header__cta:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.btn:hover .btn__diamond{transform:rotate(135deg)}}.btn__diamond{opacity:.9;width:7px;height:7px;transition:transform .35s var(--ease-standard), opacity var(--dur-base);background:currentColor;border-radius:2px;flex-shrink:0;display:inline-block;transform:rotate(45deg)}.btn--primary{background:var(--brand-primary);color:var(--ink)}.btn--primary:active{background:#e0ab1f}@media (hover:hover) and (pointer:fine){.btn--primary:hover{background:var(--accent-hover)}}.btn--dark{background:var(--ink);color:var(--surface)}.btn--dark:active{background:color-mix(in srgb, var(--ink) 78%, white)}@media (hover:hover) and (pointer:fine){.btn--dark:hover{background:color-mix(in srgb, var(--ink) 88%, white)}}.btn--gold{background:var(--brand-primary);color:#2e2c2a}.btn--gold:active{background:#e0ab1f}@media (hover:hover) and (pointer:fine){.btn--gold:hover{background:var(--accent-hover)}}.btn--outline{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--border-hairline)}.btn--outline:active{background:var(--border-hairline);box-shadow:inset 0 0 0 1px var(--ink-5)}@media (hover:hover) and (pointer:fine){.btn--outline:hover{background:var(--surface-alt)}}.section-band[data-tone=dark] .btn--outline,.btn--on-dark.btn--outline{background:var(--surface);color:#2e2c2a;box-shadow:none}.section-band[data-tone=dark] .btn--outline:active,.btn--on-dark.btn--outline:active{background:var(--brand-primary-soft);box-shadow:none}@media (hover:hover) and (pointer:fine){.section-band[data-tone=dark] .btn--outline:hover,.btn--on-dark.btn--outline:hover{background:var(--brand-primary-soft)}}.btn--ghost{color:var(--ink);padding-inline:var(--space-2);background:0 0}.btn--ghost .btn__line{background:var(--ink-5);width:32px;height:1px;transition:width .35s var(--ease-standard), background var(--dur-base);display:inline-block}@media (hover:hover) and (pointer:fine){.btn--ghost:hover .btn__line{background:var(--ink);width:48px}}.btn--sm{min-height:var(--tap-chrome);padding-inline:calc(var(--space-4) + var(--space-1));font-size:var(--text-button-sm);line-height:var(--text-button-sm-lh);font-weight:var(--text-button-sm-weight);letter-spacing:var(--text-button-sm-tracking)}.btn--ghost.btn--sm{padding-inline:var(--space-2)}.btn--full{width:100%}.header__cta{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-chrome);padding-inline:calc(var(--space-4) + var(--space-1));border-radius:var(--corner-full);font-size:var(--text-button-sm);line-height:var(--text-button-sm-lh);font-weight:var(--text-button-sm-weight);letter-spacing:var(--text-button-sm-tracking);background:var(--ink);color:var(--surface);transition:background var(--dur-base) var(--ease-standard);padding-block:0;display:inline-flex}.header__cta:active{background:color-mix(in srgb, var(--ink) 78%, white)}@media (hover:hover) and (pointer:fine){.header__cta:hover{background:color-mix(in srgb, var(--ink) 88%, white)}}}
