*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--ff-bg:#f7f5f2;--ff-bg-rgb:247, 245, 242;--ff-bg-subtle:#eae6e1;--ff-text:#171412;--ff-text-rgb:23, 20, 18;--ff-muted:#6b6560;--ff-border:#d4cdc4;--ff-border-strong:#171412;--ff-border-dark:#3d3632;--ff-coral:#e0937e;--ff-amber:#d4a574;--ff-sage:#8ba88c;--ff-sky:#7ea5b8;--ff-violet:#a692b8;--ff-accent:#c4956a;--ff-accent-subtle:rgba(196, 149, 106, 0.12);--ff-font-sans:"Suisse Intl", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;--ff-font-mono:"Suisse Intl Mono", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--ff-text-3xl:3rem;--ff-text-2xl:2.25rem;--ff-text-xl:1.75rem;--ff-text-lg:1.5rem;--ff-text-md:1.125rem;--ff-text-base:1rem;--ff-text-sm:0.875rem;--ff-text-2xs:0.75rem;--ff-text-3xl-fluid:clamp(2rem, 4vw + 1rem, 3rem);--ff-text-2xl-fluid:clamp(1.5rem, 3vw + 0.75rem, 2.25rem);--ff-text-xl-fluid:clamp(1.25rem, 2vw + 0.625rem, 1.75rem);--ff-text-lg-fluid:clamp(1.125rem, 1.5vw + 0.5rem, 1.5rem);--ff-text-md-fluid:clamp(1rem, 1vw + 0.5rem, 1.125rem);--ff-text-sm-fluid:clamp(0.875rem, 0.25vw + 0.75rem, 0.9375rem);--ff-leading-tight:1.1;--ff-leading-snug:1.3;--ff-leading-normal:1.5;--ff-leading-relaxed:1.6;--ff-weight-normal:400;--ff-weight-medium:500;--ff-weight-semibold:600;--ff-gradient-rainbow:linear-gradient(
    90deg,
    var(--ff-coral) 0%,
    var(--ff-amber) 25%,
    var(--ff-sage) 50%,
    var(--ff-sky) 75%,
    var(--ff-violet) 100%
  );--ff-space-xs:0.5rem;--ff-space-sm:1rem;--ff-space-md:1.5rem;--ff-space-lg:2.5rem;--ff-space-xl:5rem;--ff-space-2xl:7.5rem;--ff-section-padding-x:clamp(1rem, 5vw, 5rem);--ff-section-padding-y:clamp(60px, 8vw + 20px, 120px);--ff-section-padding-y-sm:clamp(50px, 6vw + 20px, 100px);--ff-section-padding-y-lg:clamp(80px, 10vw + 40px, 175px);--ff-section-padding-y-xs:clamp(40px, 5vw + 20px, 80px);--ff-header-margin:clamp(24px, 3vw + 10px, 50px);--ff-header-margin-lg:clamp(30px, 4vw + 10px, 60px);--ff-content-margin:clamp(20px, 2.5vw + 8px, 40px);--ff-gap-sm:clamp(20px, 2.5vw + 10px, 40px);--ff-gap-md:clamp(24px, 4vw + 10px, 60px);--ff-gap-lg:clamp(32px, 5vw + 8px, 80px);--ff-content-max-width:1200px;--ff-radius-sm:4px;--ff-radius-md:8px;--ff-radius-lg:12px;--ff-radius-xl:20px;--ff-transition-fast:0.15s ease;--ff-transition-base:0.2s ease;--ff-transition-slow:0.3s ease;--ff-ease-smooth:cubic-bezier(0.25, 0.46, 0.45, 0.94);--ff-ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1);--ff-tracking-tight:-0.02em;--ff-tracking-wide:0.05em;--ff-opacity-muted:0.7;--ff-light-60:rgba(var(--ff-bg-rgb), 0.6);--ff-light-50:rgba(var(--ff-bg-rgb), 0.5);--ff-light-40:rgba(var(--ff-bg-rgb), 0.4);--ff-light-30:rgba(var(--ff-bg-rgb), 0.3);--ff-white-50:rgba(255, 255, 255, 0.5);--ff-white-10:rgba(255, 255, 255, 0.1);--ff-white-08:rgba(255, 255, 255, 0.08);--ff-black-30:rgba(0, 0, 0, 0.3);--ff-black-15:rgba(0, 0, 0, 0.15);--ff-black-08:rgba(0, 0, 0, 0.08)}::selection{background:var(--selection-color,var(--ff-coral));color:var(--ff-text)}html{font-size:100%}body{--vis-color:rgba(224, 147, 126, 0.4);font-family:var(--ff-font-sans);background-color:var(--ff-bg);color:var(--ff-text);font-weight:var(--ff-weight-normal);line-height:1.111;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:var(--vis-color);pointer-events:none;z-index:-1}.main-content{position:relative;z-index:1;background:var(--ff-bg);transform-origin:top center;min-height:100vh;margin-bottom:100px}a{color:inherit;text-decoration:none}.reveal-section{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;background:var(--vis-color,var(--ff-bg))}.audio-visualizer{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:250px;height:250px;cursor:pointer;transition:transform .3s ease}.audio-visualizer:hover{transform:translateX(-50%)scale(1.05)}.section-glow{position:absolute;top:50%;transform:translateY(-50%);width:500px;height:600px;filter:blur(60px);pointer-events:none;z-index:0}.section-glow--left{left:-200px}.section-glow--right{right:-200px}.section-glow--purple{background:radial-gradient(ellipse at center,rgba(166,146,184,.2) 0%,rgba(166,146,184,.12) 40%,transparent 80%)}.section-glow--blue{background:radial-gradient(ellipse at center,rgba(126,165,184,.2) 0%,rgba(126,165,184,.12) 40%,transparent 80%)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.fade-in.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}.stagger-children.visible>*:nth-child(1){transition-delay:0s}.stagger-children.visible>*:nth-child(2){transition-delay:.08s}.stagger-children.visible>*:nth-child(3){transition-delay:.16s}.stagger-children.visible>*:nth-child(4){transition-delay:.24s}.stagger-children.visible>*:nth-child(5){transition-delay:.32s}.stagger-children.visible>*:nth-child(6){transition-delay:.4s}.stagger-children.visible>*:nth-child(7){transition-delay:.48s}.stagger-children.visible>*:nth-child(8){transition-delay:.56s}.stagger-children.visible>*{opacity:1;transform:translateY(0)}.pricing-grid.stagger-children>.pricing-card{opacity:0;transform:scale(.9);transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1)}.pricing-grid.stagger-children.visible>.pricing-card{opacity:1;transform:scale(1)}.pricing-grid.stagger-children.visible>.pricing-card:nth-child(1){transition-delay:0s}.pricing-grid.stagger-children.visible>.pricing-card:nth-child(2){transition-delay:.15s}.pricing-grid.stagger-children.visible>.pricing-card:nth-child(3){transition-delay:.3s}.pricing-grid.stagger-children.visible>.pricing-card:nth-child(4){transition-delay:.45s}.fade-in-delayed{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94).2s,transform .8s cubic-bezier(.25,.46,.45,.94).2s}.fade-in-delayed.visible{opacity:1;transform:translateY(0)}.scale-in{opacity:0;transform:scale(.95);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.scale-in.visible{opacity:1;transform:scale(1)}@keyframes heroFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0}25%{background-position:50% 100%}50%{background-position:100%}75%{background-position:50% 0}100%{background-position:0}}@keyframes gradient-shift{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}@keyframes energy-fill-vertical{0%{height:0}100%{height:100%}}@keyframes energy-fill-horizontal{0%{width:0}100%{width:100%}}@keyframes energy-unfill-horizontal{0%{width:100%}100%{width:0}}.rainbow-bar{height:4px;background:var(--ff-gradient-rainbow);position:sticky;top:0;z-index:101}.top-nav{position:sticky;top:4px;padding:0 40px;height:72px;display:flex;align-items:center;background:var(--ff-bg);border-bottom:1px solid var(--ff-border);flex-shrink:0;z-index:100}.top-nav-inner{max-width:1400px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-left{display:flex;align-items:center;gap:8px}.logo{display:flex;align-items:center;text-decoration:none}.logo:hover{text-decoration:none}.logo-img{height:28px;width:auto}.nav-tagline{font-size:var(--ff-text-sm);color:var(--ff-text);white-space:nowrap;transition:opacity .3s ease}.nav-tagline mark{background:var(--ff-amber);color:var(--ff-text);padding:.1em .3em;border-radius:3px}.nav-right{display:flex;align-items:center;gap:8px}.nav-links{display:flex;align-items:center;gap:32px;margin-right:24px}.nav-link{font-size:var(--ff-text-base);font-weight:var(--ff-weight-normal);color:var(--ff-text);text-decoration:none}.nav-link:hover{color:var(--ff-text);text-decoration:underline;text-decoration-color:var(--ff-text);text-underline-offset:6px;text-decoration-thickness:1px}.btn{display:inline-flex;align-items:center;justify-content:center;font-size:var(--ff-text-base);font-weight:var(--ff-weight-normal);padding:10px 16px;border-radius:var(--ff-radius-sm);text-decoration:none;transition:border-color var(--ff-transition-fast),color var(--ff-transition-fast),opacity var(--ff-transition-fast);cursor:pointer}.btn:hover{text-decoration:none}.btn-sm{padding:8px 14px;font-size:var(--ff-text-base)}.btn-outline{background:0 0;border:1px solid var(--ff-border);color:var(--ff-text)}.btn-outline:hover{border-color:var(--ff-text);background:0 0}.btn-primary{background:var(--ff-text);border:1px solid var(--ff-text);color:var(--ff-bg)}.btn-primary:hover{background:linear-gradient(90deg,var(--ff-coral),var(--ff-amber));border-color:var(--ff-coral);color:var(--ff-text)}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;background:0 0;border:none;cursor:pointer;margin-left:8px}.hamburger-line{display:block;width:100%;height:2px;background:var(--ff-text);border-radius:2px;transition:transform .2s ease,opacity .2s ease}body.menu-open .hamburger-line:nth-child(1){transform:translateY(7px)rotate(45deg)}body.menu-open .hamburger-line:nth-child(2){opacity:0}body.menu-open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:calc(1.25rem + 64px);left:0;right:0;bottom:0;background:rgba(23,20,18,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2.625rem 1rem 2rem;z-index:98;flex-direction:column;align-items:center;gap:1rem}body.menu-open .mobile-menu{display:flex}.mobile-menu-link{font-size:var(--ff-text-lg-fluid);font-weight:var(--ff-weight-normal);color:var(--ff-bg);text-decoration:underline;text-decoration-color:rgba(247,245,242,.3);text-underline-offset:.25rem}.mobile-menu-link:hover{text-decoration-color:var(--ff-bg)}.mobile-menu-auth{display:none;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(247,245,242,.2)}.overview-bar-header{background:var(--ff-text);padding:20px 0 16px;display:flex;justify-content:center}.overview-bar-header-label{width:100%;max-width:var(--ff-content-max-width);padding:0 56px;font-size:var(--ff-text-2xs);font-weight:var(--ff-weight-medium);text-transform:uppercase;letter-spacing:.15em;color:rgba(247,245,242,.5)}.overview-bar{color:var(--ff-bg);padding:0}.overview-bar-inner{max-width:var(--ff-content-max-width);margin:0 auto;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ff-white-08)}.overview-bar-item{padding:1.25rem 1.5rem;border-right:1px solid var(--ff-white-08)}.overview-bar-item:last-child{border-right:none}.overview-bar-label{font-size:var(--ff-text-2xs);font-weight:var(--ff-weight-normal);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.375rem}.overview-bar-item:nth-child(1) .overview-bar-label{color:var(--ff-coral)}.overview-bar-item:nth-child(2) .overview-bar-label{color:var(--ff-amber)}.overview-bar-item:nth-child(3) .overview-bar-label{color:var(--ff-sage)}.overview-bar-item:nth-child(4) .overview-bar-label{color:var(--ff-sky)}.overview-bar-value{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);line-height:var(--ff-leading-normal);color:var(--ff-bg)}.hero-wrapper{background:var(--ff-text);position:relative}.hero-wrapper::after{content:'';position:absolute;bottom:-100px;left:50%;transform:translateX(-50%);width:1200px;height:300px;background:radial-gradient( ellipse at center bottom,var(--ff-sage) 0%,rgba(138,171,139,.4) 40%,transparent 70% );opacity:.3;filter:blur(60px);pointer-events:none}.hero-text{max-width:600px;position:relative}.hero{padding:var(--ff-section-padding-y)var(--ff-section-padding-x);max-width:var(--ff-content-max-width);margin:0 auto;position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr minmax(320px,540px);gap:var(--ff-gap-lg);align-items:center}.hero-headline{font-size:clamp(1.625rem,4vw + 1rem,3rem);font-weight:var(--ff-weight-normal);line-height:1.1;margin-bottom:30px;letter-spacing:var(--ff-tracking-tight);color:var(--ff-bg);text-shadow:0 0 80px var(--ff-light-30);animation:heroFadeIn 1s cubic-bezier(.25,.46,.45,.94)forwards}.hero-subhead{font-size:clamp(1rem,1vw + .5rem,1.125rem);font-weight:var(--ff-weight-normal);line-height:var(--ff-leading-relaxed);color:var(--ff-light-60);margin-bottom:var(--ff-content-margin);animation:heroFadeIn 1s cubic-bezier(.25,.46,.45,.94).2s forwards;opacity:0}.hero-cta{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);color:var(--ff-light-50);animation:heroFadeIn 1s cubic-bezier(.25,.46,.45,.94).4s forwards;opacity:0}.hero-cta a{font-size:var(--ff-text-sm);color:var(--ff-bg);text-decoration:underline;text-underline-offset:3px;transition:text-shadow .3s}.hero-cta a:hover{text-shadow:0 0 20px var(--ff-light-50)}.hero-player{position:relative;animation:heroFadeIn 1s cubic-bezier(.25,.46,.45,.94).3s forwards;opacity:0;width:100%}.player-inner{background:linear-gradient( 135deg,#c4a68a,#c9a090,#a99db0,#94aab3,#9baa9c,#c4a68a );background-size:300% 300%;animation:gradientShift 20s ease infinite;padding:32px 36px;position:relative;z-index:1;border-radius:16px}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.player-header--left{justify-content:flex-start}.player-founders{display:flex;align-items:center;gap:14px}.player-founders-photos{display:flex;align-items:center}.player-founder{width:clamp(36px,1.5vw + 30px,48px);height:clamp(36px,1.5vw + 30px,48px);border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.9);margin-right:-14px;position:relative;box-shadow:0 2px 8px var(--ff-black-15)}.player-founder:last-child{margin-right:0}.player-founder:first-child{z-index:2}.player-founders-photos .player-founder:last-child{margin-right:0}.player-founder img{width:100%;height:100%;object-fit:cover}.player-founder-names{display:flex;flex-direction:column;gap:2px}.player-founder-title{font-size:var(--ff-text-base);font-weight:var(--ff-weight-medium);color:var(--ff-text);margin-bottom:2px}.player-founder-name{font-size:var(--ff-text-sm-fluid);font-weight:var(--ff-weight-normal);color:var(--ff-text)}.hero-player-component{margin-top:20px}.code-section::before,.hero-components::before,.hero-features::before,.hero-hosting::before,.use-cases-section::before,.pricing-section::before,.docs-cta-section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--ff-content-max-width);height:1px;background:var(--ff-black-08)}.code-section::before,.hero-components::before,.hero-features::before,.hero-hosting::before{background:rgba(255,255,255,6%)}.hero-components,.hero-features,.hero-hosting{border-top:1px solid rgba(255,255,255,5%)}.section-header{margin-bottom:var(--ff-header-margin-lg);max-width:600px}.section-label{font-size:var(--ff-text-2xs);font-weight:var(--ff-weight-normal);text-transform:uppercase;letter-spacing:var(--ff-tracking-wide);color:var(--ff-muted);margin-bottom:20px}.section-desc{font-size:clamp(.875rem,1vw + .5rem,1.125rem);font-weight:var(--ff-weight-normal);line-height:var(--ff-leading-relaxed);color:var(--ff-muted)}.code-section{padding:var(--ff-section-padding-y-sm)var(--ff-section-padding-x);max-width:var(--ff-content-max-width);margin:0 auto;position:relative}.code-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:var(--ff-gap-md);align-items:center}.code-text h2{font-size:var(--ff-text-2xl-fluid);font-weight:var(--ff-weight-normal);line-height:var(--ff-leading-tight);margin-bottom:12px;color:var(--ff-bg)}.code-text p{font-size:var(--ff-text-md-fluid);font-weight:var(--ff-weight-normal);line-height:var(--ff-leading-relaxed);color:var(--ff-light-60);margin-bottom:16px}.code-text a{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);text-decoration:underline;color:var(--ff-bg);text-underline-offset:3px}.code-block{background:var(--ff-text);color:var(--ff-bg);border-radius:var(--ff-radius-lg);overflow:clip;box-shadow:0 4px 24px var(--ff-black-15);border:1px solid var(--ff-border-dark)}.code-block-header{background:var(--ff-text);padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ff-border-dark)}.code-block-dot{width:12px;height:12px;border-radius:50%}.code-block-dot:nth-child(1){background:var(--ff-coral)}.code-block-dot:nth-child(2){background:var(--ff-amber)}.code-block-dot:nth-child(3){background:var(--ff-sage)}.code-block-title{flex:1;text-align:center;font-size:var(--ff-text-2xs);color:var(--ff-muted);font-family:var(--ff-font-sans)}.code-block pre{padding:24px 28px;margin:0;font-family:var(--ff-font-mono);font-size:var(--ff-text-sm-fluid);line-height:1.8;white-space:pre;overflow-x:auto}.code-tag{color:var(--ff-coral)}.code-attr{color:var(--ff-sky)}.code-value{color:var(--ff-sage)}.code-toggle{display:inline-flex;background:#3d3632;border-radius:50px;padding:5px;margin-bottom:16px}.code-toggle-btn{padding:10px 28px;font-family:var(--ff-font-sans);font-size:var(--ff-text-sm);font-weight:var(--ff-weight-medium);background:0 0;border:none;border-radius:50px;color:rgba(247,245,242,.7);cursor:pointer;transition:background .2s ease,color .2s ease;min-width:100px;text-align:center}.code-toggle-btn.active{background:var(--ff-bg);color:var(--ff-text)}.code-toggle-btn:hover:not(.active){color:var(--ff-bg)}.code-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-end}.code-panels{position:relative;height:clamp(240px,8vw + 180px,330px);width:100%;max-width:650px}.code-content{position:absolute;top:0;left:0;right:0;opacity:0;visibility:hidden;transition:opacity .15s ease}.code-content.active{opacity:1;visibility:visible}.code-content .code-block{width:100%;max-width:650px;height:clamp(240px,8vw + 180px,330px);display:flex;flex-direction:column;margin-left:auto}.code-content .code-block pre{flex:1}.hero-recording{padding:var(--ff-section-padding-y-lg)var(--ff-section-padding-x);background:var(--ff-text)}.hero-recording-inner{max-width:var(--ff-content-max-width);margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center}.hero-recording-header{margin-bottom:var(--ff-header-margin-lg);text-align:center;position:relative}.hero-recording-header h2{font-size:clamp(1.75rem,4vw + 1rem,3.25rem);font-weight:var(--ff-weight-normal);color:var(--ff-bg);margin-bottom:20px;letter-spacing:var(--ff-tracking-tight)}.hero-recording-header p{font-size:clamp(.875rem,1vw + .5rem,1.25rem);line-height:var(--ff-leading-relaxed);color:var(--ff-light-60);max-width:500px;margin:0 auto}.gradient-text{background:linear-gradient( 90deg,var(--ff-coral),var(--ff-amber),var(--ff-sage),var(--ff-sky),var(--ff-violet),var(--ff-coral) );background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 8s ease infinite}.recording-demo{display:flex;flex-direction:column;align-items:center;gap:clamp(24px,3vw + 12px,48px);width:100%;max-width:500px}.recorder-container{width:100%;min-height:80px}.recorder-container fortyfour-audio-recorder{display:block;width:100%;overflow:visible;--fortyfour-recorder-bg-0:#1a1816;--fortyfour-recorder-bg-1:#2a2420;--fortyfour-recorder-bg-2:#3a3430;--fortyfour-recorder-bg-primary:#a692b8;--fortyfour-recorder-bg-primary-light:#b8a4c8;--fortyfour-recorder-color-0:#d3d0c8;--fortyfour-recorder-color-primary:hsla(0, 0%, 100%, 0.9);--fortyfour-recorder-red-bg:#a692b8;--fortyfour-recorder-red-color:#ffffff;--fortyfour-recorder-font-size-lg:1.25rem;--fortyfour-recorder-font-size-md:1rem;--fortyfour-recorder-font-size-sm:0.875rem;--fortyfour-recorder-font-size-xs:0.6825rem;--fortyfour-recorder-radius-xl:3rem;--fortyfour-recorder-radius-lg:1rem;--fortyfour-recorder-radius-md:0.5rem;--fortyfour-recorder-spacing-md:1rem;--fortyfour-recorder-spacing-sm-1:0.85rem;--fortyfour-recorder-spacing-sm:0.5rem;--fortyfour-recorder-radius:var(--fortyfour-recorder-radius-lg);--fortyfour-recorder-bg:var(--fortyfour-recorder-bg-0);--fortyfour-recorder-color:var(--fortyfour-recorder-color-0);--fortyfour-recorder-btn-radius:var(--fortyfour-recorder-radius-xl);--fortyfour-recorder-btn-padding:var(--fortyfour-recorder-spacing-sm)
    var(--fortyfour-recorder-spacing-sm-1);--fortyfour-recorder-btn-gap:var(--fortyfour-recorder-spacing-sm);--fortyfour-recorder-btn-bg:var(--fortyfour-recorder-bg-1);--fortyfour-recorder-btn-bg-hover:var(--fortyfour-recorder-bg-2);--fortyfour-recorder-btn-color:var(--fortyfour-recorder-color-0);--fortyfour-recorder-btn-color-hover:var(--fortyfour-recorder-color-0);--fortyfour-recorder-btn-primary-bg:var(--fortyfour-recorder-bg-primary);--fortyfour-recorder-btn-primary-bg-hover:var(--fortyfour-recorder-bg-primary-light);--fortyfour-recorder-btn-primary-color:var(--fortyfour-recorder-color-primary);--fortyfour-recorder-btn-primary-color-hover:var(--fortyfour-recorder-color-primary);--fortyfour-recorder-select-bg:var(--fortyfour-recorder-bg-0);--fortyfour-recorder-select-bg-hover:var(--fortyfour-recorder-bg-1);--fortyfour-recorder-select-border:1px solid var(--fortyfour-recorder-bg-1);--fortyfour-recorder-select-radius:var(--fortyfour-recorder-radius-md);--fortyfour-recorder-select-shadow:0 4px 8px hsla(0, 0%, 0%, 0.1);--fortyfour-recorder-select-color:var(--fortyfour-recorder-color-0);--fortyfour-recorder-select-font-size:var(--fortyfour-recorder-font-size-xs)}.recorder-features{display:grid;grid-template-columns:auto auto auto;gap:12px var(--ff-header-margin);margin:var(--ff-content-margin)auto 0;width:fit-content}.recorder-features span{font-size:var(--ff-text-sm-fluid);font-weight:var(--ff-weight-normal);letter-spacing:.02em;color:var(--ff-light-60);text-transform:lowercase}.recorder-features span i{width:14px;margin-right:6px;text-align:center}.record-error{display:none;text-align:center;padding:24px;color:rgba(245,245,240,.7)}.record-error p{margin-bottom:16px;font-size:var(--ff-text-sm)}.demo-player-wrapper{margin-bottom:20px}.demo-player-wrapper fortyfour-audio-player{max-width:480px;width:100%;display:block}.record-result-meta{max-width:480px;width:100%;margin-top:-50px}.record-result-meta .record-again{margin-bottom:20px}.record-result-id{display:flex;align-items:center;gap:8px;margin-bottom:20px}.record-result-id-label{font-size:var(--ff-text-sm);color:var(--ff-light-50)}.record-result-id code{font-size:var(--ff-text-sm);color:rgba(245,245,240,.8);font-family:var(--ff-font-mono)}.record-section-label{display:block;font-size:var(--ff-text-2xs);letter-spacing:var(--ff-tracking-wide);color:var(--ff-light-40);margin-bottom:8px}.record-result-stats{display:flex;gap:var(--ff-gap-sm);margin-bottom:24px}.record-stat{display:flex;flex-direction:column;gap:6px}.record-stat-label{font-size:var(--ff-text-2xs);letter-spacing:var(--ff-tracking-wide);color:var(--ff-light-40)}.record-stat-value{font-size:var(--ff-text-base);color:rgba(245,245,240,.95);font-weight:var(--ff-weight-medium)}.record-waveform-section{margin-bottom:24px}.record-waveform-container{display:flex;align-items:stretch;background:var(--ff-black-30);border:1px solid var(--ff-white-10);border-radius:var(--ff-radius-sm);padding:12px}.record-waveform-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:var(--ff-text-2xs);color:var(--ff-light-30);padding-right:8px;min-width:28px;text-align:right}.record-waveform-display{flex:1;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;gap:1px;border-left:1px solid var(--ff-white-10);border-right:1px solid var(--ff-white-10);padding:0 8px}.record-waveform-display .waveform-bar{width:2px;flex-shrink:0;background:#7ea5b8;border-radius:1px;min-height:2px}.record-waveform-time{display:flex;flex-direction:column;justify-content:space-between;font-size:var(--ff-text-2xs);color:var(--ff-light-30);padding-left:8px;min-width:32px}.record-result-language{margin-bottom:20px}.record-language-pill{display:inline-block;font-size:var(--ff-text-sm);color:rgba(245,245,240,.9);background:rgba(245,245,240,.1);padding:6px 14px;border-radius:var(--ff-radius-xl)}.record-result-transcript{display:none;margin-bottom:16px}.record-transcript-text,.record-translation-text{font-size:var(--ff-text-sm);line-height:var(--ff-leading-normal);color:rgba(245,245,240,.85);margin:0}.record-transcript-text.truncated,.record-translation-text.truncated{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.record-transcript-text.expanded,.record-translation-text.expanded{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.record-result-translation{margin-bottom:16px}.text-toggle{display:none;background:0 0;border:none;color:var(--ff-sky);font-size:var(--ff-text-sm);padding:0;margin-top:8px;cursor:pointer}.text-toggle:hover{text-decoration:underline}.text-toggle.visible{display:inline-block}.recorder-container.hidden{display:none}.record-result{display:none;opacity:0;transition:opacity .3s ease}.record-result.visible{display:block}.record-result.visible.show{opacity:1}.record-result>.record-result-info{flex-shrink:0}.record-again{font-size:var(--ff-text-2xs);color:var(--ff-light-40);background:0 0;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease;font-family:inherit}.record-again:hover{color:rgba(245,245,240,.7)}.hero-components{padding:var(--ff-section-padding-y-sm)var(--ff-section-padding-x);max-width:var(--ff-content-max-width);margin:0 auto;position:relative}.hero-components::after{content:'';position:absolute;top:-200px;left:0;width:100%;height:500px;background:radial-gradient(ellipse at center,rgba(212,165,116,.15) 0%,transparent 70%);pointer-events:none}.hero-components-header{margin-bottom:var(--ff-header-margin)}.hero-components-header h2{font-size:clamp(1.5rem,4vw + 1rem,3.25rem);font-weight:var(--ff-weight-normal);color:var(--ff-bg);margin-bottom:20px;letter-spacing:var(--ff-tracking-tight)}.hero-components-header p{font-size:clamp(.875rem,1vw + .5rem,1.25rem);font-weight:var(--ff-weight-normal);line-height:var(--ff-leading-relaxed);color:var(--ff-light-60);max-width:500px}.coming-soon-badge{display:inline-block;margin-bottom:20px;padding:8px 16px;font-size:var(--ff-text-2xs);font-weight:var(--ff-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--ff-amber);border:1px solid var(--ff-amber);border-radius:var(--ff-radius-xl)}.design-system-preview{margin-top:var(--ff-header-margin-lg);max-width:700px;display:flex;flex-direction:column;gap:20px}.design-system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.design-system-item{padding:32px 20px;background:0 0;border:1px solid var(--ff-white-08);border-radius:var(--ff-radius-lg);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.design-system-icon{font-size:var(--ff-text-lg);margin-bottom:16px}.design-system-item:nth-child(1) .design-system-icon{color:var(--ff-coral)}.design-system-item:nth-child(2) .design-system-icon{color:var(--ff-sage)}.design-system-item:nth-child(3) .design-system-icon{color:var(--ff-violet)}.design-system-name{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-medium);color:var(--ff-bg);margin-bottom:8px}.design-system-desc{font-size:var(--ff-text-sm);color:var(--ff-light-40);line-height:1.45}.ai-builder-preview{display:flex;align-items:flex-start;gap:16px;padding:24px;background:0 0;border:1px solid var(--ff-white-08);border-radius:var(--ff-radius-lg)}.ai-builder-icon{font-size:var(--ff-text-lg);color:var(--ff-violet);flex-shrink:0;margin-top:2px}.ai-builder-title{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-medium);color:var(--ff-bg);margin-bottom:8px}.ai-builder-desc{font-size:var(--ff-text-sm);color:rgba(245,245,240,.45);line-height:var(--ff-leading-normal)}.design-system-note{display:flex;align-items:center;gap:10px;font-size:var(--ff-text-sm);color:rgba(245,245,240,.45)}.design-system-note i{color:var(--ff-sage);font-size:var(--ff-text-sm)}.design-system-note code{font-family:var(--ff-font-mono);font-size:var(--ff-text-2xs);color:var(--ff-sky);background:rgba(126,165,184,.15);padding:3px 8px;border-radius:var(--ff-radius-sm)}.hero-features{padding:clamp(40px,4vw + 10px,60px)var(--ff-section-padding-x)var(--ff-section-padding-y-sm);max-width:var(--ff-content-max-width);margin:0 auto}.hero-features-header{margin-bottom:var(--ff-header-margin)}.hero-features-header h2,.hero-hosting-header h2{font-size:clamp(1.5rem,3vw + .75rem,2.25rem);font-weight:var(--ff-weight-normal);color:var(--ff-bg);margin-bottom:12px}.hero-features-header p,.hero-hosting-header p{font-size:clamp(.8125rem,.5vw + .5rem,1rem);font-weight:var(--ff-weight-normal);color:var(--ff-light-60)}.hero-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;position:relative}.hero-features-grid::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:var(--ff-white-08)}.energy-line-vertical{position:absolute;left:50%;transform:translateX(-50%);width:1px;height:0;top:0;pointer-events:none;z-index:10;opacity:.5;background:linear-gradient( 180deg,var(--ff-coral) 0%,var(--ff-amber) 25%,var(--ff-sage) 50%,var(--ff-sky) 75%,var(--ff-violet) 100% )}.energy-line-horizontal-fill{position:absolute;height:1px;left:50%;transform:translateX(-50%);width:0;pointer-events:none;z-index:10;opacity:.5}.features-nice-bubble{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%)scale(0);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.features-nice-bubble.visible{transform:translateX(-50%)scale(1);opacity:var(--ff-opacity-muted)}.features-nice-bubble .thought-bubble{position:relative;background:linear-gradient(90deg,rgba(224,147,126,.15) 0%,rgba(212,165,116,.15) 25%,rgba(139,168,140,.15) 50%,rgba(126,165,184,.15) 75%,rgba(166,146,184,.15) 100% );border:1px solid transparent;border-radius:var(--ff-radius-lg);padding:4px 12px;font-size:var(--ff-text-2xs);font-weight:var(--ff-weight-medium);letter-spacing:.02em;background-clip:padding-box;position:relative}.features-nice-bubble .thought-bubble::before{content:'';position:absolute;inset:0;border-radius:var(--ff-radius-lg);padding:1px;background:var(--ff-gradient-rainbow);-webkit-mask:linear-gradient(#fff 0 0)content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0)content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4}.features-nice-bubble .thought-bubble span,.features-nice-bubble .thought-bubble{background:linear-gradient(90deg,var(--ff-coral),var(--ff-amber),var(--ff-sage),var(--ff-sky),var(--ff-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-feature-item{padding:24px 30px;border-bottom:1px solid var(--ff-white-08);will-change:transform;position:relative}.hero-features-grid.visible .hero-feature-item{transition:transform .05s}.hero-features-grid.visible .hero-feature-item:hover{transform:translateY(-4px);transition:transform .1s ease-out}.hero-feature-item:nth-last-child(-n+2){border-bottom:none}.hero-feature-num{font-size:var(--ff-text-2xs);font-weight:var(--ff-weight-medium);color:var(--ff-light-30);margin-bottom:8px;font-family:sf mono,monospace}.hero-feature-title{font-size:var(--ff-text-sm-fluid);font-weight:var(--ff-weight-normal);color:var(--ff-bg);margin-bottom:6px;transition:color .15s}.coming-soon-pill{display:inline-block;font-size:var(--ff-text-2xs);font-weight:var(--ff-weight-normal);padding:4px 10px;margin-left:8px;border-radius:var(--ff-radius-xl);color:var(--ff-text);background:var(--ff-amber)}.coming-soon-pill.season-winter{background:var(--ff-sky)}.coming-soon-pill.season-spring{background:var(--ff-sage)}.coming-soon-pill.season-summer{background:var(--ff-coral)}.hero-feature-desc{font-size:var(--ff-text-sm-fluid);font-weight:var(--ff-weight-normal);line-height:var(--ff-leading-normal);color:var(--ff-light-50);transition:color var(--ff-transition-fast)}.hero-hosting{padding:var(--ff-section-padding-y-sm)var(--ff-section-padding-x);max-width:var(--ff-content-max-width);margin:0 auto;position:relative}.hero-hosting-header{margin-bottom:var(--ff-header-margin)}.hero-hosting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ff-gap-sm)}.hosting-stat{background:var(--ff-text);border:1px solid var(--ff-white-10);padding:24px 20px;text-align:left}.hosting-stat-icon{width:clamp(28px,.5vw + 24px,32px);height:clamp(28px,.5vw + 24px,32px);margin-bottom:16px;color:var(--ff-bg);opacity:var(--ff-opacity-muted)}.hosting-stat-icon svg{width:100%;height:100%}.hosting-stat-label{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-medium);color:var(--ff-bg);margin-bottom:8px;text-transform:lowercase}.hosting-stat-desc{font-size:var(--ff-text-sm-fluid);font-weight:var(--ff-weight-normal);color:var(--ff-light-50);line-height:var(--ff-leading-normal)}.hosting-features{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ff-space-xs)var(--ff-space-sm);margin-top:var(--ff-space-sm)}.hosting-feature{font-size:var(--ff-text-sm-fluid);font-weight:var(--ff-weight-normal);color:var(--ff-light-60);display:flex;align-items:baseline;gap:8px}.hosting-feature span{color:var(--ff-light-30);font-size:var(--ff-text-2xs)}.use-cases-section{padding:var(--ff-section-padding-y)var(--ff-section-padding-x);max-width:var(--ff-content-max-width);margin:0 auto;position:relative}.use-cases-grid-section{padding:var(--ff-section-padding-y)var(--ff-section-padding-x)}.use-cases-grid-header{margin-bottom:var(--ff-header-margin)}.use-cases-grid-header h2{font-size:clamp(1.5rem,3vw + .75rem,2.25rem);font-weight:var(--ff-weight-normal);color:var(--ff-text);margin-bottom:8px;position:relative;display:inline-block}.use-cases-grid-header p{font-size:clamp(.8125rem,.5vw + .5rem,1rem);font-weight:var(--ff-weight-normal);color:var(--ff-muted)}.use-cases-toggle{display:flex;gap:8px;margin-top:24px}.use-cases-toggle-btn{padding:8px 20px;font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);color:var(--ff-muted);background:0 0;border:1px solid var(--ff-black-15);border-radius:100px;cursor:pointer;transition:all var(--ff-transition-base)}.use-cases-toggle-btn:hover{color:var(--ff-text);border-color:var(--ff-black-30)}.use-cases-toggle-btn.active{background:var(--ff-text);color:var(--ff-bg);border-color:var(--ff-text)}.use-cases-panel{display:none}.use-cases-panel.active{display:block}.use-cases-panel .use-cases-grid{opacity:1;transform:none}.use-cases-panel .use-case-item{opacity:1;transform:none}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.use-case-item{padding:24px 30px;border-bottom:1px solid var(--ff-black-08);border-right:1px solid var(--ff-black-08);will-change:transform}.use-cases-grid.visible .use-case-item{transition:transform .05s}.use-cases-grid.visible .use-case-item:hover{transform:translateY(-4px);transition:transform .1s ease-out}.use-case-item:nth-child(2n){border-right:none}.use-case-item:nth-last-child(-n+2){border-bottom:none}.use-case-icon{font-size:var(--ff-text-sm);color:rgba(23,20,18,.4);margin-bottom:10px;transition:color .2s ease}.use-case-item:nth-child(5n+1):hover .use-case-icon{color:var(--ff-coral)}.use-case-item:nth-child(5n+2):hover .use-case-icon{color:var(--ff-amber)}.use-case-item:nth-child(5n+3):hover .use-case-icon{color:var(--ff-sage)}.use-case-item:nth-child(5n+4):hover .use-case-icon{color:var(--ff-sky)}.use-case-item:nth-child(5n+5):hover .use-case-icon{color:var(--ff-violet)}.use-case-title{font-size:var(--ff-text-base);font-weight:var(--ff-weight-medium);color:var(--ff-text);margin-bottom:8px}.use-case-desc{font-size:var(--ff-text-sm);line-height:var(--ff-leading-normal);color:var(--ff-muted);margin:0}.docs-cta-section{display:grid;grid-template-columns:3fr 2fr;gap:var(--ff-gap-sm);max-width:var(--ff-content-max-width);margin:0 auto;padding:var(--ff-section-padding-y-xs)var(--ff-section-padding-x);position:relative}.docs-cta-wrapper{position:relative}.docs-cta-header{grid-column:1/-1;margin-bottom:20px}.docs-cta-header .section-label{margin-bottom:var(--ff-space-xs)}.docs-card{background:#000;color:var(--ff-bg);aspect-ratio:3/4;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:4px 8px 24px var(--ff-black-30);border-left:10px solid;border-image:linear-gradient( 180deg,var(--ff-coral) 0%,var(--ff-amber) 25%,var(--ff-sage) 50%,var(--ff-sky) 75%,var(--ff-violet) 100% )1}.docs-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:24px;background:linear-gradient( 90deg,rgba(0,0,0,.4) 0%,rgba(255,255,255,6%) 50%,rgba(0,0,0,.2) 100% );z-index:4}.docs-card-content{position:relative;z-index:2;padding:50px 40px 30px 50px;display:flex;flex-direction:column;height:100%}.docs-card-footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.docs-card-badge{font-size:var(--ff-text-2xs);font-weight:var(--ff-weight-normal);letter-spacing:.02em;color:var(--ff-amber);border:1px solid var(--ff-amber);padding:4px 10px;border-radius:var(--ff-radius-sm)}.docs-card-tagline{font-size:var(--ff-text-lg);font-weight:var(--ff-weight-medium);color:rgba(255,255,255,.9);margin-bottom:12px;letter-spacing:-.01em}.docs-card-runtime{font-size:var(--ff-text-2xs);font-weight:var(--ff-weight-medium);text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);margin-top:10px}.docs-card-label{font-size:var(--ff-text-2xs);font-weight:var(--ff-weight-medium);text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.5);white-space:nowrap}.docs-card-logo{height:clamp(27px,1.875vw + 18px,45px);width:auto;margin-bottom:calc(var(--ff-space-lg) + clamp(45px,3.125vw + 30px,75px));display:block;align-self:flex-start}.docs-card-subtitle{font-size:var(--ff-text-sm-fluid);font-weight:var(--ff-weight-normal);color:rgba(255,255,255,.6);line-height:var(--ff-leading-snug);max-width:clamp(160px,4vw + 120px,200px)}.docs-card-footer{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:flex-end;position:relative}.docs-card-version{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);letter-spacing:.05em;color:var(--ff-sky)}.docs-card-version span{display:block;font-size:var(--ff-text-2xs);color:rgba(255,255,255,.25);margin-top:2px}.docs-card-btn{font-size:var(--ff-text-sm-fluid);font-weight:var(--ff-weight-normal);color:rgba(255,255,255,.7);text-decoration:underline;text-underline-offset:3px;transition:color var(--ff-transition-fast);margin-top:var(--ff-space-lg);display:inline-block}.docs-card-btn:hover{color:#fff}.docs-card-hands{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.docs-card-robot{position:absolute;top:-30%;right:-35%;width:75%;height:auto;filter:brightness(.4)contrast(1.1)grayscale(.2);transform:scaleX(-1);transition:transform 5s ease-out;will-change:transform}.docs-card-human{position:absolute;bottom:-35%;left:-30%;width:70%;height:auto;filter:brightness(.4)contrast(1.1)grayscale(.2);transform:scaleX(-1);transition:transform 5s ease-out;will-change:transform}.docs-card.touched .docs-card-robot{transform:scaleX(-1)translate(6%,18%)}.docs-card.touched .docs-card-human{transform:scaleX(-1)translate(-18%,-18%)}.docs-card-glow{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 120%,rgba(255,255,255,5%) 0%,transparent 50%);pointer-events:none}.right-stack{display:flex;flex-direction:column;gap:24px}.get-started-card{background:var(--ff-bg);padding:40px;border:1px solid var(--ff-border);flex:1;display:flex;flex-direction:column}.voice-cta-card{background:var(--ff-bg-subtle);padding:40px;border:1px solid var(--ff-border);flex:1;display:flex;flex-direction:column}.voice-cta-card h3{font-size:var(--ff-text-lg-fluid);font-weight:var(--ff-weight-normal);margin-bottom:12px}.voice-cta-card p{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);line-height:var(--ff-leading-relaxed);color:var(--ff-muted);margin-bottom:20px;flex:1}.voice-cta-link{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);color:var(--ff-text);text-decoration:underline;text-underline-offset:3px}.voice-cta-link:hover{opacity:var(--ff-opacity-muted)}.blog-cta-card{background:var(--ff-bg);padding:40px;border:1px solid var(--ff-border);flex:1;display:flex;flex-direction:column}.blog-cta-card h3{font-size:var(--ff-text-lg-fluid);font-weight:var(--ff-weight-normal);margin-bottom:16px}.blog-cta-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;flex:1}.blog-cta-list li{padding:10px 0;border-bottom:1px solid var(--ff-border)}.blog-cta-list li:last-child{border-bottom:none}.blog-cta-list li a{font-size:var(--ff-text-sm);color:var(--ff-text);text-decoration:none;transition:color var(--ff-transition-fast);display:flex;justify-content:space-between;align-items:center}.blog-cta-list li a::after{content:"→";font-size:var(--ff-text-xs);opacity:.5;transition:opacity var(--ff-transition-fast)}.blog-cta-list li a:hover{color:var(--ff-sky)}.blog-cta-list li a:hover::after{opacity:1}.blog-cta-link{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);color:var(--ff-text);text-decoration:underline;text-underline-offset:3px}.blog-cta-link:hover{opacity:var(--ff-opacity-muted)}.get-started-card h3{font-size:var(--ff-text-xl-fluid);font-weight:var(--ff-weight-normal);margin-bottom:var(--ff-space-xs)}.get-started-card p{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);line-height:var(--ff-leading-relaxed);color:var(--ff-muted);margin-bottom:24px}.get-started-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}.get-started-list li{font-size:var(--ff-text-sm);color:var(--ff-muted);padding-left:20px;position:relative}.get-started-list li::before{content:"✓";position:absolute;left:0;color:var(--ff-sage);font-weight:var(--ff-weight-medium)}.get-started-btn{display:inline-block;font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);padding:12px 24px;background:var(--ff-text);color:var(--ff-bg);transition:opacity .2s,transform .15s ease;align-self:flex-start}.get-started-btn:hover{background:linear-gradient(90deg,var(--ff-coral),var(--ff-amber));color:var(--ff-text)}.get-started-btn:active{transform:scale(.97)}.pricing-section{padding:var(--ff-section-padding-y)var(--ff-section-padding-x);max-width:var(--ff-content-max-width);margin:0 auto;position:relative}.pricing-wrapper{position:relative;overflow:hidden}.pricing-wrapper::before{content:"";position:absolute;inset:0;background:radial-gradient( ellipse 80% 50% at 20% 40%,rgba(224,147,126,.25) 0%,transparent 50% ),radial-gradient( ellipse 60% 80% at 80% 20%,rgba(212,165,116,.2) 0%,transparent 50% ),radial-gradient( ellipse 70% 60% at 60% 80%,rgba(139,168,140,.22) 0%,transparent 50% ),radial-gradient( ellipse 50% 70% at 10% 90%,rgba(126,165,184,.18) 0%,transparent 50% ),radial-gradient( ellipse 60% 50% at 90% 60%,rgba(166,146,184,.2) 0%,transparent 50% );z-index:0}.pricing-wrapper::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;z-index:1;pointer-events:none}.pricing-wrapper .pricing-section{position:relative;z-index:2;margin:0 auto}.pricing-section .section-header{margin-bottom:0}.pricing-section .section-label{font-size:var(--ff-text-2xs);margin-bottom:var(--ff-space-xs)}.pricing-section .section-desc{font-size:clamp(.875rem,1vw + .5rem,1.125rem)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.pricing-card{background:var(--ff-bg);border:1px solid var(--ff-border);display:flex;flex-direction:column;overflow:hidden;transition:border-color var(--ff-transition-base)}.pricing-card.coral-card:hover{border-color:var(--ff-coral)}.pricing-card.amber-card:hover{border-color:var(--ff-sage)}.pricing-card.sky-card:hover{border-color:var(--ff-sky)}.pricing-card-gradient{height:8px;width:100%}.pricing-card-gradient.coral{background:linear-gradient(90deg,var(--ff-coral) 0%,var(--ff-amber) 100%)}.pricing-card-gradient.amber{background:linear-gradient(90deg,var(--ff-sage) 0%,var(--ff-sky) 100%)}.pricing-card-gradient.sky{background:linear-gradient(90deg,var(--ff-sky) 0%,var(--ff-violet) 100%)}.pricing-card-body{padding:32px;display:flex;flex-direction:column;flex:1}.pricing-card-top{flex:1}.pricing-tier-name{font-size:var(--ff-text-2xl-fluid);font-weight:var(--ff-weight-medium);color:var(--ff-text);margin-bottom:8px}.pricing-desc{font-size:var(--ff-text-base);color:var(--ff-text);margin-bottom:24px}.pricing-features{list-style:disc;margin-bottom:24px;padding-left:20px}.pricing-features li{font-size:var(--ff-text-base);color:var(--ff-text);padding:6px 0}.pricing-card-footer{margin-top:auto;padding-top:24px;border-top:1px solid rgba(0,0,0,.1)}.pricing-amount{font-size:var(--ff-text-xl-fluid);font-weight:var(--ff-weight-normal);color:var(--ff-text);margin-bottom:16px}.pricing-amount span{font-size:var(--ff-text-base);color:#6b6560}.pricing-btn{display:block;width:100%;padding:16px 20px;font-size:var(--ff-text-base);font-weight:var(--ff-weight-medium);text-align:center;border:none;background:var(--ff-text);color:var(--ff-bg);transition:all var(--ff-transition-base);cursor:pointer}.pricing-btn.coral:hover{background:linear-gradient(90deg,var(--ff-coral) 0%,var(--ff-amber) 100%);color:var(--ff-text)}.pricing-btn.amber:hover{background:linear-gradient(90deg,var(--ff-sage) 0%,var(--ff-sky) 100%);color:var(--ff-text)}.pricing-btn.sky:hover{background:linear-gradient(90deg,var(--ff-sky) 0%,var(--ff-violet) 100%);color:var(--ff-text)}.pricing-free-cta{margin-top:var(--ff-content-margin)}.pricing-free-cta p{font-size:var(--ff-text-base);color:#6b6560;margin-bottom:16px}.pricing-free-cta p:last-child{margin-bottom:0}.pricing-free-cta a{color:var(--ff-text);font-weight:var(--ff-weight-medium);text-decoration:underline;text-underline-offset:3px}.footer{background:#000;padding:var(--ff-section-padding-y)var(--ff-section-padding-x);position:relative;z-index:2;overflow:hidden}.footer-inner{max-width:var(--ff-content-max-width);margin:0 auto}.footer-logo{height:28px;width:auto;margin-bottom:24px;filter:brightness(0)invert(1)}.footer-tagline{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);line-height:var(--ff-leading-relaxed);color:rgba(255,255,255,.6);margin-bottom:8px}.footer-tagline a{color:var(--ff-bg);text-decoration:underline;text-underline-offset:2px}.footer-tagline a:hover{opacity:var(--ff-opacity-muted)}.footer-links{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);color:var(--ff-white-50);margin-top:32px;margin-bottom:8px}.footer-links a{color:var(--ff-white-50);text-decoration:none}.footer-links a:hover{color:var(--ff-bg)}.footer-copy{font-size:var(--ff-text-sm);font-weight:var(--ff-weight-normal);color:var(--ff-white-50)}.footer-copy a{color:var(--ff-white-50);text-decoration:none}.footer-copy a:hover{color:var(--ff-bg)}@media(max-width:1024px){.nav-links{display:none}.nav-hamburger{display:flex}.overview-bar-inner{grid-template-columns:repeat(2,1fr)}.overview-bar-item:nth-child(2){border-right:none}.hero-grid{grid-template-columns:1fr}.code-grid{grid-template-columns:1fr}.code-wrapper{align-items:flex-start}.code-panels{max-width:100%}.code-content .code-block{max-width:100%}.hero-hosting-grid{grid-template-columns:repeat(2,1fr)}.hosting-features{grid-template-columns:repeat(2,1fr)}.docs-cta-section{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}}@media(max-width:768px){.btn-outline,.btn-primary{display:none}.mobile-menu-auth{display:flex}.overview-bar-inner{grid-template-columns:1fr}.overview-bar-item{border-right:none;border-bottom:1px solid var(--ff-white-10)}.overview-bar-item:last-child{border-bottom:none}.hero-player,.player-inner,.recorder-container,.recorder-container fortyfour-audio-recorder{width:100%;max-width:100%;box-sizing:border-box}.player-header{flex-direction:column;align-items:flex-start}.recorder-features{grid-template-columns:1fr 1fr}.record-result.visible{display:block}.record-result-stats{flex-wrap:wrap}.code-block pre{overflow-x:auto}.hero-features-grid{grid-template-columns:1fr}.hero-feature-item{border-right:none}.hero-feature-item:last-child{border-bottom:none}.hero-features-grid::before{display:none}.hero-feature-item::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--highlight-color,#e0937e);transition:width .4s ease-out}.hero-feature-item.mobile-highlighted::after{width:100%}.design-system-grid{grid-template-columns:1fr}.design-system-preview{max-width:100%}.use-cases-grid{grid-template-columns:1fr}.use-case-item{border-right:none}.use-case-item:last-child{border-bottom:none}.docs-card{aspect-ratio:3/4}.docs-card-robot{width:70%;top:-25%;right:-30%}.docs-card-human{width:65%;bottom:-30%;left:-25%}.docs-card.touched .docs-card-robot{transform:scaleX(-1)translate(8%,16%)}.docs-card.touched .docs-card-human{transform:scaleX(-1)translate(-16%,-16%)}}@media(max-width:480px){.nav-tagline{display:none}.hero-headline{word-wrap:break-word}.hosting-features{grid-template-columns:1fr}.docs-card-robot{width:65%;top:-20%;right:-25%}.docs-card-human{width:60%;bottom:-25%;left:-20%}.docs-card.touched .docs-card-robot{transform:scaleX(-1)translate(10%,14%)}.docs-card.touched .docs-card-human{transform:scaleX(-1)translate(-14%,-14%)}}.error-page{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--ff-section-padding-x)}.error-content{max-width:500px}.error-title{font-size:var(--ff-text-3xl-fluid);font-weight:var(--ff-weight-semibold);line-height:var(--ff-leading-tight);margin:0 0 var(--ff-space-sm);letter-spacing:var(--ff-tracking-tight);background:var(--ff-gradient-rainbow);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.error-message{font-size:var(--ff-text-md-fluid);color:var(--ff-muted);line-height:var(--ff-leading-relaxed);margin:0 0 var(--ff-space-lg)}.error-btn{display:inline-block;padding:.875rem 2rem;background:var(--ff-text);color:var(--ff-bg);text-decoration:none;border-radius:var(--ff-radius-md);font-size:var(--ff-text-base);font-weight:var(--ff-weight-medium);transition:background var(--ff-transition-base),transform var(--ff-transition-fast)}.error-btn:hover{background:linear-gradient(90deg,var(--ff-coral),var(--ff-amber));color:var(--ff-text);transform:translateY(-2px)}.blog-section{padding:var(--ff-section-padding-y)var(--ff-section-padding-x);max-width:var(--ff-content-max-width);margin:0 auto}.blog-header{margin-bottom:var(--ff-space-xl)}.blog-title{font-size:var(--ff-text-3xl-fluid);font-weight:var(--ff-weight-normal);margin-bottom:var(--ff-space-sm)}.blog-desc{font-size:var(--ff-text-lg);color:var(--ff-muted)}.blog-grid{display:flex;flex-direction:column;gap:var(--ff-space-md)}.blog-card a{display:block;padding:var(--ff-space-md);border:1px solid var(--ff-border);text-decoration:none;transition:border-color var(--ff-transition-fast)}.blog-card a:hover{border-color:var(--ff-text)}.blog-card time{font-size:var(--ff-text-xs);color:var(--ff-muted);text-transform:uppercase;letter-spacing:.05em}.blog-card h2{font-size:var(--ff-text-lg);font-weight:var(--ff-weight-normal);color:var(--ff-text);margin:var(--ff-space-xs)0}.blog-card p{font-size:var(--ff-text-sm);color:var(--ff-muted);line-height:var(--ff-leading-relaxed)}.blog-post{padding:var(--ff-section-padding-y)var(--ff-section-padding-x);max-width:720px;margin:0 auto}.blog-post-header{margin-bottom:var(--ff-space-xl)}.blog-post-header h1{font-size:var(--ff-text-3xl-fluid);font-weight:var(--ff-weight-normal);margin:var(--ff-space-sm)0;line-height:var(--ff-leading-tight)}.blog-post-header time{font-size:var(--ff-text-sm);color:var(--ff-muted)}.blog-post-content{font-size:var(--ff-text-base);line-height:var(--ff-leading-relaxed)}.blog-post-content p{margin-bottom:var(--ff-space-md)}.blog-post-content h2{font-size:var(--ff-text-xl);font-weight:var(--ff-weight-medium);margin:var(--ff-space-lg)0 var(--ff-space-sm)}.blog-post-content h3{font-size:var(--ff-text-lg);font-weight:var(--ff-weight-medium);margin:var(--ff-space-md)0 var(--ff-space-xs)}.blog-post-content a{color:var(--ff-coral);text-decoration:underline;text-underline-offset:3px}.blog-post-content code{background:var(--ff-bg-subtle);padding:2px 6px;border-radius:var(--ff-radius-sm);font-size:.9em}.blog-post-content pre{background:var(--ff-text);color:var(--ff-bg);padding:var(--ff-space-md);border-radius:var(--ff-radius-md);overflow-x:auto;margin:var(--ff-space-md)0}.blog-post-content pre code{background:0 0;padding:0}.blog-post-footer{margin-top:var(--ff-space-xl);padding-top:var(--ff-space-md);border-top:1px solid var(--ff-border)}.blog-back-link{font-size:var(--ff-text-sm);color:var(--ff-muted);text-decoration:none}.blog-back-link:hover{color:var(--ff-text)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--ff-amber);outline-offset:2px}@media(prefers-reduced-motion:reduce){.player-inner,.gradient-text,.energy-line-vertical,.energy-line-horizontal-fill,.fade-in,.fade-in-delayed,.scale-in,.stagger-children>*{animation:none!important}*,*::before,*::after{transition-duration:.15s!important}}