@import"https://fonts.googleapis.com/css2?family=Aldrich&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--red: rgba(255, 0, 0, 1);--light-red: rgb(237, 172, 172);--white: rgba(255, 255, 255, 1);--black: rgb(0, 0, 0);--dark-gray: rgb(50, 50, 50);--gray: rgb(126, 126, 126);--light-gray: rgb(203, 203, 203);--blue: rgba(0, 42, 255, 1);--light-blue: rgb(191, 200, 246);color-scheme:dark light;--text: var(--white);--text-light: var(--light-gray);--background: var(--black);--background-2: var(--dark-gray);--primary: var(--red);--secondary: var(--blue);--third: var(--white);--size-border-radius: 1rem;--size-border-width: 10px;--size-padding: clamp(2rem, 4vw, 4rem) clamp(2rem, 8vw, 8vw);--font-size-headline: 2.25rem;--font-size-h1-fluid: clamp(2.2rem, 5.5vw, 5rem);--font-size-h2-fluid: clamp(1.1rem, 2vw, 1.6rem);--font-size-hp-fluid: clamp(.9rem, 1.5vw, 1.1rem);--font-size-feature-h2: clamp(2.2rem, 4.5vw, 3.5rem);--font-size-feature-h3: clamp(1rem, 1.8vw, 1.3rem);--font-size-use-case-h2: clamp(2.2rem, 4.5vw, 3.5rem);--font-size-breaking-news: 4rem;--font-weight-headline: 700;--font-weight-breaking-news: 800;--gradient-neg: linear-gradient(-145deg, #000 50%, #1c1c1c);--gradient-pos: linear-gradient(260deg, #181818, #000);--color-headline-surface: var(--light-blue);--color-logo-surface: var(--red);--color-chyron-surface: var(--dark-gray);--color-chyron-separator: var(--light-blue);--color-breaking-news-background: var(--red);--color-headline-border: var(--red);--color-logo-border: var(--blue);--color-chyron-border: var(--red);--color-text-dark: var(--dark-gray);--color-text-light: var(--white);--border-header: var(--size-border-width) solid var(--color-headline-border);--border-logo: var(--size-border-width) solid var(--color-logo-border);--border-chyron: var(--size-border-width) solid var(--color-chyron-border);--shadow-color: 0deg 0% 0%;--shadow: 0px 1px .9px hsl(var(--shadow-color) / .46), 0px 1.8px 1.6px -1px hsl(var(--shadow-color) / .39), 0px 4.1px 3.7px -2px hsl(var(--shadow-color) / .32), 0px 9.6px 8.6px -3px hsl(var(--shadow-color) / .25), -.1px 20px 18px -4px hsl(var(--shadow-color) / .18);--inset-shadow: inset 0px 1px .9px hsl(var(--shadow-color) / .46), inset 0px 1.8px 1.6px -1px hsl(var(--shadow-color) / .39), inset 0px 4.1px 3.7px -2px hsl(var(--shadow-color) / .32), inset 0px 9.6px 8.6px -3px hsl(var(--shadow-color) / .25), inset -.1px 20px 18px -4px hsl(var(--shadow-color) / .18);--double-shadow: 0px 1px .9px hsl(var(--shadow-color) / .46), 0px 1.8px 1.6px -1px hsl(var(--shadow-color) / .39), 0px 4.1px 3.7px -2px hsl(var(--shadow-color) / .32), 0px 9.6px 8.6px -3px hsl(var(--shadow-color) / .25), -.1px 20px 18px -4px hsl(var(--shadow-color) / .18), inset 0px 1px .9px hsl(var(--shadow-color) / .46), inset 0px 1.8px 1.6px -1px hsl(var(--shadow-color) / .39), inset 0px 4.1px 3.7px -2px hsl(var(--shadow-color) / .32), inset 0px 9.6px 8.6px -3px hsl(var(--shadow-color) / .25), inset -.1px 20px 18px -4px hsl(var(--shadow-color) / .18)}:root[data-theme=light]{color-scheme:light;--text: var(--dark-gray);--text-light: var(--white);--background: var(--light-gray);--background-2: var(--gray);--primary: var(--red);--secondary: var(--blue);--third: var(--white);--gradient-neg: linear-gradient(-145deg, #fff 50%, #f0f0f0);--gradient-pos: linear-gradient(260deg, #f8f8f8, #fff);--color-headline-surface: var(--light-blue);--color-logo-surface: var(--red);--color-chyron-surface: var(--dark-gray);--color-chyron-separator: var(--light-blue)}:root[data-theme=light] .dark-when-light{color:var(--black)!important}:root[data-theme=dark]{color-scheme:dark;--text: var(--white);--text-light: var(--light-gray);--background: var(--black);--background-2: var(--dark-gray);--primary: var(--red);--secondary: var(--blue);--third: var(--white);--gradient-neg: linear-gradient(-145deg, #000 50%, #1c1c1c);--gradient-pos: linear-gradient(260deg, #181818, #000);--color-headline-surface: var(--light-blue);--color-logo-surface: var(--red);--color-chyron-surface: var(--dark-gray);--color-chyron-separator: var(--light-blue)}*,*:before,*:after{box-sizing:border-box;position:relative}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--background);color:var(--text)}.inter-300{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;line-height:1.5}.inter-400{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.inter-500{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.inter-700{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.aldrich-400{font-family:Aldrich,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:-.03em;line-height:1.1}.grid{display:grid;grid-template-columns:auto 1fr}.full-center{display:flex;justify-content:center;align-items:center;min-height:100vh}.flex-column{display:flex;flex-direction:column}@media (max-width: 768px){.grid{grid-template-columns:1fr}.full-center{min-height:auto}}.divider{height:4px;width:100%;background:var(--third)}.divider:before{content:"";position:absolute;top:-4px;left:0;height:4px;width:100%;background:var(--primary);z-index:1}.divider:after{content:"";position:absolute;bottom:-4px;left:0;height:4px;width:100%;background:var(--secondary);z-index:1}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.hero{overflow:hidden;min-height:90vh;padding:var(--size-padding);border-bottom:var(--border-bottom)}.hero h1{font-size:var(--font-size-h1-fluid);max-width:700px;margin:0;padding:0;z-index:6}.hero h2{font-size:var(--font-size-h2-fluid);max-width:600px;margin:1.5rem 0}.hero p{font-size:var(--font-size-hp-fluid);line-height:1.7;color:var(--text-light);max-width:500px}.hero .version{font-size:var(--font-size-h2-fluid);line-height:1.7;color:var(--primary);max-width:500px;font-weight:600;margin-bottom:2rem;margin-left:2rem}.hero .on-top{z-index:2}.hero .code-box{max-width:600px;margin:1rem auto;background:var(--background-2);border:2px solid var(--blue);padding:.5rem .75rem .7rem;display:flex;align-items:center;justify-content:space-between;animation:slide-up var(--animation-duration, .8s) ease-out}.hero .code-box pre{margin:0;padding:.5rem;border-radius:.3rem;flex-grow:1;overflow-x:auto}.hero .code-box code{font-family:Inter,monospace;font-size:.95rem;color:var(--text-light)}.hero .secondary-ctas{max-width:600px;margin:1rem auto 2rem;display:flex;gap:1rem;animation:slide-up var(--animation-duration, .8s) ease-out;animation-timeline:view();animation-range:entry 30% cover 60%}.hero .copy-button,.hero .ctas-button{background:var(--primary);color:var(--text);border:none;padding:.5rem 1rem;font-family:Aldrich,sans-serif;font-size:.9rem;font-weight:400;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:.5rem;position:relative;text-decoration:none;box-shadow:2.5px 2.5px 0 var(--white);transition:background .3s ease,box-shadow .3s ease}.hero .copy-button:hover,.hero .ctas-button:hover{box-shadow:1px 1px 0 var(--white)}.hero .ctas-button{padding:.5rem;text-decoration:none}.hero .copy-icon{font-size:1rem}.hero .copied-text{position:absolute;top:-2.5rem;right:0;color:var(--primary);padding:.3rem .6rem;border-radius:.2rem;font-size:.8rem;opacity:0;transition:opacity .3s ease}.hero .copy-button[copied] .copy-text{display:none}.hero .copy-button[copied] .copied-text{opacity:1}@media (max-width: 768px){.hero:after{display:none}}.features,.use-cases{padding:var(--size-padding);background:var(--gradient-neg);position:relative}.features h2,.use-cases h2{font-size:var(--font-size-feature-h2);margin-bottom:1.5rem;text-align:center}.features h3,.use-cases h3{font-size:var(--font-size-feature-h3);font-weight:300;color:var(--text-light);text-align:left;margin-bottom:2rem;animation:fade-in var(--animation-duration, .8s) ease-out;animation-timeline:view();animation-range:entry 30% cover 60%}.features ul,.use-cases ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1200px;padding:0;margin:0}.features li,.use-cases li{font-size:.95rem;line-height:1.6;color:var(--text-light);padding:1.5rem;background:var(--background-2);border-left:3px solid var(--primary);transform:skewY(-2deg);transition:transform .3s ease,box-shadow .3s ease;animation:slide-up var(--animation-duration, .8s) ease-out}.features li a,.use-cases li a{display:inline-block;margin-top:2rem;color:var(--primary);font-family:Aldrich,sans-serif;font-size:1.1rem;font-weight:400;text-transform:uppercase;animation:fade-in var(--animation-duration, .6s) ease-out;animation-timeline:view();animation-range:entry 30% cover 50%}.features li:hover,.use-cases li:hover{transform:skewY(0) translateY(-5px);box-shadow:5px 5px #0000ff80}.features li strong,.use-cases li strong{color:var(--primary);font-family:Aldrich,sans-serif;font-weight:400}.features a,.use-cases a{display:block;width:fit-content;background:var(--primary);color:var(--text);border:none;padding:.75rem 1.2rem;margin-top:2rem;font-family:Aldrich,sans-serif;font-weight:400;text-transform:uppercase;cursor:pointer;align-items:center;text-decoration:none;box-shadow:2.5px 2.5px 0 var(--white);transition:background .3s ease,box-shadow .3s ease}.features a:hover,.use-cases a:hover{box-shadow:1px 1px 0 var(--white)}.use-cases{padding:var(--size-padding);position:relative;overflow:hidden}footer{padding:var(--size-padding);background:var(--gradient-pos);text-align:center;position:relative}footer a{color:var(--primary);text-decoration:none;font-size:1rem;font-family:Aldrich,sans-serif;font-weight:400;text-transform:uppercase;margin-top:1rem;display:inline-block}footer a:hover{color:var(--light-blue)}
