:focus{outline:none;}:focus-visible{outline:var(--sp-outline-1) solid var(--sp-focus);outline-offset:var(--sp-1);box-shadow:0 0 0 var(--sp-ring-1) var(--sp-focus-soft);} @supports selector(:focus-visible){:focus{outline:none;}}:where(a,button,input,select,textarea,summary,[role="button"],[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--sp-outline-1) solid var(--sp-focus);outline-offset:var(--sp-1);box-shadow:0 0 0 var(--sp-ring-1) var(--sp-focus-soft);} *,*::before,*::after{box-sizing:border-box;} html,body{margin:var(--sp-0,0);padding:var(--sp-0,0);} html{color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;} body{min-height:var(--sp-page-min-h,100vh);background:var(--sp-bg,#0b0f14);color:var(--sp-text,#e6edf3);font-family:var(--sp-font,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);font-size:var(--sp-fs-3,16px);line-height:var(--sp-lh-2,1.4);} img,svg,video,canvas{display:block;max-width:100%;} img{height:auto;} input,button,textarea,select{font:inherit;color:inherit;} button{background:transparent;border:0;padding:var(--sp-0,0);} table{border-collapse:collapse;border-spacing:var(--sp-0,0);} a{color:inherit;text-decoration:inherit;} ul,ol{margin:var(--sp-0,0);padding:var(--sp-0,0);} h1,h2,h3,h4,h5,h6,p{margin:var(--sp-0,0);} hr{border:0;border-top:var(--sp-border-1);margin:var(--sp-6,1.5rem) 0;} code,pre,kbd,samp{font-family:var(--sp-font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);} textarea{resize:vertical;} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:var(--sp-motion-reduce,1ms) !important;animation-iteration-count:1 !important;transition-duration:var(--sp-motion-reduce,1ms) !important;scroll-behavior:auto !important;}}:root{--sp-border-w-1:1px;--sp-border-w-2:2px;--sp-border-w-1-neg:calc(var(--sp-border-w-1) * -1);--sp-border-1:var(--sp-border-w-1) solid var(--sp-border);--sp-border-2:var(--sp-border-w-2) solid var(--sp-border);}:root{--sp-bp-xs:30rem;--sp-bp-sm:40rem;--sp-bp-md:52rem;--sp-bp-lg:75rem;--sp-bp-xl:90rem;}:root{--sp-bg:#0B0F14;--sp-surface:#111827;--sp-surface-2:color-mix(in srgb,var(--sp-surface) 88%,var(--sp-fg) 12%);--sp-elev:#172033;--sp-elev-2:#1E293B;--sp-text:#E6EDF7;--sp-muted:#9AA7B8;--sp-text-muted:var(--sp-muted);--sp-subtle:#7C8AA0;--sp-fg:var(--sp-text);--sp-border:#223044;--sp-border-strong:#2E425F;--sp-accent:#2EA043;--sp-accent-2:#60A5FA;--sp-accent-3:#A78BFA;--sp-success:var(--sp-accent);--sp-info:var(--sp-accent-3);--sp-warning:#F59E0B;--sp-danger:#EF4444;--sp-link:var(--sp-accent-2);--sp-link-hover:#93C5FD;--sp-focus:var(--sp-accent-2);--sp-focus-soft:rgba(96,165,250,0.35);--sp-underline:color-mix(in srgb,var(--sp-text) 25%,transparent);}:root{--sp-page-min-h:100vh;--sp-border-1:var(--sp-border-w-1);--sp-border-2:var(--sp-border-w-2);--sp-outline-1:var(--sp-border-w-2);--sp-ring-1:calc(var(--sp-border-w-1) * 3);--sp-focus-shadow:0 0 0 var(--sp-border-w-2) color-mix(in srgb,var(--sp-accent-3),transparent 70%);--sp-focus-shadow-danger:0 0 0 var(--sp-border-w-2) color-mix(in srgb,var(--sp-danger),transparent 70%);--sp-select-arrow-img:linear-gradient(45deg,transparent 50%,var(--sp-subtle) 50%),linear-gradient(135deg,var(--sp-subtle) 50%,transparent 50%);--sp-select-arrow-pos:calc(100% - var(--sp-3)) calc(50% - var(--sp-checkmark-gap)),calc(100% - var(--sp-3)) calc(50%+var(--sp-checkmark-gap));--sp-select-arrow-size:var(--sp-checkmark-grid) var(--sp-checkmark-grid),var(--sp-checkmark-grid) var(--sp-checkmark-grid);--sp-layer-panel:50;--sp-layer-modal:60;--sp-layer-toast:70;--sp-float-gap:var(--sp-4);--sp-float-gap-lg:var(--sp-5);--sp-drawer-w:360px;--sp-drawer-h:320px;--sp-tab-h:calc(var(--sp-9)+var(--sp-border-w-2));--sp-toast-w:var(--sp-drawer-w);--sp-footer-mark:calc(var(--sp-8)+var(--sp-border-w-2));--sp-switch-w:calc(var(--sp-10)+var(--sp-1));--sp-switch-h:var(--sp-6);--sp-switch-knob:calc(var(--sp-switch-h) - var(--sp-1));--sp-switch-travel:calc(var(--sp-switch-w) - var(--sp-switch-h));--sp-check-size:calc(var(--sp-4)+(var(--sp-1) /2));--sp-checkmark-dot-w:calc(var(--sp-2)+(var(--sp-1) /4));--sp-checkmark-dot-h:calc(var(--sp-1)+(var(--sp-hairline) * 1));--sp-radio-dot:calc(var(--sp-2)+(var(--sp-1) /4));--sp-control-min-h:7rem;--sp-checkmark-gap:calc(var(--sp-hairline) * 2);--sp-checkmark-grid:calc(var(--sp-hairline) * 6);--sp-util-rail:220px;--sp-util-max-h-sm:180px;--sp-backdrop:rgba(0,0,0,0.55);--sp-opacity-0:0;--sp-opacity-20:0.2;--sp-opacity-40:0.4;--sp-opacity-60:0.6;--sp-opacity-80:0.8;--sp-opacity-100:1;--sp-hairline:1px;}:root{--sp-duration-1:120ms;--sp-duration-2:180ms;--sp-duration-3:260ms;--sp-duration-4:360ms;--sp-motion-reduce:1ms;--sp-ease-standard:cubic-bezier(0.2,0,0,1);--sp-ease-in:cubic-bezier(0.4,0,1,1);--sp-ease-out:cubic-bezier(0,0,0.2,1);--sp-ease-in-out:cubic-bezier(0.4,0,0.2,1);}:root{--sp-radius-1:0.375rem;--sp-radius-2:0.5rem;--sp-radius-3:0.75rem;--sp-radius-4:1rem;--sp-radius-round:9999px;}:root{--sp-shadow-1:0 1px 2px rgba(0,0,0,.35),0 0 0 1px hsla(0,0%,100%,.03);--sp-shadow-2:0 6px 16px rgba(0,0,0,.45),0 0 0 1px hsla(0,0%,100%,.04);--sp-shadow-3:0 14px 34px rgba(0,0,0,.55),0 0 0 1px hsla(0,0%,100%,.05);--sp-text-shadow-1:0 1px 1px rgba(0,0,0,.55),0 0 1px hsla(0,0%,100%,.02);--sp-text-shadow-2:0 2px 8px rgba(0,0,0,.60),0 0 1px hsla(0,0%,100%,.03);--sp-text-shadow-3:0 6px 18px rgba(0,0,0,.65),0 0 1px hsla(0,0%,100%,.04);}:root{--sp-0:0;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-7:1.75rem;--sp-8:2rem;--sp-9:calc((var(--sp-8)+var(--sp-10)) /2);--sp-10:2.5rem;--sp-container-max:72rem;--sp-container-narrow:68.75rem;;--sp-content-max:60rem;}:root{--sp-font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--sp-font-display:var(--sp-font);--sp-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sp-fs-1:0.75rem;--sp-fs-2:0.875rem;--sp-fs-3:1rem;--sp-fs-4:1.125rem;--sp-fs-5:1.25rem;--sp-fs-6:1.5rem;--sp-lh-1:1.2;--sp-lh-2:1.4;--sp-lh-3:1.6;--sp-fw-regular:400;--sp-fw-medium:500;--sp-fw-semibold:600;--sp-fw-bold:700;--sp-ls-tight:-0.02em;--sp-ls-tight-2:-0.01em;--sp-ls-normal:0;--sp-ls-loose:0.02em;--sp-underline-offset:0.18em;--sp-fw-6:var(--sp-fw-semibold);--sp-ls-1:var(--sp-ls-loose);--sp-ls-0:var(--sp-ls-normal);}:root{--sp-z-base:0;--sp-z-sticky:10;--sp-z-dropdown:20;--sp-z-popover:30;--sp-z-drawer:40;--sp-z-modal:50;--sp-z-toast:60;--sp-z-overlay:70;--sp-layer-base:var(--sp-z-base);--sp-layer-sticky:var(--sp-z-sticky);--sp-layer-panel:var(--sp-z-drawer);--sp-layer-modal:var(--sp-z-modal);--sp-layer-toast:var(--sp-z-toast);--sp-layer-overlay:var(--sp-z-overlay);} .sp-container{max-width:var(--sp-container-max);margin-inline:auto;padding-inline:var(--sp-4);} .sp-container-narrow{max-width:var(--sp-container-narrow);margin:var(--sp-0) auto;padding:var(--sp-6);} .sp-content{max-width:var(--sp-content-max);margin-inline:auto;} .sp-stack>*+*{margin-top:var(--sp-3);}:root{--sp-doc-card-min:16rem;} .docs-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(var(--sp-doc-card-min),1fr));} .docs-card__body{height:100%;} .docs-card__icon{width:var(--sp-8);height:auto;} .sp-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--sp-radius-3);font-size:var(--sp-fs-2);line-height:var(--sp-lh-2);font-weight:var(--sp-fw-semibold);} .sp-badge--soft{background:var(--sp-elev);color:var(--sp-text);border:var(--sp-border-1);} .sp-brand{display:inline-flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:inherit;min-width:max-content;} .sp-brand__logo{width:var(--sp-5);height:var(--sp-5);opacity:var(--sp-opacity-80);} .sp-brand__text{font-size:var(--sp-fs-5);font-weight:var(--sp-fw-bold);} .sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);min-height:calc(var(--sp-4) * 2.5);font-weight:var(--sp-fw-semibold);font-size:var(--sp-fs-2);line-height:var(--sp-lh-2);text-decoration:none;border-radius:var(--sp-radius-3);border:var(--sp-border-1);cursor:pointer;user-select:none;background:var(--sp-elev);color:var(--sp-text);transition:background var(--sp-duration-2) var(--sp-ease-standard),border-color var(--sp-duration-2) var(--sp-ease-standard),transform var(--sp-duration-2) var(--sp-ease-standard),box-shadow var(--sp-duration-2) var(--sp-ease-standard);} .sp-btn:hover{background:var(--sp-elev-2);} .sp-btn:active{transform:translateY(var(--sp-hairline));} .sp-btn:disabled,.sp-btn[aria-disabled="true"]{opacity:var(--sp-opacity-60);cursor:not-allowed;pointer-events:none;} .sp-btn--primary{background:var(--sp-accent);color:var(--sp-bg);border-color:color-mix(in oklab,var(--sp-accent) 65%,var(--sp-border));} .sp-btn--primary:hover{background:color-mix(in oklab,var(--sp-accent) 88%,black);} .sp-btn--ghost{background:transparent;border-color:transparent;} .sp-btn--ghost:hover{background:color-mix(in oklab,var(--sp-border) 35%,transparent);} .sp-btn--sm{padding:var(--sp-1) var(--sp-2);min-height:calc(var(--sp-4) * 2);border-radius:var(--sp-radius-2);font-weight:var(--sp-fw-semibold);} .sp-btn--lg{padding:var(--sp-3) var(--sp-4);min-height:calc(var(--sp-4) * 3);border-radius:var(--sp-radius-4);} .sp-card{background:var(--sp-surface);color:var(--sp-text);border:var(--sp-border-1);border-radius:var(--sp-radius-3);box-shadow:var(--sp-shadow-1);overflow:hidden;} .sp-card--elev{background:var(--sp-elev);box-shadow:var(--sp-shadow-2);} .sp-card__header,.sp-card__body,.sp-card__footer{padding:var(--sp-4);} .sp-card__header{border-bottom:var(--sp-border-1);} .sp-card__footer{border-top:var(--sp-border-1);color:var(--sp-subtle);} .sp-card--compact .sp-card__header,.sp-card--compact .sp-card__body,.sp-card--compact .sp-card__footer{padding:var(--sp-3);} .sp-color-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(calc(var(--sp-4) * 12),1fr));} .sp-color-swatch{display:flex;flex-direction:column;gap:var(--sp-2);} .sp-color-meta{display:flex;gap:var(--sp-2);align-items:baseline;flex-wrap:wrap;} .sp-color-chip{border:var(--sp-border-1);border-radius:var(--sp-radius-2);height:calc(var(--sp-4) * 2);} .sp-shadow-chip{background:var(--sp-surface);border:var(--sp-border-1);border-radius:var(--sp-radius-2);height:calc(var(--sp-4) * 2);} .sp-color-chip--bg{background:var(--sp-bg);} .sp-color-chip--surface{background:var(--sp-surface);} .sp-color-chip--elev{background:var(--sp-elev);} .sp-color-chip--elev2{background:var(--sp-elev-2);} .sp-color-chip--text{background:var(--sp-text);} .sp-color-chip--muted{background:var(--sp-muted);} .sp-color-chip--subtle{background:var(--sp-subtle);} .sp-color-chip--border{background:var(--sp-border);} .sp-color-chip--border-strong{background:var(--sp-border-strong);} .sp-color-chip--accent{background:var(--sp-accent);} .sp-color-chip--accent-2{background:var(--sp-accent-2);} .sp-color-chip--accent-3{background:var(--sp-accent-3);} .sp-color-chip--success{background:var(--sp-success);} .sp-color-chip--warning{background:var(--sp-warning);} .sp-color-chip--danger{background:var(--sp-danger);} .sp-color-chip--info{background:var(--sp-info);} .sp-shadow-chip--1{box-shadow:var(--sp-shadow-1);} .sp-shadow-chip--2{box-shadow:var(--sp-shadow-2);} .sp-shadow-chip--3{box-shadow:var(--sp-shadow-3);} .sp-color-link{color:var(--sp-link);} .sp-color-link:hover{text-decoration:underline;} .sp-drawer-wrap{position:fixed;inset:0;pointer-events:none;z-index:calc(var(--sp-layer-panel) - 1);} body.sp-scroll-lock{overflow:hidden;overscroll-behavior:none;padding-right:var(--sp-scrollbar-comp,var(--sp-0));} .sp-drawer-wrap[data-open="true"]{pointer-events:auto;} .sp-drawer-backdrop{position:absolute;inset:0;background:var(--sp-backdrop);opacity:var(--sp-opacity-0);visibility:hidden;transition:opacity var(--sp-duration-3) var(--sp-ease-standard),visibility 0ms linear var(--sp-duration-3);} .sp-drawer-wrap[data-open="true"] .sp-drawer-backdrop{opacity:var(--sp-opacity-100);visibility:visible;transition:opacity var(--sp-duration-3) var(--sp-ease-standard);} .sp-drawer{position:absolute;display:flex;flex-direction:column;background:var(--sp-elev);color:var(--sp-text);border:var(--sp-border-1);box-shadow:var(--sp-shadow-3);border-radius:var(--sp-radius-3);outline:none;transform:translate3d(0,0,0);transition:transform var(--sp-duration-4) var(--sp-ease-standard);} .sp-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border-bottom:var(--sp-border-1);} .sp-drawer__title{margin:var(--sp-0);font-weight:var(--sp-fw-bold);} .sp-drawer__body{padding:var(--sp-4);overflow:auto;} .sp-drawer__footer{padding:var(--sp-4);border-top:var(--sp-border-1);} .sp-drawer__footer--flat{border-top:var(--sp-0);padding-top:var(--sp-0);} .sp-drawer--right{top:0;right:0;height:100dvh;width:min(92vw,var(--sp-drawer-w));border-radius:0;border-left:var(--sp-border-1);border-top:0;border-right:0;border-bottom:0;transform:translateX(100%);} .sp-drawer--left{top:0;left:0;height:100dvh;width:min(92vw,var(--sp-drawer-w));border-radius:0;border-right:var(--sp-border-1);border-top:0;border-left:0;border-bottom:0;transform:translateX(-100%);} .sp-drawer--bottom{left:0;right:0;bottom:0;height:min(80dvh,var(--sp-drawer-h));border-radius:0;border-top:var(--sp-border-1);border-left:0;border-right:0;border-bottom:0;transform:translateY(100%);} .sp-drawer--top{left:0;right:0;top:0;height:min(80dvh,var(--sp-drawer-h));border-radius:0;border-bottom:var(--sp-border-1);border-left:0;border-right:0;border-top:0;transform:translateY(-100%);} .sp-drawer-wrap[data-open="true"] .sp-drawer{transform:translate(0,0);} .sp-drawer--right .sp-drawer__header,.sp-drawer--right .sp-drawer__body,.sp-drawer--right .sp-drawer__footer{padding-right:calc(var(--sp-4)+env(safe-area-inset-right,var(--sp-0)));} .sp-drawer--left .sp-drawer__header,.sp-drawer--left .sp-drawer__body,.sp-drawer--left .sp-drawer__footer{padding-left:calc(var(--sp-4)+env(safe-area-inset-left,var(--sp-0)));} .sp-drawer--top .sp-drawer__header,.sp-drawer--top .sp-drawer__body,.sp-drawer--top .sp-drawer__footer{padding-top:calc(var(--sp-4)+env(safe-area-inset-top,var(--sp-0)));} .sp-drawer--bottom .sp-drawer__header,.sp-drawer--bottom .sp-drawer__body,.sp-drawer--bottom .sp-drawer__footer{padding-bottom:calc(var(--sp-4)+env(safe-area-inset-bottom,var(--sp-0)));} @media(prefers-reduced-motion:reduce){.sp-drawer,.sp-drawer-backdrop{transition:none !important;}} .sp-footer{margin-top:var(--sp-8);} .sp-footer__brand{display:flex;gap:var(--sp-3);align-items:center;} .sp-footer__mark{width:var(--sp-footer-mark);height:var(--sp-footer-mark);display:inline-block;} .sp-footer__title{font-weight:var(--sp-fw-6);letter-spacing:var(--sp-ls-1);} .sp-footer__desc{margin:var(--sp-3) var(--sp-0) var(--sp-0);color:var(--sp-text-muted);line-height:var(--sp-lh-2);max-width:56ch;} .sp-footer__cta{margin-top:var(--sp-5);display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center;} .sp-footer__groupTitle{font-weight:var(--sp-fw-6);margin:var(--sp-0) var(--sp-0) var(--sp-3);} .sp-footer__links{list-style:none;padding:var(--sp-0);margin:var(--sp-0);display:grid;gap:var(--sp-2);} .sp-footer__link{color:var(--sp-text-muted);text-decoration:none;} .sp-footer__link:hover{color:var(--sp-text);text-decoration:underline;text-decoration-color:var(--sp-underline);} .sp-footer__legalLinks{display:flex;margin-left:auto;gap:var(--sp-4);flex-wrap:wrap;align-items:center;} .sp-textarea{width:100%;display:block;padding:var(--sp-2) var(--sp-3);border-radius:var(--sp-radius-2);border:var(--sp-border-1);background:var(--sp-elev-2);color:var(--sp-text);font-family:var(--sp-font);font-size:var(--sp-fs-3);line-height:var(--sp-lh-2);min-height:var(--sp-control-min-h);resize:vertical;transition:border-color var(--sp-duration-2) var(--sp-ease-standard),box-shadow var(--sp-duration-2) var(--sp-ease-standard),background var(--sp-duration-2) var(--sp-ease-standard),opacity var(--sp-duration-2) var(--sp-ease-standard);} .sp-textarea::placeholder{color:var(--sp-subtle);} .sp-textarea:hover{border-color:var(--sp-border-strong);} .sp-textarea:focus{outline:none;} .sp-textarea:focus-visible{outline:none;border-color:var(--sp-accent-3);box-shadow:var(--sp-focus-shadow);} .sp-textarea:focus:not(:focus-visible){box-shadow:none;} .sp-textarea:disabled{opacity:var(--sp-opacity-60);cursor:not-allowed;background:var(--sp-elev);border-color:var(--sp-border);} .sp-select{width:100%;display:block;padding:var(--sp-2) var(--sp-3);border-radius:var(--sp-radius-2);border:var(--sp-border-1);background:var(--sp-elev-2);color:var(--sp-text);font-family:var(--sp-font);font-size:var(--sp-fs-3);line-height:var(--sp-lh-2);transition:border-color var(--sp-duration-2) var(--sp-ease-standard),box-shadow var(--sp-duration-2) var(--sp-ease-standard),background var(--sp-duration-2) var(--sp-ease-standard),opacity var(--sp-duration-2) var(--sp-ease-standard);} .sp-select:hover{border-color:var(--sp-border-strong);} .sp-select:focus{outline:none;} .sp-select:focus-visible{outline:none;border-color:var(--sp-accent-3);box-shadow:var(--sp-focus-shadow);} .sp-select:focus:not(:focus-visible){box-shadow:none;} .sp-select:disabled{opacity:var(--sp-opacity-60);cursor:not-allowed;background:var(--sp-elev);border-color:var(--sp-border);} .sp-field--error .sp-help{color:var(--sp-danger);} .sp-field--error:where(.sp-textarea,.sp-select){border-color:var(--sp-danger);} .sp-field--error:where(.sp-textarea,.sp-select):focus-visible{border-color:var(--sp-danger);box-shadow:var(--sp-focus-shadow-danger);} .sp-field--error:where(.sp-textarea,.sp-select):focus:not(:focus-visible){box-shadow:none;} .sp-select{appearance:none;background-image:var(--sp-select-arrow-img);background-position:var(--sp-select-arrow-pos);background-size:var(--sp-select-arrow-size);background-repeat:no-repeat;padding-right:var(--sp-6);} .sp-control{display:inline-flex;align-items:center;gap:var(--sp-3);} .sp-control--stack{display:grid;gap:var(--sp-2);} .sp-fieldset{display:grid;gap:var(--sp-2);padding:var(--sp-0);border:0;margin:var(--sp-0);} .sp-legend{font-family:var(--sp-font);font-size:var(--sp-fs-2);line-height:var(--sp-lh-1);color:var(--sp-text);} .sp-field--error:where(.sp-check,.sp-radio,.sp-switch){border-color:var(--sp-danger);} .sp-field--error:where(.sp-check,.sp-radio,.sp-switch):focus-visible{box-shadow:0 0 0 var(--sp-border-w-2) color-mix(in srgb,var(--sp-danger),transparent 70%);} .sp-field--error .sp-radio:focus-visible{box-shadow:0 0 0 var(--sp-border-w-2) color-mix(in srgb,var(--sp-danger),transparent 60%);} .sp-field--error:where(.sp-check,.sp-radio,.sp-switch):focus:not(:focus-visible){box-shadow:none;} .sp-header{background:var(--sp-surface);color:var(--sp-text);border-bottom:var(--sp-border-1);} .sp-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-3);} .sp-header__actions{display:inline-flex;align-items:center;gap:var(--sp-2);} .sp-hero{padding:var(--sp-10) var(--sp-6);} .sp-hero__inner{margin-inline:auto;max-width:var(--sp-container-max);} .sp-hero__kicker{margin:var(--sp-0) var(--sp-0) var(--sp-3);letter-spacing:var(--sp-ls-loose);} .sp-hero__title{margin:var(--sp-0) var(--sp-0) var(--sp-3);font-family:var(--sp-font-display);letter-spacing:var(--sp-ls-tight);line-height:var(--sp-lh-1);} .sp-hero__sub{margin:var(--sp-0) var(--sp-0) var(--sp-5);max-width:var(--sp-content-max);line-height:var(--sp-lh-2);} .sp-hero__meta{margin:var(--sp-0) var(--sp-0) var(--sp-6);} .sp-hero__actions{display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:center;} .sp-hero--surface{background:var(--sp-surface);border-bottom:var(--sp-border-1);} .sp-field{display:grid;gap:var(--sp-2);} .sp-label{font-size:var(--sp-fs-2);line-height:var(--sp-lh-1);color:var(--sp-text);} .sp-help{font-size:var(--sp-fs-2);color:var(--sp-muted);} .sp-input{width:100%;display:block;padding:var(--sp-2) var(--sp-3);border-radius:var(--sp-radius-2);border:var(--sp-border-1);background:var(--sp-elev-2);color:var(--sp-text);font-size:var(--sp-fs-3);line-height:var(--sp-lh-2);transition:border-color var(--sp-duration-2) var(--sp-ease-standard),box-shadow var(--sp-duration-2) var(--sp-ease-standard),background var(--sp-duration-2) var(--sp-ease-standard),opacity var(--sp-duration-2) var(--sp-ease-standard);} .sp-input::placeholder{color:var(--sp-subtle);} .sp-input:hover{border-color:var(--sp-border-strong);} .sp-input:focus{outline:none;} .sp-input:focus-visible{outline:none;border-color:var(--sp-accent-3);box-shadow:0 0 0 var(--sp-border-w-2) color-mix(in srgb,var(--sp-accent-3),transparent 70%);} .sp-input:focus:not(:focus-visible){box-shadow:none;} .sp-input:disabled{opacity:var(--sp-opacity-60);cursor:not-allowed;background:var(--sp-elev);border-color:var(--sp-border);} .sp-field--error .sp-help{color:var(--sp-danger);} .sp-field--error .sp-input{border-color:var(--sp-danger);} .sp-field--error .sp-input:focus-visible{border-color:var(--sp-danger);box-shadow:0 0 0 var(--sp-border-w-2) color-mix(in srgb,var(--sp-danger),transparent 70%);} .sp-field--error .sp-input:focus:not(:focus-visible){box-shadow:none;} .sp-nav{display:inline-flex;align-items:center;gap:var(--sp-2);} .sp-nav__link{text-decoration:none;color:var(--sp-muted);padding:var(--sp-2) var(--sp-3);border-radius:var(--sp-radius-2);transition:background var(--sp-duration-2) var(--sp-ease-standard),color var(--sp-duration-2) var(--sp-ease-standard),box-shadow var(--sp-duration-2) var(--sp-ease-standard);} .sp-nav__link:hover{background:var(--sp-elev);color:var(--sp-text);} .sp-nav__link:focus{outline:none;} .sp-nav__link:focus-visible{outline:none;box-shadow:0 0 0 var(--sp-border-w-2) color-mix(in srgb,var(--sp-accent-3),transparent 70%);} .sp-nav__link:focus:not(:focus-visible){box-shadow:none;} .sp-nav__link.is-active{background:var(--sp-elev);color:var(--sp-text);} .sp-tabs{width:100%;} .sp-tablist{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2);border:var(--sp-border-1);border-radius:var(--sp-radius-3);background:var(--sp-elev);} .sp-toast{--sp-toast-gap:var(--sp-2);--sp-toast-max-w:calc(100vw -(var(--sp-4)+var(--sp-4)));width:min(var(--sp-toast-w),var(--sp-toast-max-w));display:grid;gap:var(--sp-toast-gap);pointer-events:auto;} .sp-toast__row{display:flex;align-items:start;justify-content:space-between;gap:var(--sp-3);} .sp-toast__title{font-weight:var(--sp-fw-semibold);letter-spacing:var(--sp-ls-tight-2);line-height:var(--sp-lh-1);} .sp-toast__body{line-height:var(--sp-lh-2);} .sp-toast__close{flex:0 0 auto;} .sp-toast-stack{--sp-toast-gap:var(--sp-2);--sp-toast-max-w:calc(100vw -(var(--sp-4)+var(--sp-4)));display:grid;gap:var(--sp-toast-gap);width:min(var(--sp-toast-w),var(--sp-toast-max-w));}:where(.sp-switch,.sp-check,.sp-radio):focus{outline:none;}:where(.sp-switch,.sp-check,.sp-radio):focus-visible{outline:none;box-shadow:var(--sp-focus-shadow);}:where(.sp-switch,.sp-check,.sp-radio):focus:not(:focus-visible){box-shadow:none;}:where(.sp-switch,.sp-check,.sp-radio):disabled{opacity:var(--sp-opacity-60);cursor:not-allowed;} .sp-switch{appearance:none;-webkit-appearance:none;width:var(--sp-switch-w);height:var(--sp-switch-h);border-radius:var(--sp-radius-round);border:var(--sp-border-1);background:var(--sp-elev-2);display:inline-grid;align-items:center;position:relative;cursor:pointer;transition:background var(--sp-duration-2) var(--sp-ease-standard),border-color var(--sp-duration-2) var(--sp-ease-standard),box-shadow var(--sp-duration-2) var(--sp-ease-standard);} .sp-switch::before{content:"";width:var(--sp-switch-knob);height:var(--sp-switch-knob);border-radius:var(--sp-radius-round);background:var(--sp-text);opacity:var(--sp-opacity-80);position:absolute;left:var(--sp-2);top:50%;transform:translateY(-50%);transition:transform var(--sp-duration-2) var(--sp-ease-standard),opacity var(--sp-duration-2) var(--sp-ease-standard),background var(--sp-duration-2) var(--sp-ease-standard);} .sp-switch:hover{border-color:var(--sp-border-strong);} .sp-switch:checked{background:color-mix(in srgb,var(--sp-accent-3),var(--sp-elev) 15%);border-color:color-mix(in srgb,var(--sp-accent-3),var(--sp-border) 35%);} .sp-switch:checked::before{transform:translateY(-50%) translateX(var(--sp-switch-travel));background:var(--sp-bg);opacity:var(--sp-opacity-100);} .sp-check{appearance:none;-webkit-appearance:none;width:var(--sp-check-size);height:var(--sp-check-size);border-radius:var(--sp-radius-1);border:var(--sp-border-1);background:var(--sp-elev-2);display:inline-grid;place-items:center;cursor:pointer;transition:background var(--sp-duration-2) var(--sp-ease-standard),border-color var(--sp-duration-2) var(--sp-ease-standard),box-shadow var(--sp-duration-2) var(--sp-ease-standard);} .sp-check:hover{border-color:var(--sp-border-strong);} .sp-check:checked{background:var(--sp-accent-3);border-color:color-mix(in srgb,var(--sp-accent-3),var(--sp-border) 25%);} .sp-check:checked::after{content:"";width:var(--sp-checkmark-dot-w);height:var(--sp-checkmark-dot-h);border-left:var(--sp-border-2);border-bottom:var(--sp-border-2);transform:rotate(-45deg);margin-top:var(--sp-border-w-1-neg);} .sp-radio{appearance:none;-webkit-appearance:none;width:var(--sp-check-size);height:var(--sp-check-size);border-radius:var(--sp-radius-round);border:var(--sp-border-1);background:var(--sp-elev-2);display:inline-grid;place-items:center;cursor:pointer;transition:background var(--sp-duration-2) var(--sp-ease-standard),border-color var(--sp-duration-2) var(--sp-ease-standard),box-shadow var(--sp-duration-2) var(--sp-ease-standard);} .sp-radio:hover{border-color:var(--sp-border-strong);} .sp-radio:checked{border-color:color-mix(in srgb,var(--sp-accent-3),var(--sp-border) 25%);} .sp-radio:checked::after{content:"";width:var(--sp-radio-dot);height:var(--sp-radio-dot);border-radius:var(--sp-radius-round);background:var(--sp-accent-3);} .sp-hidden{display:none !important;} .sp-visually-hidden{position:absolute !important;width:var(--sp-hairline) !important;height:var(--sp-hairline) !important;padding:var(--sp-0) !important;margin:calc(var(--sp-hairline) * -1) !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;} .sp-link{color:var(--sp-link);text-decoration:underline;text-underline-offset:var(--sp-underline-offset);} .sp-link:hover{color:var(--sp-link-hover);} .sp-muted{color:var(--sp-muted) !important;} .sp-subtle{color:var(--sp-subtle) !important;} .sp-text-center{text-align:center !important;} .sp-mt-2{margin-top:var(--sp-2) !important;} .sp-mt-3{margin-top:var(--sp-3) !important;} .sp-mt-4{margin-top:var(--sp-4) !important;} .sp-mb-2{margin-bottom:var(--sp-2) !important;} .sp-mb-3{margin-bottom:var(--sp-3) !important;} .sp-mb-4{margin-bottom:var(--sp-4) !important;} .sp-inline{display:inline-flex;align-items:center;gap:var(--sp-2);} .sp-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;} .sp-code{font-family:var(--sp-font-mono);} .sp-code-list{list-style:none;margin:var(--sp-0);padding:var(--sp-2) var(--sp-3);border:var(--sp-border-1);background:var(--sp-surface-2);border-radius:var(--sp-radius-2);font-family:var(--sp-font-mono);font-size:var(--sp-fs-1);} .sp-code-list li{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-1) var(--sp-0);} .sp-code-list li+li{border-top:var(--sp-border-1);} .sp-code-list code{font-family:inherit;background:transparent;border:0;padding:var(--sp-0);flex:0 0 var(--sp-util-rail);max-width:100%;} .sp-code-list span{min-width:0;}:root{--sp-float-safe-top:calc(var(--sp-float-gap)+env(safe-area-inset-top,var(--sp-0)));--sp-float-safe-right:calc(var(--sp-float-gap)+env(safe-area-inset-right,var(--sp-0)));--sp-float-safe-bottom:calc(var(--sp-float-gap)+env(safe-area-inset-bottom,var(--sp-0)));--sp-float-safe-left:calc(var(--sp-float-gap)+env(safe-area-inset-left,var(--sp-0)));} .sp-float{position:fixed;z-index:var(--sp-layer-panel);} .sp-pos-top-left{position:fixed;top:var(--sp-float-safe-top);left:var(--sp-float-safe-left);z-index:var(--sp-layer-panel);} .sp-pos-top-right{position:fixed;top:var(--sp-float-safe-top);right:var(--sp-float-safe-right);z-index:var(--sp-layer-panel);} .sp-pos-bottom-left{position:fixed;bottom:var(--sp-float-safe-bottom);left:var(--sp-float-safe-left);z-index:var(--sp-layer-panel);} .sp-pos-bottom-right{position:fixed;bottom:var(--sp-float-safe-bottom);right:var(--sp-float-safe-right);z-index:var(--sp-layer-panel);} .sp-pos-top{position:fixed;top:var(--sp-float-safe-top);left:50%;transform:translateX(-50%);z-index:var(--sp-layer-panel);} .sp-pos-bottom{position:fixed;bottom:var(--sp-float-safe-bottom);left:50%;transform:translateX(-50%);z-index:var(--sp-layer-panel);} .sp-pos-left{position:fixed;left:var(--sp-float-safe-left);top:50%;transform:translateY(-50%);z-index:var(--sp-layer-panel);} .sp-pos-right{position:fixed;right:var(--sp-float-safe-right);top:50%;transform:translateY(-50%);z-index:var(--sp-layer-panel);} .sp-pos-center{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:var(--sp-layer-panel);} .sp-pos-center-left{position:fixed;left:var(--sp-float-safe-left);top:50%;transform:translateY(-50%);z-index:var(--sp-layer-panel);} .sp-pos-center-right{position:fixed;right:var(--sp-float-safe-right);top:50%;transform:translateY(-50%);z-index:var(--sp-layer-panel);} .sp-codeblock{max-height:var(--sp-util-max-h-sm);overflow:auto;} .sp-shadow-1{box-shadow:var(--sp-shadow-1);} .sp-shadow-2{box-shadow:var(--sp-shadow-2);} .sp-shadow-3{box-shadow:var(--sp-shadow-3);} .sp-text-shadow-1{text-shadow:var(--sp-text-shadow-1);} .sp-text-shadow-2{text-shadow:var(--sp-text-shadow-2);} .sp-text-shadow-3{text-shadow:var(--sp-text-shadow-3);} .sp-h1{font-size:var(--sp-fs-6);line-height:var(--sp-lh-1);font-weight:var(--sp-fw-6);letter-spacing:var(--sp-ls-0);margin:var(--sp-0);} .sp-h2{font-size:var(--sp-fs-5);line-height:var(--sp-lh-1);font-weight:var(--sp-fw-6);letter-spacing:var(--sp-ls-0);margin:var(--sp-0);} .sp-h3{font-size:var(--sp-fs-4);line-height:var(--sp-lh-2);font-weight:var(--sp-fw-6);letter-spacing:var(--sp-ls-0);margin:var(--sp-0);} .sp-h4{font-size:var(--sp-fs-3);line-height:var(--sp-lh-2);font-weight:var(--sp-fw-6);letter-spacing:var(--sp-ls-0);margin:var(--sp-0);} @import "./tokens/core.css";@import "./tokens/color.css";@import "./tokens/borders.css";@import "./tokens/type.css";@import "./tokens/space.css";@import "./tokens/radius.css";@import "./tokens/shadow.css";@import "./tokens/motion.css";@import "./tokens/breakpoints.css";@import "./tokens/z.css";@import "./base/reset.css";@import "./base/a11y.css";@import "./patterns/layout.css";@import "./components/button.css";@import "./components/card.css";@import "./components/input.css";@import "./components/form-controls.css";@import "./components/toggles.css";@import "./components/brand.css";@import "./components/badge.css";@import "./components/colors.css";@import "./components/nav.css";@import "./components/header.css";@import "./components/footer.css";@import "./components/hero.css";@import "./components/forms.css";@import "./components/drawer.css";@import "./components/tabs.css";@import "./components/toast.css";@import "./utilities/utilities.css";