/* Written by tools/home-sections/bundle-css.mjs from /home-chrome.css, /site-chrome.css, /site-footer.css, /site-sections.css, /speech-to-text/stt.css. Edit those and run it again, not this file. */
/* /home-chrome.css */
/* Written by tools/home-sections/chrome-css.mjs from /home-sections.css: only the rules the homepage's header, section rules, closing band and footer use on the pages that borrow them. Edit the homepage and run it again, not this file. */
:is(#root,.home-scope) :is(h1,h2,h3){font-family:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;text-wrap:inherit}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:is(#root,.home-scope){--ca-amp:0;--hg-amp:0;--hg-heard:0}:is(#root,.home-scope) *,:is(#root,.home-scope) :before,:is(#root,.home-scope) :after,:is(#root,.home-scope) ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}@font-face{font-family:LT Superior Serif;src:url(/fonts/LTSuperiorSerif-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:LT Superior Serif\:Medium;src:url(/fonts/LTSuperiorSerif-Medium.woff2)format("woff2");font-weight:1 1000;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono\:Regular;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:1 1000;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono\:Medium;src:url(/fonts/IBMPlexMono-Medium.woff2)format("woff2");font-weight:1 1000;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono\:Bold;src:url(/fonts/IBMPlexMono-Bold.woff2)format("woff2");font-weight:1 1000;font-style:normal;font-display:swap}@font-face{font-family:Geist\:Regular;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist\:SemiBold;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:is(#root,.home-scope){--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--spacing:.25rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}:is(#root,.home-scope) *,:is(#root,.home-scope) :after,:is(#root,.home-scope) :before,:is(#root,.home-scope) ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}:is(#root,.home-scope) ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:is(#root,.home-scope){-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}:is(#root,.home-scope) h1,:is(#root,.home-scope) h2,:is(#root,.home-scope) h3,:is(#root,.home-scope) h4,:is(#root,.home-scope) h5,:is(#root,.home-scope) h6{font-size:inherit;font-weight:inherit}:is(#root,.home-scope) a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:is(#root,.home-scope) :-moz-focusring{outline:auto}:is(#root,.home-scope) ol,:is(#root,.home-scope) ul,:is(#root,.home-scope) menu{list-style:none}:is(#root,.home-scope) img,:is(#root,.home-scope) svg,:is(#root,.home-scope) video,:is(#root,.home-scope) canvas,:is(#root,.home-scope) audio,:is(#root,.home-scope) iframe,:is(#root,.home-scope) embed,:is(#root,.home-scope) object{vertical-align:middle;display:block}:is(#root,.home-scope) button,:is(#root,.home-scope) input,:is(#root,.home-scope) select,:is(#root,.home-scope) optgroup,:is(#root,.home-scope) textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:is(#root,.home-scope) ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:is(#root,.home-scope) ::file-selector-button{margin-inline-end:4px}:is(#root,.home-scope) ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){:is(#root,.home-scope) ::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){:is(#root,.home-scope) ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}:is(#root,.home-scope) ::-webkit-search-decoration{-webkit-appearance:none}:is(#root,.home-scope) ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}:is(#root,.home-scope) ::-webkit-datetime-edit{display:inline-flex}:is(#root,.home-scope) ::-webkit-datetime-edit-fields-wrapper{padding:0}:is(#root,.home-scope) ::-webkit-datetime-edit{padding-block:0}:is(#root,.home-scope) ::-webkit-datetime-edit-year-field{padding-block:0}:is(#root,.home-scope) ::-webkit-datetime-edit-month-field{padding-block:0}:is(#root,.home-scope) ::-webkit-datetime-edit-day-field{padding-block:0}:is(#root,.home-scope) ::-webkit-datetime-edit-hour-field{padding-block:0}:is(#root,.home-scope) ::-webkit-datetime-edit-minute-field{padding-block:0}:is(#root,.home-scope) ::-webkit-datetime-edit-second-field{padding-block:0}:is(#root,.home-scope) ::-webkit-datetime-edit-millisecond-field{padding-block:0}:is(#root,.home-scope) ::-webkit-datetime-edit-meridiem-field{padding-block:0}:is(#root,.home-scope) ::-webkit-calendar-picker-indicator{line-height:1}:is(#root,.home-scope) :-moz-ui-invalid{box-shadow:none}:is(#root,.home-scope) button,:is(#root,.home-scope) input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}:is(#root,.home-scope) ::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}:is(#root,.home-scope) ::-webkit-inner-spin-button{height:auto}:is(#root,.home-scope) ::-webkit-outer-spin-button{height:auto}:is(#root,.home-scope) [hidden]:where(:not([hidden=until-found])){display:none!important}:is(#root,.home-scope) *{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){:is(#root,.home-scope) *{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}:is(#root,.home-scope){background-color:var(--background);color:var(--foreground)}:is(#root,.home-scope){font-size:var(--font-size)}:is(#root,.home-scope) h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}:is(#root,.home-scope) h4,:is(#root,.home-scope) label,:is(#root,.home-scope) button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:is(#root,.home-scope) input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}:is(#root,.home-scope) .pointer-events-none{pointer-events:none}:is(#root,.home-scope) .absolute{position:absolute}:is(#root,.home-scope) .relative{position:relative}:is(#root,.home-scope) .inset-0{inset:calc(var(--spacing)*0)}:is(#root,.home-scope) .inset-\[-0\.5px_0\]{top:-.5px;right:0;bottom:-.5px;left:0}:is(#root,.home-scope) .inset-\[-0\.5px_0_0_0\]{top:-.5px;right:0;bottom:0;left:0}:is(#root,.home-scope) .inset-\[-1px\]{top:-1px;right:-1px;bottom:-1px;left:-1px}:is(#root,.home-scope) .inset-\[-1px_0_0_0\]{top:-1px;right:0;bottom:0;left:0}:is(#root,.home-scope) .inset-\[0_-1px\]{top:0;right:-1px;bottom:0;left:-1px}:is(#root,.home-scope) .top-0{top:calc(var(--spacing)*0)}:is(#root,.home-scope) .right-0{right:calc(var(--spacing)*0)}:is(#root,.home-scope) .left-\[-1\.58px\]{left:-1.58px}:is(#root,.home-scope) .m-0{margin:calc(var(--spacing)*0)}:is(#root,.home-scope) .block{display:block}:is(#root,.home-scope) .flex{display:flex}:is(#root,.home-scope) .size-\[16px\]{width:16px;height:16px}:is(#root,.home-scope) .size-full{width:100%;height:100%}:is(#root,.home-scope) .h-\[24px\]{height:24px}:is(#root,.home-scope) .h-\[32\.484px\]{height:32.484px}:is(#root,.home-scope) .h-\[59\.503px\]{height:59.503px}:is(#root,.home-scope) .h-\[60px\]{height:60px}:is(#root,.home-scope) .h-full{height:100%}:is(#root,.home-scope) .w-\[24\.24px\]{width:24.24px}:is(#root,.home-scope) .w-\[24px\]{width:24px}:is(#root,.home-scope) .w-\[95\.21px\]{width:95.21px}:is(#root,.home-scope) .w-\[119\.004px\]{width:119.004px}:is(#root,.home-scope) .w-\[128\.86px\]{width:128.86px}:is(#root,.home-scope) .w-\[340px\]{width:340px}:is(#root,.home-scope) .w-\[377\.737px\]{width:377.737px}:is(#root,.home-scope) .w-\[460px\]{width:460px}:is(#root,.home-scope) .w-\[469px\]{width:469px}:is(#root,.home-scope) .w-\[1200px\]{width:1200px}:is(#root,.home-scope) .w-\[1440px\]{width:1440px}:is(#root,.home-scope) .w-full{width:100%}:is(#root,.home-scope) .min-w-px{min-width:1px}:is(#root,.home-scope) .flex-\[1_0_0\]{flex:1 0 0}:is(#root,.home-scope) .shrink-0{flex-shrink:0}:is(#root,.home-scope) .flex-col{flex-direction:column}:is(#root,.home-scope) .flex-row{flex-direction:row}:is(#root,.home-scope) .flex-wrap{flex-wrap:wrap}:is(#root,.home-scope) .content-stretch{align-content:stretch}:is(#root,.home-scope) .items-center{align-items:center}:is(#root,.home-scope) .items-start{align-items:flex-start}:is(#root,.home-scope) .justify-between{justify-content:space-between}:is(#root,.home-scope) .justify-center{justify-content:center}:is(#root,.home-scope) .gap-\[10px\]{gap:10px}:is(#root,.home-scope) .gap-\[12px\]{gap:12px}:is(#root,.home-scope) .gap-\[16px\]{gap:16px}:is(#root,.home-scope) .gap-\[20px\]{gap:20px}:is(#root,.home-scope) .gap-\[24px\]{gap:24px}:is(#root,.home-scope) .gap-\[28px\]{gap:28px}:is(#root,.home-scope) .gap-\[56px\]{gap:56px}:is(#root,.home-scope) .gap-\[80px\]{gap:80px}:is(#root,.home-scope) .gap-\[120px\]{gap:120px}:is(#root,.home-scope) .overflow-clip{overflow:clip}:is(#root,.home-scope) .rounded-\[2px\]{border-radius:2px}:is(#root,.home-scope) .rounded-\[inherit\]{border-radius:inherit}:is(#root,.home-scope) .border{border-style:var(--tw-border-style);border-width:1px}:is(#root,.home-scope) .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}:is(#root,.home-scope) .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}:is(#root,.home-scope) .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}:is(#root,.home-scope) .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}:is(#root,.home-scope) .border-solid{--tw-border-style:solid;border-style:solid}:is(#root,.home-scope) .border-\[\#e6e0d8\]{border-color:#e6e0d8}:is(#root,.home-scope) .border-\[rgba\(222\,219\,212\,0\.1\)\]{border-color:#dedbd41a}:is(#root,.home-scope) .border-\[rgba\(252\,250\,247\,0\.2\)\]{border-color:#fcfaf733}:is(#root,.home-scope) .border-\[rgba\(252\,250\,247\,0\.5\)\]{border-color:#fcfaf780}:is(#root,.home-scope) .bg-\[\#1e1c1a\]{background-color:#1e1c1a}:is(#root,.home-scope) .bg-\[\#659054\]{background-color:#659054}:is(#root,.home-scope) .bg-\[\#eb663a\]{background-color:#eb663a}:is(#root,.home-scope) .bg-\[\#fcfaf7\]{background-color:#fcfaf7}:is(#root,.home-scope) .bg-\[rgba\(252\,250\,247\,0\.1\)\]{background-color:#fcfaf71a}:is(#root,.home-scope) .px-\[16px\]{padding-inline:16px}:is(#root,.home-scope) .px-\[20px\]{padding-inline:20px}:is(#root,.home-scope) .px-\[40px\]{padding-inline:40px}:is(#root,.home-scope) .px-\[120px\]{padding-inline:120px}:is(#root,.home-scope) .py-\[8px\]{padding-block:8px}:is(#root,.home-scope) .py-\[24px\]{padding-block:24px}:is(#root,.home-scope) .py-\[60px\]{padding-block:60px}:is(#root,.home-scope) .py-\[80px\]{padding-block:80px}:is(#root,.home-scope) .font-\[\'Geist\:Regular\'\,\'Noto_Sans\:Regular\'\,\'Noto_Sans_Math\:Regular\'\,\'Noto_Sans_Symbols\:Regular\'\,\'Noto_Sans_Symbols2\:Regular\'\,sans-serif\]{font-family:Geist\:Regular,Noto Sans\:Regular,Noto Sans Math\:Regular,Noto Sans Symbols\:Regular,Noto Sans Symbols2\:Regular,sans-serif}:is(#root,.home-scope) .font-\[\'IBM_Plex_Mono\:Medium\'\,sans-serif\]{font-family:IBM Plex Mono\:Medium,sans-serif}:is(#root,.home-scope) .font-\[\'LT_Superior_Serif\:Medium\'\,sans-serif\]{font-family:LT Superior Serif\:Medium,sans-serif}:is(#root,.home-scope) .text-\[12px\]{font-size:12px}:is(#root,.home-scope) .text-\[13px\]{font-size:13px}:is(#root,.home-scope) .text-\[14px\]{font-size:14px}:is(#root,.home-scope) .text-\[16px\]{font-size:16px}:is(#root,.home-scope) .text-\[44px\]{font-size:44px}:is(#root,.home-scope) .leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}:is(#root,.home-scope) .leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}:is(#root,.home-scope) .leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}:is(#root,.home-scope) .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}:is(#root,.home-scope) .tracking-\[-0\.12px\]{--tw-tracking:-.12px;letter-spacing:-.12px}:is(#root,.home-scope) .tracking-\[-0\.13px\]{--tw-tracking:-.13px;letter-spacing:-.13px}:is(#root,.home-scope) .tracking-\[-0\.14px\]{--tw-tracking:-.14px;letter-spacing:-.14px}:is(#root,.home-scope) .tracking-\[-0\.16px\]{--tw-tracking:-.16px;letter-spacing:-.16px}:is(#root,.home-scope) .tracking-\[-1\.76px\]{--tw-tracking:-1.76px;letter-spacing:-1.76px}:is(#root,.home-scope) .\[word-break\:break-word\]{word-break:break-word}:is(#root,.home-scope) .whitespace-nowrap{white-space:nowrap}:is(#root,.home-scope) .text-\[\#2a2724\]{color:#2a2724}:is(#root,.home-scope) .text-\[\#f5f2ec\]{color:#f5f2ec}:is(#root,.home-scope) .text-\[\#fcfaf7\]{color:#fcfaf7}:is(#root,.home-scope) .text-\[rgba\(252\,250\,247\,0\.55\)\]{color:#fcfaf78c}:is(#root,.home-scope) .text-\[rgba\(252\,250\,247\,0\.65\)\]{color:#fcfaf7a6}:is(#root,.home-scope) .uppercase{text-transform:uppercase}:is(#root,.home-scope) .not-italic{font-style:normal}:is(#root,.home-scope) .opacity-20{opacity:.2}:is(#root,.home-scope) .opacity-50{opacity:.5}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:is(#root,.home-scope){--font-size:16px;--background:#fff;--foreground:oklch(14.5% 0 0);--card:#fff;--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:#030213;--primary-foreground:oklch(100% 0 0);--secondary:oklch(95% .0058 264.53);--secondary-foreground:#030213;--muted:#ececf0;--muted-foreground:#717182;--accent:#e9ebef;--accent-foreground:#030213;--destructive:#d4183d;--destructive-foreground:#fff;--border:#0000001a;--input:transparent;--input-background:#f3f3f5;--switch-background:#cbced4;--font-weight-medium:500;--font-weight-normal:400;--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:#030213;--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}:is(#root,.home-scope){--page-width:1440px;--paper:#fcfaf7;--page-zoom:1;--texture-opacity-light:.145;--texture-opacity-dark:.14;--hairline-strong:#525252;--hairline-soft:#292929}:is(#root,.home-scope){background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}:is(#root,.home-scope){overflow-x:clip}:is(#root,.home-scope) .page-shell{zoom:var(--page-zoom,1);width:100%;min-width:0}:is(#root,.home-scope) .page-shell>[data-page]{width:100%;height:auto}:is(#root,.home-scope) .chariot-band{flex-shrink:0;justify-content:center;width:100%;display:flex;position:relative;overflow-x:clip}:is(#root,.home-scope) .chariot-band-inner{width:var(--page-width);max-width:var(--page-width);flex:0 0 var(--page-width)}:is(#root,.home-scope) [data-name=texture]{pointer-events:none;background-image:url(/assets/020ca7bf92315c56679dfe6cc7fd37a5d58c1df5-CFNwl-sT.webp);background-position:0 0;background-repeat:repeat;background-size:256.24px 256.24px}:is(#root,.home-scope) [data-name=texture]:not(.opacity-20):not(.opacity-10):not(.opacity-50){opacity:var(--texture-opacity-light)}:is(#root,.home-scope) [data-name=texture].opacity-20,:is(#root,.home-scope) [data-name=texture].opacity-50{filter:invert();opacity:var(--texture-opacity-dark)}:is(#root,.home-scope){scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){:is(#root,.home-scope){scroll-behavior:auto}}:is(#root,.home-scope)[data-jumping] *,:is(#root,.home-scope)[data-jumping] :before,:is(#root,.home-scope)[data-jumping] :after{transition:none!important;animation-play-state:paused!important}:is(#root,.home-scope) .nav-link{color:inherit;text-decoration:none;transition:background-color .15s}:is(#root,.home-scope) .nav-link:hover{background-color:#2a27240a}:is(#root,.home-scope) .nav-link:focus-visible{outline-offset:-2px;outline:2px solid #eb663a}:is(#root,.home-scope) .cta-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;cursor:pointer;border:0;text-decoration:none;transition:background-color .15s}:is(#root,.home-scope) .cta-button:hover{background-color:#d9542b}:is(#root,.home-scope) .cta-button:active{background-color:#c74832}:is(#root,.home-scope) .cta-button:focus-visible{outline-offset:2px;outline:2px solid #2a2724}:is(#root,.home-scope) .cta-link{color:inherit;cursor:pointer;text-decoration:none;transition:background-color .15s}:is(#root,.home-scope) .cta-link:hover{background-color:#ece7de}:is(#root,.home-scope) .cta-link:focus-visible{outline-offset:2px;outline:2px solid #fcfaf7}:is(#root,.home-scope) .cta-link [data-name="lucide/chevron-right"]{transition:transform .2s cubic-bezier(.2,.7,.2,1)}:is(#root,.home-scope) .cta-link:hover [data-name="lucide/chevron-right"],:is(#root,.home-scope) .cta-link:focus-visible [data-name="lucide/chevron-right"]{transform:translate(3px)}:is(#root,.home-scope) .cta-button [data-name="lucide/chevron-right"]{transition:transform .2s cubic-bezier(.2,.7,.2,1)}:is(#root,.home-scope) .cta-button:hover [data-name="lucide/chevron-right"],:is(#root,.home-scope) .cta-button:focus-visible [data-name="lucide/chevron-right"]{transform:translate(3px)}@media(prefers-reduced-motion:reduce){:is(#root,.home-scope) .cta-link [data-name="lucide/chevron-right"],:is(#root,.home-scope) .cta-button [data-name="lucide/chevron-right"]{transition:none}:is(#root,.home-scope) .cta-link:hover [data-name="lucide/chevron-right"],:is(#root,.home-scope) .cta-link:focus-visible [data-name="lucide/chevron-right"],:is(#root,.home-scope) .cta-button:hover [data-name="lucide/chevron-right"],:is(#root,.home-scope) .cta-button:focus-visible [data-name="lucide/chevron-right"]{transform:none}}:is(#root,.home-scope) .copy-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border:0;transition:background-color .15s}:is(#root,.home-scope) .copy-chip:hover{background-color:#fcfaf729}:is(#root,.home-scope) .copy-chip:active{background-color:#fcfaf733}:is(#root,.home-scope) .copy-chip:focus-visible{outline-offset:2px;outline:2px solid #fcfaf7}:is(#root,.home-scope) .copy-chip>[aria-hidden]{transition:border-color .15s}:is(#root,.home-scope) .chariot-wheel{transform-origin:1516px 328px;animation:20s linear infinite chariot-wheel-turn}@keyframes chariot-wheel-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){:is(#root,.home-scope) .chariot-wheel{animation:none}}:is(#root,.home-scope) .copy-chip:hover>[aria-hidden]{border-color:#dedbd438}:is(#root,.home-scope) .footer-link,:is(#root,.home-scope) .social-link{will-change:opacity}:is(#root,.home-scope) .footer-link{color:inherit;text-decoration:none;transition:opacity .15s}:is(#root,.home-scope) .footer-link:hover{opacity:.6}:is(#root,.home-scope) .footer-link:focus-visible{outline-offset:4px;outline:2px solid #fcfaf799}:is(#root,.home-scope) .social-link{transition:opacity .15s;display:block}:is(#root,.home-scope) .social-link:hover{opacity:.6}:is(#root,.home-scope) .social-link:focus-visible{outline-offset:4px;outline:2px solid #fcfaf799}:is(#root,.home-scope) [class*="border-[rgba(252,250,247,0.5)]"]{border-color:var(--hairline-strong);mix-blend-mode:color-dodge}:is(#root,.home-scope) [data-section=footer] [class*="border-[rgba(252,250,247,0.5)]"]{border-color:#656565}:is(#root,.home-scope) [class*="leading-[1.1]"]{line-height:round(1.1em,1px)}:is(#root,.home-scope) [class*="leading-[1.4]"]{line-height:round(1.4em,1px)}:is(#root,.home-scope) [class*="leading-[1.5]"]{line-height:round(1.5em,1px)}:is(#root,.home-scope) [class*="h-[165.084px]"]{height:165px}:is(#root,.home-scope) .pointer-events-none.border-solid[class*="inset-[-1px]"]:not([class*="rgba(252,250,247"]),:is(#root,.home-scope) .pointer-events-none.border-solid.inset-0.border-t.border-b{top:-.5px;bottom:-.5px}:is(#root,.home-scope) #careers>div:first-child>.pointer-events-none[class*="inset-[-1px]"],:is(#root,.home-scope) [data-section=faq]>div>div:first-child>.pointer-events-none[class*="inset-[-1px]"],:is(#root,.home-scope) footer[data-section=footer]>.chariot-band-inner>.pointer-events-none[class*="inset-[-0.5px_0_0_0]"]{top:0}:is(#root,.home-scope) #careers>div:last-child>.pointer-events-none[class*="inset-[-1px]"],:is(#root,.home-scope) [data-section=faq]>div>div:last-child>.pointer-events-none[class*="inset-[-1px]"]{border-bottom-width:0}:is(#root,.home-scope) footer[data-section=footer]{overflow:clip}:is(#root,.home-scope) .foot-ghost{color:#f6f0ea06;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:LT Superior Serif,serif;font-size:min(24vw,300px);line-height:1;position:absolute;bottom:-16%;right:-1%}:is(#root,.home-scope) .chariot-band-inner>*>.pointer-events-none.border-solid[class*="inset-[-0.5px]"],:is(#root,.home-scope) .chariot-band-inner>*>.pointer-events-none.border-solid[class*="inset-[-1px]"]{border-left-width:0;border-right-width:0}@keyframes prompt-highlight-in{0%{opacity:0}}@keyframes prompt-quote-in{0%{opacity:0;transform:translateY(4px)}}@keyframes gen-glyph-spin{to{rotate:360deg}}:is(#root,.home-scope) [class*="text-box-trim:trim-both"]>p{text-box-trim:trim-both;text-box-edge:cap alphabetic}@media(min-width:1440px){:is(#root,.home-scope) .chariot-band-inner{position:relative}:is(#root,.home-scope) .chariot-band-inner:before,:is(#root,.home-scope) .chariot-band-inner:after{content:"";background:var(--band-edge,#e6e0d8);mix-blend-mode:var(--band-edge-blend,normal);pointer-events:none;z-index:20;width:1px;position:absolute;top:0;bottom:0}:is(#root,.home-scope) .chariot-band-inner:before{left:0}:is(#root,.home-scope) .chariot-band-inner:after{right:0}}:is(#root,.home-scope) .site-header{z-index:100;will-change:transform;transition:transform .38s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0;overflow:visible}:is(#root,.home-scope) .site-header[data-hidden=true]{transform:translateY(-100%)}:is(#root,.home-scope){scroll-padding-top:60px}@media(prefers-reduced-motion:reduce){:is(#root,.home-scope) .site-header{transition:none}}:is(#root,.home-scope) .mobile-nav{visibility:hidden;opacity:0;clip-path:inset(0 0 100%);background:#fcfaf7;border-bottom:1px solid #e6e0d8;transition:clip-path .26s cubic-bezier(.32,.72,0,1),opacity .16s,visibility 0s linear .26s;position:fixed;top:60px;left:0;right:0;box-shadow:0 12px 24px -18px #2a272466}:is(#root,.home-scope) .mobile-nav[data-open=true]{visibility:visible;opacity:1;clip-path:inset(0);transition:clip-path .26s cubic-bezier(.32,.72,0,1),opacity .12s,visibility}@media(prefers-reduced-motion:reduce){:is(#root,.home-scope) .mobile-nav,:is(#root,.home-scope) .mobile-nav[data-open=true]{transition:none}}:is(#root,.home-scope)[data-nav-open=true] .site-header{transform:none!important}:is(#root,.home-scope) .mobile-nav-list{margin:0;padding:4px 0 12px;list-style:none}:is(#root,.home-scope) .mobile-nav-list a{letter-spacing:-.15px;color:#2a2724;border-bottom:1px solid #e6e0d899;padding:14px 20px;font-family:IBM Plex Mono\:Medium,monospace;font-size:15px;text-decoration:none;display:block}:is(#root,.home-scope) .mobile-nav-list li:last-child a{border-bottom:0}:is(#root,.home-scope) .mobile-nav-list a:active{background:#2a27240a}:is(#root,.home-scope) .nav-toggle{color:#2a2724;letter-spacing:.02em;cursor:pointer;background:#fcfaf7;border:1px solid #dedbd4;border-radius:2px;justify-content:center;align-items:center;padding:7px 14px;font-family:IBM Plex Mono\:Medium,monospace;font-size:12px;line-height:1.4;transition:background-color .16s;display:none}:is(#root,.home-scope) .nav-toggle:hover{background:#f4efe7}:is(#root,.home-scope) .nav-toggle:focus-visible{outline-offset:2px;outline:2px solid #eb663a}:is(#root,.home-scope) .mobile-nav-cta{color:#f5f2ec;letter-spacing:-.14px;text-align:center;background:#eb663a;border-radius:2px;margin:4px 20px 16px;padding:12px 16px;font-family:IBM Plex Mono\:Medium,monospace;font-size:14px;text-decoration:none;display:block}:is(#root,.home-scope) [data-section=hero]{min-height:100svh}:is(#root,.home-scope) [data-section=hero]>.chariot-band-inner{min-height:inherit}:is(#root,.home-scope) [data-section=hero]>.chariot-band-inner>[data-name=Hero]{flex:auto;align-items:center;display:flex}:is(#root,.home-scope) [data-section=hero]>.chariot-band-inner>[data-name=Hero]>div{width:100%;height:auto}@media(min-width:1024px){:is(#root,.home-scope) [data-section=hero]>.chariot-band-inner>[data-name=Hero]{align-items:stretch}:is(#root,.home-scope) [data-section=hero]>.chariot-band-inner>[data-name=Hero]>div:not(.absolute){height:100%}:is(#root,.home-scope) [data-section=hero] [data-hero-row]{grid-row:2}:is(#root,.home-scope) [data-section=hero] [data-hero-row]+*{grid-row:3/5;align-self:center}:is(#root,.home-scope) [data-section=hero] [data-hero-row]:after{content:"";pointer-events:none;background:#e6e0d8;height:1px;position:absolute;bottom:0;left:0;right:0}:is(#root,.home-scope) [data-section=hero] [data-hero-row]+*>[class*="inset-[-1px_0_0_0]"]{border-top-width:0}}@media(min-width:1024px)and (min-height:1000px){:is(#root,.home-scope) [data-hero-art]>[data-name="image 43"]{-webkit-mask-image:linear-gradient(#0000 0,#000 120px);mask-image:linear-gradient(#0000 0,#000 120px)}}@media(max-width:1023.98px){:is(#root,.home-scope) [data-page] [data-section-head]{white-space:normal}}:is(#root,.home-scope)[data-hero-entrance] [data-hero-enter]{animation:.72s cubic-bezier(.16,1,.3,1) both hero-arrive}:is(#root,.home-scope)[data-hero-entrance] [data-hero-enter="1"]{animation-delay:90ms}:is(#root,.home-scope)[data-hero-entrance] [data-hero-enter="2"]{animation-delay:.18s}:is(#root,.home-scope)[data-hero-entrance] [data-hero-enter="3"]{animation-delay:.27s}@keyframes hero-arrive{0%{opacity:0;translate:0 14px}}@keyframes hero-art-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){:is(#root,.home-scope)[data-hero-entrance] [data-hero-enter],:is(#root,.home-scope) [data-hero-art][data-art-in] img{animation:none}}:is(#root,.home-scope) button,:is(#root,.home-scope) a,:is(#root,.home-scope) [role=button]{-webkit-tap-highlight-color:transparent}:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-play],:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-pill],:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-node],:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-node-flat],:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-decor],:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-fade]{opacity:0}:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-capsule]{width:var(--capsule-w0)}:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-draw]{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}@media print{:is(#root,.home-scope) [data-anim] [data-anim-play],:is(#root,.home-scope) [data-anim] [data-anim-pill],:is(#root,.home-scope) [data-anim] [data-anim-node],:is(#root,.home-scope) [data-anim] [data-anim-node-flat],:is(#root,.home-scope) [data-anim] [data-anim-decor],:is(#root,.home-scope) [data-anim] [data-anim-fade]{opacity:1!important;animation:none!important}:is(#root,.home-scope) [data-anim] [data-anim-capsule]{width:var(--capsule-w)!important;animation:none!important}:is(#root,.home-scope) [data-anim] [data-anim-draw]{stroke-dashoffset:0!important;animation:none!important}}:is(#root,.home-scope) [data-anim][data-anim-play]:not([data-anim-done]) [data-anim-play]{animation:.32s cubic-bezier(.34,1.56,.64,1) both anim-pop}:is(#root,.home-scope) [data-anim][data-anim-play]:not([data-anim-done]) [data-anim-capsule]{will-change:width;animation:.55s cubic-bezier(.45,.05,.25,1) .15s both anim-capsule}:is(#root,.home-scope) [data-anim][data-anim-play]:not([data-anim-done]) [data-anim-decor]{animation:.52s ease-out both anim-fade;animation-delay:calc(.35s + var(--i,0)*12ms)}:is(#root,.home-scope) [data-anim][data-anim-play]:not([data-anim-done]) [data-anim-node]{animation:.42s cubic-bezier(.22,1,.36,1) both anim-pop-soft;animation-delay:calc(.4s + var(--i,0)*40ms)}:is(#root,.home-scope) [data-anim][data-anim-play]:not([data-anim-done]) [data-anim-node-flat]{animation:.42s cubic-bezier(.22,1,.36,1) both anim-fade;animation-delay:calc(.4s + var(--i,0)*40ms)}:is(#root,.home-scope) [data-anim][data-anim-play]:not([data-anim-done]) [data-anim-draw]{animation:anim-draw var(--draw-dur,.62s)cubic-bezier(.33,1,.68,1)both;animation-delay:calc(.5s + var(--i,0)*65ms)}:is(#root,.home-scope) [data-anim][data-anim-play]:not([data-anim-done]) [data-anim-fade]{animation:.45s ease-out both anim-fade;animation-delay:calc(.5s + var(--i,0)*65ms)}:is(#root,.home-scope) [data-anim][data-anim-play]:not([data-anim-done]) [data-anim-pill]{animation:.44s cubic-bezier(.22,1,.36,1) both anim-pill;animation-delay:calc(.75s + var(--i,0)*80ms)}@keyframes anim-pop{0%{opacity:0;scale:.35}to{opacity:1;scale:1}}@keyframes anim-pop-soft{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}@keyframes anim-capsule{0%{width:var(--capsule-w0)}to{width:var(--capsule-w)}}@keyframes anim-fade{0%{opacity:0}to{opacity:1}}@keyframes anim-draw{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}@keyframes anim-pill{0%{opacity:0;scale:.88}to{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){:is(#root,.home-scope) [data-anim],:is(#root,.home-scope) [data-anim] *{animation:none!important}:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-play],:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-pill],:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-node],:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-node-flat],:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-decor],:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-fade]{opacity:1}:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-capsule]{width:var(--capsule-w)}:is(#root,.home-scope) [data-anim][data-anim-ready]:not([data-anim-done]) [data-anim-draw]{stroke-dashoffset:0}}@property --ca-amp{syntax:"<number>";inherits:true;initial-value:0}@keyframes ca-wave{0%,to{scale:1}26%{scale:1 calc(1 + .95*var(--ca-amp))}60%{scale:1 calc(1 - .62*var(--ca-amp))}}@keyframes ca-rise{0%,to{scale:1}50%{scale:1 calc(1 + .055*var(--ca-amp))}}@keyframes ca-dive{0%,to{transform:none}50%{transform:translateY(calc(26px*var(--ca-amp)))}}@keyframes ca-blip{0%,to{opacity:1;scale:1}50%{scale:calc(1 + var(--ca-pop,.85)*var(--ca-amp));opacity:calc(1 - .45*var(--ca-amp))}}@keyframes ca-tick{0%,to{opacity:1;scale:1}50%{opacity:calc(1 - .78*var(--ca-amp));scale:calc(1 + .12*var(--ca-amp))}}@keyframes ca-drift{0%,to{transform:none}50%{transform:translate(calc(var(--ca-d,20px)*var(--ca-amp)))}}@keyframes ca-spin{to{rotate:360deg}}:is(#root,.home-scope) [data-chart=preference-elo] [class*="w-[40px]"][class*="rounded-[99px]"]{transform-origin:50% 100%;animation:1.9s ease-in-out infinite ca-rise;animation-delay:calc(var(--ca-i,0)*.11s)}:is(#root,.home-scope) [data-chart=preference-elo] [class*="w-[40px]"][class*="rounded-[99px]"]>div{animation:1.9s ease-in-out infinite ca-dive;animation-delay:calc(var(--ca-i,0)*.11s)}:is(#root,.home-scope) [data-chart=preference-elo]>:first-child>:first-child{--ca-i:0}:is(#root,.home-scope) [data-chart=preference-elo]>:first-child>:nth-child(2){--ca-i:1}:is(#root,.home-scope) [data-chart=preference-elo]>:first-child>:nth-child(3){--ca-i:2}:is(#root,.home-scope) [data-chart=preference-elo]>:first-child>:nth-child(4){--ca-i:3}:is(#root,.home-scope) [data-appear]{transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--sa-i,0)*var(--sa-step,90ms))}:is(#root,.home-scope) [data-appear=pre]{opacity:0;transform:translateY(var(--sa-rise,14px))}:is(#root,.home-scope) [data-appear=run]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){:is(#root,.home-scope) [data-appear]{transition:none}:is(#root,.home-scope) [data-appear=pre]{opacity:1;transform:none}}@keyframes hg-draw{0%{stroke-dasharray:100;stroke-dashoffset:calc(var(--d0,100)*1px)}to{stroke-dasharray:100;stroke-dashoffset:calc(var(--d1,0)*1px)}}@keyframes hg-settle{0%{opacity:0;scale:.965}to{opacity:1;scale:1}}@keyframes hg-travel{0%{stroke-dashoffset:calc(var(--from,100)*1px);opacity:0}2.25%{opacity:var(--hg-lit,.62)}12%{opacity:var(--hg-lit,.62)}14%,to{stroke-dashoffset:calc(var(--to,0)*1px);opacity:0}}@keyframes hg-march{0%{stroke-dashoffset:9.24px}to{stroke-dashoffset:0}}@keyframes hg-level{0%{scale:1 calc(var(--lo-eff,.55) + (1 - var(--lo-eff,.55))*.15)}10%{scale:1}24%{scale:1 calc(var(--lo-eff,.55) + (1 - var(--lo-eff,.55))*.34)}38%{scale:1 calc(var(--lo-eff,.55) + (1 - var(--lo-eff,.55))*.88)}52%{scale:1 calc(var(--lo-eff,.55) + (1 - var(--lo-eff,.55))*.22)}66%{scale:1 calc(var(--lo-eff,.55) + (1 - var(--lo-eff,.55))*.63)}80%{scale:1 var(--lo-eff,.55)}92%{scale:1 calc(var(--lo-eff,.55) + (1 - var(--lo-eff,.55))*.41)}to{scale:1 calc(var(--lo-eff,.55) + (1 - var(--lo-eff,.55))*.15)}}@keyframes hg-caret{0%,49.9%{opacity:1}50%,to{opacity:0}}@property --hg-amp{syntax:"<number>";inherits:true;initial-value:0}@property --hg-heard{syntax:"<number>";inherits:true;initial-value:0}@media(prefers-reduced-motion:no-preference){@keyframes hg-delivered{30%{scale:1.028}55%{scale:1.008}78%{scale:1.018}}@keyframes hg-mobile-in{0%{opacity:0}}}@media(hover:hover)and (pointer:fine){:is(#root,.home-scope) [data-hero-graph]{--hg-amp:0;transition:--hg-amp .62s cubic-bezier(.33,1,.68,1)}:is(#root,.home-scope) [data-hero-graph]:hover{--hg-amp:1;transition-duration:.22s}}:is(#root,.home-scope){--article-serif:"LT Superior Serif","LT Superior Serif:Medium",serif;--article-mono:"IBM Plex Mono","IBM Plex Mono:Medium",monospace;--article-sans:"Geist","Geist:Regular",sans-serif;--article-ink:#2a2724;--article-paper:#fcfaf7;--article-wash:#faf6f1;--article-line:#dedbd4;--article-hairline:#e6e0d8}:is(#root,.home-scope){--legal-bar:60px;--legal-gutter:120px}@media(max-width:1023.98px){:is(#root,.home-scope){--legal-gutter:var(--gutter)}}@media(max-width:1023.98px){:is(#root,.home-scope){--gutter:48px;--fs-display:44px;--fs-h2:44px;--fs-h3:24px;--fs-body:16px}:is(#root,.home-scope) .page-shell{zoom:1;width:100%;min-width:0}:is(#root,.home-scope) .page-shell>[data-page],:is(#root,.home-scope) .chariot-band{width:100%}:is(#root,.home-scope) .chariot-band-inner{flex:0 auto!important;width:100%!important;max-width:100%!important}:is(#root,.home-scope) .chariot-band-inner:before,:is(#root,.home-scope) .chariot-band-inner:after{display:none}:is(#root,.home-scope) [data-name="Landing Page"] [aria-hidden][class~=border-l],:is(#root,.home-scope) [data-name="Landing Page"] [aria-hidden][class~=border-r],:is(#root,.home-scope) [data-name="Landing Page"] [aria-hidden][class~=border-t]:not([class~=border]):not([class*=border-dashed]),:is(#root,.home-scope) [data-name="Landing Page"] [aria-hidden][class~=border-b]:not([class~=border]):not([class*=border-dashed]),:is(#root,.home-scope) [data-name="Landing Page"] [aria-hidden][class~=border][class*="inset-[-0.5px]"]:not([class*=rounded]),:is(#root,.home-scope) [data-name="Landing Page"] [aria-hidden][class~=border][class*="inset-[-1px]"]:not([class*=rounded]):not([class*="#e6e0d8"]){display:none!important}:is(#root,.home-scope) .site-header .chariot-band-inner,:is(#root,.home-scope) .site-header .chariot-band-inner>*,:is(#root,.home-scope) .site-nav{width:100%!important}:is(#root,.home-scope) .site-nav [class*="px-[20px]"]{padding-inline:0!important}:is(#root,.home-scope) .site-nav .cta-button{padding-inline:12px!important}:is(#root,.home-scope) .site-nav a[aria-label="Chariot — home"]{padding-inline:0!important;padding-right:12px!important}:is(#root,.home-scope) .site-nav>div:last-child>div:first-child>[aria-hidden]{display:none}:is(#root,.home-scope) [data-hero-row]{padding-block:24px;flex-flow:column-reverse!important;justify-content:flex-start!important;align-items:stretch!important;gap:24px!important;height:auto!important;display:flex!important;overflow:visible!important}:is(#root,.home-scope) [data-hero-art]{width:100%!important;height:auto!important;position:relative!important;inset:auto!important}:is(#root,.home-scope) [data-hero-art]>[data-name="image 43"],:is(#root,.home-scope) [data-hero-art]>div:nth-child(2){display:none!important}:is(#root,.home-scope) [data-hero-note]{width:100%!important;position:static!important;inset:auto!important}:is(#root,.home-scope) [data-reason-copy]>p:not([data-para-break]){letter-spacing:-.45px!important;color:#2a2724!important;font-family:LT Superior Serif,LT Superior Serif\:Medium,serif!important;font-size:19px!important;line-height:1.45!important}@media(prefers-reduced-motion:no-preference){:is(#root,.home-scope) [data-hero-enter]{animation:.42s ease-out both hero-arrive-m}:is(#root,.home-scope) [data-hero-enter="1"]{animation-delay:60ms}:is(#root,.home-scope) [data-hero-enter="2"]{animation-delay:.12s}:is(#root,.home-scope) [data-hero-enter="3"]{animation-delay:.18s}}:is(#root,.home-scope) [data-hero-headline]{justify-content:flex-start!important;padding:0!important}:is(#root,.home-scope) [class*="px-[120px]"]{padding-left:var(--gutter)!important;padding-right:var(--gutter)!important}:is(#root,.home-scope) [class*="px-[40px]"],:is(#root,.home-scope) [class~="p-[40px]"]{padding-left:0!important;padding-right:0!important}:is(#root,.home-scope) [class~="p-[40px]"]{padding-top:var(--gutter)!important;padding-bottom:var(--gutter)!important}:is(#root,.home-scope) [data-name=texture]{display:none!important}:is(#root,.home-scope) :is([class*="w-[1440px]"],[class*="w-[1200px]"],[class*="w-[890px]"],[class*="w-[793px]"],[class*="w-[785px]"],[class*="w-[729.5px]"],[class*="w-[713.333px]"],[class*="w-[642px]"],[class*="w-[640px]"],[class*="w-[516.166px]"],[class*="w-[508px]"],[class*="w-[494.309px]"],[class*="w-[476px]"],[class*="w-[472px]"],[class*="w-[460px]"],[class*="w-[452.63px]"],[class*="w-[448px]"],[class*="w-[446px]"],[class*="w-[436px]"],[class*="w-[413px]"],[class*="w-[403.5px]"],[class*="w-[400px]"],[class*="w-[395px]"],[class*="w-[386.408px]"],[class*="w-[379.364px]"],[class*="w-[378.047px]"],[class*="w-[375px]"],[class*="w-[359px]"],[class*="w-[330px]"]):not(:where(.rive-diagram-fallback *)){width:100%!important;min-width:0!important;max-width:100%!important}:is(#root,.home-scope) [data-page] :not([class*=min-w-]):not(.logo-ticker-track):not(.logo-ticker-set){min-width:0}:is(#root,.home-scope) [data-page] :not([class*=absolute]):not(.logo-ticker-track):not(.logo-ticker-set),:is(#root,.home-scope) [data-page] [class*="w-["]:not([class*=absolute]):not(.logo-ticker-track):not(.logo-ticker-set){max-width:100%}:is(#root,.home-scope) [class*="size-[600px]"],:is(#root,.home-scope) [class*="size-[500px]"],:is(#root,.home-scope) [class*="size-[400px]"]{aspect-ratio:1;width:100%!important;max-width:100%!important;height:auto!important}:is(#root,.home-scope) [class*="gap-[120px]"]{gap:24px!important}:is(#root,.home-scope) [class*="gap-[80px]"]{gap:40px!important}:is(#root,.home-scope) [class*="gap-[60px]"]{gap:32px!important}:is(#root,.home-scope) [class*="gap-[52px]"]{gap:28px!important}:is(#root,.home-scope) [class*="gap-[32px]"]{gap:24px!important}:is(#root,.home-scope) [class*="pt-[80px]"]{padding-top:44px!important}:is(#root,.home-scope) [class*="pb-[80px]"]{padding-bottom:44px!important}:is(#root,.home-scope) [class*="pb-[60px]"]{padding-bottom:32px!important}:is(#root,.home-scope) [class*="py-[80px]"]{padding-top:44px!important;padding-bottom:44px!important}:is(#root,.home-scope) [class*="text-[60px]"],:is(#root,.home-scope) .chariot-band-inner [class*="text-[60px]"]>span{font-size:var(--fs-display)!important;letter-spacing:-1px!important}:is(#root,.home-scope) [class*="text-[44px]"]{font-size:var(--fs-h2)!important;letter-spacing:-.8px!important}:is(#root,.home-scope) [class*="text-[36px]"]{letter-spacing:-.6px!important;font-size:24px!important}:is(#root,.home-scope) [class*="text-[24px]"]{font-size:var(--fs-h3)!important;letter-spacing:-.6px!important}:is(#root,.home-scope) .chariot-band-inner [class*=whitespace-nowrap][class*="text-[44px]"],:is(#root,.home-scope) .chariot-band-inner [class*=whitespace-nowrap][class*="text-[60px]"],:is(#root,.home-scope) .chariot-band-inner [class*=whitespace-nowrap][class*="text-[36px]"]{white-space:normal!important}:is(#root,.home-scope) [data-page] [class*=items-end]:has(>[class*="text-[44px]"]),:is(#root,.home-scope) [data-page] [class*=items-end]:has(>h2){flex-wrap:wrap;gap:20px}:is(#root,.home-scope) [data-page] [data-chart],:is(#root,.home-scope) [data-page] [data-chart] [class*=flex],:is(#root,.home-scope) [data-page] .card-art,:is(#root,.home-scope) [data-page] .card-art [class*=flex],:is(#root,.home-scope) [data-page] .rive-diagram-fallback [class*=flex]{flex-wrap:nowrap!important}:is(#root,.home-scope) [data-page] [class*=flex]:not([class*=flex-col]):not(.card-row):not(.logo-ticker-track):not(.logo-ticker-set):not(.waveform):not([data-chart]):not([data-chart] *):not(.card-art *){flex-wrap:wrap}:is(#root,.home-scope) .site-header [class*=flex],:is(#root,.home-scope) [data-page] .cta-button,:is(#root,.home-scope) [data-page] .cta-button *,:is(#root,.home-scope) [data-page] .cta-link,:is(#root,.home-scope) [data-page] .cta-link *,:is(#root,.home-scope) [data-page] .copy-chip,:is(#root,.home-scope) [data-page] .copy-chip *,:is(#root,.home-scope) [data-page] .outline-button,:is(#root,.home-scope) [data-page] .outline-button *{flex-wrap:nowrap!important}:is(#root,.home-scope) [data-stacked]{flex-flow:column!important;align-items:stretch!important;width:100%!important;height:auto!important}:is(#root,.home-scope) [data-stacked]>*{flex:none!important;width:100%!important;max-width:100%!important}:is(#root,.home-scope) [data-stacked] p:not(.cta-button p):not(.cta-link p):not(.copy-chip p):not(.outline-button p),:is(#root,.home-scope) [data-stacked] h1,:is(#root,.home-scope) [data-stacked] h2,:is(#root,.home-scope) [data-stacked] h3{width:100%}:is(#root,.home-scope) [data-page] [data-footer-nav]{flex-flow:wrap!important;gap:32px 48px!important}:is(#root,.home-scope) [data-page] [data-footer-nav]>*{min-width:120px;flex:0 auto!important;width:auto!important}:is(#root,.home-scope) [data-page] div>p[data-para-break]{display:block!important}:is(#root,.home-scope) [data-page] [class*="h-[750px]"],:is(#root,.home-scope) [data-page] [class*="h-[800px]"],:is(#root,.home-scope) [data-page] [class*="h-[600px]"],:is(#root,.home-scope) [data-page] [class*="h-[314px]"]{height:auto!important}:is(#root,.home-scope) [data-page] [class*="h-[750px]"] [class*="flex-[1_0_0]"],:is(#root,.home-scope) [data-page] [class*="h-[800px]"] [class*="flex-[1_0_0]"],:is(#root,.home-scope) [data-page] [class*="h-[600px]"] [class*="flex-[1_0_0]"],:is(#root,.home-scope) [data-page] [class*="h-[314px]"] [class*="flex-[1_0_0]"]{flex:none!important}:is(#root,.home-scope) [data-prompt-plate]{flex-direction:column!important;gap:12px!important;height:auto!important;display:flex!important;overflow:visible!important}:is(#root,.home-scope) [data-prompt-plate-art]{display:none!important}:is(#root,.home-scope) [data-prompt-card]{width:100%!important;position:relative!important;inset:auto!important}:is(#root,.home-scope) [data-prompt-card=speaks]{margin-top:12px;height:auto!important;min-height:0!important}:is(#root,.home-scope) [data-prompt-card=speaks] [class*="flex-[1_0_0]"]{flex:none!important}}@media(min-width:768px)and (max-width:1023.98px){:is(#root,.home-scope) .site-nav .nav-links .nav-link{padding-inline:10px!important}:is(#root,.home-scope) [data-section^=divider],:is(#root,.home-scope) [data-section^=divider] [class*="h-[60px]"]{height:40px!important;min-height:0!important}:is(#root,.home-scope) [data-section=hero] .cta-button{flex:none!important;align-self:flex-start!important;width:auto!important}}@media(max-width:767.98px){:is(#root,.home-scope){--gutter:20px;--fs-display:32px;--fs-h2:26px;--fs-h3:18px;--fs-stat:28px;--fs-body:14px;--fs-body-sm:12px;--fs-mono:12px;--fs-mono-sm:11px;--stack:16px;--card-stack:8px;--sect-pt:44px;--sect-pb:44px;--radius-card:4px;--radius-control:3px;--rule:#ded9d1}:is(#root,.home-scope) [data-section=tts-features] [data-name="image 43"],:is(#root,.home-scope) [data-hero-note]>[data-name=Frame]{display:none!important}:is(#root,.home-scope) [data-section] [class*="px-[120px]"]:not(:has(>[class*="h-[60px]"])){padding-top:var(--sect-pt)!important;padding-bottom:var(--sect-pb)!important}:is(#root,.home-scope) [data-section=audio-modality],:is(#root,.home-scope) [data-section=research],:is(#root,.home-scope) [data-section=careers],:is(#root,.home-scope) [data-section=faq]{--sect-pt:52px;--sect-pb:52px}:is(#root,.home-scope) [data-section=tts-intro],:is(#root,.home-scope) [data-section=team]{--sect-pt:40px;--sect-pb:160px}:is(#root,.home-scope) [data-section=footer]{--sect-pt:40px;--sect-pb:40px}:is(#root,.home-scope) [data-section] [class*="pt-[80px]"],:is(#root,.home-scope) [data-section] [class*="py-[80px]"],:is(#root,.home-scope) [data-section] [class*="py-[120px]"],:is(#root,.home-scope) [data-section] [class*="py-[60px]"],:is(#root,.home-scope) [data-section] [class~="p-[40px]"]{padding-top:0!important}:is(#root,.home-scope) [data-section] [class*="pb-[80px]"],:is(#root,.home-scope) [data-section] [class*="py-[80px]"],:is(#root,.home-scope) [data-section] [class*="py-[120px]"],:is(#root,.home-scope) [data-section] [class*="py-[60px]"],:is(#root,.home-scope) [data-section] [class*="pb-[120px]"],:is(#root,.home-scope) [data-section] [class*="pb-[220px]"],:is(#root,.home-scope) [data-section] [class~="p-[40px]"]{padding-bottom:0!important}:is(#root,.home-scope) [data-section] [class*="pb-[60px]"]{padding-bottom:var(--stack)!important}:is(#root,.home-scope) [data-section^=divider],:is(#root,.home-scope) [data-section^=divider] [class*="h-[60px]"],:is(#root,.home-scope) [data-section=hero] [class*="px-[120px]"]:has(>[class*="h-[60px]"]),:is(#root,.home-scope) [data-section=hero] [class*="px-[120px]"]>[class*="h-[60px]"]{height:32px!important;min-height:0!important}:is(#root,.home-scope) [data-section^=divider] [class*="px-[120px]"]{padding-block:0!important}:is(#root,.home-scope) [data-section]:not([data-section^=divider]):not([data-section=hero]) [class*="px-[120px]"]:has(>[class*="h-[60px]"]){display:none!important}:is(#root,.home-scope) .page-shell [class~=border-l],:is(#root,.home-scope) .page-shell [class~=border-r]{border-left-width:0!important;border-right-width:0!important}:is(#root,.home-scope) [data-section]:not([data-section=footer]) [class*=border-t][class*="inset-[-1px_0_0_0]"],:is(#root,.home-scope) [data-section=research] [class*=border-b][class*=inset-0]{display:none!important}:is(#root,.home-scope) [data-section=statement] [class*=inset-0][class*=border-b][class*=border-t]{border-radius:var(--radius-card);border-width:1px!important;border-color:#e6e0d8!important}:is(#root,.home-scope) [data-section]:not([data-section^=divider]):not([data-section=footer]) [class*="inset-[-0.5px_0]"]{display:none!important}:is(#root,.home-scope) [data-section=hero] [class*="px-[120px]"]:has(>[class*="h-[60px]"])>[class*="inset-[-0.5px_0]"]{display:block!important}:is(#root,.home-scope) [data-section=footer] [class*="inset-[-0.5px_0_0_0]"]{display:none!important}:is(#root,.home-scope) [data-section=tts-intro] .chariot-band-inner{overflow:clip}:is(#root,.home-scope) [data-section=tts-intro]{border-bottom:1px solid #e6e0d8}:is(#root,.home-scope) [data-section] [class*="gap-[120px]"],:is(#root,.home-scope) [data-section] [class*="gap-[60px]"],:is(#root,.home-scope) [data-section] [class*="gap-[52px]"],:is(#root,.home-scope) [data-section] [class*="gap-[32px]"],:is(#root,.home-scope) [data-section] [class*="gap-[28px]"],:is(#root,.home-scope) [data-section] [class*="gap-[24px]"],:is(#root,.home-scope) [data-section] [class*="gap-[20px]"],:is(#root,.home-scope) [data-section] [data-stacked]{gap:var(--stack)!important}:is(#root,.home-scope) [data-section=research] .eval-card>*>[class*="p-[24px]"],:is(#root,.home-scope) [data-section] [class*="gap-[80px]"]{gap:32px!important}:is(#root,.home-scope) [data-section] [class*="gap-[12px]"]:has(>[class*="text-[44px]"]){gap:var(--stack)!important}:is(#root,.home-scope) [data-section=audio-modality] [class*="gap-[80px]"]{gap:56px!important}:is(#root,.home-scope) [class*="text-[60px]"],:is(#root,.home-scope) .chariot-band-inner [class*="text-[60px]"]>span,:is(#root,.home-scope) [class*="text-[60px]"]>p{font-size:var(--fs-display)!important;letter-spacing:-.4px!important;line-height:1.1!important}:is(#root,.home-scope) [class*="text-[44px]"],:is(#root,.home-scope) [class*="text-[44px]"]>p{font-size:var(--fs-h2)!important;letter-spacing:-.3px!important;line-height:1.12!important}:is(#root,.home-scope) [class*="text-[36px]"]{font-size:var(--fs-stat)!important;letter-spacing:-.3px!important;line-height:1.1!important}:is(#root,.home-scope) [class*="text-[24px]"],:is(#root,.home-scope) [class*="text-[24px]"]>p{font-size:var(--fs-h3)!important;letter-spacing:-.2px!important;line-height:1.2!important}:is(#root,.home-scope) [data-section=news] [class*="text-[24px]"],:is(#root,.home-scope) [data-section=voices] [class*="text-[24px]"]{line-height:1.25!important}:is(#root,.home-scope) [data-section=voices-demo] [class*="text-[24px]"]{line-height:1.3!important}:is(#root,.home-scope) [class*="text-[16px]"],:is(#root,.home-scope) [class*="text-[16px]"]>p,:is(#root,.home-scope) [class*="text-[16px]"]>span{font-size:var(--fs-body)!important;line-height:1.5!important}:is(#root,.home-scope) [data-section=hero] [class*="text-[16px]"],:is(#root,.home-scope) [data-section=hero] [class*="text-[16px]"]>p{line-height:1.45!important}:is(#root,.home-scope) [data-section=voices] [class*="text-[16px]"],:is(#root,.home-scope) [data-section=voices] [class*="text-[16px]"]>p,:is(#root,.home-scope) [data-section=news] [class*="text-[16px]"],:is(#root,.home-scope) [data-section=news] [class*="text-[16px]"]>p{font-size:var(--fs-body-sm)!important;line-height:1.45!important}:is(#root,.home-scope) [class*="text-[14px]"],:is(#root,.home-scope) [class*="text-[13px]"]{font-size:var(--fs-mono)!important}:is(#root,.home-scope) [class*="text-[14px]"][class*=Geist],:is(#root,.home-scope) [class*="text-[13px]"][class*=Geist]{line-height:1.5!important}:is(#root,.home-scope) [data-section=voices] [class*="text-[14px]"][class*=Geist],:is(#root,.home-scope) [data-section=news] [class*="text-[14px]"][class*=Geist]{line-height:1.45!important}:is(#root,.home-scope) [data-section=hero] [class*="text-[13px]"]{line-height:1.5!important}:is(#root,.home-scope) .site-nav .nav-links,:is(#root,.home-scope) .site-nav>div:last-child>div:first-child{display:none!important}:is(#root,.home-scope) .nav-toggle{border-radius:var(--radius-control);border-color:var(--rule);font-size:var(--fs-mono);padding:7px 11px;line-height:16px;display:inline-flex}:is(#root,.home-scope) [data-page] .cta-button,:is(#root,.home-scope) [data-page] .cta-link,:is(#root,.home-scope) [data-page] .copy-chip,:is(#root,.home-scope) [data-page] .outline-button{border-radius:var(--radius-control)!important;justify-content:center!important;width:100%!important}:is(#root,.home-scope) [data-page] .cta-button [class*="gap-[10px]"],:is(#root,.home-scope) [data-page] .cta-link,:is(#root,.home-scope) [data-page] .copy-chip,:is(#root,.home-scope) [data-page] .outline-button{gap:8px!important}:is(#root,.home-scope) [data-page] .cta-button p,:is(#root,.home-scope) [data-page] .cta-link p,:is(#root,.home-scope) [data-page] .copy-chip p,:is(#root,.home-scope) [data-page] .outline-button p{text-align:center;line-height:16px!important}:is(#root,.home-scope) [data-page] div:has(>.cta-button+.cta-button),:is(#root,.home-scope) [data-page] div:has(>.cta-link+.copy-chip){flex-flow:column!important;align-items:stretch!important;gap:12px!important;width:100%!important}:is(#root,.home-scope) [data-page] [class*="rounded-[2px]"]{border-radius:var(--radius-card)}:is(#root,.home-scope) [data-page] [class~="p-[24px]"],:is(#root,.home-scope) [data-page] [class~="p-[32px]"]{padding:20px!important}:is(#root,.home-scope) [data-section=hero]{min-height:0!important}:is(#root,.home-scope) [data-hero-row]{gap:var(--stack)!important;padding-block:0!important}:is(#root,.home-scope) [data-section=hero] [class*="p-[24px]"]{padding:0!important}:is(#root,.home-scope) [data-hero-note]{border-radius:var(--radius-card);border-color:var(--rule)!important;gap:16px!important;padding:20px!important}:is(#root,.home-scope) [data-section=research] [class~="p-[12px]"]{padding:8px 0!important}:is(#root,.home-scope) [data-section=research] [class*="h-[375px]"]{height:auto!important}:is(#root,.home-scope) [data-section=research] [class*="pb-[60px]"]{padding-bottom:24px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"]{width:100%!important}:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[60px]"]{gap:24px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[60px]"]>[class~="gap-[12px]"]:has(>h2){gap:12px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="px-[20px]"][class~="py-[12px]"]{padding:6px 10px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="px-[20px]"][class~="py-[12px]"] [class~="size-[16px]"]{zoom:.625}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="size-[6px]"]{width:3px!important;height:3px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="p-[32px]"]{gap:10px!important;padding:16px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="h-[314px]"]{flex-direction:column!important;align-items:stretch!important;gap:16px!important;height:auto!important}:is(#root,.home-scope) [data-section=tts-features] [class~="h-[314px]"]>*{flex:none!important;width:100%!important}:is(#root,.home-scope) [data-section=tts-features] [class~="h-[314px]"]>div:first-child>[class~="flex-[1_0_0]"],:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[28px]"][class~="pb-[8px]"]>[class~="flex-[1_0_0]"]{width:100%!important}:is(#root,.home-scope) [data-section=tts-features] [class~=w-0]{display:none!important}:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[28px]"][class~="pb-[8px]"]{padding-bottom:4px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[28px]"][class~="pb-[8px]"] [class~="gap-[20px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[28px]"][class~="pb-[8px]"]>div:first-child{gap:16px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[28px]"][class~="pb-[8px]"]>div:first-child>div:last-child{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="px-[16px]"][class~="py-[12px]"]{width:100%!important}:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[12px]"] [class~="size-[16px]"]{zoom:.75}:is(#root,.home-scope) [data-section=tts-features] [class~="px-[16px]"][class~="py-[12px]"]{gap:4px!important;padding:10px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="px-[16px]"][class~="py-[12px]"] [class~="size-[18px]"]{zoom:.5}:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[28px]"][class~="pb-[8px]"] [class~="gap-[12px]"]{gap:6px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"]{gap:12px!important;width:100%!important}:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[12px]"][class~="px-[8px]"]{gap:6px!important;padding-inline:4px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"]>[class~=flex-col]:last-child{gap:8px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="gap-[8px]"][class~="p-[8px]"]{gap:8px!important;padding:4px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="size-[40px]"]{zoom:.6}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="flex-[1_0_0]"][class~="gap-[8px]"]{gap:4px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="gap-[4px]"]{gap:2px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[28px]"]:not([class~="pb-[8px]"]){gap:14px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[24px]"]{gap:12px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="size-[46px]"]{zoom:.95}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[14px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[14px]"]>p,:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[11px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[11px]"]>p{font-size:10px!important;line-height:1.4!important}:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[24px]"] [class~="text-[14px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[24px]"] [class~="text-[14px]"]>p,:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[4px]"] [class~="text-[11px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[4px]"] [class~="text-[11px]"]>p,:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[12px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[12px]"]>p{font-size:12px!important;line-height:1.4!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[24px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[24px]"]>p{letter-spacing:0!important;font-size:12px!important;line-height:1.4!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[24px]"]{margin-top:-6px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="text-[16px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="text-[16px]"]>p{letter-spacing:-.12px!important;font-size:12px!important;line-height:1.1!important}:is(#root,.home-scope) [data-section=tts-intro],:is(#root,.home-scope) [data-section=team]{--veil-hold:64.59%}:is(#root,.home-scope) [data-section=tts-intro] [class*=bg-gradient-to-b][class*="from-[#fcfaf7]"],:is(#root,.home-scope) [data-section=team] [class*=bg-gradient-to-b][class*="from-[#fcfaf7]"]{background-image:linear-gradient(to bottom in oklab,#fcfaf7 0,#fcfaf7 var(--veil-hold),#fcfaf700 100%)!important}:is(#root,.home-scope) [data-section=team] [class*="px-[32px]"][class*="py-[20px]"]{justify-content:center;min-height:88px;padding:12px!important}:is(#root,.home-scope) [data-page] [class*="text-[11px]"]{font-size:12px!important}:is(#root,.home-scope) [data-section=faq] [class*="pb-[32px]"]{border-bottom:1px solid #ffffff2e;gap:12px!important;padding-block:20px!important}:is(#root,.home-scope) [data-section=faq] [class*="pb-[32px]"]:last-child{border-bottom:0}:is(#root,.home-scope) [data-section=faq] [class*=border-dashed][class*="inset-[0_0_-0.5px_0]"]{display:none!important}:is(#root,.home-scope) [data-section=footer] div:has(>[data-name=Logo]){flex-direction:column!important;gap:32px!important}:is(#root,.home-scope) [data-section=footer] [data-name=Logo]{width:98px!important;height:25px!important}:is(#root,.home-scope) [data-page] [data-footer-nav]{flex-flow:wrap!important;gap:28px 24px!important}:is(#root,.home-scope) [data-page] [data-footer-nav]>*{flex:calc(50% - 12px)!important;gap:10px!important;width:auto!important;min-width:0!important}:is(#root,.home-scope) [data-page] [data-footer-nav]>:nth-child(3),:is(#root,.home-scope) [data-page] [data-footer-nav]>:nth-child(4){flex-basis:100%!important}:is(#root,.home-scope) [data-page] [data-footer-nav] [class*="gap-[16px]"]{gap:10px!important}:is(#root,.home-scope) [data-section=footer],:is(#root,.home-scope) [data-section=footer] [class*="text-["]{font-size:var(--fs-mono)!important;letter-spacing:-.12px!important}:is(#root,.home-scope) [data-section=footer] [class*="py-[24px]"]{padding-block:24px 0!important}}@media(min-width:768px)and (max-width:1023.98px){:is(#root,.home-scope) [data-section=tts-intro]{--sect-pad:88px;--veil-hold:64.59%}:is(#root,.home-scope) [data-section=tts-features]{--sect-pad:64px;--veil-hold:38.919%}:is(#root,.home-scope) [data-section=team]{--sect-pad:80px;--veil-hold:52.092%}:is(#root,.home-scope) [data-section=tts-intro] [class*=bg-gradient-to-b][class*="from-[#fcfaf7]"],:is(#root,.home-scope) [data-section=tts-features] [class*=bg-gradient-to-b][class*="from-[#fcfaf7]"],:is(#root,.home-scope) [data-section=team] [class*=bg-gradient-to-b][class*="from-[#fcfaf7]"]{background-image:linear-gradient(to bottom in oklab,#fcfaf7 0,#fcfaf7 var(--veil-hold),#fcfaf700 100%)!important}:is(#root,.home-scope) [data-section=tts-features] [data-name="image 43"]{inset:calc(-1*var(--sect-pad))calc(-1*var(--gutter))!important;width:auto!important;height:auto!important;display:block!important}:is(#root,.home-scope) [data-section-head]{--fs-h2:34px}:is(#root,.home-scope) [data-section-head] [class*="text-[44px]"]{letter-spacing:-1.36px!important;line-height:1.12!important}:is(#root,.home-scope) [data-section-head] [class*="text-[16px]"]{letter-spacing:-.15px!important;font-size:15px!important;line-height:1.5!important}:is(#root,.home-scope) [data-section-head],:is(#root,.home-scope) [data-section] div:has(>[data-section-head]){gap:24px!important}:is(#root,.home-scope) [data-section=tts-intro] [data-section-head]>[class*="text-[0px]"]{width:480px!important}:is(#root,.home-scope) [data-section=tts-intro] [data-section-head]>[class*="text-[16px]"]{width:572px!important;max-width:100%!important}:is(#root,.home-scope) [data-section=team] [data-section-head]>*{width:100%!important;max-width:100%!important}:is(#root,.home-scope) [data-section=tts-intro] [class*="px-[120px]"]:has(>[class*="h-[60px]"]),:is(#root,.home-scope) [data-section=tts-features] [class*="px-[120px]"]:has(>[class*="h-[60px]"]),:is(#root,.home-scope) [data-section=team] [class*="px-[120px]"]:has(>[class*="h-[60px]"]){display:none!important}:is(#root,.home-scope) [data-section=tts-intro] [class*="px-[120px]"]:not(:has(>[class*="h-[60px]"])),:is(#root,.home-scope) [data-section=tts-features] [class*="px-[120px]"]:not(:has(>[class*="h-[60px]"])),:is(#root,.home-scope) [data-section=team] [class*="px-[120px]"]:not(:has(>[class*="h-[60px]"])){padding-top:var(--sect-pad)!important;padding-bottom:var(--sect-pad)!important}:is(#root,.home-scope) [data-section=tts-intro] [class*="py-[120px]"],:is(#root,.home-scope) [data-section=tts-features] [class*="pt-[80px]"][class*="pb-[120px]"],:is(#root,.home-scope) [data-section=team] [class*="pt-[80px]"][class*="pb-[220px]"]{padding-top:0!important;padding-bottom:0!important}:is(#root,.home-scope) [data-section=team] [class*="px-[32px]"][class*="py-[20px]"]{justify-content:center;min-height:56px;padding:12px!important}}@keyframes hero-arrive-m{0%{opacity:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@media(max-width:767.98px){:is(#root,.home-scope) [data-section=tts-features] [class~="gap-[60px]"]{gap:32px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="p-[32px]"]{gap:16px!important;padding:20px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[14px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[14px]"]>p,:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[11px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[11px]"]>p{font-size:11px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[24px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[24px]"]>p{font-size:19px!important;line-height:1.35!important;letter-spacing:-.2px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="text-[24px]"]{margin-top:0!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="gap-[28px]"][class~="pb-[8px]"] [class~="gap-[20px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="gap-[28px]"][class~="pb-[8px]"]>div:first-child{gap:20px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"]{gap:10px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] >[class~=flex-col]:last-child{gap:2px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="size-[40px]"]{zoom:.9}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="gap-[8px]"][class~="p-[8px]"]{gap:12px!important;padding:6px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="flex-[1_0_0]"][class~="gap-[8px]"]{gap:6px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="gap-[4px]"]{gap:4px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="text-[16px]"],:is(#root,.home-scope) [data-section=tts-features] [class~="w-[220px]"] [class~="text-[16px]"]>p{font-size:16px!important;letter-spacing:-.4px!important}}@media(min-width:768px)and (max-width:1023.98px){:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class*=flex]{flex-wrap:nowrap!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="h-[314px]"]>div:last-child{flex-shrink:0!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="w-[220px]"]{min-width:220px!important}:is(#root,.home-scope) [data-section=tts-features] [class~="w-[890px]"] [class~="h-[314px]"] [class*="flex-[1_0_0]"]{flex:1 1 0!important}}@media(max-width:1023.98px){:is(#root,.home-scope) [data-reason-copy]>p:not([data-para-break]){font-family:Geist,Geist\:Regular,sans-serif!important;font-size:16px!important;line-height:1.6!important;letter-spacing:-.1px!important;color:#2a2724a6!important}:is(#root,.home-scope) [data-reason-copy]>p:first-child{font-size:17px!important;line-height:1.55!important;color:#2a2724e6!important}:is(#root,.home-scope) [data-reason-copy]>p[data-para-break]{font-size:0!important;line-height:0!important;height:12px}:is(#root,.home-scope) [data-reason-copy]>p:first-child+[data-para-break]{height:12px}}:is(#root,.home-scope) [data-prompt-rail]{display:contents}@media(max-width:1023.98px){:is(#root,.home-scope) [data-prompt-rail]{display:flex!important;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter,20px);margin-inline:calc(-1*var(--gutter,20px));padding:2px var(--gutter,20px) 4px;scrollbar-width:none}:is(#root,.home-scope) [data-prompt-rail]::-webkit-scrollbar{display:none}:is(#root,.home-scope) [data-prompt-rail]>[data-prompt-card]{flex:0 0 min(84%,340px)!important;width:auto!important;scroll-snap-align:start}}@media(max-width:767.98px){:is(#root,.home-scope) [data-section=hero]{background:linear-gradient(#fcfaf7 0,#fcfaf7 30%,#fcf4ee 100%)!important}:is(#root,.home-scope) [data-section=hero] [data-hero-row],:is(#root,.home-scope) [data-section=hero] [data-hero-art],:is(#root,.home-scope) [data-section=hero] div:has(>[data-hero-graph]),:is(#root,.home-scope) [data-section=hero] [data-hero-graph]+div,:is(#root,.home-scope) [data-section=hero] [data-hero-graph]+div>div,:is(#root,.home-scope) [data-section=hero] [data-hero-graph]+div>div>div{display:contents!important}:is(#root,.home-scope) [data-section=hero] [data-hero-headline]{order:1;justify-content:center!important;padding:16px 4px 0!important}:is(#root,.home-scope) [data-section=hero] [data-hero-note]{order:2;display:block!important;width:auto!important;max-width:300px!important;margin:22px auto 0;padding:0!important;background:none!important;border:0!important}:is(#root,.home-scope) [data-section=hero] [data-hero-note]>*:not(p){display:none!important}:is(#root,.home-scope) [data-section=hero] [data-hero-note] p{font-family:Geist,Geist\:Regular,sans-serif!important;font-size:14px!important;line-height:1.55!important;letter-spacing:0!important;color:#2a2724a6!important;text-align:center}:is(#root,.home-scope) [data-section=hero] [data-hero-enter="2"]{order:4;max-width:330px!important;margin:4px auto 0;font-size:16px!important;line-height:1.55!important;text-align:center}:is(#root,.home-scope) [data-section=hero] [data-hero-enter="3"]{order:5;justify-content:center!important;margin:26px 0 0}:is(#root,.home-scope) [data-section=hero] [data-hero-enter="3"] .cta-button{flex:none!important;width:auto!important;height:50px!important;padding:0 22px!important}}
/* /site-chrome.css */
/* The homepage's header, section rules, closing band and footer on the site's other pages.
   Their markup comes from tools/home-sections/chrome.py and their styles from
   /home-sections.css (the homepage stylesheet, confined to .home-scope); these are the
   changes they need to sit in a page's .frame. Pages give their frame id="top".
   The Speech to Text pages load this inside /speech-to-text/page.css: after an edit, run
   node tools/home-sections/bundle-css.mjs (or python3 tools/asr-page/build.py). */

/* The pieces inherit the canvas scale the page sets on <html>. */
#top > .home-scope{ --page-zoom:inherit; }

/* A page's own column lines (.wrap, .lab-col) sit where the header's rails do: the homepage
   draws them 1px of its 1440px canvas outside the column, as thick as that canvas's 1px. */
:root{ --col-line:calc(1px * var(--page-zoom, 1)); --col-edge:calc(var(--rail, 0px) - var(--col-line)); }

/* The closing band sits under the bottom of the homepage's hills painting. */
.close-art{ position:relative; height:clamp(96px,13vw,190px); overflow:hidden; background:var(--frame,#fcfaf7); }
.close-art img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 100%; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 55%); mask-image:linear-gradient(to bottom,transparent,#000 55%); }
.frame > #home-foot [data-section="careers"] h2{ text-wrap:balance; }
@media (min-width:768px) and (max-width:1023.98px){
  /* Stacked on a tablet, the band's heading would sit right on its paragraph. */
  .frame > #home-foot [data-section="careers"] [data-stacked]:has(> h2){ row-gap:24px; }
}

@media (min-width:1441px){
  /* Wider than the frame, the page reads as one surface, as the homepage does: the sides
     are the frame's paper, the frame's edges remain as its rails, and the closing band
     and the footer carry their colour to the window's edges. */
  body{ background:var(--frame,#fcfaf7); overflow-x:clip; }
  /* Its edges are drawn inside it, where the homepage's bands draw theirs. A border would
     narrow the frame to 1438px, and with it the scale of everything on the 1440px canvas,
     so the header's and the bands' edges would sit a pixel inside this line. */
  #top.frame{ background:linear-gradient(var(--line,#e6e0d8),var(--line,#e6e0d8)) left top / 1px 100% no-repeat,
                         linear-gradient(var(--line,#e6e0d8),var(--line,#e6e0d8)) right top / 1px 100% no-repeat,
                         var(--frame,#fcfaf7); }
  .frame > #home-foot{ overflow-x:visible; }
  .frame > #home-foot [data-section="careers"]{ border-image:linear-gradient(#659054 0 0) fill 0 / / 0 100vmax; }
  .frame > #home-foot footer[data-section="footer"]{ border-image:linear-gradient(#1e1c1a 0 0) fill 0 / / 0 100vmax; overflow-x:visible; }
  /* The footer's "Chariot" sits at the window's right edge, not the frame's. */
  .frame > #home-foot footer .foot-ghost{ right:calc((1440px - 100vw) / 2 - 1px - 1vw); }
}
/* /site-footer.css */
/* The homepage's footer on a phone, on every page that has it (the homepage, 404 and legal
   pages draw it with the homepage's script; the others carry it from
   tools/home-sections/chrome.py). Below 768px its columns stack; this keeps them on one grid
   and gathers the legal lines under a rule.
   The Speech to Text pages load this inside /speech-to-text/page.css: after an edit, run
   node tools/home-sections/bundle-css.mjs (or python3 tools/asr-page/build.py). */
@media (max-width:767.98px){
  :is(#root,.home-scope) footer[data-section="footer"] [data-footer-nav]{ gap:32px 24px !important; }
  /* Languages: its two columns line up under Model and Lab. */
  :is(#root,.home-scope) footer[data-section="footer"] [data-footer-nav] [style*="grid-template-columns"]{
    width:100% !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; column-gap:24px !important; }
  /* Contact on one line. */
  :is(#root,.home-scope) footer[data-section="footer"] [data-footer-nav] > :last-child > div{
    flex-direction:row !important; flex-wrap:wrap !important; gap:6px 16px !important; width:100% !important; }
  :is(#root,.home-scope) footer[data-section="footer"] [data-footer-nav] > :last-child > div > *{ width:auto !important; }
  /* The legal lines: the links, then the copyright beside the social icons, under a rule and
     quieter than the links above. */
  :is(#root,.home-scope) footer[data-section="footer"] [class~="py-[24px]"]:has(.social-link){
    display:grid !important; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"links links" "copy social";
    gap:20px 24px !important; align-items:center !important; margin-top:16px; padding-top:24px !important;
    border-top:1px solid rgba(252,250,247,.12); }
  :is(#root,.home-scope) footer[data-section="footer"] [class~="py-[24px]"]:has(.social-link) > p{ grid-area:copy; white-space:normal !important; }
  :is(#root,.home-scope) footer[data-section="footer"] [class~="py-[24px]"]:has(.social-link) > div{ display:contents !important; }
  :is(#root,.home-scope) footer[data-section="footer"] [class~="py-[24px]"]:has(.social-link) > div > :first-child{ grid-area:links; }
  :is(#root,.home-scope) footer[data-section="footer"] [class~="py-[24px]"]:has(.social-link) > div > :last-child{ grid-area:social; }
  :is(#root,.home-scope) footer[data-section="footer"] [class~="py-[24px]"]:has(.social-link) [class*="flex-wrap"]{ gap:10px 18px !important; }
  :is(#root,.home-scope) footer[data-section="footer"] [class~="py-[24px]"]:has(.social-link) .footer-link{ color:rgba(252,250,247,.65); }
}
/* /site-sections.css */
/* The sections the site's content pages share: Studio, and the language and use-case pages
   under /text-to-speech/. A section's label and heading, the buttons, Free to start, the
   questions and the language line are written once, here, so a change reaches every page.
   A page keeps only what is its own. The header, rules, closing band and footer come from
   /site-chrome.css and /home-sections.css.
   The Speech to Text pages load this inside /speech-to-text/page.css: after an edit, run
   node tools/home-sections/bundle-css.mjs (or python3 tools/asr-page/build.py). */

:root{
    /* One rhythm for every section: its padding, and the gap under its head. */
    --sec:clamp(56px,6vw,88px); --head-gap:clamp(28px,3.2vw,44px);
    --label:#927B5F;
}

/* A section is padded inside the column, so the column's rails run its full height. */
section.pad > .wrap{ padding-top:var(--sec); padding-bottom:var(--sec); }

/* Type */
h1,h2,h3{ font-family:var(--serif); font-weight:500; color:var(--ink); }
h2{ font-size:clamp(30px,3.06vw,44px); line-height:1.1; letter-spacing:-.04em; text-wrap:balance; }
h2 .quiet{ color:var(--muted); }
.eyebrow{ margin:0 0 18px; font-family:var(--mono); font-size:12px; font-weight:500; letter-spacing:.03em; text-transform:uppercase; color:var(--label); }
.sub{ margin-top:12px; max-width:56ch; font-size:16px; line-height:1.5; color:var(--body); text-wrap:pretty; }
.sub a{ color:var(--ink); }
.meta{ font-size:12.5px; color:var(--muted); }

/* A section's head: its label and heading, and on a wide screen the line that explains it beside them. */
.head{ display:grid; gap:14px; margin-bottom:var(--head-gap); }
.head .sub{ margin-top:0; }
@media (min-width:900px){ .head{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; align-items:end; } .head .sub{ max-width:46ch; } }

/* The homepage's button, and its outlined second. */
.btn{ display:inline-block; font-family:var(--mono); font-size:14px; font-weight:500; letter-spacing:-.01em; color:#f5f2ec; background:var(--orange); padding:11px 18px; border-radius:2px; text-decoration:none; transition:background .15s ease; }
.btn:hover{ background:var(--orange-deep); color:#f5f2ec; }
.btn.ghost{ background:transparent; color:var(--ink); box-shadow:inset 0 0 0 1px var(--ink); }
.btn.ghost:hover{ background:#f4f0ea; color:var(--ink); }
.cta-row{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px; margin-top:26px; }
/* On a phone a row's buttons are one under another at the column's full width, their words centred. */
@media (max-width:560px){ .cta-row{ gap:10px; } .cta-row > .btn{ flex:1 1 100%; text-align:center; } }

/* Ruled rows: a numbered key beside what it opens, ruled like the steps and the questions.
   On a wide screen the key stays in view while the rest is read. */
.ruled{ border-top:1px solid var(--ink); }
.ruled-row{ display:grid; gap:14px 48px; padding:clamp(28px,3.6vw,44px) 0; border-bottom:1px solid var(--line); }
@media (min-width:900px){ .ruled-row{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); } .ruled-k{ position:sticky; top:96px; align-self:start; } }
.ruled-k .n{ display:block; margin-bottom:10px; font-family:var(--mono); font-size:12px; color:var(--muted); }
.ruled-k :is(h2,h3){ font-size:clamp(1.45rem,2.3vw,1.85rem); line-height:1.18; letter-spacing:-.03em; max-width:16em; }
.ruled-k p{ margin-top:10px; font-size:15px; line-height:1.5; color:var(--body); max-width:42ch; }
.ruled-v p{ font-size:16.5px; line-height:1.6; color:var(--body); max-width:62ch; }
.ruled-v p + p{ margin-top:14px; }
/* Rows the page numbers itself: one hidden for this visitor takes no number. */
.ruled.counted{ counter-reset:ruled; }
.ruled.counted > .ruled-row{ counter-increment:ruled; }
.ruled.counted .ruled-k .n::before{ content:counter(ruled, decimal-leading-zero); }

/* Free to start: the offer beside three ruled steps. */
.free{ display:grid; gap:var(--head-gap); }
@media (min-width:900px){ .free{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:48px; align-items:start; } }
.free .sub{ margin-top:14px; }
.free .paid{ margin-top:14px; font-size:13px; }
.free .paid a{ color:var(--ink); }
.steps{ border-top:1px solid var(--ink); }
.steps li{ list-style:none; display:grid; grid-template-columns:40px minmax(0,1fr); gap:6px 16px; align-items:baseline; padding:20px 0; border-bottom:1px solid var(--line); }
.steps .n{ font-family:var(--mono); font-size:12px; color:var(--muted); }
.steps h3{ font-size:clamp(19px,1.6vw,22px); line-height:1.25; letter-spacing:-.02em; }
.steps p{ grid-column:2; font-size:.95rem; line-height:1.5; color:var(--body); max-width:52ch; }
.steps p a{ color:var(--ink); }

/* Questions: on a wide screen the heading stays beside them as they scroll. A page that
   clips its sideways overflow does it on <html>; on <body> it would stop the heading. */
.faq{ display:grid; gap:var(--head-gap); }
@media (min-width:900px){ .faq{ grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:48px; } .faq .side{ position:sticky; top:96px; align-self:start; } }
.faq .side .sub{ margin-top:14px; }
.faq-list{ border-top:1px solid var(--ink); }
.faq-list details{ border-bottom:1px solid var(--line); }
.faq-list summary{ list-style:none; display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding:18px 0; cursor:pointer; }
.faq-list summary::-webkit-details-marker{ display:none; }
.faq-list summary:hover h3{ color:var(--orange-deep); }
.faq-list h3{ font-size:clamp(18px,1.6vw,22px); line-height:1.25; letter-spacing:-.02em; transition:color .15s ease; }
.faq-list .pm{ flex:none; font-size:20px; line-height:1; color:var(--muted); transition:transform .2s ease; }
.faq-list .pm::before{ content:"+"; }
.faq-list details[open] .pm{ transform:rotate(45deg); }
.faq-list p{ padding:0 0 20px; max-width:62ch; font-size:16px; line-height:1.5; color:var(--body); }
.faq-list p a{ color:var(--ink); }

/* The language line: each language in its own script, its English name under it. */
.langs{ margin-top:18px; display:flex; flex-wrap:wrap; gap:10px 26px; font-size:1.25rem; line-height:1.4; }
.langs a{ text-decoration:none; color:var(--ink); }
.langs a:hover{ color:var(--orange); }
.langs a .meta{ display:block; font-size:12px; }
/* On a phone the languages sit in even columns, so none is left alone on a line. */
@media (max-width:560px){ .langs{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px 10px; } }

/* A row of links set as chips. */
.chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.chips a{ display:inline-flex; align-items:center; padding:9px 14px; border:1px solid var(--line); border-radius:99px; background:var(--card, #fffefb); font-family:var(--mono); font-size:12.5px; font-weight:500; color:var(--ink); text-decoration:none; transition:border-color .15s ease; }
.chips a:hover{ border-color:var(--ink); color:var(--ink); }

/* India's version of a part and the international one (/site-geo.js marks <html>): India's
   until the visitor's country is known to be elsewhere. */
html.geo-intl [data-geo="in"], html:not(.geo-intl) [data-geo="intl"]{ display:none !important; }

@media (prefers-reduced-motion:reduce){ .faq-list .pm, .btn{ transition:none; } }
/* /speech-to-text/stt.css */
/* The speech to text page (/speech-to-text/), written by tools/asr-page/build.py. It wears the Text to
   Speech page's look: its paper and ink, hero hills, demo card and maroon results band. Section type,
   buttons, questions and the language line are /site-sections.css; the header, rules, closing band
   and footer are /home-sections.css and /site-chrome.css. Pages load it inside
   /speech-to-text/page.css, which build.py writes with tools/home-sections/bundle-css.mjs. */

:root{
    --page:#fcfaf7; --frame:#fcfaf7; --wash:#FAF6F1; --card:#fffefb; --sel:#F1EDE8;
    --line:#e6e0d8; --ink:#2a2724; --body:rgba(42,39,36,.8); --mid:#6e6a65;
    --muted:#8f8880; --chipline:#DAD4CB; --bar:#D8D0C6; --label:#927B5F;
    --orange:#eb663a; --orange-deep:#d9572e;
    --serif:'LT Superior Serif', Georgia, 'Times New Roman', serif;
    --mono:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
    --sans:'Geist', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --rail:20px;
}
@media (min-width:768px){ :root{ --rail:48px; } }
@media (min-width:1024px){ :root{ --rail:calc(100% * 120 / 1440); } }
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; overflow-x:hidden; }
body{ background:var(--page); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; line-height:1.5; }
a{ color:inherit; }
::selection{ background:var(--ink); color:#F9F8F4; }
button{ font:inherit; color:inherit; }
:focus-visible{ outline:2px solid var(--orange); outline-offset:2px; }
.frame{ max-width:1440px; margin:0 auto; background:var(--frame); }
.wrap{ margin:0 var(--rail); }
@media (min-width:1024px){ .wrap{ margin-inline:var(--col-edge); border-left:var(--col-line) solid var(--line); border-right:var(--col-line) solid var(--line); padding-left:clamp(28px,2.8vw,40px); padding-right:clamp(28px,2.8vw,40px); } }
.stt section{ scroll-margin-top:64px; }
.stt .wash{ background:var(--wash); }
.stt code{ font-family:var(--mono); font-size:.9em; }

/* ---------- Hero: the heading, the buttons, and the demo over the hills ---------- */
.stt .hero{ position:relative; overflow:hidden; }
.stt .hero-art{ position:absolute; left:0; right:0; bottom:0; height:clamp(240px,34vw,420px); background:url(/text-to-speech/art/hero.webp) center bottom / 100% auto no-repeat; opacity:.95; pointer-events:none; -webkit-mask-image:linear-gradient(to bottom, transparent, #000 32%); mask-image:linear-gradient(to bottom, transparent, #000 32%); }
@media (min-width:1024px){ .stt .hero-art{ left:calc(var(--col-edge) + var(--col-line)); right:calc(var(--col-edge) + var(--col-line)); } }
.stt .hero .wrap{ position:relative; text-align:center; padding-top:clamp(56px,8vw,116px); padding-bottom:clamp(72px,10vw,140px); }
.stt .hero .eyebrow{ margin-bottom:20px; }
.stt .hero h1{ font-size:clamp(2.5rem,5.6vw,4rem); line-height:1.04; letter-spacing:-.045em; margin:0 auto; max-width:14em; text-wrap:balance; }
.stt .quiet{ color:var(--muted); }
.stt .hero .lead{ margin:22px auto 0; max-width:42em; font-size:clamp(1.02rem,1.5vw,1.125rem); line-height:1.5; color:var(--body); text-wrap:pretty; }
.stt .hero .cta-row{ justify-content:center; margin-top:32px; }
.stt .trust{ margin-top:16px; font-family:var(--mono); font-size:12px; color:var(--muted); }

/* The demo card: a clip per language, the text as it streamed back, the player under it. */
.stt .demo{ position:relative; max-width:940px; margin:clamp(40px,6vw,64px) auto 0; background:var(--frame); border:1px solid var(--line); border-radius:6px; box-shadow:0 1px 2px rgba(42,39,36,.04); overflow:hidden; text-align:left; }
.stt .demo-bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:38px; padding:0 14px; background:var(--bar); font-family:var(--mono); font-size:11.5px; font-weight:500; letter-spacing:.02em; text-transform:uppercase; color:var(--label); white-space:nowrap; }
.stt .demo-model{ opacity:.7; font-weight:400; overflow:hidden; text-overflow:ellipsis; }
.stt .demo-tabs{ display:flex; gap:4px; padding:12px 16px; border-bottom:1px solid var(--line); overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:none; -webkit-mask-image:linear-gradient(to right, transparent, #000 16px, #000 calc(100% - 28px), transparent); mask-image:linear-gradient(to right, transparent, #000 16px, #000 calc(100% - 28px), transparent); }
.stt .demo-tabs::-webkit-scrollbar{ display:none; }
/* Wider than a phone, every language shows: the tabs wrap instead of scrolling. */
@media (min-width:721px){ .stt .demo-tabs{ flex-wrap:wrap; overflow:visible; -webkit-mask-image:none; mask-image:none; } }
.stt .tab{ display:inline-flex; align-items:center; gap:7px; flex:none; padding:7px 13px; border:0; border-radius:99px; background:transparent; font-size:14px; line-height:1.3; cursor:pointer; scroll-snap-align:start; transition:background .15s ease, box-shadow .15s ease; }
.stt .tab:hover:not([aria-selected="true"]){ background:rgba(42,39,36,.045); }
.stt .tab[aria-selected="true"]{ background:var(--sel); }
.stt .demo.playing .tab[aria-selected="true"]{ box-shadow:inset 0 0 0 1px var(--orange); }
.stt .tab .nm{ font-family:var(--mono); font-size:10px; font-weight:500; text-transform:uppercase; color:var(--muted); }
.stt .demo-body{ display:grid; grid-template-columns:minmax(0,1fr) 248px; }
.stt .demo-main{ display:flex; flex-direction:column; gap:20px; padding:26px 28px 22px; min-width:0; }
.stt .demo-text{ min-height:5.8em; font-size:clamp(1.15rem,2.1vw,1.45rem); line-height:1.45; letter-spacing:-.01em; color:var(--ink); text-wrap:pretty; overflow-wrap:break-word; }
.stt .demo-text .hint{ font-size:15px; letter-spacing:0; color:var(--muted); }
.stt .demo-text .wait{ font-family:var(--mono); font-size:12px; letter-spacing:.03em; text-transform:uppercase; color:var(--muted); animation:pulse 1.1s ease-in-out infinite; }
.stt .demo-text .new{ animation:arrive 1.1s ease both; }
.stt .demo.done .demo-text .new{ animation:none; }
@keyframes arrive{ from{ color:var(--orange); } to{ color:var(--ink); } }
@keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.4; } }
.stt .demo-player{ display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:16px; border-top:1px solid var(--line); }
.stt .demo-play{ display:inline-flex; align-items:center; gap:8px; flex:none; height:38px; padding:0 16px 0 13px; border:0; border-radius:99px; background:var(--orange); color:#fff; font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.02em; text-transform:uppercase; cursor:pointer; transition:background .15s ease; }
.stt .demo-play:hover{ background:var(--orange-deep); }
.stt .demo.playing .demo-play{ background:var(--ink); }
.stt .demo-play svg{ width:14px; height:14px; fill:currentColor; }
.stt .demo-play .i-pause, .stt .demo-play .t-pause, .stt .demo.playing .demo-play .i-play, .stt .demo.playing .demo-play .t-play{ display:none; }
.stt .demo.playing .demo-play .i-pause, .stt .demo.playing .demo-play .t-pause{ display:inline; }
.stt .demo-wave{ position:relative; flex:1; min-width:0; height:32px; cursor:pointer; }
.stt .demo-wave .bars{ position:absolute; inset:0; display:flex; align-items:center; gap:2px; }
.stt .demo-wave .bars i{ flex:1 1 0; min-width:1px; border-radius:1px; background:#E3D9CD; }
.stt .demo-wave .fill{ clip-path:inset(0 100% 0 0); }
.stt .demo-wave .fill i{ background:var(--orange); }
.stt .demo-time{ flex:none; min-width:9ch; text-align:right; font-family:var(--mono); font-size:11px; color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
.stt .demo-side{ display:flex; flex-direction:column; gap:10px; padding:26px 20px 22px; border-left:1px solid var(--line); background:var(--wash); }
.stt .demo-k{ font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.02em; text-transform:uppercase; color:var(--muted); }
.stt .demo-note{ font-size:13.5px; line-height:1.45; color:var(--body); }
.stt .demo-style{ display:flex; flex-direction:column; gap:10px; margin-top:10px; }
.stt .demo-style[hidden]{ display:none; }
.stt .switch{ display:flex; padding:3px; border:1px solid var(--chipline); border-radius:99px; background:var(--card); }
.stt .switch button{ flex:1; padding:6px 10px; border:0; border-radius:99px; background:transparent; font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.02em; text-transform:uppercase; color:var(--body); cursor:pointer; transition:background .15s ease, color .15s ease; }
.stt .switch button[aria-pressed="true"]{ background:var(--ink); color:#FCFAF7; }
.stt .demo-credit{ margin-top:auto; padding-top:14px; font-family:var(--mono); font-size:10.5px; letter-spacing:.02em; text-transform:uppercase; color:var(--muted); }
@media (max-width:720px){
    .stt .demo-body{ grid-template-columns:minmax(0,1fr); }
    .stt .demo-main{ padding:20px 18px 18px; }
    .stt .demo-side{ border-left:0; border-top:1px solid var(--line); padding:18px; }
    .stt .demo-text{ min-height:8em; font-size:1.05rem; }
    .stt .demo-model{ display:none; }
    /* The waveform gets a line of its own, the button and the time under it. */
    .stt .demo-player{ flex-wrap:wrap; gap:12px 14px; }
    .stt .demo-wave{ order:-1; flex:1 1 100%; }
}
@media (max-width:420px){ .stt .demo-wave .bars i:nth-child(even){ display:none; } }

/* ---------- Proof: three results under the hero ---------- */
.stt .proof{ border-top:1px solid var(--line); background:var(--frame); }
.stt .proof-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.stt .proof-grid p{ display:flex; flex-direction:column; gap:8px; padding:30px 24px 28px; border-left:1px solid var(--line); }
.stt .proof-grid p:first-child{ padding-left:0; border-left:0; }
.stt .proof-grid b{ font-family:var(--serif); font-weight:500; font-size:2.5rem; line-height:1; letter-spacing:-.04em; }
.stt .proof-grid span{ max-width:30ch; font-size:14px; line-height:1.4; color:var(--body); }
/* Two by two below 1100px, one under another on a phone. */
@media (max-width:1100px){
    .stt .proof-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .stt .proof-grid p:nth-child(odd){ padding-left:0; border-left:0; }
    .stt .proof-grid p:nth-child(n+3){ border-top:1px solid var(--line); }
}
@media (max-width:600px){
    .stt .proof-grid{ grid-template-columns:minmax(0,1fr); }
    .stt .proof-grid p{ padding:22px 0; border-left:0; }
    .stt .proof-grid p + p{ border-top:1px solid var(--line); }
}

/* ---------- Results: the maroon band ---------- */
.stt .ev{ background:linear-gradient(#451A29,#521D30); color:#FCFAF7; }
.stt .ev .wrap{ border-left-color:rgba(252,250,247,.16); border-right-color:rgba(252,250,247,.16); }
.stt .ev .eyebrow{ color:#C98BA0; }
.stt .ev h2, .stt .ev h3{ color:#FCFAF7; }
.stt .ev h2 .quiet{ color:rgba(252,250,247,.5); }
.stt .ev .sub{ color:rgba(252,250,247,.75); }
.stt .ev-grid{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:14px; }
.stt .ev-c7{ grid-column:span 7; } .stt .ev-c5{ grid-column:span 5; } .stt .ev-c6{ grid-column:span 6; } .stt .ev-c12{ grid-column:span 12; }
.stt .ev-card{ display:flex; flex-direction:column; padding:30px; border-radius:6px; background:#602337; }
.stt .ev-card h3{ font-size:23px; line-height:1.1; letter-spacing:-.04em; }
.stt .ev-sub{ margin-top:12px; max-width:40em; font-size:14px; line-height:1.45; opacity:.8; }
.stt .ev-bars{ display:flex; flex-direction:column; margin-top:22px; border-top:1px solid rgba(252,250,247,.14); }
.stt .bar{ display:grid; grid-template-columns:minmax(0,15em) minmax(0,1fr) 3.4em; gap:14px; align-items:center; padding:8px 0; border-bottom:1px solid rgba(252,250,247,.14); }
.stt .bar .who{ font-size:13.5px; line-height:1.25; opacity:.85; }
.stt .bar .who small{ display:block; margin-top:2px; font-family:var(--mono); font-size:10px; letter-spacing:.04em; text-transform:uppercase; opacity:.65; }
.stt .bar .track{ height:8px; border-radius:2px; background:rgba(252,250,247,.08); }
.stt .bar .track i{ display:block; height:100%; border-radius:2px; background:rgba(201,139,160,.75); }
.stt .bar .v{ text-align:right; font-family:var(--mono); font-size:13px; font-variant-numeric:tabular-nums; opacity:.85; }
.stt .bar.us .who, .stt .bar.us .v{ font-weight:500; opacity:1; }
.stt .bar.us .track i{ background:#FCFAF7; }
.stt .ev-big{ display:flex; align-items:baseline; gap:16px; margin-top:auto; padding-top:26px; }
.stt .ev-big b{ font-family:var(--serif); font-weight:500; font-size:44px; line-height:1; letter-spacing:-.03em; }
.stt .ev-big span{ font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; opacity:.65; }
.stt .ev-table{ width:100%; border-collapse:collapse; margin-top:22px; font-size:14px; }
.stt .ev-table th{ text-align:left; padding:0 0 8px; font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; opacity:.6; border-bottom:1px solid rgba(252,250,247,.24); }
.stt .ev-table td{ padding:9px 0; border-bottom:1px solid rgba(252,250,247,.14); }
.stt .ev-table .n{ text-align:right; font-family:var(--mono); font-variant-numeric:tabular-nums; }
.stt .ev-table td.n{ opacity:.75; }
.stt .ev-table td.us{ font-weight:500; opacity:1; }
.stt .calls{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 48px; margin-top:24px; }
.stt .calls div{ display:flex; gap:20px; align-items:baseline; padding-top:18px; border-top:1px solid rgba(252,250,247,.14); }
.stt .calls b{ flex:none; font-family:var(--serif); font-weight:500; font-size:44px; line-height:1; letter-spacing:-.03em; }
.stt .calls span{ font-size:14px; line-height:1.45; opacity:.8; }
.stt .calls strong{ font-weight:600; }
.stt .ev-foot{ margin-top:24px; font-family:var(--mono); font-size:12.5px; }
.stt .ev-foot a{ color:#FCFAF7; text-underline-offset:3px; }
.stt .ev-foot a:hover{ color:#fff; }
@media (max-width:1100px){ .stt .ev-c7, .stt .ev-c5, .stt .ev-c6{ grid-column:span 12; } }
@media (max-width:720px){
    .stt .ev-card{ padding:24px 18px; }
    .stt .bar{ grid-template-columns:minmax(0,1fr) 3.4em; gap:6px 12px; }
    .stt .bar .track{ grid-column:1 / -1; grid-row:2; }
    .stt .calls{ grid-template-columns:minmax(0,1fr); }
    .stt .calls b, .stt .ev-big b{ font-size:36px; }
}

/* ---------- Built for live audio, and use cases ---------- */
.stt .feat{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 36px; border-top:1px solid var(--ink); }
.stt .feat > div{ padding:22px 0 24px; border-bottom:1px solid var(--line); }
.stt .feat h3, .stt .uses h3{ font-size:clamp(19px,1.6vw,22px); line-height:1.2; letter-spacing:-.02em; }
.stt .feat p, .stt .uses p{ margin-top:8px; font-size:15px; line-height:1.5; color:var(--body); max-width:42ch; }
.stt .uses{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.stt .uses > div{ padding:22px 22px 24px; border:1px solid var(--line); border-radius:6px; background:var(--card); }
/* A use with a page of its own ends in its link; the hub's six are three across. */
.stt .uses > div{ display:flex; flex-direction:column; }
.stt .uses .more{ margin-top:auto; padding-top:16px; font-family:var(--mono); font-size:12px; letter-spacing:.02em; color:var(--ink); text-underline-offset:3px; }
.stt .uses .more:hover{ color:var(--orange-deep); }
.stt .uses.six{ grid-template-columns:repeat(3,minmax(0,1fr)); }
/* How it works: the same rows, numbered. */
.stt .steps{ counter-reset:step; }
.stt .steps h3::before{ counter-increment:step; content:counter(step) ". "; color:var(--muted); }
@media (max-width:1000px){ .stt .feat{ grid-template-columns:repeat(2,minmax(0,1fr)); } .stt .uses, .stt .uses.six{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .stt .feat, .stt .uses, .stt .uses.six{ grid-template-columns:minmax(0,1fr); } }

/* ---------- The subtitles page's walkthrough, played as Studio plays its editor: a desk with the video in its folder,
   the web app's Speech to Text in a browser over it, the SRT landing in the folder, the video opened again with it ---------- */
.stt .sw{ max-width:960px; margin:clamp(40px,6vw,64px) auto 0; background:var(--card); border:1px solid var(--line); border-radius:8px; box-shadow:0 1px 2px rgba(42,39,36,.05), 0 30px 60px -34px rgba(42,39,36,.32); overflow:hidden; text-align:left; }
.stt .sw-screen{ padding:10px 10px 0; background:#1d1a18; }
.stt .sw-stage{ position:relative; height:clamp(420px,56vw,560px); overflow:hidden; border-radius:6px 6px 0 0; background:#2b2a33; }
/* The desk: a wallpaper, a menu bar, and two windows, the folder and the player. */
.stt .sw-desk{ position:absolute; inset:0; background:radial-gradient(120% 80% at 20% 0%, #5c6d8a 0%, #3e4458 38%, #2e2a36 70%, #3a2b2d 100%); }
.stt .sw-menubar{ display:flex; align-items:center; gap:18px; height:26px; padding:0 14px; background:rgba(255,255,255,.72); backdrop-filter:blur(10px); font-family:'Inter', ui-sans-serif, sans-serif; font-size:12px; color:#14202D; }
.stt .sw-menubar b{ font-weight:600; } .stt .sw-menubar span{ opacity:.8; } .stt .sw-clock{ margin-left:auto; opacity:.8; }
.stt .sw-wbar{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:32px; padding:0 12px; border-bottom:1px solid rgba(0,0,0,.08); background:#ECE8E1; font-family:'Inter', ui-sans-serif, sans-serif; }
.stt .sw-dots{ display:flex; gap:6px; } .stt .sw-dots i{ width:11px; height:11px; border-radius:99px; background:#D7D1C8; }
.stt .sw-dots i:nth-child(1){ background:#ED6A5E; } .stt .sw-dots i:nth-child(2){ background:#F4BF4F; } .stt .sw-dots i:nth-child(3){ background:#61C554; }
.stt .sw-wtitle{ font-size:12.5px; font-weight:500; color:#39495d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.stt .sw-url{ min-width:min(360px,60%); padding:3px 12px; border-radius:6px; background:rgba(0,0,0,.06); font-family:var(--mono); font-size:11px; text-align:center; color:#6b7787; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.stt .sw-finder{ position:absolute; left:24px; top:48px; width:300px; border-radius:8px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2), 0 24px 48px -20px rgba(0,0,0,.6); overflow:hidden; font-family:'Inter', ui-sans-serif, sans-serif; }
.stt .sw-files{ padding:8px; }
.stt .sw-file{ display:flex; align-items:center; gap:10px; padding:7px 8px; border-radius:6px; color:#14202D; }
.stt .sw-file[hidden]{ display:none; }
.stt .sw-file.is-new{ background:color-mix(in oklab, #E07F1B 12%, #fff); animation:sw-fade .4s ease; }
.stt .sw-ficon{ flex:none; display:grid; place-items:center; width:48px; height:30px; border-radius:3px; overflow:hidden; background:#eee; }
.stt .sw-ficon img{ width:100%; height:100%; object-fit:cover; }
.stt .sw-ficon.doc{ width:26px; height:32px; margin:0 11px; border:1px solid #cfd4dc; border-radius:3px; background:#fff; font-family:var(--mono); font-size:8px; font-weight:600; color:#39495d; }
.stt .sw-fname{ display:flex; flex-direction:column; min-width:0; font-size:12.5px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.stt .sw-fname small{ font-size:11px; font-weight:400; color:#6b7787; }
/* The player: a window over the folder, the frame at 16:9, the caption on one bar, the controls under it. */
.stt .sw-player{ position:absolute; right:28px; top:64px; width:min(62%,600px); border-radius:8px; background:#151210; box-shadow:0 2px 4px rgba(0,0,0,.3), 0 30px 60px -20px rgba(0,0,0,.7); overflow:hidden; animation:sw-open .3s ease; }
.stt .sw-player[hidden]{ display:none; }
@keyframes sw-open{ from{ opacity:0; transform:scale(.96); } to{ opacity:1; transform:none; } }
.stt .sw-player .sw-wbar{ background:#2a2521; border-bottom-color:rgba(255,255,255,.08); } .stt .sw-player .sw-wtitle{ color:rgba(255,255,255,.75); }
.stt .sw-video{ display:flex; flex-direction:column; gap:10px; padding:0 0 10px; }
.stt .sw-frame{ position:relative; width:100%; aspect-ratio:16 / 9; overflow:hidden; background:#0f0c0a; }
/* The footage: a clip per shot, the one on cross-fading in; whoever is speaking named in a lower third. */
.stt .sw-film{ position:absolute; inset:0; background:#0f0c0a; }
.stt .sw-clip{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .6s ease; }
.stt .sw-clip.on{ opacity:1; }
.stt .sw-lower{ position:absolute; left:5%; bottom:19%; z-index:2; display:flex; flex-direction:column; gap:1px; padding:7px 12px 8px 10px; border-left:3px solid var(--orange); background:rgba(14,11,9,.72); color:#fff; opacity:0; transform:translateX(-10px); transition:opacity .35s ease, transform .35s ease; pointer-events:none; }
.stt .sw-lower.on{ opacity:1; transform:none; }
.stt .sw-lower b{ font-size:clamp(12px,1.5vw,15px); font-weight:500; letter-spacing:-.01em; }
.stt .sw-lower small{ font-family:var(--mono); font-size:clamp(8px,1vw,10px); letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.7); }
.stt .sw-vig{ position:absolute; inset:0; background:radial-gradient(120% 95% at 50% 42%, transparent 52%, rgba(24,16,10,.42) 100%); pointer-events:none; }
/* The title card: over the scene for the first seconds, on a dark scrim. */
.stt .sw-title{ position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:8%; background:rgba(23,18,15,.6); color:#fff; text-align:center; opacity:0; transition:opacity .7s ease; text-shadow:0 2px 16px rgba(0,0,0,.4); pointer-events:none; }
.stt .sw-title.on{ opacity:1; }
.stt .sw-title b{ transform:translateY(6px); transition:transform .7s ease; } .stt .sw-title.on b{ transform:none; }
.stt .sw-title .k{ font-family:var(--mono); font-size:clamp(9px,1.1vw,11px); letter-spacing:.16em; text-transform:uppercase; opacity:.85; }
.stt .sw-title b{ font-family:var(--serif), 'Noto Serif Devanagari', serif; font-weight:500; font-size:clamp(22px,3.6vw,40px); line-height:1.15; letter-spacing:-.01em; }
.stt .sw-cc{ position:absolute; top:12px; left:12px; padding:4px 9px; border-radius:3px; background:rgba(24,18,14,.62); font-family:var(--mono); font-size:10.5px; letter-spacing:.03em; color:rgba(255,255,255,.8); transition:background .3s ease; }
.stt .sw-cc.on{ background:var(--orange); color:#fff; }
.stt .sw-cap{ position:absolute; left:6%; right:6%; bottom:7%; text-align:center; line-height:1.55; }
.stt .sw-cap[hidden]{ display:none; }
.stt .sw-line{ padding:.18em .55em; border-radius:3px; background:rgba(22,17,14,.82); font-family:var(--sans), 'Noto Serif Devanagari', sans-serif; font-size:clamp(13px,1.75vw,19px); font-weight:500; color:rgba(255,255,255,.5); -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.stt .sw-line .on{ color:#fff; }
.stt .sw-vbar{ display:flex; align-items:center; gap:12px; padding:0 12px; color:rgba(255,255,255,.72); }
.stt .sw-vplay{ display:flex; cursor:pointer; } .stt .sw-vplay svg{ width:16px; height:16px; fill:rgba(255,255,255,.9); }
.stt .sw-vplay .i-pause, .stt .sw-stage.vplaying .sw-vplay .i-play{ display:none; }
.stt .sw-stage.vplaying .sw-vplay .i-pause{ display:block; }
.stt .sw-vtrack{ position:relative; flex:1; height:3px; border-radius:2px; background:rgba(255,255,255,.18); overflow:hidden; }
.stt .sw-vtrack i{ position:absolute; left:0; top:0; bottom:0; width:0; background:var(--orange); }
.stt .sw-vtime{ font-family:var(--mono); font-size:11px; font-variant-numeric:tabular-nums; }
.stt .sw-ccbtn{ padding:1px 5px; border:1px solid rgba(255,255,255,.35); border-radius:3px; font-family:var(--mono); font-size:10px; font-weight:500; color:rgba(255,255,255,.45); transition:all .3s ease; }
.stt .sw-ccbtn.on{ border-color:#fff; background:#fff; color:#151210; }
.stt .sw-vfull svg{ display:block; width:15px; height:15px; fill:none; stroke:rgba(255,255,255,.7); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

/* The browser: a window over the desk, there while the app is in use. */
.stt .sw-browser{ position:absolute; top:40px; right:14px; bottom:0; left:150px; border-radius:8px 8px 0 0; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.25), 0 30px 60px -20px rgba(0,0,0,.6); overflow:hidden; transition:opacity .4s ease, transform .4s ease; }
.stt .sw-stage[data-screen="desk"] .sw-browser{ opacity:0; transform:translateY(14px); pointer-events:none; }
/* ----- The web app, in its own classes and styles (chariot_platform_client/src/index.css, Oct 2026), under .sw-app.
   It is laid out at a desktop's width and scaled to its window (--w, --h, --s from the script). ----- */
.stt .sw-app{ position:absolute; top:32px; left:0; right:0; bottom:0; overflow:hidden; background:#fff; --ink:#14202D; --ink-2:#39495d; --ink-3:#6b7787; --ink-4:#a7b0bd; --ink-5:#cfd4dc; --line:#ece6d6; --line-2:#dad3bf; --line-strong:#c5beaa;
    --saffron:#E07F1B; --saffron-2:#b8650f; --rose:#a64a3b; --fill-hover:color-mix(in oklab, var(--ink) 4%, #fff); --r-sm:5px; --r-md:7px; --r-lg:10px;
    font-family:'Inter', ui-sans-serif, system-ui, sans-serif; font-size:14px; line-height:1.5; color:var(--ink); -webkit-font-smoothing:antialiased; font-feature-settings:"cv11","ss01","cv02"; }
.stt .sw-app svg{ flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.stt .sw-app p{ margin:0; }
.stt .sw-app .dashboard-shell{ --side-w:220px; display:grid; grid-template-columns:var(--side-w) 1fr; width:var(--w,1180px); height:var(--h,700px); overflow:hidden; transform:scale(var(--s,1)); transform-origin:0 0; }
.stt .sw-app .side{ display:flex; flex-direction:column; padding:24px 14px 18px; border-right:1px solid var(--line); background:#fff; }
.stt .sw-app .brand{ display:flex; align-items:center; justify-content:center; padding:0 0 24px; min-height:36px; }
.stt .sw-app .brand-logo{ height:28px; width:auto; display:block; }
.stt .sw-app .nav{ display:flex; flex-direction:column; gap:4px; flex:1; min-height:0; }
.stt .sw-app .nav-item{ display:flex; align-items:center; gap:10px; min-height:32px; padding:7px 10px; border-radius:var(--r-md); color:var(--ink-2); font-size:13px; font-weight:500; }
.stt .sw-app .nav-item.active{ color:var(--ink); background:#fff; box-shadow:inset 0 0 0 1px var(--line); }
.stt .sw-app .nav-item svg{ width:17px; height:17px; opacity:.7; }
.stt .sw-app .nav-item .nav-ext{ width:13px; height:13px; margin-left:auto; color:var(--ink-4); opacity:.8; }
.stt .sw-app .nav-label{ white-space:nowrap; }
.stt .sw-app .foot{ margin-top:auto; padding-top:14px; border-top:1px solid var(--line); }
.stt .sw-app .who{ display:flex; align-items:center; gap:10px; padding:4px 4px; }
.stt .sw-app .who .av{ display:grid; place-items:center; width:26px; height:26px; border:1px solid var(--line); border-radius:50%; background:var(--fill-hover); color:var(--ink-3); font-size:11px; font-weight:500; line-height:1; }
.stt .sw-app .who .nm{ font-size:12.5px; font-weight:500; line-height:1.3; }
.stt .sw-app .who .nm small{ display:block; color:var(--ink-3); font-size:10.5px; font-weight:450; }
.stt .sw-app .main{ min-width:0; display:flex; flex-direction:column; height:100%; overflow:hidden; }
.stt .sw-app .topbar{ flex-shrink:0; display:flex; align-items:center; gap:12px; padding:13px 32px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.85); }
.stt .sw-app .side-toggle{ display:flex; color:var(--ink-3); } .stt .sw-app .side-toggle svg{ width:18px; height:18px; }
.stt .sw-app .spacer{ flex:1; }
.stt .sw-app .search{ display:flex; align-items:center; gap:9px; min-width:280px; padding:6px 10px; border:1px solid var(--line); border-radius:var(--r-md); background:#fefdfd; color:var(--ink-3); font-size:12.5px; }
.stt .sw-app .search svg{ width:13px; height:13px; }
.stt .sw-app .kbd{ margin-left:auto; padding:1px 5px; border:1px solid var(--ink-5); border-bottom-width:1.5px; border-radius:4px; background:#fff; font-family:'JetBrains Mono', monospace; font-size:10px; line-height:1.4; color:var(--ink-3); }
.stt .sw-app .content{ flex:1; width:100%; padding:32px 40px 80px; overflow:hidden; scroll-behavior:smooth; }
.stt .sw-app .page-head{ display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:24px; }
.stt .sw-app .eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:'JetBrains Mono', monospace; font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-3); }
.stt .sw-app .btn{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border:1px solid var(--line-2); border-radius:var(--r-md); background:#fff; color:var(--ink); font-size:13px; font-weight:500; line-height:1; white-space:nowrap; box-shadow:0 1px 0 rgba(20,32,45,.04); transition:background .1s, border-color .1s; }
.stt .sw-app .btn svg{ width:13px; height:13px; }
.stt .sw-app .btn.sm{ padding:5px 10px; border-radius:var(--r-sm); font-size:12px; }
.stt .sw-app .btn.ghost{ border-color:transparent; background:transparent; box-shadow:none; }
.stt .sw-app .btn.primary{ position:relative; overflow:hidden; border-color:#0a1219; background:var(--ink); color:#fff; box-shadow:0 1px 0 #000, inset 0 1px 0 rgba(255,255,255,.08); }
.stt .sw-app .btn.primary.busy{ background:#1a2530; }
.stt .sw-app .btn.primary.busy::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, transparent 35%, rgba(255,255,255,.1) 50%, transparent 65%); background-size:220% 100%; animation:sw-sweep 1.4s linear infinite; }
@keyframes sw-sweep{ from{ background-position:120% 0; } to{ background-position:-120% 0; } }
.stt .sw-app .stt-card{ display:flex; flex-direction:column; padding:12px; border:1px solid var(--line); border-radius:var(--r-md); background:#fff; }
.stt .sw-app .stt-body{ display:grid; grid-template-columns:minmax(280px,34%) minmax(0,1fr); gap:12px; height:440px; }
.stt .sw-app .stt-stage{ display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:12px; min-width:0; min-height:0; padding:10px; border-radius:var(--r-sm); background:color-mix(in oklab, var(--ink) 3%, #fff); overflow:hidden; }
.stt .sw-app .stt-modes{ display:grid; grid-template-columns:1fr 1fr; flex-shrink:0; border-bottom:1px solid var(--line); text-align:center; }
.stt .sw-app .stt-modes span{ margin-bottom:-1px; padding:6px 0 10px; border-bottom:2px solid transparent; color:var(--ink-3); font-size:13px; }
.stt .sw-app .stt-modes .on{ border-bottom-color:var(--ink); color:var(--ink); font-weight:500; }
.stt .sw-app .stt-files{ flex:1; display:flex; flex-direction:column; gap:12px; min-height:0; }
.stt .sw-app .stt-drop{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:20px 16px; border:1px dashed var(--line-2); border-radius:10px; background:#fff; text-align:center; transition:border-color .15s, background .15s; }
.stt .sw-app .stt-drop.is-over{ border-color:var(--ink-3); background:color-mix(in oklab, var(--ink) 3%, #fff); }
.stt .sw-app .stt-drop[hidden], .stt .sw-app .stt-files__list[hidden], .stt .sw-app .stt-files__foot[hidden], .stt .sw-app .wt-section[hidden], .stt .sw-app .wt-table-wrap[hidden], .stt .sw-app [data-sw-text][hidden], .stt .sw-app [data-sw-ph][hidden]{ display:none; }
.stt .sw-app .stt-drop__icon{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:color-mix(in oklab, var(--ink) 5%, #fff); color:var(--ink-2); } .stt .sw-app .stt-drop__icon svg{ width:18px; height:18px; }
.stt .sw-app .stt-drop__title{ font-size:14px; font-weight:500; color:var(--ink); }
.stt .sw-app .stt-drop__note{ margin-top:4px; font-size:11.5px; line-height:1.5; color:var(--ink-3); }
.stt .sw-app .stt-files__text{ display:inline-flex; align-items:center; gap:6px; color:var(--ink-2); font-size:12.5px; font-weight:500; }
.stt .sw-app .stt-files__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.stt .sw-app .stt-files__row{ display:flex; align-items:center; gap:10px; padding:10px 10px 10px 12px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink-3); }
.stt .sw-app .stt-files__row > svg{ width:16px; height:16px; }
.stt .sw-app .stt-files__row.is-selected{ border-color:var(--ink-3); box-shadow:0 0 0 1px var(--ink-3); }
.stt .sw-app .stt-files__open{ flex:1; min-width:0; display:block; color:var(--ink); text-align:left; }
.stt .sw-app .stt-files__open > span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:500; }
.stt .sw-app .stt-files__open small{ display:block; margin-top:2px; font-size:11.5px; color:var(--ink-3); }
.stt .sw-app .stt-files__foot{ display:flex; flex-direction:column; gap:6px; margin-top:auto; }
.stt .sw-app .stt-files__foot > .btn{ width:100%; justify-content:center; }
.stt .sw-app .stt-files__note{ font-size:11.5px; line-height:1.5; color:var(--ink-3); } .stt .sw-app .stt-files__note .stt-files__text{ font-size:11.5px; }
.stt .sw-app .stt-transcript{ display:flex; flex-direction:column; gap:12px; min-width:0; min-height:0; padding:10px 14px 6px 12px; overflow:hidden; }
.stt .sw-app .stt-transcript__head{ display:flex; align-items:center; gap:10px; }
.stt .sw-app .stt-transcript__title{ font-family:'JetBrains Mono', monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-4); }
.stt .sw-app .stt-transcript__actions{ margin-left:auto; display:flex; align-items:center; gap:14px; }
.stt .sw-app .stt-copy{ display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:600; color:var(--ink-3); } .stt .sw-app .stt-copy svg{ width:13px; height:13px; }
.stt .sw-app .stt-transcript__scroll{ flex:1; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
.stt .sw-app .stt-transcript__body, .stt .sw-app .stt-transcript__placeholder{ font-family:'Newsreader', 'Noto Serif Devanagari', serif; font-size:22px; line-height:1.4; white-space:pre-wrap; text-wrap:pretty; overflow-wrap:break-word; }
.stt .sw-app .stt-transcript__body{ color:var(--ink); animation:sw-fade .35s ease; }
.stt .sw-app .stt-transcript__placeholder{ color:var(--ink-4); }
@keyframes sw-fade{ from{ opacity:0; } to{ opacity:1; } }
.stt .sw-app .wt-section{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); animation:sw-fade .35s ease; }
.stt .sw-app .wt-section__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.stt .sw-app .wt-toggle{ display:inline-flex; align-items:center; gap:6px; color:var(--ink-2); font-size:12.5px; font-weight:500; }
.stt .sw-app .wt-toggle__chev{ width:14px; height:14px; transform:rotate(-90deg); transition:transform .12s; } .stt .sw-app .wt-toggle.open .wt-toggle__chev{ transform:none; }
.stt .sw-app .wt-count{ color:var(--ink-3); font-weight:400; }
.stt .sw-app .wt-actions{ display:flex; gap:8px; }
.stt .sw-app .wt-action{ display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 11px; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--ink-2); font-size:12px; font-weight:500; transition:border-color .12s, color .12s; }
.stt .sw-app .wt-action svg{ width:13px; height:13px; }
.stt .sw-app .wt-action.hot{ border-color:var(--ink-3); color:var(--ink); }
.stt .sw-app .wt-table-wrap{ max-height:260px; margin-top:12px; overflow:hidden; border:1px solid var(--line); border-radius:10px; }
.stt .sw-app .wt-table{ width:100%; border-collapse:separate; border-spacing:0; font-size:13px; }
.stt .sw-app .wt-table th{ padding:8px 14px; border-bottom:1px solid var(--line); background:#fff; text-align:left; font-size:10.5px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); }
.stt .sw-app .wt-table td{ padding:7px 14px; border-bottom:1px solid color-mix(in oklab, var(--line) 60%, #fff); color:var(--ink); }
.stt .sw-app .wt-table__time{ width:120px; white-space:nowrap; font-family:'JetBrains Mono', monospace; font-size:12px; font-variant-numeric:tabular-nums; color:var(--ink-3); }
.stt .sw-app .stt-settings{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 14px; padding:12px 6px 2px; }
.stt .sw-app .stt-lang__pill{ display:inline-flex; align-items:center; gap:8px; height:34px; padding:0 10px 0 11px; border:1px solid var(--line-2); border-radius:999px; background:#fff; box-shadow:0 1px 0 rgba(20,32,45,.04); font-size:13px; white-space:nowrap; }
.stt .sw-app .stt-lang__icon{ width:15px; height:15px; color:var(--ink-3); } .stt .sw-app .stt-lang__key{ color:var(--ink-3); } .stt .sw-app .stt-lang__value{ color:var(--ink); font-weight:500; } .stt .sw-app .stt-lang__chev{ width:12px; height:12px; color:var(--ink-4); }
.stt .sw-app .stt-toggles{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.stt .sw-app .stt-toggle{ display:inline-flex; }
.stt .sw-app .stt-toggle__pill{ display:inline-flex; align-items:center; gap:8px; height:34px; padding:0 13px 0 9px; border:1px solid var(--line-2); border-radius:999px; background:#fff; box-shadow:0 1px 0 rgba(20,32,45,.04); font-size:13px; font-weight:500; color:var(--ink-2); white-space:nowrap; transition:border-color .12s, background .12s; }
.stt .sw-app .stt-toggle__dot{ display:grid; place-items:center; width:16px; height:16px; border:1.5px solid transparent; border-radius:50%; background:color-mix(in oklab, var(--ink) 7%, #fff); transition:background .12s, border-color .12s; }
.stt .sw-app .stt-toggle__dot svg{ grid-area:1 / 1; width:10px; height:10px; transition:opacity .12s; }
.stt .sw-app .stt-toggle__plus{ stroke:var(--ink-3); stroke-width:3; } .stt .sw-app .stt-toggle__check{ stroke:#fff; stroke-width:3.5; opacity:0; }
.stt .sw-app .stt-toggle.is-on .stt-toggle__pill{ border-color:var(--ink); background:color-mix(in oklab, var(--ink) 5%, #fff); color:var(--ink); }
.stt .sw-app .stt-toggle.is-on .stt-toggle__dot{ border-color:var(--ink); background:var(--ink); }
.stt .sw-app .stt-toggle.is-on .stt-toggle__plus{ opacity:0; } .stt .sw-app .stt-toggle.is-on .stt-toggle__check{ opacity:1; }
.stt .sw-app .stt-toggle.is-fixed .stt-toggle__pill{ opacity:.7; }
/* The app on a phone, as the real one: no sidebar, the stage over the transcript, the card scrolling. */
@media (max-width:600px){
    .stt .sw-app .dashboard-shell{ grid-template-columns:1fr; }
    .stt .sw-app .side, .stt .sw-app .search, .stt .sw-app .btn.ghost{ display:none; }
    .stt .sw-app .topbar{ padding:10px 16px; } .stt .sw-app .content{ padding:18px 14px 60px; }
    .stt .sw-app .page-head{ margin-bottom:14px; }
    .stt .sw-app .stt-card{ padding:10px; }
    .stt .sw-app .stt-body{ grid-template-columns:1fr; height:auto; }
    .stt .sw-app .stt-stage{ min-height:250px; }
    .stt .sw-app .stt-transcript{ padding:14px 6px 6px; } .stt .sw-app .stt-transcript__body, .stt .sw-app .stt-transcript__placeholder{ font-size:20px; }
    .stt .sw-app .stt-toggles{ display:contents; }
}

/* ----- The file being dragged, the browser's download, the cursor. ----- */
.stt .sw-chip{ position:absolute; top:0; left:0; z-index:3; display:flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid #dad3bf; border-radius:6px; background:#fff; box-shadow:0 10px 24px -10px rgba(20,32,45,.4); font-family:'Inter', ui-sans-serif, sans-serif; font-size:13px; font-weight:500; color:#14202D; opacity:0; pointer-events:none; }
.stt .sw-chip svg{ width:16px; height:16px; fill:none; stroke:#6b7787; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.stt .sw-chip.show{ opacity:1; }
.stt .sw-dlbub{ position:absolute; right:12px; top:40px; z-index:3; display:flex; align-items:center; gap:12px; padding:12px 16px 12px 12px; border:1px solid #e3ded6; border-radius:10px; background:#fff; box-shadow:0 12px 32px -12px rgba(20,32,45,.45); font-family:'Inter', ui-sans-serif, sans-serif; opacity:0; transform:translateY(-8px); transition:opacity .25s ease, transform .25s ease; pointer-events:none; }
.stt .sw-dlbub.show{ opacity:1; transform:none; }
.stt .sw-dlic{ display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:99px; background:#E8EEF8; } .stt .sw-dlic svg{ width:15px; height:15px; fill:none; stroke:#2b5fb3; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.stt .sw-dlbub b{ display:block; font-size:13px; font-weight:500; color:#14202D; } .stt .sw-dlbub small{ display:block; font-size:11.5px; color:#6b7787; }
.stt .sw-cur{ position:absolute; top:0; left:0; z-index:4; opacity:0; pointer-events:none; }
.stt .sw-cur svg{ display:block; width:22px; height:22px; fill:#14202D; stroke:#fff; stroke-width:1.4; stroke-linejoin:round; transform-origin:4px 2px; transition:transform .12s ease; filter:drop-shadow(0 2px 3px rgba(20,16,14,.3)); }
.stt .sw-cur.press svg{ transform:scale(.84); }

/* ----- Under the window: the four steps, the button that plays the video, what the step shows, the credit. ----- */
.stt .sw-foot{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px; padding:16px 20px 0; border-top:1px solid var(--line); }
.stt .sw-steps{ display:flex; flex-wrap:wrap; gap:6px 18px; list-style:none; counter-reset:sw; font-size:13px; color:var(--muted); }
.stt .sw-steps li{ counter-increment:sw; transition:color .2s ease; }
.stt .sw-steps li::before{ content:counter(sw); display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; margin-right:7px; border:1px solid currentColor; border-radius:99px; font-family:var(--mono); font-size:10px; }
.stt .sw-steps li.done{ color:var(--body); }
.stt .sw-steps li.on{ color:var(--ink); font-weight:500; }
.stt .sw-steps li.on::before{ border-color:var(--orange); background:var(--orange); color:#fff; }
.stt .sw-hear{ display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 15px 0 12px; border:0; border-radius:99px; background:var(--orange); color:#fff; font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.02em; text-transform:uppercase; cursor:pointer; transition:background .15s ease; }
.stt .sw-hear:hover{ background:var(--orange-deep); }
.stt .sw-hear svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.stt .sw-hear svg path:first-child{ fill:currentColor; }
.stt .sw-hear .i-on, .stt .sw-hear[aria-pressed="true"] .i-off{ display:none; }
.stt .sw-hear[aria-pressed="true"] .i-on{ display:inline; }
.stt .sw-hear[aria-pressed="true"]{ background:var(--ink); }
.stt .sw-say{ margin-top:10px; padding:0 20px; min-height:1.5em; font-size:15px; color:var(--body); }
.stt .sw-credit{ margin-top:14px; padding:10px 20px 12px; border-top:1px solid var(--line); background:var(--wash); font-family:var(--mono); font-size:10px; line-height:1.5; letter-spacing:.02em; color:var(--muted); }
@media (max-width:600px){
    .stt .sw-stage{ height:520px; }
    .stt .sw-menubar span{ display:none; }
    .stt .sw-finder{ left:10px; right:10px; top:40px; width:auto; }
    .stt .sw-player{ left:10px; right:10px; top:204px; width:auto; }
    .stt .sw-browser{ top:34px; left:8px; right:8px; }
    .stt .sw-lower{ bottom:24%; }
    .stt .sw-url{ min-width:0; }
    .stt .sw-hear{ width:100%; justify-content:center; }
    .stt .sw-dlbub{ right:8px; top:8px; padding:10px 12px 10px 10px; }
}
@media (prefers-reduced-motion:reduce){ .stt .sw-browser, .stt .sw-player, .stt .sw-file, .stt .sw-dlbub, .stt .sw-title, .stt .sw-clip, .stt .sw-lower{ transition:none; animation:none; } }

/* ---------- Codemix or native: one transcript in each style ---------- */
.stt .mix{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.stt .mix > div{ display:flex; flex-direction:column; gap:12px; padding:24px; border:1px solid var(--line); border-radius:6px; background:var(--card); }
.stt .mix .k{ font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.02em; text-transform:uppercase; color:var(--muted); }
.stt .mix .t{ font-size:clamp(1.15rem,2vw,1.4rem); line-height:1.45; letter-spacing:-.01em; color:var(--ink); }
.stt .mix p:last-child{ font-size:14.5px; line-height:1.5; color:var(--body); }
@media (max-width:700px){ .stt .mix{ grid-template-columns:minmax(0,1fr); } }

/* ---------- Languages: each in its own script ---------- */
.stt .langs{ margin-top:0; gap:16px 30px; font-size:1.4rem; }
.stt .langs > span .meta{ display:block; margin-top:2px; font-size:12px; }
.stt .langs > a .meta{ display:block; margin-top:2px; font-size:12px; }

/* ---------- API: the code on dark ---------- */
.stt .api, .stt .price{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(32px,4vw,56px); align-items:center; }
.stt .api h2, .stt .price h2{ max-width:12em; }
.stt .code{ min-width:0; background:#1e1c1a; border:1px solid #33302A; border-radius:6px; overflow:hidden; box-shadow:0 1px 2px rgba(42,39,36,.06); }
.stt .code-bar{ padding:11px 20px; background:#191612; border-bottom:1px solid #2E2B25; font-family:var(--mono); font-size:12.5px; color:#F1EBDE; }
.stt .code pre{ margin:0; padding:20px; overflow-x:auto; font-family:var(--mono); font-size:12.5px; line-height:1.7; color:#E7E0D4; }
.stt .code code{ font-size:inherit; }
.stt .code .c{ color:#8C867A; } .stt .code .s{ color:#E7B79C; } .stt .code .k{ color:#C9B4E0; }

/* ---------- Pricing: what each plan's credits cover ---------- */
.stt .plans{ width:100%; border-collapse:collapse; border-top:1px solid var(--ink); font-size:15px; }
.stt .plans th{ padding:12px 0; text-align:left; font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); border-bottom:1px solid var(--line); }
.stt .plans td{ padding:13px 0; border-bottom:1px solid var(--line); }
.stt .plans .n{ padding-left:14px; white-space:nowrap; text-align:right; font-family:var(--mono); font-size:13.5px; font-variant-numeric:tabular-nums; }
.stt .plans td.n:last-child{ color:var(--ink); font-weight:500; }
.stt .plans td small{ display:block; margin-top:2px; font-family:var(--mono); font-size:11px; color:var(--muted); }
.stt .plans td.n:nth-child(2){ color:var(--ink); }
.stt .plans-note{ margin-top:12px; font-size:12.5px; color:var(--muted); }
@media (max-width:420px){ .stt .plans .n{ padding-left:10px; font-size:12.5px; } }
@media (max-width:900px){ .stt .api, .stt .price{ grid-template-columns:minmax(0,1fr); } }

/* ---------- Your data ---------- */
.stt .facts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.stt .facts > div{ display:flex; flex-direction:column; gap:8px; padding:22px; border:1px solid var(--line); border-radius:6px; background:var(--card); }
.stt .facts b{ font-family:var(--serif); font-weight:500; font-size:2rem; line-height:1; letter-spacing:-.04em; }
.stt .facts span{ font-size:14px; line-height:1.45; color:var(--body); }
@media (max-width:700px){ .stt .facts{ grid-template-columns:minmax(0,1fr); } }

@media (prefers-reduced-motion:reduce){
    .stt .tab, .stt .demo-play, .stt .switch button{ transition:none; }
    .stt .demo-text .new, .stt .demo-text .wait{ animation:none; }
}