.landing-page{min-height:100vh;overflow:hidden}.landing-page a{text-decoration:none}.landing-nav{justify-content:space-between;align-items:center;max-width:1280px;height:76px;margin:0 auto;padding:20px 56px;display:flex;position:relative}.brand{color:var(--color-cream);font:400 19px/1 var(--font-serif);align-items:center;gap:10px;display:inline-flex}.desktop-nav{align-items:center;gap:32px;font-size:13px;font-weight:500;display:flex}.desktop-nav>a:not(.primary-pill),.landing-footer a{color:color-mix(in srgb, var(--color-paper) 70%, transparent);transition:color .18s}.desktop-nav>a:hover,.landing-footer a:hover,.desktop-nav>a:focus-visible,.landing-footer a:focus-visible{color:var(--color-amber)}.primary-pill{background:var(--color-amber);min-height:36px;color:var(--color-ink);border-radius:9999px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:600;transition:filter .18s;display:inline-flex}.primary-pill:hover,.primary-pill:focus-visible,.primary-button:hover,.primary-button:focus-visible,.listen-button:hover,.listen-button:focus-visible{filter:brightness(1.1)}.mobile-nav-actions,.mobile-menu{display:none}.hero{text-align:center;flex-direction:column;align-items:center;gap:44px;padding:64px 56px 40px;display:flex}.hero-copy{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:760px;display:flex}.eyebrow{color:var(--color-amber);font:500 11px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;margin:0}.hero h1{color:var(--color-cream);font:400 72px/1.02 var(--font-serif);letter-spacing:-.02em;text-wrap:balance;margin:0}.hero-intro{max-width:560px;color:color-mix(in srgb, var(--color-paper) 70%, transparent);text-wrap:pretty;margin:0;font-size:18px;line-height:1.55}.listen-form{gap:8px;width:100%;max-width:560px;margin-top:6px;display:flex}.url-field{border:1px solid color-mix(in srgb, var(--color-amber) 45%, transparent);background:#ffffff0d;border-radius:12px;flex:1;align-items:center;min-width:0;height:52px;padding:0 16px;display:flex}.url-field:focus-within{border-color:color-mix(in srgb, var(--color-amber) 75%, transparent);box-shadow:0 0 0 3px #f2a33c17}.url-field input{width:100%;min-width:0;height:100%;color:var(--color-paper);font:500 13px/1 var(--font-mono);background:0 0;border:0;outline:0}.url-field input::placeholder{color:color-mix(in srgb, var(--color-paper) 45%, transparent)}.paste-button{display:none}.listen-button{background:var(--color-amber);height:52px;color:var(--color-ink);font:600 14px/1 var(--font-sans);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;transition:filter .18s;display:inline-flex}.form-feedback{min-height:0;color:color-mix(in srgb, var(--color-paper) 55%, transparent);margin:-14px 0 -8px;font-size:12px}.form-feedback:empty{display:none}.hero-note{color:color-mix(in srgb, var(--color-paper) 50%, transparent);margin:0;font-size:12px}.mobile-note{display:none}.living-stage{background:var(--color-surface);text-align:left;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:880px;padding:44px 52px 36px;position:relative}.stage-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.stage-link:focus-visible{outline:2px solid var(--color-amber);outline-offset:3px}.stage-content{pointer-events:none;flex-direction:column;gap:28px;display:flex}.stage-meta{color:color-mix(in srgb, var(--color-paper) 50%, transparent);justify-content:space-between;align-items:center;font-size:11px;display:flex}.source{align-items:center;gap:6px;display:inline-flex}.source-icon{background:#ffffff1f;border-radius:4px;width:16px;height:16px}.tempo{color:var(--color-amber);font:600 11px/1 var(--font-mono)}.living-copy{color:color-mix(in srgb, var(--color-paper) 28%, transparent);font:400 34px/1.35 var(--font-serif);letter-spacing:-.008em;flex-wrap:wrap;gap:0 .28em;margin:0;display:flex}.living-copy span{transition:color .18s}.living-copy span.read{color:var(--color-cream)}.living-copy span.current{color:var(--color-amber)}.stage-progress{color:color-mix(in srgb, var(--color-paper) 50%, transparent);font:500 11px/1 var(--font-mono);align-items:center;gap:14px;display:flex}.progress-track{background:color-mix(in srgb, var(--color-paper) 12%, transparent);border-radius:2px;flex:1;height:2px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--color-amber);width:4%;height:100%;transition:width .18s;display:block}.demo-toggle{background:var(--color-amber);width:40px;height:40px;color:var(--color-ink);z-index:2;pointer-events:auto;cursor:pointer;border:0;border-radius:9999px;place-items:center;margin-left:6px;padding:0;display:grid;position:relative}.demo-toggle .play-icon,.demo-toggle[aria-pressed=true] .pause-icon{display:none}.demo-toggle[aria-pressed=true] .play-icon{display:block}.section-shell{max-width:1280px;margin:0 auto;padding-inline:56px}.how-section{padding-top:88px}.section-heading{flex-direction:column;gap:10px;max-width:640px;display:flex}.section-heading h2,.pricing-heading h2{color:var(--color-cream);font:400 40px/1.1 var(--font-serif);letter-spacing:-.014em;text-wrap:balance;margin:0}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;display:grid}.step-card{background:var(--color-surface);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:14px;min-height:220px;padding:28px;display:flex}.step-number{color:var(--color-amber);font:500 12px/1 var(--font-mono)}.step-card h3{color:var(--color-cream);font:400 24px/1.2 var(--font-serif);margin:0}.step-card p{color:color-mix(in srgb, var(--color-paper) 65%, transparent);margin:14px 0 0;font-size:14px;line-height:1.55}.why-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;padding-top:96px;padding-bottom:96px;display:grid}.why-section h2{color:var(--color-cream);font:400 44px/1.15 var(--font-serif);letter-spacing:-.014em;text-wrap:balance;margin:0}.why-section h2 span{color:var(--color-amber)}.why-copy{color:color-mix(in srgb, var(--color-paper) 70%, transparent);flex-direction:column;gap:22px;font-size:15px;line-height:1.6;display:flex}.why-copy p{margin:0}.facts{color:color-mix(in srgb, var(--color-paper) 55%, transparent);font:500 12px/1.4 var(--font-mono);gap:28px;padding-top:6px;display:flex}.facts strong{color:var(--color-cream);font-weight:600}.pricing-section{padding-bottom:96px}.pricing-heading{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.pricing-heading>p:last-child{color:color-mix(in srgb, var(--color-paper) 60%, transparent);margin:0;font-size:15px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;max-width:760px;margin:40px auto 0;display:grid}.price-card{background:var(--color-surface);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:18px;min-height:330px;padding:30px;display:flex}.pro-card{border-color:color-mix(in srgb, var(--color-amber) 50%, transparent);background:color-mix(in srgb, var(--color-amber) 8%, transparent)}.plan-row{justify-content:space-between;display:flex}.plan-label{color:color-mix(in srgb, var(--color-paper) 70%, transparent);font-size:13px;font-weight:600}.pro-card .plan-label,.trial-label{color:var(--color-amber)}.trial-label{text-transform:uppercase;font:600 11px/1 var(--font-mono)}.free-price-row{flex-direction:column;gap:18px;display:flex}.price{color:var(--color-cream);font:400 40px/1 var(--font-serif)}.price span{color:color-mix(in srgb, var(--color-paper) 60%, transparent);font:400 14px/1 var(--font-sans)}.monthly-price{color:color-mix(in srgb, var(--color-paper) 50%, transparent);margin:-10px 0 0;font-size:12px}.price-card ul{color:color-mix(in srgb, var(--color-paper) 70%, transparent);flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.pro-card ul{color:color-mix(in srgb, var(--color-paper) 85%, transparent)}.card-button{min-height:44px;color:var(--color-cream);border-radius:9999px;justify-content:center;align-items:center;margin-top:auto;font-size:14px;font-weight:600;transition:border-color .18s,filter .18s;display:flex}.outline-button{border:1px solid #ffffff24}.outline-button:hover,.outline-button:focus-visible{border-color:#ffffff40}.primary-button{background:var(--color-amber);color:var(--color-ink)}.free-mobile-description{display:none}.writing-section{width:calc(100% - 112px);max-width:880px;margin:0 auto;padding-bottom:96px}.writing-heading{justify-content:space-between;align-items:baseline;display:flex}.writing-heading h2{color:var(--color-cream);font:400 28px/1 var(--font-serif);letter-spacing:-.01em;margin:0}.writing-heading a{color:var(--color-amber);font-size:13px;font-weight:500}.writing-section ul{flex-direction:column;gap:10px;margin:28px 0 0;padding:0;list-style:none;display:flex}.post-row{border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;gap:24px;padding:18px 20px;transition:border-color .18s;display:flex}.post-row:hover,.post-row:focus-visible{border-color:color-mix(in srgb, var(--color-amber) 40%, transparent)}.post-copy{flex-direction:column;gap:4px;display:flex}.post-title{color:var(--color-cream);font-size:15px;font-weight:600;transition:color .18s}.post-row:hover .post-title,.post-row:focus-visible .post-title{color:var(--color-amber)}.post-description{color:color-mix(in srgb, var(--color-paper) 50%, transparent);font-size:13px}.post-row time{color:color-mix(in srgb, var(--color-paper) 40%, transparent);font:500 11px/1 var(--font-mono);white-space:nowrap;flex:none}.landing-footer{min-height:76px;color:color-mix(in srgb, var(--color-paper) 50%, transparent);border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:24px;padding:28px 56px;font-size:12px;display:flex}.landing-footer nav{gap:24px;display:flex}.landing-footer .footer-brand{color:var(--color-cream);font:400 15px/1 var(--font-serif)}@media (width<=899px){.desktop-nav{display:none}.mobile-nav-actions{align-items:center;gap:6px;display:flex}.mobile-nav-actions .primary-pill{height:36px;min-height:36px;padding-inline:14px;position:relative}.mobile-nav-actions .primary-pill:before{content:"";position:absolute;inset:-4px 0}.menu-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:flex}.menu-toggle span{background:color-mix(in srgb, var(--color-paper) 80%, transparent);width:18px;height:1.5px;transition:transform .18s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.mobile-menu{z-index:10;background:var(--color-surface);border:1px solid #ffffff1a;border-radius:14px;width:min(220px,100vw - 32px);padding:8px;position:absolute;top:76px;right:16px;box-shadow:0 18px 45px #0000005c}.mobile-menu:not([hidden]){flex-direction:column;display:flex}.mobile-menu a{min-height:44px;color:color-mix(in srgb, var(--color-paper) 80%, transparent);border-radius:9px;align-items:center;padding:0 12px;font-size:14px;display:flex}.mobile-menu a:hover,.mobile-menu a:focus-visible{color:var(--color-amber);background:#ffffff0d}}@media (width<=639px){.landing-nav{height:60px;padding:0 16px 0 20px}.mobile-menu{top:60px}.brand{gap:8px;min-height:44px;font-size:17px}.hero{text-align:left;align-items:stretch;gap:0;padding:36px 20px 0}.hero-copy{align-items:stretch;gap:18px}.hero h1{max-width:310px;font-size:46px}.hero-title-line{display:block}.hero-intro{font-size:16px;line-height:1.5}.listen-form{flex-direction:column;margin-top:4px}.paste-button{height:44px;color:color-mix(in srgb, var(--color-paper) 70%, transparent);font:500 12px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;align-items:center;margin-right:-8px;padding:0 8px;display:inline-flex}.listen-button{width:100%;font-size:15px}.form-feedback{margin:-12px 0 -10px;line-height:1.4}.desktop-note{display:none}.mobile-note{display:inline}.hero-note{line-height:1.5}.living-stage{border-radius:18px;width:calc(100% + 8px);margin:32px -4px 0;padding:24px 22px 22px}.stage-content{gap:20px}.source-icon{display:none}.living-copy{gap:0 .26em;font-size:24px;line-height:1.4}.stage-progress{gap:10px;font-size:10px}.demo-toggle{flex:none;width:44px;height:44px;margin-left:4px}.section-shell{padding-inline:20px}.how-section{padding-top:64px}.section-heading{gap:8px}.section-heading h2,.pricing-heading h2{font-size:30px}.steps-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}.step-card{border-radius:14px;grid-template-columns:28px 1fr;gap:10px;min-height:0;padding:20px;display:grid}.step-card h3{font-size:21px}.step-card p{margin-top:8px;line-height:1.5}.why-section{grid-template-columns:1fr;gap:24px;padding-top:64px;padding-bottom:64px}.why-section h2{font-size:32px}.why-copy{gap:20px}.why-secondary{display:none}.facts{flex-wrap:wrap;gap:12px 20px}.pricing-section{padding-bottom:56px}.pricing-heading{text-align:left;align-items:flex-start;gap:8px}.pricing-heading>p:last-child{font-size:14px}.pricing-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}.price-card{border-radius:14px;min-height:0;padding:24px}.pro-card{order:-1}.price{font-size:36px}.card-button{min-height:48px}.free-card{gap:12px}.free-price-row{flex-direction:row;justify-content:space-between;align-items:baseline;gap:16px}.free-card .price{font-size:32px}.free-card ul,.free-card .card-button{display:none}.free-mobile-description{color:color-mix(in srgb, var(--color-paper) 65%, transparent);font-size:13px;line-height:1.5;display:block}.writing-section{width:auto;margin-inline:20px;padding-bottom:56px}.writing-heading h2{font-size:24px}.writing-heading a{align-items:center;min-height:44px;display:inline-flex}.writing-section ul{gap:8px;margin-top:16px}.post-row{flex-direction:column;gap:4px;padding:16px}.post-description{line-height:1.45}.post-row time{display:none}.landing-footer{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 20px 32px}.landing-footer nav{flex-wrap:wrap;gap:16px}.landing-footer a{align-items:center;min-height:44px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
