:root{--navy: #0f2a4a;--navy-2: #1d3d66;--accent: #10a37f;--accent-ink: #ffffff;--live: #12b886;--warn: #f08c00;--danger: #d6336c;--bg: #f4f6fa;--surface: #ffffff;--ink: #142033;--muted: #5b6b80;--line: #dde3ec;--radius: 14px;--shadow: 0 1px 2px rgba(15, 42, 74, .06), 0 4px 16px rgba(15, 42, 74, .06);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0b1422;--surface: #13213a;--ink: #e8eef7;--muted: #9aabc2;--line: #22344f;--navy: #e8eef7;--navy-2: #b7c7dd;--shadow: none;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}a{color:var(--accent)}h1,h2,h3{line-height:1.2;margin:0}h1{font-size:1.6rem}h2{font-size:1.2rem}input,select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem;min-height:44px;width:100%}input[type=range]{padding:0;border:none;background:transparent;accent-color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center}.right{text-align:right}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.big{font-size:1.3rem}.grow{flex:1}.stack{display:flex;flex-direction:column;gap:.75rem}.stack-lg{display:flex;flex-direction:column;gap:1.25rem}.row{display:flex;gap:.6rem;align-items:center}.row.wrap{flex-wrap:wrap}.row.spread{justify-content:space-between;flex-wrap:wrap}.center-row{justify-content:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow)}.btn{appearance:none;border:1px solid transparent;border-radius:12px;padding:.7rem 1.1rem;min-height:44px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-secondary{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost{background:transparent;color:var(--muted)}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warn);color:#fff}.btn-small{min-height:34px;padding:.35rem .7rem;font-size:.875rem}.btn-large{padding:.9rem 1.4rem;font-size:1.05rem}.btn-huge{width:100%;min-height:64px;font-size:1.25rem;border-radius:16px}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--muted)}.field input{color:var(--ink)}.notice{margin:0;padding:.7rem .9rem;border-radius:10px;background:color-mix(in srgb,var(--warn) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 35%,transparent)}.notice p{margin:0 0 .5rem}.notice-error{background:color-mix(in srgb,var(--danger) 10%,var(--surface));border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.notice-ok{background:color-mix(in srgb,var(--live) 12%,var(--surface));border-color:color-mix(in srgb,var(--live) 35%,transparent)}.pill{display:inline-block;font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 15%,transparent);color:var(--muted);white-space:nowrap}.pill-live{background:color-mix(in srgb,var(--live) 18%,transparent);color:var(--live)}.pill-error{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.live-badge{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--muted)}.live-badge .dot{width:12px;height:12px;border-radius:50%;background:var(--muted);opacity:.5}.live-badge.is-live{color:var(--live)}.live-badge.is-live .dot{background:var(--live);opacity:1;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--live) 60%,transparent)}50%{box-shadow:0 0 0 8px transparent}}.page-loading{padding:3rem 1rem;text-align:center;color:var(--muted)}.listener{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:max(env(safe-area-inset-top),.75rem) 1rem 1.5rem;background:linear-gradient(180deg,#0f2a4a 0,#0f2a4a 180px,var(--bg) 180px)}.listener-head{width:100%;max-width:480px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:1rem}.brand-mini{font-weight:800;letter-spacing:.02em}.lang-select select{background:#ffffff1f;color:#fff;border-color:#ffffff40;min-height:36px;padding:.25rem .5rem;width:auto}.lang-select option{color:#000}.listener-card{width:100%;max-width:480px;background:var(--surface);border-radius:20px;padding:1.5rem 1.25rem;box-shadow:0 8px 30px #0f2a4a26;display:flex;flex-direction:column;gap:1rem;align-items:stretch}.listener-org{margin:0;color:var(--muted);text-align:center;font-weight:600}.listener-title{text-align:center;font-size:1.7rem}.listener-card .live-badge{justify-content:center}.volume{display:flex;align-items:center;gap:.75rem;color:var(--muted)}.code-input{text-align:center;font-size:2rem;letter-spacing:.25em;font-weight:700;text-transform:uppercase;min-height:64px}.app-link{text-align:center}.site-header,.app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;padding-top:max(env(safe-area-inset-top),.75rem);background:#0f2a4a;color:#fff}.site-header{position:sticky;top:0;z-index:10}.site-nav{display:flex;gap:1.25rem}.site-nav a{color:#c9d6e8;white-space:nowrap;text-decoration:none;font-weight:600;font-size:.95rem}.site-nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:.75rem}.site-header .btn-secondary{color:#fff;border-color:#fff6}@media(max-width:1100px){.site-nav{display:none}}@media(max-width:480px){.site-header{padding-left:.75rem;padding-right:.75rem;gap:.5rem}.site-header .brand{font-size:1rem}.header-actions{gap:.35rem}.site-header .lang-switch a{padding:.2rem .3rem;font-size:.75rem}.site-header .btn-small{padding:.3rem .55rem;font-size:.8rem}}@media(max-width:400px){.site-header .brand{gap:.3rem;font-size:.95rem}.site-header .lang-compact{padding:.2rem .15rem;font-size:.78rem}.site-header .btn-small{padding:.3rem .4rem;font-size:.75rem}}@media(max-width:340px){.site-header .brand-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.lang-switch{display:flex;gap:.15rem}.lang-switch a{padding:.25rem .45rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.8rem;color:inherit;opacity:.7}.lang-switch a.active{opacity:1;background:#7f8ca040}.lang-compact{display:none;width:auto;min-height:34px;padding:.2rem .4rem;font-size:.85rem;font-weight:700;background:#ffffff1f;color:#fff;border-color:#ffffff40}.lang-compact option{color:#000}@media(max-width:1100px){.lang-wide{display:none}.lang-compact{display:inline-block}}.lang-banner{background:#12b886;color:#04241a;text-align:center;padding:.5rem 1rem;font-weight:600}.lang-banner a{color:inherit}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.15rem;color:inherit;text-decoration:none}.brand img{border-radius:8px}.hero{background:radial-gradient(1200px 500px at 85% 20%,#1d4a7a 0,transparent 60%),#0f2a4a;color:#fff;padding:3rem 1rem 3.5rem;overflow:hidden}.hero-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}.hero-inner>*{min-width:0}.eyebrow{margin:0 0 .75rem;color:#12b886;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.hero-text h1{text-wrap:balance;font-size:clamp(2rem,4.4vw,3.1rem);margin:0 0 1rem}.hero-text .lead{margin:0 0 1.5rem;color:#c9d6e8;font-size:1.12rem;max-width:600px}.hero-ctas{flex-wrap:wrap}.hero-text .btn-ghost{color:#fff;border-color:#fff6}.hero-note{color:#9fb3cf;font-size:.9rem;margin:.75rem 0 1.25rem}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.chips li{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.3rem .8rem;font-size:.88rem;color:#e3ebf6}.hero-phones{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:560px}.hero-phones .phone-front{position:relative;z-index:2;transform:rotate(-3deg)}.hero-phones .phone-back{position:relative;z-index:1;margin-left:-70px;margin-top:70px;transform:rotate(4deg)}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-text .lead{margin-left:auto;margin-right:auto}.hero-ctas,.chips{justify-content:center}.hero-phones{min-height:0;transform:scale(.82);transform-origin:top center;margin-bottom:-90px}}@media(max-width:420px){.hero-phones{transform:scale(.66);margin-bottom:-180px}}.section{max-width:1120px;margin:0 auto;padding:3.5rem 1rem 0;display:flex;flex-direction:column;gap:1.25rem;scroll-margin-top:70px}.section>h2{text-wrap:balance;text-align:center;font-size:clamp(1.5rem,3vw,2rem)}.section-intro{text-align:center;color:var(--muted);max-width:720px;margin:0 auto}.steps-grid,.compare-cards,.plans,.stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.step-num{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;margin-bottom:.5rem}.card h3{margin-bottom:.4rem}.card p{margin:0}.card ul{padding-left:1.2rem;margin:.5rem 0}.card li+li{margin-top:.3rem}.compare-table{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.compare-row{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;gap:1rem;padding:.85rem 1.1rem;border-top:1px solid var(--line)}.compare-head{border-top:none;font-weight:700;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.compare-ours{color:var(--accent);font-weight:600}.compare-classic{color:var(--muted)}@media(max-width:700px){.compare-head{display:none}.compare-row{grid-template-columns:1fr;gap:.3rem}.compare-row span:before{content:attr(data-label) ": ";font-weight:700;font-size:.8rem;color:var(--muted)}}.demo-grid{display:grid;gap:1.5rem 1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-items:center}.demo-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:260px}.demo-item p{margin:0;text-align:center;color:var(--muted);font-size:.92rem}@media(max-width:700px){.demo-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;margin:0 -1rem;padding:.5rem 1rem 1rem;justify-items:initial}.demo-item{flex:0 0 auto;scroll-snap-align:center;width:250px}}.usecase-grid,.feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:360px){.usecase-grid,.feature-grid{grid-template-columns:1fr}}.usecase-icon{font-size:1.8rem;display:block;margin-bottom:.4rem}.feature{display:flex;gap:.85rem;align-items:flex-start;padding:.5rem .25rem}.feature-icon{font-size:1.4rem;width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,transparent)}.feature h3{font-size:1.02rem;margin:0 0 .2rem}.feature p{margin:0}.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.4rem}.plan-featured{border:2px solid var(--accent)}.price{font-size:2rem;font-weight:800;margin:0}.price span{font-size:.85rem;font-weight:500;color:var(--muted)}.plan ul{flex:1}.faq{max-width:820px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}.faq summary{font-weight:600;cursor:pointer}.faq details p{margin:.6rem 0 0}.final-cta{margin:4rem auto 0;max-width:1120px;background:#0f2a4a;color:#fff;border-radius:20px;padding:2.5rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.final-cta p{margin:0;color:#c9d6e8}@media(max-width:1150px){.final-cta{margin-left:1rem;margin-right:1rem}}.site-footer{margin-top:3rem;padding:2rem 1rem 2.5rem;border-top:1px solid var(--line)}.footer-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr auto;gap:1.5rem;align-items:start}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--accent)}.brand-text{font-size:1.1rem}@media(max-width:700px){.footer-grid{grid-template-columns:1fr}}.phone{margin:0;padding:10px;background:#0b1422;border-radius:42px;box-shadow:0 24px 60px #04102259,inset 0 0 0 2px #2a3a55;flex:none}.phone-screen{position:relative;overflow:hidden;border-radius:32px;background:var(--bg)}.phone-notch{position:absolute;top:8px;left:50%;width:84px;height:22px;margin-left:-42px;background:#0b1422;border-radius:12px;z-index:3}.phone-content{color:var(--ink);font-size:16px;line-height:1.5;position:absolute;top:0;left:0;width:390px;height:844px;transform-origin:top left;overflow:hidden;pointer-events:none;text-align:left}.phone-content .listener,.phone-content .app-shell{min-height:844px}.phone-content .listener{padding-top:58px}.phone-content .app-header{padding-top:56px}.phone-content .join-grid{grid-template-columns:1fr;justify-items:center}.phone-content .stats{grid-template-columns:1fr 1fr}.phone-content .app-main{padding-top:1rem}.mock-select{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:.3rem .6rem;font-size:.95rem}.mock-range{flex:1;height:6px;border-radius:3px;background:var(--line);position:relative}.mock-range div{height:100%;border-radius:3px;background:var(--accent);position:relative}.mock-range div:after{content:"";position:absolute;right:-9px;top:-6px;width:18px;height:18px;border-radius:50%;background:var(--accent)}.mock-input{border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem;color:var(--muted);min-height:44px}.auth-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:max(env(safe-area-inset-top),1.5rem) 1rem 2rem}.auth-page .brand{color:var(--ink)}.auth-top{width:100%;max-width:420px;display:flex;justify-content:space-between;align-items:center}.lang-pill,.header-lang{width:auto;min-height:34px;padding:.2rem .5rem;font-size:.85rem;font-weight:700}.header-lang{background:#ffffff1f;color:#fff;border-color:#ffffff40}.header-lang option{color:#000}.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1rem}.native-home{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1.25rem;max-width:480px;margin:0 auto;text-align:center}.native-home img{border-radius:20px}.native-home .btn{width:100%}.app-shell{min-height:100dvh}.org-name{color:#c9d6e8;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-nav{display:flex;gap:.25rem;overflow-x:auto;padding:.4rem .75rem;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.app-nav a,.app-nav span{padding:.5rem .8rem;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:600;white-space:nowrap}.app-nav a.active,.app-nav span.active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.banner{padding:.6rem 1rem;background:color-mix(in srgb,var(--warn) 14%,var(--surface));border-bottom:1px solid var(--line);font-size:.92rem}.banner-error{background:color-mix(in srgb,var(--danger) 12%,var(--surface))}.app-main{max-width:900px;margin:0 auto;padding:1.25rem 1rem 3rem}.page-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:space-between}.page-head input[type=month]{width:auto}.back{text-decoration:none;color:var(--muted);width:100%}.empty{text-align:center;color:var(--muted)}.channel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.channel-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-decoration:none;color:inherit}.channel-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.25rem}.segmented button,.segmented .segment{border:none;background:transparent;font:inherit;font-weight:600;padding:.6rem;border-radius:9px;color:var(--muted);cursor:pointer}.segmented button.active,.segmented .segment.active{background:var(--accent);color:#fff}.speak-card{display:flex;flex-direction:column;gap:.9rem}.speak-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.listeners-count{font-size:1.05rem}.meter{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.meter div{height:100%;background:var(--live);transition:width .1s}.join-card{display:flex;flex-direction:column;gap:1rem}.join-grid{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start}@media(max-width:560px){.join-grid{grid-template-columns:1fr;justify-items:center}}.qr{background:#fff;padding:.5rem;border-radius:12px;line-height:0}.join-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2.2rem;font-weight:800;letter-spacing:.2em;color:var(--navy)}.small-code{font-size:1.4rem}.join-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;word-break:break-all;font-weight:700}.steps{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}.form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.table-card{padding:0;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:.8rem}td.actions{white-space:nowrap;text-align:right}td.actions select{width:auto;min-height:34px;padding:.2rem .4rem}.stat{display:flex;flex-direction:column;gap:.2rem}.stat strong{font-size:1.6rem}.stat span{color:var(--muted);font-size:.875rem}details.card summary{cursor:pointer;font-weight:600;margin-bottom:.75rem}