@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2fe1ab3d-module__-T-KAq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2fe1ab3d-module__-T-KAq__variable{--font-inter:"Inter","Inter Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-inter),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal}body{line-height:inherit;margin:0}html{-webkit-text-size-adjust:100%}button,[type=button],[type=reset],[type=submit]{appearance:button;background-color:#0000;background-image:none}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--color-gray-400)}table{text-indent:0;border-color:inherit;border-collapse:collapse}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-primary:#2b6cee;--color-primary-hover:#1e4fcc;--color-primary-light:#dae7fd;--color-primary-dark:#1a3a99;--color-background:#f6f6f8;--color-background-alt:#f8f8f8;--color-text:#111318;--color-text-muted:#4b5563;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-nav-background:#fff;--border-nav:1px solid #fff3;--border-radius-xxs:.25rem;--border-radius-xs:.5rem;--border-radius:.75rem;--border-radius-sm:1rem;--border-radius-md:1.5rem;--border-radius-lg:2rem;--border-radius-xl:3rem;--border-radius-full:9999px;--spacing-sm:.25rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--color-text);background-color:var(--color-background);font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-weight:400;line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin:0;font-weight:700;line-height:1.25}h1{font-size:2.25rem}@media (min-width:768px){h1{font-size:3.75rem}}h2{font-size:1.875rem}@media (min-width:768px){h2{font-size:2.25rem}}h3{font-size:1.5rem}@media (min-width:768px){h3{font-size:1.875rem}}h4{font-size:1.25rem}@media (min-width:768px){h4{font-size:1.5rem}}h5{font-size:1.125rem}@media (min-width:768px){h5{font-size:1.25rem}}h6{font-size:1rem}@media (min-width:768px){h6{font-size:1.125rem}}p{margin:0;line-height:1.625}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container{padding-left:2rem;padding-right:2rem}}.main{min-height:100vh;padding:3rem 0}.demo-section{text-align:center;margin-bottom:3rem}.demo-section h1{color:#111318;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.demo-section p{color:#4b5563;margin-bottom:2rem;font-size:1.125rem}.demo-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;display:grid}@media (min-width:768px){.demo-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.demo-grid{grid-template-columns:repeat(3,1fr)}}.demo-card{background:#fff;border-radius:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.demo-card h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.demo-card p{color:#4b5563}.demo-buttons{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}@media (min-width:640px){.demo-buttons{flex-direction:row;justify-content:center}}.btn{cursor:pointer;border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:1rem;font-weight:500;line-height:1.25;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn.btn-secondary{color:var(--color-text);border-color:var(--color-border);background-color:#0000}.btn.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-50)}.setup-instructions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:2rem;padding:1.5rem}.setup-instructions h2{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.setup-instructions ol{padding-left:1.5rem;list-style:decimal}.setup-instructions ol li{margin-bottom:.5rem}