.landing{--landing-bg:#111113;--landing-surface:#1c1c1e;--landing-surface-hover:#2c2c2e;--landing-border:#ffffff0f;--landing-border-lit:#ffffff1a;--landing-edge-hi:#ffffff1a;--landing-edge-lo:#00000073;--landing-text:#ffffffeb;--landing-text-dim:#ffffff80;--landing-text-muted:#ffffff4d;--landing-accent:#4a9eff;--landing-accent-hi:#6bb0ff;--landing-accent-lo:#2d6eb8;--landing-accent-glow:#4a9eff26;--landing-panel-shadow:0 1px 0 #ffffff0a inset, 0 8px 22px -12px #00000073;--landing-panel-shadow-hover:0 1px 0 #ffffff0d inset, 0 12px 28px -10px #0000008c;--landing-amber:#f5a623;--landing-syntax-key:#7ec8e3;--landing-syntax-kw:#c792ea;--landing-syntax-str:#4a9eff;isolation:isolate;color:var(--landing-text);font-family:var(--peal-font);font-weight:var(--peal-font-weight);letter-spacing:var(--peal-tracking);line-height:var(--peal-leading);background-color:#111113;background-image:radial-gradient(105% 65% at 50% -12%,#4a9eff05,#0000 64%),radial-gradient(72% 42% at 50% 0,#ffffff02,#0000 56%),linear-gradient(#121214 0%,#111113 32%,#0f0f11 100%);min-height:100vh;position:relative}.landing:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(68% 42% at 50% 0,#4a9eff04,#0000 74%),radial-gradient(120% 80% at 50% 100%,#0000002e,#0000 60%);position:fixed;inset:0}.landing{--landing-gutter:clamp(24px, 4vw, 48px);--landing-content-max:1200px;--landing-content-narrow:680px}.landing .landing-band{z-index:1;border-top:1px solid #ffffff0a;width:100%;position:relative;box-shadow:0 -1px #00000059}.landing .landing-band--hero{box-shadow:none;border-top:none}.landing .landing-band-inner{width:100%;max-width:var(--landing-content-max);padding-left:var(--landing-gutter);padding-right:var(--landing-gutter);margin:0 auto}.landing .landing-band-inner--narrow{max-width:var(--landing-content-narrow)}.landing .landing-band--sounds{padding:var(--peal-space-section) 0;background:radial-gradient(100% 70% at 50% -10%,#4a9eff0f,#0000 62%),linear-gradient(#ffffff05 0%,#ffffff02 100%),#0000001f}.landing .landing-band--integrate{padding:var(--peal-space-section) 0;background:#00000029}.landing .landing-band--features{background:#ffffff03;padding:clamp(48px,6vw,72px) 0}.landing .landing-band--studio{background:radial-gradient(ellipse 95% 55% at 50% 0%, #4a9eff0d, transparent 62%), linear-gradient(180deg, #ffffff05 0%, #ffffff02 100%), var(--landing-surface);border-top-color:#ffffff0d;padding:clamp(56px,7vw,80px) 0 clamp(48px,6vw,72px)}.landing .landing-band--footer{border-top:1px solid #00000059;box-shadow:0 -1px #ffffff08}.landing-header{z-index:20;border-bottom:1px solid var(--landing-border);background:color-mix(in srgb, var(--landing-bg) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.1);width:100%;position:relative}.landing-header-inner{width:100%;max-width:var(--landing-content-max);padding:10px var(--landing-gutter);justify-content:space-between;align-items:center;gap:20px;min-height:46px;margin:0 auto;display:flex}.landing-header-brand{color:var(--landing-text);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;transition:color .15s;display:inline-flex}.landing-header-brand:hover,.landing-header-brand:hover .peal-wordmark{color:var(--landing-accent-hi)}.landing-header-brand .peal-wordmark{color:var(--landing-text);transition:color .15s}.landing-header-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.landing-header-link{color:var(--landing-text-dim);border-radius:6px;align-items:center;padding:6px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.landing-header-link:hover{color:var(--landing-text);background:#ffffff0a}.landing-header-cta{background:var(--landing-accent);color:#0a1628;cursor:pointer;border:none;border-radius:8px;align-items:center;margin-left:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.landing-header-cta:hover{background:var(--landing-accent-hi);box-shadow:inset 0 1px #ffffff26,0 6px 20px -8px #4a9eff59}.landing .landing-hero{text-align:center;padding:clamp(72px,9vw,96px) 0 clamp(56px,7vw,72px);position:relative}.landing .landing-hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(52% 52% at 50% 0,#6bb0ff0b,#0000 74%),radial-gradient(70% 64% at 50% 0,#4a9eff06,#0000 76%),radial-gradient(110% 90% at 50% -12%,#4a9eff04,#0000 80%);height:380px;position:absolute;inset:-60px 0 auto}.landing .landing-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#4a9eff12 50%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.landing .landing-badge{border:1px solid var(--landing-border);font-family:var(--peal-font);font-size:10px;font-weight:var(--peal-font-weight-ui);color:var(--landing-text-muted);text-transform:uppercase;letter-spacing:var(--peal-tracking-wide);background:#ffffff08;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;display:inline-flex}.landing .landing-badge-dot{background:var(--landing-accent-hi);border-radius:50%;width:6px;height:6px;box-shadow:0 0 5px #4a9eff38}.landing .landing-hero h1{font-size:clamp(2rem,4.6vw,3.15rem);font-weight:var(--peal-font-weight);line-height:var(--peal-leading-tight);letter-spacing:var(--peal-tracking-tight);color:var(--landing-text);margin-bottom:14px}.landing .landing-hero h1 .accent{color:var(--landing-accent-hi)}.landing .landing-sub{font-size:15px;font-weight:var(--peal-font-weight);color:var(--landing-text-dim);line-height:var(--peal-leading);letter-spacing:var(--peal-tracking);max-width:52ch;margin:0 auto 36px}.landing .landing-pillars{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);max-width:none;margin:0 auto 48px;display:grid}.landing .landing-pillar{padding:0;transition:color .2s}.landing .landing-pillar-icon{width:auto;height:auto;box-shadow:none;color:var(--landing-accent);opacity:.85;background:0 0;border:none;justify-content:center;align-items:center;margin-bottom:10px;transition:opacity .2s,color .2s;display:inline-flex}.landing .landing-pillar:hover .landing-pillar-icon{opacity:1;color:var(--landing-accent-hi)}.landing .landing-pillar code{font-family:var(--peal-font);color:var(--landing-accent);background:#4a9eff1f;border-radius:4px;padding:1px 5px;font-size:11px}.landing .landing-pillar h2{font-size:13px;font-weight:var(--peal-font-weight-ui);letter-spacing:var(--peal-tracking);margin:0 0 7px}.landing .landing-pillar p{font-size:12px;font-weight:var(--peal-font-weight);color:var(--landing-text-dim);line-height:var(--peal-leading);letter-spacing:var(--peal-tracking);margin:0}.landing .landing-install{max-width:520px;margin:0 auto}.landing .landing-install-surface{border:1px solid var(--landing-border);background:var(--landing-surface);box-shadow:none;border-radius:10px;overflow:hidden}.landing .landing-install-head{border-bottom:1px solid var(--landing-edge-lo);font-family:var(--peal-font);color:var(--landing-text-muted);text-transform:uppercase;letter-spacing:.16em;text-shadow:0 1px #0000008c;justify-content:space-between;padding:10px 14px;font-size:10px;display:flex}.landing .landing-install-body{padding:12px 14px 14px}.landing .landing-install-tabs{border:1px solid var(--landing-border);background:#ffffff08;border-radius:8px;margin-bottom:8px;padding:3px;display:inline-flex}.landing .landing-install-tab{color:var(--landing-text-muted);font-family:var(--peal-font);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .15s}.landing .landing-install-tab:hover{color:var(--landing-text-dim)}.landing .landing-install-tab.active{color:var(--landing-accent);background:#ffffff14}.landing .landing-install-cmd{background:#09090b;border:1px solid #0000008c;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 2px 12px #00000080}.landing .landing-install-cmd code{font-family:var(--peal-font);color:var(--landing-text);word-break:break-all;text-align:left;font-size:12px}.landing .landing-install-cmd .prompt{color:var(--landing-accent);margin-right:8px}.landing .landing-install-copy{color:var(--landing-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:5px;transition:all .15s;display:flex}.landing .landing-install-copy:hover{color:var(--landing-text);background:#ffffff0f}.landing .landing-hero-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.landing .landing-link{color:var(--landing-text-muted);border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.landing .landing-link:hover{color:var(--landing-accent)}.landing .landing-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.landing .landing-btn-primary{background:var(--landing-accent);color:#0a1628;font-weight:500;transition:background .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff1f}.landing .landing-btn-primary:hover{background:var(--landing-accent-hi);box-shadow:inset 0 1px #ffffff26,0 6px 20px -8px #4a9eff59}.landing .landing-btn-secondary{color:var(--landing-text);border:1px solid var(--landing-border-lit);background:0 0}.landing .landing-btn-secondary:hover{border-color:var(--landing-text-muted);background:#ffffff0a}.landing .landing-section-header{margin-bottom:var(--peal-space-xl)}.landing .landing-section-header h2{color:#fffffff5}.landing .landing-kicker{font-family:var(--peal-font);color:var(--landing-accent);text-transform:uppercase;letter-spacing:.18em;margin-bottom:8px;font-size:10px;font-weight:500;display:inline-flex}.landing .landing-section-header h2{letter-spacing:-.02em;margin-bottom:8px;font-size:1.3rem;font-weight:500}.landing .landing-section-header p{color:var(--landing-text-dim);max-width:520px;font-size:15px;font-weight:400;line-height:1.65}.landing .landing-sound-section{flex-direction:column;gap:clamp(20px,3vw,28px);display:flex}.landing .landing-section-header--sounds{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:0;display:grid}.landing .landing-section-header--sounds h2{font-size:clamp(1.35rem,2.4vw,1.55rem)}.landing .landing-sound-legend{background:#00000038;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:inline-flex}.landing .landing-sound-legend-item{font-family:var(--peal-font);letter-spacing:.1em;text-transform:uppercase;color:var(--landing-text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:10px;font-weight:500;display:inline-flex}.landing .landing-sound-shelf{background:#ffffff03;border:1px solid #ffffff0d;border-radius:14px;padding:clamp(18px,2.5vw,24px);box-shadow:inset 0 1px #ffffff06}.landing .landing-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.landing .landing-sound-grid-item{min-width:0}@media (min-width:1100px){.landing .landing-sound-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}}.landing .landing-integrate{max-width:none}.landing .landing-integrate .landing-install-cmd{border-radius:10px;padding:12px 14px}.landing .landing-install-cmd--multiline{align-items:flex-start}.landing .landing-install-cmd--multiline code{white-space:pre-wrap;word-break:normal;line-height:1.55}.landing .landing-integrate-title{letter-spacing:-.02em;margin-bottom:12px;font-size:1.45rem;font-weight:500}.landing .landing-integrate-lead{color:var(--landing-text-dim);margin-bottom:16px;font-size:15px;font-weight:400;line-height:1.65}.landing .landing-integrate-after{color:var(--landing-text-dim);margin:18px 0 8px;font-size:14px;font-weight:400}.landing .landing-integrate-after code{font-family:var(--peal-font);color:var(--landing-accent);background:#4a9eff1a;border-radius:4px;padding:1px 5px;font-size:12px}.landing .landing-code-snippet{font-family:var(--peal-font);color:#ffffffc7;background:radial-gradient(100% 80% at 50% 0,#4a9eff08,#0000 60%),#09090b;border:1px solid #ffffff0d;border-radius:10px;margin:0;padding:14px 16px;font-size:12px;line-height:1.75;overflow-x:auto;box-shadow:inset 0 0 0 1px #00000080,inset 0 1px #ffffff05}.landing .landing-code-snippet .hl-str{color:var(--landing-syntax-str)}.landing .landing-code-snippet .hl-kw{color:var(--landing-syntax-kw)}.landing .landing-code-snippet .hl-fn{color:#e6c07b}.landing .landing-code-snippet .hl-key{color:var(--landing-syntax-key)}.landing .landing-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;display:grid}.landing .landing-features>div{border-right:1px solid #ffffff0a;padding:0 clamp(24px,3.5vw,48px)}.landing .landing-features>div:first-child{padding-left:0}.landing .landing-features>div:last-child{border-right:none;padding-right:0}.landing .landing-bucket-label{font-family:var(--peal-font);text-transform:uppercase;letter-spacing:.16em;text-shadow:0 1px #0000008c;color:var(--landing-accent);margin-bottom:8px;font-size:11px;font-weight:600}.landing .landing-bucket-cards{gap:14px;display:grid}.landing .landing-feature{box-shadow:none;background:0 0;border:none;padding:0}.landing .landing-feature h3{letter-spacing:-.01em;margin-bottom:6px;font-size:14px;font-weight:500}.landing .landing-feature p{color:var(--landing-text-dim);margin:0;font-size:13px;font-weight:400;line-height:1.6}.landing .landing-feature code{color:var(--landing-accent);background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:11px}.landing .landing-bottom-studio{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(28px,4vw,48px);padding-bottom:clamp(28px,4vw,40px);display:grid}.landing .landing-bottom-title{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(1.35rem,2.8vw,1.65rem);font-weight:500;line-height:1.2}.landing .landing-bottom-lead{max-width:52ch;color:var(--landing-text-dim);margin:0;font-size:14px;font-weight:400;line-height:1.65}.landing .landing-bottom-studio-actions{flex-direction:column;gap:10px;min-width:196px;display:flex}.landing .landing-bottom-studio-actions .landing-btn{justify-content:center;width:100%}.landing .landing-studio-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);width:100%;padding-bottom:clamp(32px,4vw,48px);display:grid}.landing .landing-studio-shot{color:inherit;cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;flex-direction:column;gap:10px;padding:0;text-decoration:none;display:flex}.landing .landing-studio-shot-frame{border:1px solid var(--landing-border);aspect-ratio:16/10;background:#09090b;border-radius:10px;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000073,0 14px 36px -22px #000000bf}.landing .landing-studio-shot:hover .landing-studio-shot-frame{border-color:#4a9eff52;box-shadow:inset 0 0 0 1px #4a9eff1f,0 18px 40px -18px #4a9eff2e}.landing .landing-studio-shot-frame img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.landing .landing-studio-shot-expand{width:26px;height:26px;color:var(--landing-text-muted);opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090bd1;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;transition:opacity .18s,transform .18s,border-color .18s,color .18s;display:inline-flex;position:absolute;top:10px;right:10px;transform:translateY(2px)}.landing .landing-studio-shot:hover .landing-studio-shot-expand,.landing .landing-studio-shot:focus-visible .landing-studio-shot-expand{opacity:1;color:var(--landing-accent-hi);border-color:#4a9eff47;transform:translateY(0)}.landing .landing-studio-shot:focus-visible{outline:none}.landing .landing-studio-shot:focus-visible .landing-studio-shot-frame{border-color:#4a9eff6b;box-shadow:0 0 0 2px #4a9eff29,0 18px 40px -18px #4a9eff2e}.landing .landing-studio-shot-meta{justify-content:space-between;align-items:baseline;gap:10px;padding:0 2px;display:flex}.landing .landing-studio-shot-label{letter-spacing:.14em;text-transform:uppercase;color:var(--landing-accent-hi);font-size:11px;font-weight:600}.landing .landing-studio-shot-hint{color:var(--landing-text-muted);text-align:right;font-size:11px}.landing .landing-studio-viewer-backdrop{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000d1;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.landing .landing-studio-viewer-backdrop--stage{background:#000000e6;padding:8px}.landing .landing-studio-viewer{border:1px solid var(--landing-border-lit);background:linear-gradient(180deg, #222225 0%, #1a1a1c 48%, var(--landing-surface) 100%);width:min(96vw,1320px);max-height:96vh;color:var(--landing-text);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0006,0 0 80px -20px #4a9eff1a,0 24px 64px -24px #000000b3}.landing .landing-studio-viewer--stage{width:min(98vw,1680px);height:min(96vh,1200px);max-height:96vh}.landing .landing-studio-viewer-top{border-bottom:1px solid #ffffff0a;padding:16px 96px 12px 20px;position:relative}.landing .landing-studio-viewer--stage .landing-studio-viewer-top{padding:10px 88px 10px 16px}.landing .landing-studio-viewer-toolbar{align-items:center;gap:6px;display:inline-flex;position:absolute;top:12px;right:12px}.landing .landing-studio-viewer-icon-btn{border:1px solid var(--landing-border);width:34px;height:34px;color:var(--landing-text-dim);cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.landing .landing-studio-viewer-icon-btn:hover{color:var(--landing-text);background:#ffffff0f;border-color:#4a9eff47}.landing .landing-studio-viewer-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--landing-accent-hi);align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:600;display:inline-flex}.landing .landing-studio-viewer-title{letter-spacing:-.025em;margin:0 0 6px;font-size:1.35rem;font-weight:500}.landing .landing-studio-viewer-hint{color:var(--landing-text-muted);max-width:52ch;margin:0;font-size:.92rem}.landing .landing-studio-viewer-stage-head{flex-wrap:wrap;align-items:baseline;gap:8px;min-height:24px;display:flex}.landing .landing-studio-viewer-stage-label{letter-spacing:.14em;text-transform:uppercase;color:var(--landing-accent-hi);font-size:12px;font-weight:600}.landing .landing-studio-viewer-stage-sep{color:var(--landing-text-muted);opacity:.5}.landing .landing-studio-viewer-stage-hint{color:var(--landing-text-muted);font-size:12px}.landing .landing-studio-viewer-frame{background:#09090b;flex:auto;min-height:0;padding:0 12px;overflow:auto}.landing .landing-studio-viewer--stage .landing-studio-viewer-frame{justify-content:center;align-items:center;padding:8px 10px;display:flex}.landing .landing-studio-viewer-image-hit{cursor:zoom-in;text-align:center;background:0 0;border:none;width:100%;padding:0;display:block}.landing .landing-studio-viewer--stage .landing-studio-viewer-image-hit{cursor:zoom-out;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.landing .landing-studio-viewer-frame img{border:1px solid #ffffff0f;border-radius:8px;width:100%;height:auto;display:block}.landing .landing-studio-viewer--stage .landing-studio-viewer-frame img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(96vh - 148px)}.landing .landing-studio-viewer-foot{border-top:1px solid #ffffff0a;flex-direction:column;gap:12px;padding:12px 20px 16px;display:flex}.landing .landing-studio-viewer--stage .landing-studio-viewer-foot{gap:10px;padding:10px 16px 12px}.landing .landing-studio-viewer-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.landing .landing-studio-viewer-nav-btn{color:var(--landing-text-muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:600;transition:color .15s;display:inline-flex}.landing .landing-studio-viewer-nav-btn:hover{color:var(--landing-accent-hi)}.landing .landing-studio-viewer-nav-btn--next{justify-self:end}.landing .landing-studio-viewer-nav-hint{letter-spacing:.08em;text-transform:uppercase;color:var(--landing-text-muted);text-align:center;white-space:nowrap;font-size:10px}.landing .landing-studio-viewer-cta{justify-content:center;align-self:center;min-width:min(100%,280px)}@media (max-width:720px){.landing .landing-studio-viewer-backdrop{align-items:flex-end;padding:0}.landing .landing-studio-viewer-backdrop--stage{align-items:stretch;padding:0}.landing .landing-studio-viewer{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;max-height:96vh}.landing .landing-studio-viewer--stage{border-radius:0;width:100%;height:100vh;max-height:100vh}.landing .landing-studio-viewer--stage .landing-studio-viewer-frame img{max-height:calc(100vh - 132px)}.landing .landing-studio-viewer-nav{grid-template-columns:1fr;justify-items:center;gap:8px}.landing .landing-studio-viewer-nav-btn,.landing .landing-studio-viewer-nav-btn--next{justify-self:center}.landing .landing-studio-viewer-nav-hint{white-space:normal;text-align:center;line-height:1.4}}.landing .landing-bottom-ship-wrap{border-top:1px solid #ffffff0d;padding-top:clamp(24px,3vw,36px);box-shadow:0 1px #00000059}.landing .landing-bottom-ship{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,4vw,40px);padding-bottom:4px;display:grid}.landing .landing-bottom-ship h3{letter-spacing:-.02em;margin:0 0 8px;font-size:1.2rem;font-weight:500;line-height:1.2}.landing .landing-bottom-ship p{color:var(--landing-text-dim);max-width:36ch;margin:0;font-size:13px;line-height:1.6}.landing .landing-bottom-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.landing .landing-bottom-path{border:1px solid var(--landing-border);background:#00000038;border-radius:10px;flex-direction:column;gap:5px;padding:14px 15px;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.landing .landing-bottom-path:hover{border-color:var(--landing-border-lit);background:#ffffff08;box-shadow:inset 0 1px #ffffff08}.landing .landing-bottom-path--primary{background:#4a9eff12;border-color:#4a9eff47}.landing .landing-bottom-path--primary:hover{background:#4a9eff1c;border-color:#4a9eff73}.landing .landing-bottom-path-label{color:var(--landing-text);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.landing .landing-bottom-path--primary .landing-bottom-path-label{color:var(--landing-accent-hi)}.landing .landing-bottom-path-hint{color:var(--landing-text-muted);font-size:11px;line-height:1.45}.landing .landing-footer{color:var(--landing-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:28px 0 40px;font-size:12px;display:flex}.landing .landing-footer a{color:var(--landing-text-dim);transition:color .15s}.landing .landing-footer a:hover{color:var(--landing-text)}.landing .landing-footer-links{gap:16px;display:flex}.peal-welcome-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#00000094;border:none;padding:0;position:fixed;inset:0}.peal-welcome-backdrop--landing{background:#000000b8}.peal-welcome-stage{z-index:51;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.peal-welcome-panel{--landing-accent:#4a9eff;--landing-accent-hi:#6bb0ff;--landing-accent-lo:#2d6eb8;--landing-surface:#1c1c1e;--landing-border-lit:#ffffff1a;color:#ffffffeb;pointer-events:auto;background:radial-gradient(90% 55% at 50% -8%,#4a9eff14,#0000 62%),linear-gradient(#ffffff08 0%,#ffffff03 100%),#1c1c1e;border:1px solid #ffffff1a;border-radius:18px;width:min(100%,440px);padding:22px 22px 18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 28px 64px -24px #000000b8}.peal-welcome-panel--landing{border-color:var(--landing-border-lit);background:radial-gradient(ellipse 90% 55% at 50% -8%, #4a9eff1a, transparent 62%), linear-gradient(180deg, #ffffff08 0%, #ffffff03 100%), var(--landing-surface)}.peal-welcome-progress{background:#ffffff0f;height:2px;position:absolute;top:0;left:0;right:0}.peal-welcome-progress-fill{background:linear-gradient(90deg, var(--landing-accent-lo), var(--landing-accent-hi));border-radius:0 2px 2px 0;height:100%;box-shadow:0 0 12px #4a9eff73}.peal-welcome-close{color:#ffffff6b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,background .15s,border-color .15s;display:inline-flex;position:absolute;top:14px;right:14px}.peal-welcome-close:hover{color:#ffffffe0;background:#ffffff0d;border-color:#ffffff14}.peal-welcome-body{padding-top:6px}.peal-welcome-hero{justify-content:center;margin-bottom:12px;display:flex}.peal-welcome-mark-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.peal-welcome-mark-glow{filter:blur(8px);background:radial-gradient(circle,#4a9eff38,#0000 68%);border-radius:50%;animation:3.2s ease-in-out infinite pealWelcomePulse;position:absolute;inset:-18px}@keyframes pealWelcomePulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.peal-welcome-step-icon{width:40px;height:40px;color:var(--landing-accent-hi);background:#4a9eff14;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;display:inline-flex;box-shadow:0 0 24px -10px #4a9eff59}.peal-welcome-kicker{font-family:var(--peal-font);font-size:10px;font-weight:var(--peal-font-weight-ui);letter-spacing:var(--peal-tracking-wide);text-transform:uppercase;color:#ffffff61;margin:0 0 6px}.peal-welcome-title{font-size:clamp(1.2rem,2.8vw,1.4rem);font-weight:var(--peal-font-weight);letter-spacing:var(--peal-tracking-tight);line-height:var(--peal-leading-tight);color:#fffffff5;margin:0 0 8px}.peal-welcome-copy{font-size:13px;font-weight:var(--peal-font-weight);line-height:var(--peal-leading);letter-spacing:var(--peal-tracking);color:#ffffff85;max-width:36ch;margin:0}.peal-welcome-previews{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.peal-welcome-preview{color:inherit;cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.peal-welcome-preview:hover{background:#ffffff0a;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff08}.peal-welcome-preview.is-playing{background:linear-gradient(#4a9eff1a 0%,#4a9eff08 100%);border-color:#4a9eff52;box-shadow:0 0 28px -12px #4a9eff59}.peal-welcome-wave{justify-content:center;align-items:flex-end;gap:3px;height:22px;display:inline-flex}.peal-welcome-wave-bar{width:4px;height:calc(8px + (20px * var(--bar-scale,.5)));transform-origin:bottom;background:#ffffff57;border-radius:999px;transition:height .2s,background .2s;display:block}.peal-welcome-preview:hover .peal-welcome-wave-bar,.peal-welcome-preview.is-playing .peal-welcome-wave-bar{background:#8ec2ffeb}.peal-welcome-preview.is-playing .peal-welcome-wave-bar{animation:.85s ease-in-out infinite alternate pealWelcomeBar}.peal-welcome-preview.is-playing .peal-welcome-wave-bar:nth-child(2){animation-delay:80ms}.peal-welcome-preview.is-playing .peal-welcome-wave-bar:nth-child(3){animation-delay:.16s}.peal-welcome-preview.is-playing .peal-welcome-wave-bar:nth-child(4){animation-delay:.24s}.peal-welcome-preview.is-playing .peal-welcome-wave-bar:nth-child(5){animation-delay:.12s}.peal-welcome-preview.is-playing .peal-welcome-wave-bar:nth-child(6){animation-delay:.2s}.peal-welcome-preview.is-playing .peal-welcome-wave-bar:nth-child(7){animation-delay:40ms}@keyframes pealWelcomeBar{0%{transform:scaleY(.72)}to{transform:scaleY(1.12)}}.peal-welcome-preview-label{letter-spacing:.02em;color:#ffffff9e;font-size:11px;font-weight:500}.peal-welcome-preview.is-playing .peal-welcome-preview-label{color:#c8e4fff2}.peal-welcome-footer{border-top:1px solid #ffffff0f;flex-direction:column;gap:12px;margin-top:18px;padding-top:14px;display:flex}.peal-welcome-steps{justify-content:center;gap:8px;display:flex}.peal-welcome-step-dot{cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;width:24px;height:4px;padding:0;transition:width .22s,background .22s,box-shadow .22s}.peal-welcome-step-dot.is-complete{background:#4a9eff59}.peal-welcome-step-dot.is-active{background:linear-gradient(90deg, var(--landing-accent-lo), var(--landing-accent-hi));width:32px;box-shadow:0 0 10px #4a9eff59}.peal-welcome-actions{gap:10px;display:flex}.peal-welcome-btn{letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.peal-welcome-btn:active{transform:translateY(.5px)}.peal-welcome-btn--ghost{color:#ffffff94;background:#ffffff08;border-color:#ffffff14;flex:1}.peal-welcome-btn--ghost:hover{color:#ffffffdb;background:#ffffff0f;border-color:#ffffff24}.peal-welcome-btn--primary{background:linear-gradient(180deg, var(--landing-accent-hi) 0%, var(--landing-accent) 100%);color:#0a1628;border-color:#4a9eff73;flex:1.2;box-shadow:inset 0 1px #ffffff38,0 10px 28px -14px #4a9eff8c}.peal-welcome-btn--primary:hover{background:linear-gradient(#7ec0ff 0%,#58a8ff 100%);border-color:#8ec2ffa6}@media (max-width:520px){.peal-welcome-panel{padding:18px 16px 14px}.peal-welcome-previews{gap:8px}.peal-welcome-preview{padding:10px 6px 8px}}.landing .fade-in{animation:.75s cubic-bezier(.16,1,.3,1) both landingFadeUp}.landing .fade-in-delay-1{animation-delay:.1s}.landing .fade-in-delay-2{animation-delay:.2s}.landing .fade-in-delay-3{animation-delay:.32s}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.landing .landing-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.landing{--landing-gutter:20px}.landing-header-inner{padding-top:8px;padding-bottom:8px}.landing-header-nav{gap:2px}.landing-header-link{padding:6px 8px;font-size:12px}.landing-header-cta{margin-left:4px;padding:6px 12px;font-size:12px}.landing .landing-pillars,.landing .landing-sound-grid,.landing .landing-features{grid-template-columns:1fr}.landing .landing-features>div{border-bottom:1px solid #ffffff0a;border-right:none;margin-bottom:32px;padding:0 0 32px}.landing .landing-features>div:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.landing .landing-section-header--sounds{grid-template-columns:1fr;align-items:start;gap:16px}.landing .landing-sound-legend{flex-flow:wrap}.landing .landing-bottom-studio,.landing .landing-bottom-ship{grid-template-columns:1fr;gap:20px}.landing .landing-bottom-studio{align-items:start}.landing .landing-bottom-studio-actions{flex-flow:wrap;width:100%;min-width:0}.landing .landing-bottom-studio-actions .landing-btn{flex:140px;width:auto}.landing .landing-studio-shots{grid-template-columns:1fr}}@media (max-width:520px){.landing{--landing-gutter:16px}.landing .landing-hero{padding:64px 0 44px}.landing .landing-hero h1{font-size:1.8rem}.landing .landing-bottom-studio-actions{flex-direction:column}.landing .landing-bottom-paths{grid-template-columns:1fr}.landing .landing-studio-shots{padding-left:20px;padding-right:20px}.landing .landing-btn{justify-content:center}}.landing .landing-sound-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.landing .landing-sound-modal{border:1px solid var(--landing-border-lit);background:linear-gradient(180deg, #222225 0%, #1a1a1c 48%, var(--landing-surface) 100%);width:100%;max-width:700px;max-height:85vh;color:var(--landing-text);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0006,0 0 80px -20px #4a9eff14,0 24px 64px -24px #000000a6}.landing .landing-sound-modal-head{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 14px;display:flex}.landing .landing-sound-modal-title{letter-spacing:-.025em;margin:0 0 6px;font-size:1.25rem;font-weight:500}.landing .landing-sound-modal-meta{font-family:var(--peal-font);color:var(--landing-text-muted);letter-spacing:.06em;text-transform:capitalize;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.landing .landing-sound-modal-meta-sep{opacity:.45}.landing .landing-sound-modal-actions{border:1px solid var(--landing-border);background:#ffffff08;border-radius:8px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:flex}.landing .landing-sound-modal-icon-btn{width:32px;height:32px;color:var(--landing-text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.landing .landing-sound-modal-icon-btn:hover{color:var(--landing-text);background:#ffffff0f}.landing .landing-sound-modal-toolbar{padding:0 24px 16px}.landing .landing-sound-modal-tabs{border:1px solid var(--landing-border);background:#ffffff08;border-radius:8px;padding:3px;display:inline-flex}.landing .landing-sound-modal-tab{font-family:var(--peal-font);color:var(--landing-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:color .15s,background .15s}.landing .landing-sound-modal-tab:hover{color:var(--landing-text-dim)}.landing .landing-sound-modal-tab.active{color:var(--landing-accent);background:#ffffff14;box-shadow:inset 0 1px #ffffff0a}.landing .landing-sound-modal-code-wrap{background:radial-gradient(100% 80% at 50% 0,#4a9eff08,#0000 60%),#09090b;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;flex:1;min-height:200px;max-height:52vh;margin:0 20px 20px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #00000080,inset 0 1px #ffffff05}.landing .landing-sound-modal-code-label{font-family:var(--peal-font);color:var(--landing-text-muted);text-transform:uppercase;letter-spacing:.14em;padding:10px 16px 0;font-size:10px}.landing .landing-sound-modal-code{font-family:var(--peal-font);color:#ffffffd1;white-space:pre;background:0 0;flex:1;margin:0;padding:12px 16px 18px;font-size:12px;line-height:1.8;overflow:auto}.landing .landing-sound-modal-code .hl-key{color:var(--landing-syntax-key)}.landing .landing-sound-modal-code .hl-str{color:var(--landing-syntax-str)}.landing .landing-sound-modal-code .hl-kw{color:var(--landing-syntax-kw)}.landing .landing-sound-modal-code .hl-fn{color:#e6c07b}.landing .landing-sound-modal-code .hl-cmt{color:var(--landing-text-muted);font-style:italic}.landing .landing-sound-modal-foot{border-top:1px solid var(--landing-border);align-items:center;gap:20px;padding:14px 24px 18px;font-size:13px;font-weight:400;display:flex}.landing .landing-sound-modal-foot a{color:var(--landing-text-dim);text-decoration:none;transition:color .15s}.landing .landing-sound-modal-foot a:hover{color:var(--landing-accent)}@media (prefers-reduced-motion:reduce){.landing .fade-in{animation:none}}
.asp{--asp-accent:#4a9eff;--asp-accent-hi:#6bb0ff;--asp-text:#ffffffeb;--asp-text-dim:#ffffff80;--asp-text-muted:#ffffff4d;--asp-border:#ffffff0d;--asp-chrome:#ffffff06;--asp-wave-well:#ffffff03;--asp-rail-height:24px;--asp-wave-pad-y:8px;--asp-font:var(--peal-font,ui-monospace, monospace);border:1px solid var(--asp-border);background:var(--asp-chrome);border-radius:12px;flex-direction:column;height:100%;transition:border-color .22s,background .22s;display:flex;overflow:hidden}.asp.is-hovered{border-color:#ffffff17}.asp.is-playing{background:color-mix(in srgb, var(--asp-chrome) 88%, #4a9eff24);border-color:#4a9eff52;box-shadow:inset 0 0 0 1px #4a9eff0f}.asp-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px 10px;display:flex}.asp-title{letter-spacing:-.01em;color:var(--asp-text);margin:0;font-size:14px;font-weight:500;line-height:1.25}.asp-head-meta{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.asp-type{font-family:var(--asp-font);letter-spacing:.12em;text-transform:uppercase;color:var(--asp-text-muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:100px;align-items:center;padding:3px 8px;font-size:9px;font-weight:600;display:inline-flex}.asp-type--click{color:#b4d2ffc7;background:#4a9eff0f;border-color:#4a9eff24}.asp-type--success{color:#78dcafe0;background:#5fd4a012;border-color:#5fd4a02e}.asp-type--notification{color:var(--asp-accent-hi);background:#4a9eff1a;border-color:#4a9eff38}.asp-duration,.asp-transport-meta{font-family:var(--asp-font);letter-spacing:.06em;color:var(--asp-text-muted);font-size:10px}.asp-deck{border-top:1px solid #ffffff0a;transition:border-color .2s;position:relative}.asp.is-hovered .asp-deck,.asp.is-playing .asp-deck{border-top-color:#4a9eff47}.asp-wave-stage{padding:var(--asp-wave-pad-y) 0;background:var(--asp-wave-well);flex-direction:column;display:flex;position:relative}.asp-wave-rail{min-height:var(--asp-rail-height);flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;display:flex}.asp-wave-rail--bottom{pointer-events:none}.asp-deck.is-playing .asp-wave-canvas:after{content:"";pointer-events:none;z-index:4;background:linear-gradient(90deg,#0000,#6bb0ffa6,#0000);height:1px;animation:2.4s ease-in-out infinite aspScanline;position:absolute;top:0;left:0;right:0}@keyframes aspScanline{0%,to{opacity:.35}50%{opacity:.85}}.asp-wave-canvas{background:repeating-linear-gradient(0deg,#0000,#0000 15px,#ffffff04 15px 16px);flex-shrink:0;position:relative;overflow:hidden}.asp-wave-canvas:before{content:"";z-index:1;pointer-events:none;background:#ffffff12;height:1px;position:absolute;top:50%;left:0;right:0}.asp-wave-canvas canvas{z-index:2;opacity:.95;width:100%;height:100%;display:block;position:relative}.asp.is-hovered .asp-wave-stage,.asp.is-playing .asp-wave-stage{background:color-mix(in srgb, var(--asp-wave-well) 90%, #4a9eff14)}.asp-tags{opacity:0;pointer-events:none;flex-wrap:nowrap;justify-content:center;gap:6px;max-width:100%;transition:opacity .2s,transform .2s;display:flex;overflow:hidden;transform:translateY(3px)}.asp-wave-rail--top.is-visible .asp-tags{opacity:1;transform:translateY(0)}.asp-tag{font-family:var(--asp-font);letter-spacing:.06em;text-transform:lowercase;color:var(--asp-text-dim);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:100px;padding:3px 8px;font-size:9px;display:inline-flex}.asp-live{top:calc(var(--asp-wave-pad-y) + 4px);z-index:3;font-family:var(--asp-font);letter-spacing:.14em;text-transform:uppercase;color:var(--asp-accent-hi);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090bd1;border:1px solid #4a9eff47;border-radius:100px;align-items:center;gap:6px;padding:3px 8px;font-size:9px;font-weight:600;display:inline-flex;position:absolute;right:8px}.asp-live:before{content:"";background:var(--asp-accent-hi);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite aspPulse;box-shadow:0 0 8px #4a9effa6}@keyframes aspPulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.asp-transport{border-top:1px solid #ffffff0a;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 12px 12px;display:grid}.asp-transport-side{align-items:center;min-width:0;min-height:34px;display:flex}.asp-transport-side--left{justify-content:flex-start}.asp-transport-side--right{justify-content:flex-end}.asp-transport-play{width:44px;height:44px;color:var(--asp-text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;justify-self:center;align-items:center;transition:border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 0 0 1px #00000038}.asp-play-glyph{margin-left:2px}.asp.is-hovered .asp-transport-play,.asp.is-playing .asp-transport-play,.asp-transport-play:hover,.asp-transport-play.is-active{color:#0a1628;background:#4a9effeb;border-color:#4a9eff73;box-shadow:inset 0 0 0 1px #ffffff24,0 0 20px -10px #4a9eff66}.asp-transport-play:focus-visible{outline-offset:3px;outline:2px solid #4a9eff73}.asp-code-btn{font-family:var(--asp-font);color:var(--asp-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;transition:color .15s,background .15s;display:inline-flex}.asp-code-btn:hover{color:var(--asp-accent);background:#4a9eff14}.landing .asp{--asp-accent:var(--landing-accent,#4a9eff);--asp-accent-hi:var(--landing-accent-hi,#6bb0ff);--asp-text:var(--landing-text,#ffffffeb);--asp-text-dim:var(--landing-text-dim,#ffffff80);--asp-text-muted:var(--landing-text-muted,#ffffff4d);--asp-border:#ffffff0d;--asp-chrome:#ffffff06;--asp-wave-well:#ffffff03}@media (max-width:720px){.asp-transport-play{width:40px;height:40px}.asp-code-btn{padding:5px 8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.asp-deck.is-playing .asp-wave-canvas:after,.asp-live:before{animation:none}}