.landing{--landing-width:1160px;--hairline:#1f1a1714;--ruled:#1f1a170b;flex-direction:column;min-height:100dvh;display:flex}.landing main{flex:1;overflow-x:clip}.landing .brand{padding:0;font-size:1.125rem}.landing [data-slot=button][data-variant=outline]{background:0 0;box-shadow:inset 0 0 0 1px #1f1a1733}.landing [data-slot=button][data-variant=outline]:hover{background:var(--secondary)}.landing-nav{z-index:20;width:100%;padding:14px max(32px, calc((100% - var(--landing-width)) / 2));background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:32px;display:flex;position:sticky;top:0}.landing-nav nav{gap:4px;display:flex}.landing-nav nav a{color:var(--muted-foreground);transition:color var(--duration-control) ease-out, background-color var(--duration-control) ease-out;border-radius:10px;padding:8px 14px;font-weight:600}.landing-nav nav a:hover{color:var(--foreground);background:var(--secondary)}.landing-nav-actions{gap:8px;margin-left:auto;display:flex}.landing-hero,.landing-section,.landing-apply{width:100%;max-width:calc(var(--landing-width) + 64px);margin:0 auto;padding-left:32px;padding-right:32px}.landing-hero{text-align:center;flex-direction:column;align-items:center;padding-top:80px;padding-bottom:32px;display:flex;position:relative}.landing-hero:before{content:"";z-index:-1;background:repeating-linear-gradient(to bottom, transparent 0 31px, var(--ruled) 31px 32px);pointer-events:none;position:absolute;inset:0 -50vw;-webkit-mask-image:radial-gradient(50% 45% at 50% 32%,#000 10%,#0000 70%);mask-image:radial-gradient(50% 45% at 50% 32%,#000 10%,#0000 70%)}.landing-eyebrow{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--muted-foreground);font-size:var(--text-small);border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 12px;font-weight:600;display:inline-flex}.landing-eyebrow:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px}.hero-copy h1{letter-spacing:-.02em;margin:24px 0 20px;font-size:3.75rem;line-height:1.18}.hero-break{display:none}.hero-lede{max-width:30em;color:var(--muted-foreground);margin:0 auto;font-size:1.1875rem;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:32px 0 14px;display:flex}.hero-actions [data-slot=button]{min-height:52px;padding:12px 24px}.trace{background:var(--card);text-align:left;width:100%;box-shadow:0 0 0 1px var(--hairline), 0 0 0 8px #fdfbf799, 0 30px 60px -20px #1f1a1740, 0 12px 24px -12px #1f1a171f;border-radius:20px;margin-top:64px;overflow:hidden}.trace-bar{border-bottom:1px solid var(--hairline);background:#f9f6f0;align-items:center;gap:10px;height:52px;padding:0 20px;display:flex}.trace-tag{background:var(--secondary);color:var(--muted-foreground);font-size:var(--text-small);border-radius:999px;padding:0 8px;font-weight:500}.trace-meta{color:var(--muted-foreground);font-size:var(--text-small);margin-left:auto}.trace-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);height:440px;display:grid}.trace-pane{flex-direction:column;min-height:0;padding:18px 24px 0;display:flex}.trace-pane+.trace-pane{border-left:1px solid var(--hairline);background:#faf7f2}.trace-pane-title{color:var(--muted-foreground);font-size:var(--text-small);margin-bottom:8px;font-weight:600}.trace-lines{scrollbar-width:none;flex:1;min-height:0;margin:0 -12px;padding:0 12px 24px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 24px calc(100% - 48px),#0000);mask-image:linear-gradient(#0000,#000 24px calc(100% - 48px),#0000)}.trace-lines::-webkit-scrollbar{display:none}.trace-line{transition:background-color var(--duration-content) ease-out;border-radius:12px;margin:0 -12px;padding:10px 12px}.trace-line.active{background:var(--segment-selected)}.trace-line p:first-child{font-size:var(--text-small);align-items:center;gap:6px;display:flex}.trace-line b{font-weight:600}.trace-line button{min-height:28px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:8px;padding:0 6px}.trace-line button:hover{background:var(--segment-hover);color:var(--foreground)}.trace-line p+p{margin-top:2px;line-height:1.75}.trace-notes{gap:2px}.trace-note{transition:background-color var(--duration-content) ease-out;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 12px;margin:0 -12px;padding:12px;display:grid}.trace-note.active{background:var(--note-active);box-shadow:inset 0 0 0 1px var(--hairline)}.trace-note p{line-height:1.7}.trace-owner{color:var(--muted-foreground);font-size:var(--text-small);white-space:nowrap;margin-left:8px}.trace-kind{background:var(--accent);color:var(--primary);font-size:var(--text-small);white-space:nowrap;border-radius:999px;padding:1px 8px;font-weight:600;line-height:1.6}.trace-sources{grid-column:2;gap:4px;margin-left:-8px;display:flex}.trace-sources button{min-height:32px;color:var(--primary);font-size:var(--text-small);font-variant-numeric:tabular-nums;transition:background-color var(--duration-control) ease-out;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.trace-sources button:hover{background:var(--secondary)}.trace-sources button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.trace-sources .lucide{width:14px;height:14px}.trace-player{background:var(--player-background);height:64px;color:var(--player-foreground);align-items:center;gap:14px;padding:0 20px;display:flex}.trace-play{background:var(--player-foreground);width:40px;height:40px;color:var(--player-background);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.trace-play:focus-visible{outline:2px solid var(--player-foreground);outline-offset:2px}.trace-time{color:var(--player-muted);font-size:var(--text-small);font-variant-numeric:tabular-nums;flex:none}.trace-wave{flex:1;justify-content:space-between;align-items:center;min-width:0;height:34px;display:flex;position:relative}.trace-wave i{background:var(--player-rest);border-radius:1px;width:2px;transition:background-color .4s ease-out}.trace-wave i.played{background:var(--player-progress)}.trace-head-line{background:var(--brand);border-radius:1px;width:2px;margin-left:-1px;transition:left .64s cubic-bezier(.3,.7,.2,1);position:absolute;top:-6px;bottom:-6px}.landing-section{padding-top:96px;padding-bottom:96px}.section-eyebrow{color:var(--brand-text);font-size:var(--text-small);letter-spacing:.04em;margin-bottom:12px;font-weight:600}.section-title{letter-spacing:-.01em;font-size:2.25rem;line-height:1.3}.section-lede{max-width:40em;font-size:var(--text-body);color:var(--muted-foreground);margin-top:14px;line-height:1.8}.section-lede b{color:var(--foreground);font-weight:600}.showcase{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:80px;display:grid}.showcase+.showcase{margin-top:120px}.showcase.reverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.showcase.reverse .showcase-copy{order:2}.showcase-copy h3{letter-spacing:-.01em;font-size:2.25rem;line-height:1.3}.showcase-copy>p:not(.section-eyebrow){color:var(--muted-foreground);font-size:var(--text-body);margin-top:16px;line-height:1.8}.showcase-copy ul{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin:28px 0 0;padding:24px 0 0;list-style:none;display:flex}.showcase-copy li{padding-left:22px;line-height:1.7;position:relative}.showcase-copy li:before{content:"";background:var(--wave-muted);border-radius:2px;width:8px;height:8px;position:absolute;top:.6em;left:2px}.showcase-shot{box-shadow:inset 0 0 0 1px var(--hairline);background:#e9e1d3;border-radius:24px;justify-content:center;margin:0;padding:48px;display:flex;overflow:hidden}.showcase-shot img{width:100%;height:auto;box-shadow:0 0 0 1px var(--hairline), 0 24px 48px -16px #1f1a1733;border-radius:16px;display:block}.showcase-shot.narrow{padding-bottom:0}.showcase-shot.narrow img{border-radius:16px 16px 0 0;max-width:460px}.template-list{border-top:1px solid var(--border);margin:28px 0 0;padding:8px 0 0}.template-list>div{padding:14px 0}.template-list>div+div{border-top:1px solid var(--border)}.template-list dt{flex-wrap:wrap;gap:4px 12px;font-weight:600;display:flex}.template-list dt span{min-width:6em;color:var(--muted-foreground);font-weight:500}.template-list dd{color:var(--muted-foreground);font-size:var(--text-small);margin:4px 0 0;line-height:1.7}.feature-grid{background:var(--hairline);box-shadow:0 0 0 1px var(--hairline);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:120px;display:grid;overflow:hidden}.feature{background:var(--card);padding:28px}.feature-icon{background:var(--accent);width:36px;height:36px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.feature-icon .lucide{width:18px;height:18px}.feature h3{margin-top:16px;font-size:1.0625rem}.feature p{color:var(--muted-foreground);font-size:var(--text-small);margin-top:6px;line-height:1.7}.landing-trust{background:var(--player-background);color:var(--player-foreground);--ring:var(--player-foreground);margin:24px 0;padding:96px 32px}.landing-trust-inner{max-width:var(--landing-width);margin:0 auto}.landing-trust .section-eyebrow{color:var(--player-progress)}.landing-trust h2{letter-spacing:-.01em;font-size:2.25rem;line-height:1.3}.landing-trust ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:48px 0 36px;padding:0;list-style:none;display:grid}.landing-trust li{border-top:1px solid #f5f1ea26;padding-top:20px}.landing-trust b{font-size:1.0625rem;font-weight:600;display:block}.landing-trust span{color:var(--player-muted);margin-top:8px;line-height:1.75;display:block}.trust-link{color:var(--player-foreground);align-items:center;gap:6px;font-weight:600;display:inline-flex}.trust-link:hover{color:var(--player-progress)}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.plan{background:var(--card);box-shadow:0 0 0 1px var(--hairline), var(--shadow-surface);border-radius:20px;flex-direction:column;padding:28px;display:flex}.plan.featured{background:var(--player-background);color:var(--player-foreground);box-shadow:0 30px 60px -24px #1f1a1766}.plan h3{font-size:1.0625rem}.plan-price{align-items:baseline;gap:8px;margin:18px 0 6px;display:flex}.plan-price b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.75rem;font-weight:600;line-height:1.15}.plan-price span,.plan-detail{color:var(--muted-foreground)}.plan.featured :is(.plan-price span,.plan-detail){color:var(--player-muted)}.plan-detail{min-height:3.2em;font-size:var(--text-small)}.plan ul{border-top:1px solid var(--border);font-size:var(--text-small);flex-direction:column;gap:10px;margin:20px 0 0;padding:20px 0 0;list-style:none;display:flex}.plan.featured ul{border-color:#f5f1ea26}.plan li{padding-left:22px;position:relative}.plan li:before{content:"";opacity:.55;border-bottom:2px solid;border-left:2px solid;width:10px;height:6px;position:absolute;top:.35em;left:1px;transform:rotate(-45deg)}.plan ul{flex-grow:1}.plan-buy{margin-top:28px}.landing .plan.featured [data-slot=button]{background:var(--card);color:var(--foreground);box-shadow:none}.landing .plan.featured [data-slot=button]:hover{background:var(--secondary)}#faq{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:64px;display:grid}.faq-head .section-lede{font-size:var(--text-small)}.faq-list details{border-top:1px solid var(--border)}.faq-list details:last-child{border-bottom:1px solid var(--border)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:1.0625rem;font-weight:600;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--muted-foreground);transition:transform var(--duration-content) ease-out;font-size:1.5rem;font-weight:400;line-height:1}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{max-width:44em;color:var(--muted-foreground);padding:0 0 22px;line-height:1.8}.landing-apply{padding-top:24px;padding-bottom:96px;scroll-margin-top:48px}.landing-apply-inner{background:var(--player-background);color:var(--player-foreground);text-align:center;isolation:isolate;--ring:var(--player-foreground);border-radius:28px;padding:80px 32px;position:relative;overflow:hidden}.landing-apply-inner:before{content:"";z-index:-1;background:repeating-linear-gradient(#0000 0 31px,#f5f1ea0f 31px 32px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80%,#000 10%,#0000 80%);mask-image:radial-gradient(70% 80%,#000 10%,#0000 80%)}.landing-apply h2{letter-spacing:-.01em;font-size:2.25rem;line-height:1.3}.landing-apply p{color:var(--player-muted);font-size:var(--text-body);margin-top:12px;line-height:1.8}.landing-apply .hero-actions{align-items:center;gap:20px;margin-bottom:0}.landing .landing-apply [data-slot=button]{background:var(--card);color:var(--foreground);box-shadow:none}.landing .landing-apply [data-slot=button]:hover{background:var(--secondary)}.apply-login{color:var(--player-muted);font-weight:600}.apply-login:hover{color:var(--player-foreground)}.signup-panel{max-width:460px}.signup-panel>.muted{line-height:1.8}.signup-panel .apply-form{margin-top:28px}.apply-form fieldset{border:0;min-width:0;margin:0;padding:0}.apply-form>[data-slot=button]{justify-content:space-between}.apply-done{flex-direction:column;gap:12px;padding:24px 0;display:flex}.apply-done>.lucide{width:28px;height:28px;color:var(--primary)}.apply-done h3{font-size:1.25rem}.site-footer{width:100%;max-width:calc(var(--landing-width) + 64px);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px 32px;margin:0 auto;padding:32px;display:flex}.site-footer nav{flex-wrap:wrap;gap:4px 24px;display:flex}.site-footer nav a{color:var(--muted-foreground);font-weight:500}.site-footer nav a:hover{color:var(--foreground)}.site-footer>p{flex-basis:100%}.legal{width:100%;max-width:760px;margin:0 auto;padding:48px 32px 80px}.legal h1{font-size:2.25rem}.legal>.muted{margin-top:8px}.legal-draft{background:var(--warning-background);color:var(--warning);border-radius:12px;margin:24px 0 8px;padding:12px 16px}.legal h2{margin:40px 0 12px;font-size:1.25rem}.legal p,.legal li{font-size:var(--text-body);line-height:1.9}.legal p+p{margin-top:12px}.legal ul{flex-direction:column;gap:6px;margin:0;padding-left:1.25em;display:flex}.legal b{font-weight:600}.share{width:100%;max-width:880px;padding:24px 32px calc(var(--player-height,0px) + var(--player-bottom) + 32px);margin:0 auto}.share-heading h1{font-size:var(--text-title)}.share-tabs{width:fit-content;max-width:100%;margin:24px 0 16px;overflow-x:auto}.share-tabs button{white-space:nowrap;flex:none}.share-body{padding:8px 28px 24px}.share .audio-player{width:min(816px,100vw - 64px);left:50%}.share-segment{transition:background-color var(--duration-content) ease-out;border-radius:12px;grid-template-columns:64px minmax(0,1fr);gap:12px;margin:0 -12px;padding:14px 12px;display:grid}.share-segment+.share-segment{margin-top:2px}.share-segment.playing{background:var(--note-active)}.share-segment strong{font-weight:600}.share-segment p{font-size:var(--text-body);line-height:1.8}.share-time{min-height:32px;color:var(--primary);background:0 0;border:0;border-radius:8px;align-self:start;padding:0 6px}.share-time:hover{background:var(--secondary)}.share-missing{text-align:center;max-width:560px;margin:0 auto;padding:120px 32px}.share-missing h1{margin-bottom:12px}@media (max-width:1080px){.hero-copy h1{font-size:3.25rem}.hero-break{display:inline}.landing-trust ul,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase{gap:48px}#faq{gap:40px}}@media (max-width:900px){.landing-nav nav{display:none}.showcase,.showcase.reverse{grid-template-columns:minmax(0,1fr);gap:32px}.showcase+.showcase{margin-top:80px}.showcase.reverse .showcase-copy{order:0}.feature-grid{margin-top:80px}#faq{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:760px){.trace{border-radius:16px;margin-top:48px}.trace-body{grid-template-columns:minmax(0,1fr);height:auto}.trace-lines{flex:none;height:228px}.trace-pane+.trace-pane{border-left:0;border-top:1px solid var(--hairline);padding-bottom:12px}.plan-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.landing-nav{gap:12px;padding:10px 16px}.landing-hero,.landing-section,.landing-apply{padding-left:16px;padding-right:16px}.landing-hero{padding-top:40px;padding-bottom:56px}.hero-copy h1{margin:18px 0 16px;font-size:2.25rem}.hero-lede{font-size:var(--text-body)}.hero-actions [data-slot=button]{flex:1}.trace{box-shadow:0 0 0 1px var(--hairline), 0 20px 40px -20px #1f1a1740}.trace-bar,.trace-player{padding:0 14px}.trace-pane{padding:14px 16px 0}.trace-meta,.trace-wave i:nth-child(2n){display:none}.landing-section{padding-top:64px;padding-bottom:64px}.section-title,.landing-trust h2,.landing-apply h2,.showcase-copy h3{font-size:1.75rem}.feature-grid,.landing-trust ul{grid-template-columns:minmax(0,1fr)}.feature-grid{border-radius:16px}.feature{padding:22px}.landing-apply{padding-bottom:64px}.landing-apply-inner{border-radius:20px;padding:56px 20px}.showcase-shot{border-radius:18px;padding:20px}.showcase-shot img{border-radius:10px}.showcase-shot.narrow img{border-radius:10px 10px 0 0}.landing-trust{padding:64px 16px}.site-footer{padding:24px 16px}.legal{padding:32px 16px 56px}.legal h1{font-size:1.75rem}.share{padding-left:16px;padding-right:16px}.share-tabs{width:100%}.share-tabs button{flex:1 0 auto;padding:0 12px}.share-body{padding:4px 16px 16px}.share .audio-player{width:calc(100vw - 24px)}.share-segment{grid-template-columns:minmax(0,1fr);gap:2px}.share-time{justify-self:start;margin-left:-6px}}