.landing-page,.privacy-page{min-height:100dvh;background:#fbfdff;color:#1a2838;font-size:15px;line-height:1.55}
.landing-page *,.privacy-page *{box-sizing:border-box}
.landing-page a,.privacy-page a{color:inherit;text-decoration:none}
.landing-page a:focus-visible,.privacy-page a:focus-visible{outline:3px solid #086df0;outline-offset:4px}
.landing-header,.landing-footer,.landing-hero,.privacy-main{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.landing-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e9f3}
.landing-page .landing-header{animation:landing-enter .65s cubic-bezier(.22,1,.36,1) both}
.landing-brand{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.04em}
.landing-brand .brand-symbol{width:36px;height:36px;border-radius:11px;font-size:18px}
.landing-header nav{display:flex;align-items:center;gap:32px;color:#52677e;font-size:14px;font-weight:600}
.landing-header nav a:hover,.landing-footer a:hover,.privacy-main a:hover{color:#086df0}
.landing-hero{min-height:610px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center;padding-block:74px 88px}
.landing-copy{max-width:550px;animation:landing-enter .72s .1s cubic-bezier(.22,1,.36,1) both}
.landing-intro{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.landing-eyebrow{display:inline-block;color:#086df0;font-size:11px;font-weight:800;letter-spacing:.14em}
.landing-access{display:inline-flex;align-items:center;min-height:31px;padding:6px 11px;border:1px solid #a8c9f5;border-radius:8px;background:#eaf3ff;color:#174c8b;font-size:12px;font-weight:750;line-height:1.2}
.landing-copy h1{font-size:clamp(42px,4.4vw,67px);letter-spacing:-.065em;line-height:1.08;margin:20px 0 26px;font-weight:750}
.landing-copy h1 span{color:#086df0}
.landing-lead{font-size:18px;line-height:1.7;color:#516477;max-width:480px;margin:0 0 32px}
.landing-action{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.landing-primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:12px 22px;border-radius:11px;background:#086df0;color:#fff!important;font-size:14px;font-weight:700;box-shadow:0 8px 20px #086df024;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.landing-primary:hover{transform:translateY(-2px);background:#005cde;box-shadow:0 12px 24px #086df032}
.landing-action p{font-size:12px;color:#6c7f92;margin:0;max-width:180px}
.landing-return{display:inline-block;margin-top:16px;color:#086df0!important;font-size:13px;font-weight:700;text-decoration:underline!important;text-underline-offset:3px}
.landing-error{color:#a72939;background:#fff2f3;border:1px solid #f2c9cf;padding:11px 14px;border-radius:9px;margin:22px 0 0;max-width:480px}
.landing-preview{background:#fff;border:1px solid #dce6f1;border-radius:20px;box-shadow:0 24px 70px #1c45691b;overflow:hidden;max-width:520px;justify-self:end;width:100%;animation:landing-preview-enter .84s .2s cubic-bezier(.22,1,.36,1) both}
.preview-top{height:46px;display:flex;align-items:center;gap:14px;padding:0 19px;border-bottom:1px solid #e7edf4;color:#52677c;font-size:12px;font-weight:650}
.preview-dots{display:flex;gap:5px}.preview-dots i{width:6px;height:6px;border-radius:50%;background:#c5d5e7}
.preview-video{height:205px;margin:16px 18px 14px;border-radius:12px;background:radial-gradient(circle at 69% 35%,#7aaefa 0,#437acc 21%,transparent 38%),linear-gradient(145deg,#162b47,#0d427e 65%,#082347);display:grid;place-items:center;position:relative;overflow:hidden}
.preview-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07162a70,transparent 36%,transparent 65%,#07162a8c);pointer-events:none}
.preview-video-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.preview-play{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#fffffff0;color:#086df0;font-size:16px;padding-left:3px;box-shadow:0 3px 14px #07172944}
.preview-time{position:absolute;right:13px;bottom:15px;color:#fff;background:#0b1e3788;border-radius:5px;padding:2px 7px;font-size:11px}
.preview-tabs{display:flex;gap:19px;padding:0 20px 12px;border-bottom:1px solid #e7edf4;color:#617186;font-size:12px}
.preview-tabs strong{color:#086df0}
.preview-line{display:flex;gap:15px;padding:11px 20px;border-bottom:1px solid #edf1f6}.preview-line:last-child{border:0;margin-bottom:8px}
.preview-line time{color:#086df0;background:#eaf3ff;border-radius:6px;padding:2px 6px;height:max-content;font-size:11px;font-weight:700}
.preview-line span{display:grid;gap:1px}.preview-line b{font-size:12px}.preview-line small{color:#718197;font-size:11px}
.landing-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 34px;border-top:1px solid #e1e9f3;color:#718296;font-size:12px}.landing-page .landing-footer{animation:landing-enter .7s .38s cubic-bezier(.22,1,.36,1) both}.landing-footer-links{display:flex;flex-wrap:wrap;gap:10px 24px}.landing-footer a{text-decoration:underline;text-underline-offset:3px}
.privacy-main{max-width:760px;padding:74px 0 90px}.privacy-main h1{font-size:clamp(35px,4vw,52px);letter-spacing:-.055em;line-height:1.1;margin:14px 0 15px}.privacy-main .privacy-intro{color:#52677e;font-size:17px;line-height:1.7;margin:0 0 34px}.privacy-main h2{font-size:20px;letter-spacing:-.025em;margin:35px 0 9px}.privacy-main p,.privacy-main li{color:#43576d;line-height:1.75}.privacy-main ul{padding-left:21px}.privacy-main li{margin:7px 0}.privacy-main a{color:#075fce;text-decoration:underline;text-underline-offset:3px}.privacy-date{font-size:12px;color:#718296;margin-top:5px}.privacy-note{border-left:3px solid #086df0;background:#eef5ff;padding:16px 20px;border-radius:0 10px 10px 0;margin:25px 0}
@keyframes landing-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes landing-preview-enter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:850px){.landing-hero{grid-template-columns:1fr;gap:44px;padding-block:68px}.landing-preview{justify-self:start;max-width:600px}}
@media(max-width:600px){.landing-header,.landing-footer,.landing-hero,.privacy-main{width:min(100% - 36px,1160px)}.landing-header{height:70px}.landing-header nav{gap:15px;font-size:12px}.landing-hero{padding-block:54px 62px;min-height:0;gap:42px}.landing-copy h1{font-size:43px}.landing-lead{font-size:16px}.landing-action{align-items:flex-start;flex-direction:column;gap:10px}.landing-action p{max-width:none}.landing-preview{border-radius:14px}.preview-video{height:165px}.privacy-main{padding:52px 0 72px}.landing-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.landing-page .landing-header,.landing-copy,.landing-preview,.landing-page .landing-footer{animation:none}.landing-primary{transition:none}.landing-primary:hover{transform:none}}

/* The landing page uses the app's blue as a larger, layered canvas. */
.landing-page{display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 70% 65% at 80% 46%,#1989cc66 0%,transparent 72%),linear-gradient(148deg,#0c2855 0%,#07539c 54%,#178ccc 100%);color:#fff}
.landing-page:before{content:"";position:absolute;z-index:-1;inset:90px -15% 0 35%;background:repeating-radial-gradient(circle at 55% 49%,transparent 0 76px,#a2d9ff14 77px 78px,transparent 79px 154px);pointer-events:none}
.landing-page .landing-header,.landing-page .landing-footer{border-color:#dceeff35}
.landing-page .landing-hero{flex:1;min-height:660px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;padding-block:80px 100px}
.landing-page .landing-copy{position:relative;z-index:2;max-width:560px}
.landing-page .landing-eyebrow{color:#a5e7ff}
.landing-page .landing-access{border:1px solid #afe2ff76;border-radius:999px;background:#d5efff1b;color:#ecf8ff}
.landing-page .landing-copy h1{font-size:clamp(48px,4.45vw,60px);line-height:1.07;margin:23px 0 26px;text-wrap:balance}
.landing-page .landing-copy h1 span{color:#8be1ff}
.landing-page .landing-lead{color:#e0eeff;max-width:510px;line-height:1.65}
.landing-page .landing-primary{min-height:54px;background:#fff;color:#0754a4!important;box-shadow:0 14px 30px #092a5b42}
.landing-page .landing-primary:hover{background:#e8f7ff;box-shadow:0 18px 32px #092a5b54}
.landing-page .landing-action p{color:#d5e9fc}
.landing-page .landing-return{color:#fff!important}
.landing-page a:focus-visible{outline-color:#fff}
.landing-stage{position:relative;min-width:0;max-width:590px;width:100%;justify-self:end;animation:landing-preview-enter .84s .2s cubic-bezier(.22,1,.36,1) both}
.landing-halo{position:absolute;inset:12% -7% 0;background:radial-gradient(circle at 54% 48%,#73dcff90,transparent 68%);filter:blur(30px);pointer-events:none}
.landing-stage .landing-preview{position:relative;max-width:none;transform:rotate(1.2deg);border-radius:22px;box-shadow:0 34px 80px #031a4580;animation:none;color:#1a2838}
.landing-stage .preview-video{height:235px;background:#10243b url('/landing-podcast.jpg') center/cover no-repeat}
.preview-video-mark{position:absolute;z-index:1;left:17px;top:15px;font-size:10px;color:#fff;letter-spacing:.17em;font-weight:750}
.preview-video .preview-time{z-index:1}
.landing-stage .preview-play{z-index:1}
.landing-float{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;border:1px solid #dce9f9;border-radius:14px;padding:11px 13px;background:#fff;color:#1a2838;box-shadow:0 18px 35px #09234247;transform:rotate(-3deg)}
.landing-float span:nth-child(2){display:grid;line-height:1.28}.landing-float b{font-size:12px}.landing-float small{font-size:10px;color:#64768a}
.landing-float-audio{left:-45px;bottom:-20px}.landing-float-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#e7f2ff;color:#086df0;font-size:17px}.landing-float-wave{color:#086df0;letter-spacing:1px;font-size:18px;margin-left:5px}
.landing-float-frame{right:-24px;top:118px;transform:rotate(4deg)}.landing-float-thumb{display:grid;place-items:center;width:45px;height:42px;border-radius:8px;background:linear-gradient(135deg,#c2edff,#277dc6);color:#fff;font-size:25px}
.landing-ai-demo{position:absolute;z-index:3;right:-18px;bottom:-39px;width:250px;padding:13px 15px 15px;border:1px solid #dce9f9;border-radius:16px;background:#fff;color:#1a2838;box-shadow:0 20px 40px #09234255;transform:rotate(2deg)}
.landing-ai-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750}.landing-ai-spark{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e7f2ff;color:#086df0;font-size:16px}.landing-ai-head small{margin-left:auto;color:#64768a;font-size:10px;font-weight:600}
.landing-ai-examples{position:relative;height:66px;margin-top:10px}.landing-ai-example{position:absolute;inset:0;display:grid;align-content:start;gap:4px;opacity:0;animation:landing-ai-cycle 12s infinite}.landing-ai-example:nth-child(2){animation-delay:-8s}.landing-ai-example:nth-child(3){animation-delay:-4s}.landing-ai-example b{font-size:12px}.landing-ai-example span{font-size:11px;line-height:1.35;color:#52677c}
@keyframes landing-ai-cycle{0%,29%{opacity:1;transform:translateY(0)}34%,95%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:translateY(0)}}
.landing-page .landing-footer{color:#d3e9f8}.landing-page .landing-footer a:hover{color:#fff}
@media(max-width:1050px){.landing-page .landing-hero{gap:30px}.landing-float-audio{left:-20px}.landing-float-frame{right:-10px}}
@media(max-width:850px){.landing-page .landing-hero{grid-template-columns:1fr;gap:58px;padding-block:68px}.landing-stage{justify-self:center;max-width:600px}.landing-page .landing-copy{max-width:650px}.landing-float-audio{left:-24px}}
@media(max-width:600px){.landing-page .landing-hero{padding-block:48px 72px;min-height:0;gap:47px}.landing-page .landing-copy h1{font-size:clamp(41px,11vw,56px)}.landing-stage{padding-bottom:176px}.landing-stage .landing-preview{border-radius:15px;transform:none}.landing-stage .preview-video{height:165px}.landing-float{padding:7px 9px;border-radius:10px}.landing-float-audio{left:-6px;bottom:156px}.landing-float-frame{right:-5px;top:95px}.landing-float-wave{display:none}.landing-float-thumb{width:32px;height:32px;font-size:19px}.landing-float-icon{width:28px;height:28px}.landing-ai-demo{right:0;bottom:0;width:min(250px,100%);transform:none}}
@media(prefers-reduced-motion:reduce){.landing-stage,.landing-ai-example{animation:none}.landing-ai-example:first-child{opacity:1;transform:none}}