/* Open Sans 1.10: the same static Regular/Semibold/Bold files used by DJI Inspire 3. */
@font-face{font-family:'Open Sans Classic';font-weight:400;font-style:normal;font-display:swap;src:url('./open-sans-dji-regular.woff2') format('woff2')}
@font-face{font-family:'Open Sans Classic';font-weight:500 600;font-style:normal;font-display:swap;src:url('./open-sans-dji-semibold.woff2') format('woff2')}
@font-face{font-family:'Open Sans Classic';font-weight:700;font-style:normal;font-display:swap;src:url('./open-sans-dji-bold.woff2') format('woff2')}
.iradio-marketing{font-family:'Open Sans Classic','Helvetica Neue',Arial,sans-serif;--accent:#ff8907;--muted:#b1b1b1}
.iradio-marketing h1,.iradio-marketing h2,.iradio-marketing h3{letter-spacing:-.03em}
.iradio-marketing .cinema-copy{max-width:940px}
.iradio-marketing .cinema-copy h1{font-family:inherit;font-size:clamp(64px,7.2vw,104px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.iradio-marketing .cinema-copy>p{max-width:630px;font-family:inherit;font-size:20px;line-height:1.5;font-weight:400;letter-spacing:0;color:#c4c4c4}
.iradio-marketing .cinema-copy h1>span{background-image:linear-gradient(90deg,#ff6504,#ff9609);background-size:100% 100%}
/* Physical glass and active-area proportions from the official 7-inch display drawing.
   The pixel matrix is 800x480; the physical active area is 154.08x85.92 mm. */
.iradio-marketing .device-frame{container-type:inline-size;aspect-ratio:19296/11076;width:100%;height:auto;min-height:0;padding:0!important;border-radius:clamp(12px,2vw,24px);flex:none}
.iradio-marketing .device-screen{position:absolute;inset:11.213% auto auto 10.075%;width:79.85%;height:auto;min-height:0!important;aspect-ratio:15408/8592;padding:1.6cqw!important;border-width:0;border-radius:.9cqw;display:grid;grid-template-rows:1fr 1.4fr 2fr .55fr;gap:1.3cqw;overflow:hidden}
.iradio-marketing .device-screen .screen-header{min-height:0;gap:1cqw}
.iradio-marketing .device-screen .screen-brand{gap:.9cqw;min-width:0}
.iradio-marketing .device-screen .screen-brand img{width:3.8cqw;height:3.8cqw}
.iradio-marketing .device-screen .screen-brand small{font-size:1.25cqw;line-height:1.2;letter-spacing:0}
.iradio-marketing .device-screen .screen-brand b{font-size:2.1cqw;line-height:1.3}
.iradio-marketing .device-screen .screen-status{font-size:1.2cqw;line-height:1.25;gap:.7cqw}
.iradio-marketing .device-screen .screen-status b{font-size:1.6cqw}
.iradio-marketing .device-screen .screen-status i{width:.7cqw;height:.7cqw}
.iradio-marketing .device-screen .now-playing{margin:0;padding:1.2cqw;gap:1.2cqw;grid-template-columns:4.8cqw minmax(0,1fr) 15cqw;min-height:0;border-radius:.8cqw}
.iradio-marketing .device-screen .now-playing>button{width:4.8cqw;height:4.8cqw;font-size:2cqw}
.iradio-marketing .device-screen .now-playing strong{font-size:1.65cqw;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iradio-marketing .device-screen .now-playing small,.iradio-marketing .device-screen .now-playing div>span{font-size:1.15cqw;line-height:1.4}
.iradio-marketing .device-screen .volume{display:block;width:auto}
.iradio-marketing .device-screen .volume label{font-size:1.1cqw}.iradio-marketing .device-screen .volume input{height:2cqw;width:100%}
.iradio-marketing .device-screen .station-carousel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1cqw;margin:0;min-height:0}
.iradio-marketing .device-screen .station{display:flex;height:100%!important;min-height:0;padding:.8cqw;gap:.7cqw;border-radius:.8cqw;border-top-width:2px}
.iradio-marketing .device-screen .station>span{font-size:1.5cqw;padding:.85cqw .3cqw;border-radius:.4cqw;line-height:1.2;white-space:nowrap}
.iradio-marketing .device-screen .station>b{font-size:1.15cqw;line-height:1.25;white-space:nowrap}
.iradio-marketing .device-screen .screen-footer{margin:0;min-height:0;font-size:1.2cqw;line-height:1.3}
.iradio-marketing .device-screen .demo-equalizer{height:1.8cqw;gap:.35cqw}.iradio-marketing .device-screen .demo-equalizer i{width:.3cqw}
.device-frame:after{content:'iRadio';position:absolute;bottom:3.5%;left:0;right:0;text-align:center;color:#999;font-size:2cqw;font-weight:400;letter-spacing:0;pointer-events:none}
.iradio-marketing .device-foot{display:none}
@media(min-width:1000px) and (min-height:650px){.immersive-scroll .product-stage-inner{width:min(850px,78vw,74vh);flex:0 0 auto}.immersive-scroll .product-stage .product-specs{margin-top:14px;padding-top:12px}}
.iradio-portal .login-page{grid-template-columns:minmax(0,1fr) minmax(340px,450px);gap:70px;min-height:calc(100svh - 170px);padding-block:80px}
.iradio-portal .login-visual>img{width:48px;height:48px;filter:grayscale(1);margin-bottom:30px}
.iradio-portal .login-visual h1{font-size:clamp(44px,5vw,72px);font-weight:600;line-height:1.12;letter-spacing:-.03em;margin:24px 0}
.iradio-portal .login-visual h1 span{color:#ff8a0b}
.iradio-portal .login-visual p{font-size:17px;color:#b1b1b1}.iradio-portal .status-lines{color:#b1b1b1;font-size:13px}
.iradio-portal .iradio-form{background:#141414;border:1px solid #383838;border-radius:8px;box-shadow:0 30px 80px #0004}
.iradio-portal .login-form{padding:36px;gap:24px}.iradio-portal .login-form h2{font-size:30px;letter-spacing:-.025em}
.iradio-portal .portal-page{padding-top:65px}.iradio-portal .portal-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.2;overflow-wrap:anywhere}
.iradio-portal .portal-summary{gap:20px;margin:40px 0 55px}.iradio-portal .portal-summary article{padding:28px;background:#151515;border:1px solid #383838;border-top:2px solid #ff8907;border-radius:6px;min-height:160px}
.iradio-portal .portal-summary small{font-size:11px;color:#aaa;letter-spacing:.08em}.iradio-portal .portal-summary strong{font-size:36px;font-weight:600}.iradio-portal .portal-summary span{font-size:13px;color:#b1b1b1}
.iradio-portal .portal-section-heading h2{font-size:28px}.iradio-portal .device-row{grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(95px,.7fr)) minmax(135px,auto);background:#141414;border-color:#343434;border-radius:6px;padding:24px;gap:18px;margin-top:16px}
.iradio-portal .device-icon{border-color:#404040;background:#202020;border-radius:6px}.iradio-portal .device-icon img{filter:grayscale(1)}
.iradio-portal .device-identity small,.iradio-portal .device-metric small,.iradio-portal .device-metric span{font-size:12px;color:#aaa;white-space:normal;overflow-wrap:anywhere}.iradio-portal .device-metric strong{font-size:15px}
.iradio-portal .device-actions .button{font-size:13px;min-height:42px;padding:9px 13px;gap:6px}
.iradio-portal .empty-state{background:#151515;border:1px solid #363636;border-radius:6px}.iradio-portal .empty-state img{filter:grayscale(1)}
.iradio-portal .profile-form{max-width:1000px;padding:36px}.iradio-portal .profile-form label{font-size:14px;color:#ddd}.iradio-portal .profile-form input{background:#0b0b0b;border-color:#444;border-radius:4px}.iradio-portal .profile-form input:focus{border-color:#ff8a0b;box-shadow:0 0 0 2px #ff8a0b22}
.iradio-portal .profile-form input:disabled{background:#222;color:#aaa}.iradio-portal .profile-form label>small{color:#aaa}.iradio-portal .profile-form .field-error{color:#ffb7b7}.iradio-portal .form-section-title h2{font-size:24px}.iradio-portal .form-section-title p{font-size:14px}.iradio-portal .form-section-title>span{background:#ff8907;color:#080808}
.legal-page{max-width:920px}.legal-page h1{font-size:clamp(40px,6vw,70px);line-height:1.15;margin:22px 0 30px}.legal-page h2{font-size:24px;line-height:1.3;margin:38px 0 16px}.legal-page p,.legal-page li,.legal-page address{font-size:16px;line-height:1.75;color:#bcbcbc;font-style:normal}.legal-page strong{color:#eee}.legal-page a{color:#ffae5c;text-underline-offset:4px}.legal-page address{margin-bottom:26px}.legal-page ul{padding-left:22px}.legal-table-wrap{overflow:auto}.legal-page table{border-collapse:collapse;width:100%;font-size:14px}.legal-page th,.legal-page td{border-bottom:1px solid #363636;text-align:left;padding:16px 12px;vertical-align:top}.legal-page td{color:#bbb}.legal-page td:first-child{overflow-wrap:anywhere;max-width:240px}
.footer-cookie-link{border:0;padding:0;background:none;font:inherit;color:inherit;text-decoration:none;cursor:pointer}.footer-cookie-link:hover{color:#ffae5c}
.cookie-notice{position:fixed;bottom:20px;left:20px;right:20px;z-index:120;max-width:1050px;margin:auto;padding:24px 28px;border:1px solid #494949;border-radius:8px;background:#171717;box-shadow:0 12px 65px #000b;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;color:#f4f4f4}
.cookie-notice[hidden]{display:none}.cookie-notice h2{font:600 20px/1.3 'Open Sans Classic',Arial,sans-serif;letter-spacing:-.02em;margin:0 0 8px}.cookie-notice p{font-size:14px;line-height:1.6;color:#bdbdbd;margin:0}.cookie-notice a{color:#e5e5e5;text-underline-offset:3px}.cookie-notice .cookie-links{display:flex;gap:20px;margin-top:9px}.cookie-notice .button{white-space:nowrap;min-height:44px;font-size:14px}.cookie-notice~*{--cookie-notice-present:1}body.cookie-notice-open .film-toggle{display:none}
@media(max-width:1150px){.iradio-portal .device-row{grid-template-columns:repeat(4,minmax(0,1fr))}.iradio-portal .device-identity{grid-column:1/-1}.iradio-portal .device-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:900px){.iradio-portal .login-page{grid-template-columns:1fr;gap:40px;max-width:700px}.iradio-portal .login-visual>img{display:none}.iradio-portal .login-form{max-width:550px;width:100%}.iradio-portal .portal-heading,.iradio-portal .portal-section-heading{align-items:flex-start;flex-direction:column}.iradio-portal .portal-summary{grid-template-columns:1fr}.cookie-notice{gap:16px;grid-template-columns:1fr}.cookie-notice .button{justify-self:start}}
@media(max-width:600px){.iradio-marketing .cinema-copy h1{font-size:clamp(42px,10.5vw,64px);line-height:1.12;letter-spacing:-.03em}.iradio-marketing .cinema-copy>p{font-size:17px;line-height:1.55}.iradio-marketing .device-screen .now-playing{grid-template-columns:4.8cqw minmax(0,1fr)}.iradio-marketing .device-screen .volume{display:none}.iradio-portal .login-page{padding-block:50px}.iradio-portal .login-form,.iradio-portal .profile-form{padding:26px 20px}.iradio-portal .device-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.iradio-portal .portal-heading-actions{flex-wrap:wrap}.iradio-portal .form-grid{grid-template-columns:1fr}.cookie-notice{left:12px;right:12px;bottom:12px;padding:20px;max-height:75svh;overflow:auto}.cookie-notice p{font-size:13px}.cookie-notice h2{font-size:18px}}

.iradio-portal .login-form input:not([type=checkbox]){background:#0b0b0b;border:1px solid #444;border-radius:4px;color:#eee}.iradio-portal .login-form input:not([type=checkbox]):focus{border-color:#ff8a0b;box-shadow:0 0 0 2px #ff8a0b22}.iradio-portal .login-visual h1 span{text-shadow:none}.iradio-portal .login-form .submit{width:100%;justify-content:space-between}.iradio-portal input[type=checkbox]{accent-color:#ff8907}
