.auraflow-landing{--af-line: .0625rem;--af-unit: .25rem;--af-gap: clamp(1.5rem, 5vw, 4rem);--af-section: clamp(4rem, 8vw, 8rem);color:var(--color-fg);background:var(--color-bg);overflow:clip}.auraflow-landing .af-wrap{max-width:90rem;padding-inline:var(--af-gap);margin-inline:auto}.auraflow-landing h1,.auraflow-landing h2,.auraflow-landing h3{font-family:var(--font-display);text-wrap:balance}.auraflow-landing h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1}.auraflow-landing p{line-height:1.7;text-wrap:pretty}.auraflow-landing a:not([class*=inline-flex]){text-decoration:underline;text-underline-offset:var(--af-unit)}.af-hero{padding-block:var(--af-section) 3rem;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem;align-items:center}.af-hero-heading{z-index:1}.af-hero h1{font-size:clamp(4rem,9vw,8rem);line-height:1;letter-spacing:-.035em}.af-lead{font-size:clamp(1.5rem,2.4vw,2.5rem);font-family:var(--font-display);margin-top:2rem;max-width:22ch}.af-intro{color:var(--color-fg-secondary);margin-top:1.5rem;max-width:48ch}.af-composition{position:relative;padding-top:3rem;min-width:0}.af-wave{height:9rem;display:flex;gap:.5rem;align-items:center;justify-content:center;transform:translateY(calc(var(--af-depth, 0) * -2rem))}.af-wave i{display:block;height:var(--af-bar);width:.5rem;background:var(--color-signal);opacity:.55;transform:scaleY(calc(1 - var(--af-depth, 0) * .65))}.af-composition blockquote{position:relative;margin:-1rem 0 0 2rem;padding:2rem;border:var(--af-line) solid var(--color-border);border-left:calc(var(--af-line) * 2) solid var(--color-signal);background:var(--color-surface-raised);font:400 clamp(1.25rem,2vw,1.75rem)/1.5 var(--font-display);transform:translateY(calc(var(--af-depth, 0) * -4rem))}.af-composition figcaption{color:var(--color-fg-muted);font-size:.75rem;line-height:1.6;margin:1.5rem 0 0 2rem}.af-actions{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;font-size:.875rem}.af-hero>.af-actions{grid-column:1 / -1;margin-top:1rem}.af-motion{justify-self:start;font-size:.875rem;border-bottom:var(--af-line) solid var(--color-fg-muted);padding-block:.5rem;color:var(--color-fg-secondary);cursor:pointer}.af-source{padding-block:var(--af-section);display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end}.af-source p{color:var(--color-fg-secondary);max-width:52ch}.af-transcript{height:230svh;background:var(--color-surface);border-block:var(--af-line) solid var(--color-border);scroll-margin-top:3.5rem}.af-stage{position:sticky;top:0;min-height:100svh;padding-block:5rem 3rem;display:flex;flex-direction:column;justify-content:center}.af-stage-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end}.af-stage-intro p{color:var(--color-fg-secondary);max-width:42ch}.af-playhead{display:flex;align-items:center;gap:1.5rem;margin-block:3rem;color:var(--color-fg-muted);font:.875rem/1.5 var(--font-mono)}.af-playhead>div{flex:1;position:relative;height:1.5rem}.af-playhead>div:before{content:"";position:absolute;inset:50% 0 auto;border-top:var(--af-line) solid var(--color-fg-muted)}.af-playhead i{position:absolute;height:1.5rem;width:calc(var(--af-line) * 2);background:var(--color-signal);left:0;transform:translate(calc(var(--af-progress, 0) * (min(90rem,100vw) - 2 * var(--af-gap) - 12rem)))}.af-outputs{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:0}.af-outputs li{padding:1.5rem 0;border-top:calc(var(--af-line) * 2) solid var(--color-border)}.af-outputs h3{font-size:1.25rem;color:var(--color-fg-muted)}.af-outputs p{margin-top:1.5rem;font-size:clamp(1.125rem,2vw,1.5rem)}.af-transcript[data-active="0"] [data-af-output="0"],.af-transcript[data-active="1"] [data-af-output="1"],.af-transcript[data-active="2"] [data-af-output="2"]{border-color:var(--color-signal)}.af-transcript[data-active="0"] [data-af-output="0"] h3,.af-transcript[data-active="1"] [data-af-output="1"] h3,.af-transcript[data-active="2"] [data-af-output="2"] h3{color:var(--color-fg)}.af-check{max-width:70ch;margin-top:2rem;color:var(--color-fg-muted);font-size:.875rem}.af-local{padding-block:var(--af-section);display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.af-local p{color:var(--color-fg-secondary);margin-top:1.5rem;max-width:54ch}.af-device{padding:2rem;border:var(--af-line) solid var(--color-signal);border-radius:var(--radius-card);background:var(--color-bg-deep);clip-path:inset(0 calc((1 - var(--af-reveal, 1)) * 15%) 0 0)}.af-device>span{font:1.5rem/1.5 var(--font-display)}.af-device>div{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.af-device strong{font-weight:400;border-left:var(--af-line) solid var(--color-border);padding-left:1rem;font-family:var(--font-mono);color:var(--color-fg-secondary)}.af-platforms{padding-block:0 var(--af-section)}.af-platform-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3rem;align-items:end}.af-platform-intro p{color:var(--color-fg-secondary);max-width:50ch}.af-platforms dl>div{display:grid;grid-template-columns:1fr 2fr;gap:3rem;border-top:var(--af-line) solid var(--color-border);padding-block:2rem}.af-platforms dt{font:2rem/1.2 var(--font-display)}.af-platforms dd strong{font-weight:500}.af-platforms dd p{color:var(--color-fg-muted);margin-top:.5rem}.af-close{background:var(--color-bg-deep);border-top:var(--af-line) solid var(--color-border);padding-block:var(--af-section)}.af-close h2{max-width:20ch}.af-close p{max-width:58ch;color:var(--color-fg-secondary);margin-top:1.5rem}.af-close .af-actions{margin-top:2rem}.af-close .af-credit{max-width:90ch;font-size:.75rem;color:var(--color-fg-muted);padding-top:2rem;margin-top:4rem;border-top:var(--af-line) solid var(--color-border)}.auraflow-landing[data-motion=off] .af-transcript{height:auto}.auraflow-landing[data-motion=off] .af-stage{position:relative;min-height:auto;padding-block:var(--af-section)}.auraflow-landing[data-motion=off] .af-wave,.auraflow-landing[data-motion=off] .af-wave i,.auraflow-landing[data-motion=off] blockquote,.auraflow-landing[data-motion=off] .af-playhead i{transform:none}.auraflow-landing[data-motion=off] .af-device{clip-path:none}@media (max-width: 52rem){.af-hero{grid-template-columns:1fr;gap:2rem;padding-top:3rem}.af-hero h1{font-size:clamp(3.5rem,15vw,6rem)}.af-composition{padding-top:0}.af-composition blockquote,.af-composition figcaption{margin-left:0}.af-wave{height:7rem;gap:.375rem}.af-wave i{width:.375rem}.af-source,.af-stage-intro,.af-local,.af-platform-intro{grid-template-columns:1fr;gap:1.5rem}.af-transcript{height:auto}.af-stage{position:relative;min-height:auto;padding-block:var(--af-section)}.af-outputs{grid-template-columns:1fr;gap:1rem}.af-outputs li{padding-block:1rem}.af-outputs p{margin-top:.5rem}.af-playhead{display:none}.af-platforms dl>div{grid-template-columns:1fr;gap:1rem}.af-platforms dt{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.af-transcript{height:auto}.af-stage{position:relative;min-height:auto;padding-block:var(--af-section)}.af-wave,.af-wave i,.af-composition blockquote,.af-playhead i{transform:none!important}.af-device{clip-path:none}}@media (max-height: 46rem){.af-transcript{height:auto}.af-stage{position:relative;min-height:auto;padding-block:var(--af-section)}}
