@layer components{.sdl .sdl-ct-field{flex-direction:column;gap:.4rem;display:flex}.sdl .sdl-ct-label{color:var(--sdl-fg);font-size:.8rem;font-weight:600}.sdl .sdl-ct-input,.sdl .sdl-ct-textarea{border-radius:var(--radius-md,12px);border:1px solid rgb(var(--marketing-border) / .9);background:rgb(var(--marketing-muted) / .35);width:100%;color:var(--sdl-fg);font-family:var(--font-body);transition:border-color .16s var(--ease,ease), box-shadow .16s var(--ease,ease), background-color .16s var(--ease,ease);padding:.65rem .85rem;font-size:.9rem;line-height:1.5}.sdl .sdl-ct-textarea{resize:vertical;min-height:7.5rem}.sdl .sdl-ct-input::placeholder,.sdl .sdl-ct-textarea::placeholder{color:color-mix(in srgb, var(--sdl-muted) 75%, transparent)}.sdl .sdl-ct-input:hover,.sdl .sdl-ct-textarea:hover{border-color:color-mix(in srgb, var(--sdl-accent) 30%, rgb(var(--marketing-border)))}.sdl .sdl-ct-input:focus-visible,.sdl .sdl-ct-textarea:focus-visible{border-color:color-mix(in srgb, var(--sdl-accent) 65%, rgb(var(--marketing-border)));box-shadow:0 0 0 3px color-mix(in srgb, var(--sdl-accent) 22%, transparent);background:rgb(var(--marketing-card) / .9);outline:none}.sdl .sdl-ct-topics{flex-wrap:wrap;gap:.5rem;display:flex}.sdl .sdl-ct-topic{border-radius:var(--radius-pill,999px);color:var(--sdl-muted);background:rgb(var(--marketing-card) / .7);border:1px solid rgb(var(--marketing-border) / .9);cursor:pointer;transition:color .16s var(--ease,ease), background-color .16s var(--ease,ease), border-color .16s var(--ease,ease), transform .16s var(--ease,ease);-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;padding:.42rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex;position:relative}.sdl .sdl-ct-topic input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sdl .sdl-ct-topic:hover{color:var(--sdl-fg);border-color:color-mix(in srgb, var(--sdl-accent) 40%, rgb(var(--marketing-border)));transform:translateY(-1px)}}.sdl .sdl-ct-topic:has(input:checked){color:var(--accent-deep,var(--sdl-accent));background:color-mix(in srgb, var(--sdl-accent) 13%, transparent);border-color:color-mix(in srgb, var(--sdl-accent) 42%, transparent)}html[data-theme=dark] .sdl .sdl-ct-topic:has(input:checked){color:color-mix(in srgb, var(--sdl-accent) 72%, rgb(var(--sdl-invert)))}.sdl .sdl-ct-topic:has(input:focus-visible){outline:2px solid var(--sdl-accent);outline-offset:2px}.sdl .sdl-ct-note{color:var(--sdl-muted);align-items:flex-start;gap:.5rem;font-size:.78rem;line-height:1.55;display:flex}.sdl .sdl-ct-note svg{color:var(--sdl-accent);flex:none;margin-top:.14rem}.sdl .sdl-ct-channel__head{align-items:center;gap:.7rem;display:flex}.sdl .sdl-ct-channel__label{color:var(--sdl-muted);font-size:.72rem}.sdl .sdl-ct-channel__value{font-family:var(--font-display);color:var(--sdl-fg);overflow-wrap:anywhere;font-size:1.02rem;font-weight:700}.sdl .sdl-ct-pills{flex-wrap:wrap;gap:.4rem;display:flex}.sdl .sdl-ct-pill{border-radius:var(--radius-pill,999px);color:var(--sdl-muted);background:rgb(var(--marketing-muted) / .55);border:1px solid rgb(var(--marketing-border) / .6);white-space:nowrap;padding:.18rem .55rem;font-size:.68rem;font-weight:600}.sdl .sdl-ct-stepnum{border-radius:var(--radius-md,12px);width:2.2rem;height:2.2rem;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--sdl-accent);background:color-mix(in srgb, var(--sdl-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--sdl-accent) 26%, transparent);place-items:center;font-weight:800;display:inline-grid}.sdl .sdl-ct-stepnum--lg{border-radius:var(--radius-lg,16px);width:2.7rem;height:2.7rem;font-size:1.1rem}html[data-theme=dark] .sdl .sdl-ct-stepnum{color:color-mix(in srgb, var(--sdl-accent) 75%, rgb(var(--sdl-invert)))}.sdl .sdl-ct-legal{color:var(--sdl-muted);flex-wrap:wrap;align-items:center;gap:.35rem 1.1rem;font-size:.78rem;display:flex}.sdl .sdl-ct-legal a{color:var(--sdl-fg);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--sdl-accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--sdl-accent) 45%, transparent);text-underline-offset:3px;transition:color .16s var(--ease,ease), text-decoration-color .16s var(--ease,ease);font-weight:600}.sdl .sdl-ct-legal a:hover{color:var(--accent-deep,var(--sdl-accent));-webkit-text-decoration-color:var(--sdl-accent);text-decoration-color:var(--sdl-accent)}html[data-theme=dark] .sdl .sdl-ct-legal a:hover{color:color-mix(in srgb, var(--sdl-accent) 72%, rgb(var(--sdl-invert)))}.sdl .sdl-ct-link{color:var(--accent-deep,var(--sdl-accent));transition:color .16s var(--ease,ease), transform .16s var(--ease,ease);align-items:center;gap:.35rem;font-size:.85rem;font-weight:650;text-decoration:none;display:inline-flex}html[data-theme=dark] .sdl .sdl-ct-link{color:color-mix(in srgb, var(--sdl-accent) 72%, rgb(var(--sdl-invert)))}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sdl .sdl-ct-link:hover{transform:translateY(-1px)}}}