.connected-section{background:#0b121c;border-top:1px solid #1a2636;border-bottom:1px solid #1a2636}.app-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:68px;align-items:center;margin-top:48px}.app-visual{margin:0;border:1px solid #2b4059;border-radius:14px;overflow:hidden;background:#08131f;box-shadow:0 24px 60px #0003}.app-window-top{display:flex;align-items:center;gap:9px;padding:15px 20px;background:#101d2c;font-size:9px;letter-spacing:.12em;color:#a8bfd8}.app-window-top>span:last-child{margin-left:auto;color:#6f92b4;font-size:8px}.app-visual img{width:100%;height:auto}.app-visual figcaption{padding:14px 20px;font-size:10px;color:#8397ad;border-top:1px solid #22354c}.feature-label{display:block;color:var(--blue);font-size:10px;letter-spacing:.14em;margin-bottom:22px}.app-copy h3{font-size:31px;line-height:1.18;margin-bottom:24px}.app-copy>p{font-size:15px}.app-copy>p.small{font-size:12px}.link-feature{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:85px;border-top:1px solid #29384c;padding-top:55px;margin-top:65px}.status-pill{display:inline-block;border:1px solid #45627e;border-radius:4px;padding:5px 9px;font-size:8px;letter-spacing:.09em;color:#b7d5f2;margin-bottom:22px}.link-feature h3{font-size:29px;margin-bottom:22px}.link-feature p{font-size:14px;max-width:440px}.connection-visual{display:flex;align-items:center;justify-content:center;gap:15px;padding:38px 12px;border:1px solid #263d56;border-radius:12px;background:radial-gradient(ellipse at center,#162e46,#0b1521 75%)}.connection-node{flex-shrink:0;text-align:center}.connection-node>span{font-size:67px;line-height:1.2;color:#a0d3ff}.connection-node p{font-size:10px;margin:10px 0 0;color:#b4c9de;white-space:nowrap}.connection-path{display:flex;flex:1;flex-direction:column;gap:11px;align-items:center;max-width:150px;color:var(--blue)}.connection-path>span{font-size:11px;letter-spacing:.15em}.connection-path i{width:100%;border-top:1px dashed #6da0c8}.connection-path small{font-size:8px;color:#7e9fbd;white-space:nowrap}.media-section{background:#0e1621;border-bottom:1px solid #223044}.media-intro{max-width:400px}.media-intro .status-pill{margin-bottom:15px}.media-intro p{margin-bottom:0;font-size:14px}.media-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.media-cards article{border:1px solid #2b3b50;border-radius:12px;padding:30px;background:#111d2b}.media-cards h3{font-size:23px;margin-bottom:15px}.media-cards p{font-size:13px;line-height:1.8;margin-bottom:24px}.media-category{font-size:8px;letter-spacing:.13em;color:#759dbf}.disc-illustration{height:77px;width:77px;border:1px solid #8fbce3;border-radius:50%;position:relative;margin:5px 0 32px;background:conic-gradient(from 30deg,#24445f,#102032,#3f6280,#102032,#24445f)}.disc-illustration:before{content:"";position:absolute;border:1px solid #7fa5c7;inset:25px;border-radius:50%;background:#111d2b}.disc-illustration i{position:absolute;inset:34px;border:1px solid #385a78;border-radius:50%;background:#09111b}.cartridge-illustration{height:76px;width:72px;border:1px solid #789fbd;border-radius:8px 8px 3px 3px;position:relative;background:linear-gradient(140deg,#243c50,#152636);margin:5px 0 33px}.cartridge-illustration:before{content:"";position:absolute;bottom:5px;left:13px;right:13px;height:8px;border-bottom:2px solid #b4a274;background:repeating-linear-gradient(to right,#111d2b 0px,#111d2b 3px,#b4a274 3px,#b4a274 6px)}.cartridge-illustration i{position:absolute;top:18px;left:10px;right:10px;height:30px;border:1px solid #3d5e7a;border-radius:3px;display:grid;place-items:center;font-size:8px;color:#b7d5ee;font-style:normal;letter-spacing:.06em}.cartridge-illustration.ds{width:67px;height:69px;border-radius:6px;background:linear-gradient(140deg,#193a52,#142637);margin-top:12px}.media-note{font-size:11px;margin:24px 0;color:#8e9eb3}.controller-secondary{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:start}.controller-secondary h2{font-size:36px;line-height:1.2}.controller-secondary>div:last-child{padding-top:35px}.controller-secondary>div:last-child>p{font-size:14px}.controller-secondary>div:last-child>p.small{font-size:12px}.contact-direct{margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}.contact-direct .eyebrow{font-size:9px;margin-bottom:12px}.contact-email{display:block;color:var(--blue);font-size:14px;overflow-wrap:anywhere;margin-bottom:12px}.contact-direct>p:not(.eyebrow){font-size:12px;margin-bottom:22px}.voice-compare{max-width:800px;margin:50px auto;padding:20px}.voice-compare article{padding:25px;border:1px solid var(--line);border-radius:10px;margin:22px 0}.voice-compare audio{width:100%;margin-top:20px}.voice-compare h2{font-size:25px;margin-bottom:15px}
@media(max-width:1000px){.app-feature{gap:35px}.app-copy h3{font-size:26px}.link-feature{gap:45px}.connection-visual{gap:10px}.connection-node>span{font-size:55px}.media-cards{gap:16px}.media-cards article{padding:25px}.controller-secondary{gap:45px}.controller-secondary h2{font-size:31px}}
@media(max-width:760px){.app-feature{grid-template-columns:1fr;gap:32px;margin-top:30px}.app-visual{max-width:650px}.app-copy{max-width:600px}.link-feature{grid-template-columns:1fr;gap:30px;padding-top:38px;margin-top:40px}.connection-visual{max-width:600px;padding:30px 15px}.connection-path{max-width:180px}.media-cards{grid-template-columns:1fr;gap:17px}.media-cards article{display:grid;grid-template-columns:82px 1fr;column-gap:20px;align-items:start;padding:26px}.media-cards article>div{grid-row:1/4;margin:3px 0 0;transform:scale(.85);transform-origin:top left}.media-cards h3{margin-bottom:12px;font-size:23px}.media-cards p{margin-bottom:15px}.media-category{grid-column:2}.controller-secondary{grid-template-columns:1fr;gap:22px}.controller-secondary>div:last-child{padding-top:0}.controller-secondary h2{font-size:32px}.media-intro{max-width:none;margin-top:25px}.media-intro p{font-size:14px}}
@media(max-width:420px){.media-cards article{grid-template-columns:62px 1fr;column-gap:15px;padding:23px 19px}.media-cards article>div{transform:scale(.65)}.media-cards h3{font-size:21px}.connection-node p{font-size:9px}.connection-path small{font-size:7px}.connection-visual{gap:10px;padding-inline:12px}.connection-node>span{font-size:48px}.contact-email{font-size:13px}}
