.audio-teaser{display:flex;align-items:center;gap:15px;width:100%;margin-top:14px;padding:17px 21px;text-align:left;background:#fff;border:1px solid #dfe5ed;border-radius:13px;transition:transform .2s,border-color .2s}.audio-teaser:hover{transform:translateY(-2px);border-color:#aebce5}.audio-teaser-icon{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;color:#294be8;background:#eef2ff;border-radius:9px}.audio-teaser-icon .icon{width:19px;height:19px}.audio-teaser strong{display:block;font-size:12px}.audio-teaser small{display:block;margin-top:4px;color:#87929f;font-size:11px}.audio-teaser>.icon:last-child{margin-left:auto;width:16px;height:16px;color:#87929f;flex-shrink:0}
.companion-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:370px;background:linear-gradient(115deg,#eef2f9 0%,#e9f1f7 65%,#e5f0f2 100%);border:1px solid #e0e8ef;border-radius:24px;padding:43px 55px;overflow:hidden}.companion-intro h1{font-size:46px;line-height:1.16;letter-spacing:-2px;font-weight:650;margin:16px 0}.companion-intro h1 em{font-style:normal;color:#294be8}.companion-intro p{max-width:49ch;color:#657686;font-size:14px;line-height:1.75}.companion-intro-actions{display:flex;align-items:center;gap:20px;margin-top:25px}.companion-intro-actions .primary-button{padding-inline:23px}.companion-intro-actions span{font-size:11px;color:#8796a5}.companion-visual{height:280px;position:relative;isolation:isolate}.visual-screen{position:absolute;width:310px;height:176px;top:16px;left:2%;border:8px solid #173c59;border-radius:14px;overflow:hidden;transform:rotate(-7deg);background:linear-gradient(#2e7095,#b6d8d4 67%,#4f777e 68%,#324c58);box-shadow:0 22px 36px #173c5933}.visual-screen:after{content:'';position:absolute;left:15%;right:15%;bottom:15%;height:14px;border-radius:50%;background:#0c223899;filter:blur(7px)}.visual-sun{position:absolute;width:75px;height:75px;right:37px;top:17px;background:#dff2dd;border-radius:50%}.visual-hill{position:absolute;bottom:33px;left:-30px;width:190px;height:78px;border-radius:50% 50% 0 0;background:#477c7d}.visual-hill.two{left:130px;bottom:28px;background:#376a74}.visual-car{position:absolute;left:34%;bottom:12%;color:#eff8f5;font-size:70px;z-index:2;text-shadow:0 2px 4px #173c59}.visual-beam{position:absolute;width:230px;height:145px;right:25px;top:80px;background:linear-gradient(90deg,#5f90ce1e,#6c88d10c);clip-path:polygon(0 0,100% 42%,100% 70%,0 100%);transform:rotate(-6deg);z-index:-1}.visual-phone{position:absolute;right:0;bottom:0;width:131px;height:216px;border:8px solid #122e4d;border-radius:22px;background:linear-gradient(#193e6b,#2952a7);transform:rotate(11deg);display:flex;align-items:center;justify-content:center;box-shadow:0 22px 38px #16304744}.visual-phone:before{content:'';position:absolute;top:6px;width:35px;height:5px;border-radius:10px;background:#081d3e}.visual-ear{font-size:61px;color:#fff}.visual-wave{position:absolute;border:2px solid #f3f7ff7a;border-left:0;border-top:0;border-bottom:0;border-radius:50%;height:70px;width:20px;right:26px}.visual-wave.b{right:18px;height:88px}.visual-wave.c{right:10px;height:106px}.visual-sync{position:absolute;right:79px;top:30px;padding:7px 11px;border-radius:7px;background:white;color:#3b6393;font-size:10px;letter-spacing:1.5px;font-weight:700;box-shadow:0 8px 18px #173c5920}
.companion-status{margin:20px 0 24px;min-height:44px;display:flex;align-items:center;padding:11px 16px;border:1px solid #e1e9f0;border-radius:12px;background:#fff;color:#627789;font-size:12px}.companion-status:before{content:'';width:7px;height:7px;flex-shrink:0;margin-right:11px;border-radius:50%;background:#55a68c}.companion-status.error{color:#a23b3b;border-color:#eed0d0;background:#fff8f8}.companion-status.error:before{background:#cd6a6a}.companion-library{margin-top:24px}.companion-library .section-heading{margin-bottom:14px}.companion-library .section-heading>span{color:#8897a5;font-size:11px}.program-row{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #e1e7ed;border-radius:18px;padding:16px 20px;margin-bottom:12px}.program-index{color:#9aa8b6;font-size:11px;letter-spacing:1px;min-width:19px}.program-art{width:94px;height:78px;border-radius:12px;flex-shrink:0;background:linear-gradient(160deg,#22466c,#739fa9 64%,#243e54 65%);position:relative;overflow:hidden;display:grid;place-items:center}.program-art:before{content:'';position:absolute;width:43px;height:43px;background:#cae7df;border-radius:50%;top:7px;right:9px}.program-art span{font-size:54px;color:#e1efef;position:relative;top:13px;transform:rotate(-11deg)}.program-details{min-width:0;flex:1}.program-kicker{font-size:9px;letter-spacing:1.3px;color:#8e9cad;font-weight:700}.program-details h3{font-size:15px;margin:5px 0}.program-details p{font-size:11px;color:#8794a2}.program-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:10px}.program-actions button,.program-actions a{color:#2f54ce;font-size:11px;font-weight:600;padding:0}.program-actions button:hover,.program-actions a:hover{text-decoration:underline}.empty-programs{border:1px dashed #cfd8e2;border-radius:14px;color:#8492a2;padding:24px;font-size:12px}.companion-how{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.companion-how>div{border:1px solid #e1e7ed;background:#fff;border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:9px}.companion-how b{font-size:11px;color:#294be8}.companion-how strong{font-family:var(--heading);font-size:14px}.companion-how span{font-size:11px;color:#8291a0;line-height:1.5}.companion-disclosure{margin-top:20px;color:#8795a1;font-size:11px;line-height:1.6;max-width:87ch}
.scan-panel,.companion-player{background:#fff;border:1px solid #e0e8ef;border-radius:20px;padding:26px;margin-bottom:23px;box-shadow:0 14px 30px #244e7310}.scan-panel[hidden],.companion-player[hidden],.companion-dock[hidden]{display:none}.scan-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.scan-panel h2,.companion-player h2{font-size:22px;letter-spacing:-.6px;margin:8px 0}.scan-panel-head p,.player-copy{font-size:12px;color:#8291a0;line-height:1.6}.scan-panel-head .secondary-button{width:auto;margin:0;padding:0 16px;white-space:nowrap}.camera-stage{width:min(100%,680px);aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:14px;background:#081729;margin:auto}.camera-stage video{width:100%;height:100%;object-fit:cover}.camera-frame{position:absolute;inset:9%;border:1px solid #ffffff50;border-radius:6px;pointer-events:none}.camera-frame>span{position:absolute;width:25px;height:25px;border-color:#e3f9ff;border-style:solid}.camera-frame>span:nth-child(1){left:-1px;top:-1px;border-width:3px 0 0 3px}.camera-frame>span:nth-child(2){right:-1px;top:-1px;border-width:3px 3px 0 0}.camera-frame>span:nth-child(3){left:-1px;bottom:-1px;border-width:0 0 3px 3px}.camera-frame>span:nth-child(4){right:-1px;bottom:-1px;border-width:0 3px 3px 0}.camera-scan-line{position:absolute;left:3%;right:3%;height:1px;top:20%;background:#9be7f2;box-shadow:0 0 10px 4px #75d9ec5e;animation:camera-scan 2.8s ease-in-out infinite alternate}.camera-label{position:absolute;bottom:14%;width:100%;text-align:center;color:#fff;font-size:10px;letter-spacing:2px;text-shadow:0 2px 9px #001d33}.camera-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#8192a0;font-size:11px;margin-top:17px}.camera-controls label{display:flex;gap:9px;align-items:center}.camera-controls input{accent-color:#294be8;width:120px}.camera-controls output{min-width:25px}.companion-player{background:linear-gradient(135deg,#fff,#f5f8ff)}.player-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.player-top>span:last-child{color:#82a09d;font-size:10px}.audio-transcript{border-left:3px solid #294be8;background:#f0f4ff;border-radius:0 12px 12px 0;padding:19px 21px;margin:24px 0}.audio-transcript>span{font-size:9px;letter-spacing:1.5px;color:#6178a6;font-weight:700}.audio-transcript p{font-family:var(--heading);font-size:20px;line-height:1.45;margin:8px 0 10px}.audio-transcript small{font-size:10px;color:#8b98ac;line-height:1.5}.player-track{display:flex;align-items:center;gap:12px;font-size:11px;color:#687c92}.player-track progress{width:100%;height:5px;accent-color:#294be8}.player-actions{display:flex;align-items:center;gap:22px;margin-top:21px}.player-actions .text-button{width:auto}.companion-dock{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:12;width:min(550px,calc(100% - 32px));background:#1a3654;color:#fff;box-shadow:0 15px 50px #061b3880;padding:12px 15px;border-radius:15px;display:flex;align-items:center;gap:12px}.dock-wave{font-size:27px;color:#9fe3d4}.dock-copy{min-width:0;flex:1}.dock-copy strong{display:block;font-size:12px}.dock-copy small{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#bdcedb}.companion-dock button{width:33px;height:33px;flex-shrink:0;border:1px solid #ffffff50;border-radius:9px;color:#fff;display:grid;place-items:center;font-size:15px}.companion-intro-actions button:disabled{opacity:.45;cursor:wait}
@keyframes camera-scan{from{top:12%}to{top:88%}}
@media(max-width:900px){.companion-intro{padding:35px;gap:20px}.companion-intro h1{font-size:37px}.visual-screen{left:0;transform:rotate(-7deg) scale(.82);transform-origin:top left}.visual-phone{transform:rotate(11deg) scale(.86);transform-origin:bottom right}.visual-sync{right:50px}}
@media(max-width:760px){.companion-intro{display:block;padding:31px 25px;min-height:0}.companion-intro h1{font-size:36px}.companion-intro p{font-size:13px}.companion-intro-actions{flex-direction:column;align-items:flex-start;gap:11px;margin-top:20px}.companion-intro-actions .primary-button{width:100%}.companion-visual{height:210px;margin-top:25px}.visual-screen{left:2%;width:250px;height:145px;transform:rotate(-7deg)}.visual-phone{width:103px;height:173px;right:0;bottom:0;transform:rotate(10deg)}.visual-ear{font-size:42px}.visual-sync{right:61px;top:0}.companion-how{grid-template-columns:1fr;gap:10px}.companion-how>div{padding:14px 17px;display:grid;grid-template-columns:29px 90px 1fr;align-items:center;gap:5px}.program-row{align-items:flex-start;padding:15px;gap:11px}.program-index{display:none}.program-art{width:66px;height:66px}.program-details h3{font-size:14px}.program-actions{gap:10px}.scan-panel,.companion-player{padding:18px}.scan-panel-head{flex-direction:column}.camera-controls{flex-wrap:wrap}.audio-transcript p{font-size:18px}.companion-dock{bottom:78px}.companion-status{font-size:11px}.player-actions{flex-wrap:wrap}}
@media(max-width:380px){.companion-visual{height:175px}.visual-screen{transform:rotate(-7deg) scale(.82)}.visual-phone{transform:rotate(10deg) scale(.82);transform-origin:bottom right}.companion-how>div{grid-template-columns:25px 75px 1fr}.program-art{width:54px;height:54px}.program-actions{column-gap:14px;row-gap:7px}}
@media(prefers-reduced-motion:reduce){.camera-scan-line{animation:none;top:50%}}