.design-bar{background:#eaf0f8;color:#26456c;display:flex;justify-content:space-between;gap:15px;padding:10px 5%;font-size:11px;letter-spacing:.4px;border-bottom:1px solid #ccd8e7}.design-bar a:hover{text-decoration:underline}.design-bar span{font-size:9px;letter-spacing:1.8px}.films-link{display:block;background:#fff;padding:12px 16px;border-radius:4px}.films-link span{display:block;font-size:8px;letter-spacing:1.5px;color:#657186;margin-bottom:10px}.films-link img{width:230px;max-width:100%;height:auto;display:block}.remote{overflow:hidden}.device-stage{position:relative;min-height:510px;padding:60px 10% 60px 0;margin:10px auto 50px;max-width:1050px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 60%,#d8e8ff,transparent 68%)}.device{margin:0;position:relative;background:#11151b;border:3px solid #626b78;box-shadow:0 23px 38px #071b3930}.device img{display:block;width:100%;background:black}.tablet{width:86%;padding:22px 25px;border-radius:30px;transform:rotate(-3deg)}.tablet img{border-radius:9px;aspect-ratio:1.75;object-fit:cover}.tablet-camera{position:absolute;left:9px;top:50%;width:5px;height:5px;border-radius:50%;background:#2e4057}.phone{width:23%;max-width:230px;position:absolute;right:3%;bottom:20px;border-radius:35px;padding:20px 9px 14px;transform:rotate(5deg);border-color:#808b99;box-shadow:0 24px 36px #001a4155}.phone img{border-radius:21px;aspect-ratio:9/19.5;object-fit:contain;object-position:center}.phone-camera{position:absolute;width:35%;height:14px;border-radius:12px;background:#11151b;left:32.5%;top:20px;z-index:1}.device figcaption{position:absolute;bottom:-34px;left:0;right:0;text-align:center;white-space:nowrap;font-size:10px;font-weight:bold;color:#3c5677;letter-spacing:.5px}.remote-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px}.remote-notes article{border-top:1px solid var(--line);padding-top:20px}.remote-notes span{font-size:10px;letter-spacing:1.5px;color:#5b7da9}.remote-notes h3{font-size:21px;margin-top:16px}.remote-notes p{font-size:14px;color:var(--muted)}
/* 02: dark control-room concept */
.version-two{background:#07111e;color:#edf4ff;--ink:#edf4ff;--muted:#a6b7cb;--line:#294058}.version-two header{background:#0b1a2c;border-color:#294058}.version-two .brand{background:white;border-radius:4px;padding:0 10px}.version-two .design-bar{background:#102940;color:#9fc9f1;border-color:#294058}.version-two .hero{grid-template-columns:1fr;padding-top:60px;background:linear-gradient(140deg,#072e66,#06121e 70%);gap:45px}.version-two .hero-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:0 60px}.version-two .hero-copy .eyebrow{grid-column:1/-1;color:#a2c8ee}.version-two h1{font-size:88px;grid-row:2/5}.version-two .hero-copy>p{margin-top:35px}.version-two .hero-note{margin-top:15px}.version-two .hero-visual{transform:none;max-width:1140px;width:100%;margin:0 auto 60px;border-radius:4px}.version-two .explore{background:#0d2035}.version-two .blue{color:#88baf4}.version-two .tabs button{color:#b7c9de;border-color:#37516e}.version-two .tabs button[aria-selected=true]{background:#2866ac}.version-two .steps a{color:#a4cbff}.version-two .device-stage{background:radial-gradient(ellipse,#12395f,transparent 70%)}.version-two .device figcaption{color:#9dc0e7}.version-two .closing{background:#0b2442}.version-two .closing h2{font-size:56px}.version-two footer{border-top:1px solid #294058}
/* 03: bright centered product concept */
.version-three{--blue:#072e66}.version-three header{max-width:1400px;margin:auto}.version-three .hero{display:flex;flex-direction:column;text-align:center;align-items:center;background:#f4f7fc;color:#072e66;padding-top:65px;gap:0}.version-three .hero-copy{max-width:1000px}.version-three .hero .eyebrow,.version-three .actions,.version-three .hero-note{justify-content:center}.version-three h1{font-size:76px;letter-spacing:-4px;line-height:1.05}.version-three h1 span{color:#4a7dba}.version-three .hero-copy>p{color:#596d85;max-width:610px;margin:24px auto}.version-three .hero .device-stage{width:900px;max-width:95%;margin:0 auto 65px;min-height:500px}.version-three .hero-note{margin:25px 0;color:#627da0}.version-three .hero .phone{max-width:195px}.version-three .hero .tablet{width:75%}.version-three .hero .device figcaption{color:#456284}.version-three .section-head h2,.version-three .details h2{font-weight:500}.version-three .steps article{padding:30px;background:#f5f8fc;border:0;border-radius:14px}.version-three .explore{background:white;border-top:1px solid #e0e7f0}.version-three .remote{background:#f4f7fc;max-width:none;padding-left:max(6%,calc((100vw - 1150px)/2));padding-right:max(6%,calc((100vw - 1150px)/2))}.version-three .closing{background:#edf3fa;color:#072e66}.version-three .closing .eyebrow,.version-three .launch-copy{color:#526e91}
/* 04: editorial broadcast concept */
.version-four{--blue:#c52e35}.version-four header{border-bottom:3px solid #072e66}.version-four .hero{position:relative;background:#072e66;grid-template-columns:.75fr 1.25fr;padding-top:48px;padding-bottom:65px;gap:35px}.version-four h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:120px;line-height:.9;letter-spacing:-2px}.version-four h1 span{color:#ff5b61}.version-four .hero-visual{transform:rotate(2deg);border:5px solid #e4ebf5;border-radius:0;margin-top:70px}.version-four .onair-stamp{position:absolute;right:5%;top:35px;font-size:10px;letter-spacing:2px;text-align:right;line-height:1.7;color:#9cbae0}.version-four .onair-stamp b{color:#ff8488;font-size:8px}.version-four .hero-note{border-top:1px solid #ffffff44;padding-top:20px;max-width:340px}.version-four h2{font-weight:900;letter-spacing:-2px}.version-four .steps{gap:0;border:2px solid #072e66}.version-four .steps article{border:0;padding:30px}.version-four .steps article+article{border-left:2px solid #072e66}.version-four .step-num{color:#b12832;font-weight:bold}.version-four .explore{background:#e7edf5}.version-four .tabs button,.version-four .showcase,.version-four .button{border-radius:0}.version-four .tabs button[aria-selected=true]{background:#b32631;border-color:#b32631}.version-four .closing{background:#b32631}.version-four .closing .button{background:#072e66}.version-four .closing .eyebrow,.version-four .launch-copy{color:#ffe3e5}
/* 05: warm studio concept */
.version-five{background:#f7f4ee;--blue:#072e66;--muted:#686c73;--line:#d8d5ce}.version-five header{background:#f7f4ee;border-color:#d8d5ce}.version-five .hero{background:#f7f4ee;color:#072e66;padding-top:80px;padding-bottom:70px;grid-template-columns:.9fr 1.1fr;gap:10px}.version-five h1{font-family:Georgia,serif;font-weight:normal;font-size:83px;letter-spacing:-4px;line-height:1.05}.version-five h1 span{color:#a47d34;font-style:italic}.version-five .hero-copy>p{color:#686c73;font-size:17px}.version-five .hero .eyebrow{font-size:9px;color:#88703f}.version-five .hero-note{color:#88703f}.version-five .hero .device-stage{min-height:450px;margin:0;transform:rotate(2deg);width:100%;background:radial-gradient(ellipse,#e3d9c3,transparent 70%)}.version-five .hero .tablet{width:94%;padding:15px 20px}.version-five .hero .phone{width:27%;bottom:15px;right:0}.version-five h2{font-family:Georgia,serif;font-weight:normal;letter-spacing:-1.8px}.version-five .workflow{border-top:1px solid #d8d5ce}.version-five .explore{background:#072e66;color:#fff}.version-five .explore .blue{color:#d4b571}.version-five .explore .section-head>p{color:#c1cee0}.version-five .tabs button{color:#c1cee0;border-color:#63738c}.version-five .tabs button[aria-selected=true]{color:#072e66;background:#dcc48c}.version-five .showcase{background:#102343}.version-five .closing{background:#e8e1d3;color:#072e66}.version-five .closing .eyebrow,.version-five .launch-copy{color:#78643e}.version-five footer{border-top:1px solid #d8d5ce}.version-five .device-stage{background:radial-gradient(ellipse,#e5dac5,transparent 70%)}
/* Local design selector */
.chooser{background:#f1f4f8}.chooser header{background:#fff}.chooser header>span{font-size:10px;letter-spacing:2px;color:#62799a}.chooser .wrap{padding-top:55px}.chooser h1{color:#072e66;font-size:78px}.chooser h1 span{color:#6688b2}.chooser-intro{max-width:660px;color:#5e6d81;font-size:17px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.concept{display:block;border:1px solid #d4deeb;border-radius:10px;overflow:hidden;background:white;transition:transform .2s}.concept:hover{transform:translateY(-5px)}.concept-art{height:285px;background:#072e66;color:#fff;padding:25px 25px 0;overflow:hidden}.concept-art>span{font-size:9px;letter-spacing:2px}.concept-art strong{display:block;font-size:32px;margin:14px 0}.concept-art img{width:90%;display:block;margin:auto;border:3px solid #8b9db4;border-radius:7px;transform:rotate(-2deg)}.concept-copy{padding:25px}.concept-copy h2{font-size:23px;letter-spacing:-.5px;margin:0;display:flex;justify-content:space-between}.concept-copy p{font-size:14px;color:#5e6d81;min-height:46px}.concept-copy b{font-size:11px;color:#356aa3}.control .concept-art{background:#07111e;color:#a2cbff}.clear .concept-art{background:#e4edf8;color:#072e66;text-align:center}.onair .concept-art{background:#b32631}.onair .concept-art strong{font-family:Impact,sans-serif;text-transform:uppercase;font-size:45px}.studio .concept-art{background:#e8e1d3;color:#072e66}.studio .concept-art strong{font-family:Georgia,serif;font-weight:normal;font-style:italic}.chooser footer{background:#fff}
@media(max-width:950px){header nav{gap:16px;font-size:12px}.device-stage{min-height:430px}.version-two .hero-copy{display:block}.version-two h1{font-size:75px}.version-three h1{font-size:64px}.version-four .hero{grid-template-columns:1fr}.version-four .hero-visual{margin-top:0}.version-four h1{font-size:100px}.version-five .hero{grid-template-columns:1fr}.version-five .hero .device-stage{max-width:800px;margin:20px auto;min-height:510px}.version-five .hero .phone{max-width:210px}.version-five .hero-copy{max-width:650px}.version-five .hero .tablet{width:85%}.concept-art{height:245px}.concept-art strong{font-size:28px}}
@media(max-width:600px){.design-bar{font-size:10px;padding:10px 6%}.design-bar span{font-size:8px;letter-spacing:.7px}.device-stage{min-height:270px;padding:35px 10% 35px 0;margin-bottom:30px}.tablet{padding:12px 14px;border-radius:18px}.tablet img{border-radius:5px}.tablet-camera{left:5px;width:3px;height:3px}.phone{width:26%;border-radius:18px;padding:11px 4px 8px;bottom:10px;border-width:2px}.phone img{border-radius:10px}.phone-camera{height:7px;top:11px}.device figcaption{font-size:8px;bottom:-25px}.remote-notes{grid-template-columns:1fr;gap:20px;margin-top:45px}.remote-notes h3{font-size:21px}.films-link img{width:180px}.version-two h1{font-size:56px;letter-spacing:-3px}.version-two .hero{padding-top:35px;gap:30px}.version-two .hero-copy>p{margin-top:20px}.version-two .hero-visual{margin-bottom:35px}.version-three h1{font-size:48px;letter-spacing:-2.5px}.version-three .hero{padding-top:35px}.version-three .hero .device-stage{min-height:270px;width:100%;max-width:100%;margin-bottom:40px}.version-three .hero .tablet{width:87%}.version-three .hero .phone{width:27%}.version-four h1{font-size:90px}.version-four .onair-stamp{top:70px;font-size:8px}.version-four .hero-visual{border-width:2px}.version-four .steps{display:block}.version-four .steps article+article{border-left:0;border-top:2px solid #072e66}.version-five h1{font-size:59px;letter-spacing:-3px}.version-five .hero{padding-top:40px;padding-bottom:35px}.version-five .hero .device-stage{min-height:290px;transform:none;margin-top:15px}.version-five .hero .phone{bottom:10px}.version-five .hero .tablet{padding:12px 15px}.version-two .closing h2{font-size:40px}.chooser h1{font-size:56px;letter-spacing:-3px}.chooser header>span{font-size:8px;max-width:140px;text-align:right}.concept-grid{grid-template-columns:1fr}.concept-art{height:280px}.concept-copy p{min-height:0}}

/* Design 6: Design 4 hero only; all other sections retain Design 1 styles. */
.version-six .hybrid-hero{position:relative;background:#072e66;grid-template-columns:.75fr 1.25fr;padding-top:48px;padding-bottom:65px;gap:35px}
.version-six .hybrid-hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:120px;line-height:.9;letter-spacing:-2px}
.version-six .hybrid-hero h1 span{color:#ff5b61}
.version-six .hybrid-hero .hero-visual{transform:rotate(2deg);border:5px solid #e4ebf5;border-radius:0;margin-top:70px}
.version-six .hybrid-hero .onair-stamp{position:absolute;right:5%;top:35px;font-size:10px;letter-spacing:2px;text-align:right;line-height:1.7;color:#9cbae0}
.version-six .hybrid-hero .onair-stamp b{color:#ff8488;font-size:8px}
.version-six .hybrid-hero .hero-note{border-top:1px solid #ffffff44;padding-top:20px;max-width:340px}
.version-six .hybrid-hero .button{background:#c52e35;border-radius:0}
.version-six .hybrid-hero .button:hover{background:#2a76de}
@media(max-width:950px){.version-six .hybrid-hero{grid-template-columns:1fr}.version-six .hybrid-hero .hero-visual{margin-top:0}.version-six .hybrid-hero h1{font-size:100px}}
@media(max-width:600px){.version-six .hybrid-hero h1{font-size:90px}.version-six .hybrid-hero .onair-stamp{top:70px;font-size:8px}.version-six .hybrid-hero .hero-visual{border-width:2px}}

.version-six .workflow-diagram{margin:0 0 45px}.version-six .workflow-diagram img{display:block;width:100%;height:auto;border-radius:8px}.version-six .workflow-diagram a{display:block}