:root{--sv-night-ink:var(--color-ink);--sv-night-ink-2:var(--color-ink-2);--sv-night-ink-3:var(--color-ink-3);--sv-night-ink-4:var(--color-ink-4);--sv-night-line:var(--color-line);--sv-night-line-strong:var(--color-line-strong);--sv-night-accent-ink:var(--color-accent-ink)}.sv-light,.sv-night{--sv-panel-radius:clamp(28px, 4.2vw, 60px);--sv-bar-top:12px;--sv-veil-h:calc(var(--sv-bar-top) + 58px + 28px)}@media (min-width:40rem){.sv-light,.sv-night{--sv-bar-top:16px}}.sv-light:before,.sv-night:before{content:"";z-index:30;height:var(--sv-veil-h);margin-bottom:calc(-1 * var(--sv-veil-h));pointer-events:none;background:linear-gradient(to bottom, var(--sv-veil) 55%, transparent);display:block;position:sticky;top:0}.sv-light:before{background:linear-gradient(to bottom, var(--sv-veil) var(--sv-bar-top), transparent calc(var(--sv-bar-top) + 16px))}.sv-light{--color-ink:#0c0a09;--color-ink-2:#57534e;--color-ink-3:#6b645e;--color-ink-4:#cfcac6;--color-line:#e7e5e4;--color-line-strong:#d6d3d1;--color-accent-ink:#c44d00;--sv-paper:#fff;--sv-light-shade:12, 10, 9;--sv-veil:var(--sv-paper);--sv-light-shadow:0 1px 2px rgba(var(--sv-light-shade), .1), 0 12px 24px -18px rgba(var(--sv-light-shade), .3), 0 36px 56px -44px rgba(var(--sv-light-shade), .42);z-index:1;margin-top:calc(-1 * var(--sv-panel-radius));padding-block:var(--sv-panel-radius);background:var(--sv-paper);color:var(--color-ink);position:relative}.sv-light h2>.text-accent-ink{color:var(--color-accent-active)}.sv-dark{--color-ink:var(--sv-night-ink);--color-ink-2:var(--sv-night-ink-2);--color-ink-3:var(--sv-night-ink-3);--color-ink-4:var(--sv-night-ink-4);--color-line:var(--sv-night-line);--color-line-strong:var(--sv-night-line-strong);--color-accent-ink:var(--sv-night-accent-ink);color:var(--color-ink)}.sv-light .sv-dark{box-shadow:var(--sv-light-shadow)}.sv-light .hw2-card{box-shadow:inset 0 1px 0 #ffffff0a, 0 1px 2px rgba(var(--sv-light-shade), .1), 0 8px 18px -10px rgba(var(--sv-light-shade), .3), 0 22px 36px -26px rgba(var(--sv-light-shade), .4)}.sv-light .hw2-card:hover{box-shadow:inset 0 1px 0 #ffffff0f, 0 36px 70px -34px color-mix(in srgb, var(--color-accent) 70%, transparent), 0 28px 60px -28px rgba(var(--sv-light-shade), .42)}.sv-light .hw2-step-cta.sv-cta-outline:not(:hover){border-color:color-mix(in srgb, var(--color-accent-ink) 75%, transparent)}.sv-light .hw2-step-cta:focus-visible{outline-color:var(--color-accent-ink)}.sv-night{--sv-veil:var(--color-bg);z-index:2;margin-top:calc(-1 * var(--sv-panel-radius));border-radius:var(--sv-panel-radius) var(--sv-panel-radius) 0 0;background:var(--color-bg);position:relative}.sv-night:before{border-radius:inherit}
.sv-noir{--sv-panel-radius:clamp(28px, 4.2vw, 60px);--sv-bar-top:12px;--sv-veil-h:calc(var(--sv-bar-top) + 58px + 28px);--sv-veil:var(--color-bg);z-index:1;margin-top:calc(-1 * var(--sv-panel-radius));padding-block:var(--sv-panel-radius);background:var(--color-bg);position:relative}@media (min-width:40rem){.sv-noir{--sv-bar-top:16px}}.sv-noir:before{content:"";z-index:30;height:var(--sv-veil-h);margin-bottom:calc(-1 * var(--sv-veil-h));pointer-events:none;background:linear-gradient(to bottom, var(--sv-veil) 55%, transparent);display:block;position:sticky;top:0}
