/* RUNN ELECTRIC — sapphire, copper and ivory art direction. */
:root{--ink:#172b48;--muted:#52667d;--cyan:#275fbe;--paper:#f5f2ec;--line:#dce1e6;--sapphire:#162d60;--royal:#2852a4;--copper:#df674c;--gold:#e2b86c;--ivory:#fbf8f2}
html{scroll-behavior:smooth}body{background:#fbf8f2;color:var(--ink);font-family:'Segoe UI',Arial,sans-serif}h1,h2,h3{letter-spacing:-.055em;color:inherit}h1 em,h2 em{color:var(--copper)}
.topline{height:33px;background:linear-gradient(105deg,#182c58,#3259a4);border-bottom:1px solid #ffffff23;color:#f7e7ce}.topline span:first-child{color:#f7e7ce}
.header{height:96px;background:#fff;box-shadow:0 13px 38px #1837601b;border-color:#e8e3d9}.header:after{width:120px;height:4px;background:linear-gradient(90deg,#e55845,#edb56a)}
.brand-logo{width:178px;height:59px}.brand-name{color:#1b416c}
.nav{font-size:clamp(.9rem,1.08vw,1.07rem);gap:clamp(12px,1.55vw,29px);font-weight:800;letter-spacing:0}.nav a:hover,.nav a[aria-current]{color:#b64b3d}.nav-group>a span{color:#d96348}.nav>a:last-child{background:linear-gradient(110deg,#d45640,#ee8358);padding:14px 21px;border-radius:4px;box-shadow:0 9px 24px #a43e3150;color:#fff}.nav>a:last-child:hover{background:#b8493b}.dropdown{border-top:4px solid #e97550;box-shadow:0 22px 55px #182e5840}.dropdown a:hover{background:#fbefe9;color:#a84033}
.eyebrow{color:#c9684a;letter-spacing:.16em}.eyebrow span{color:#b58d62}.button{border:1px solid #fae2b72c;background:linear-gradient(115deg,#d75b43,#ee8b57);color:#fff;border-radius:4px;box-shadow:inset 0 1px #ffffff89,0 13px 29px #c3503855;text-transform:uppercase;font-size:.81rem;letter-spacing:.055em;min-height:57px}.button:hover{background:linear-gradient(115deg,#b74434,#df7650);box-shadow:inset 0 1px #ffffff8c,0 19px 33px #bb493957}.text-link{color:#2859a4;border-color:#e78a5f}.text-link:hover{color:#bd503c}.button-dark{background:#172d5b;box-shadow:0 11px 23px #07194855}.button-dark:hover{background:#3153a2}.button-outline{background:transparent;color:#254685;border:1px solid #a9b8d1;box-shadow:none}.button-outline:hover{background:#254b98;color:white}
.hero{height:clamp(710px,83svh,925px);background:#122756}.slide{grid-template-columns:50% 50%;min-width:0}.slide>*{min-width:0}
.hero-copy{background:radial-gradient(circle at 8% 86%,#4265b576,transparent 45%),linear-gradient(130deg,#172d60,#2b53a0 76%,#395fab);color:#fff;padding:70px 6% 120px max(7%,calc((100vw - 1470px)/2));overflow:hidden;box-shadow:none}.hero-copy:before{color:#ffffff0b;bottom:-45px;letter-spacing:-.1em}.hero-copy:after{width:380px;height:380px;right:-170px;top:-180px;border:1px solid #f9cb875c;box-shadow:0 0 0 72px #dcb16b0b,0 0 0 145px #ffffff0c}
.hero-copy .eyebrow,.hero-copy .eyebrow span{color:#f8c782}.hero-copy .eyebrow:before{background:#e2674a;width:30px}.hero-copy h1{font-size:clamp(3.2rem,5.4vw,6.35rem);color:#fff;text-shadow:none;margin:27px 0 24px;max-width:760px}.hero-copy p{color:#e0e8f8;font-size:1.18rem;line-height:1.7;max-width:540px}.hero-copy .button{margin-top:30px;max-width:100%}
.hero-image{position:relative;overflow:hidden;background:radial-gradient(circle at 48% 46%,#fff 0 17%,#f7eee0 43%,#e1cfb3 100%)}.hero-image:before{z-index:0;inset:8%;background-image:linear-gradient(#795d4213 1px,transparent 1px),linear-gradient(90deg,#795d4213 1px,transparent 1px);background-size:44px 44px;mask-image:none}.hero-image:after{color:#426495;top:7%;right:7%;font-size:.7rem}.hero-image img{position:absolute;inset:7% 5% 11%;width:90%;height:82%;max-width:90%;max-height:82%;padding:0;object-fit:contain;object-position:center;filter:drop-shadow(0 35px 20px #383d4d58);mix-blend-mode:normal;box-sizing:border-box}
.hero-controls{background:linear-gradient(90deg,#10254f,#264e99);color:#fff;padding:18px 5%;border-top:1px solid #d3b37366}.slide-label{color:#fff}.progress-track{background:#a6badd50}.progress-track span{background:#eab271}.hero-controls button{background:#ffffff13;color:#fff;border-color:#fff7}.hero-controls button:hover{background:#df6c4e}
.page-hero{min-height:475px;background:radial-gradient(circle at 76% 36%,#6480bd 0,transparent 37%),linear-gradient(112deg,#172c5d 0,#294f98 63%,#496cb0 100%);color:#fff;border-bottom:5px solid #e9b86c;overflow:hidden}.page-hero:before{width:680px;height:680px;right:9%;top:-70%;border-color:#edc78b65;box-shadow:0 0 0 70px #ffffff10,0 0 0 139px #ffffff08}.page-hero-inner{width:59%;max-width:750px}.page-hero .eyebrow,.page-hero .eyebrow span{color:#ffd096}.page-hero h1{color:#fff;font-size:clamp(3rem,5.2vw,6.1rem);text-shadow:none}.page-hero p{color:#e6eaf4;font-size:1.16rem}.page-hero-photo{position:absolute;right:max(3%,calc((100vw - 1450px)/2));bottom:0;height:100%;width:38%;overflow:hidden;min-width:0}.page-hero-photo img{position:absolute;inset:7% 3% 2%;width:94%;height:91%;max-width:94%;max-height:91%;padding:0;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 21px #10214985)}
.intro{background:#fbf8f2;padding-top:130px;padding-bottom:120px}.intro:before{color:#eadcc65c}.intro h2{color:#172e59}.intro p{border-left:4px solid #dc6d51;color:#536880}.features-section{background:linear-gradient(150deg,#f4f0e8,#f9f7f2 54%,#e9edf8);padding-top:115px;padding-bottom:120px}.section-heading h2{color:#1b3768}
.feature-card,.special-card{background:white;border:1px solid #e7dfd3;border-radius:9px;box-shadow:0 19px 47px #243c6640;overflow:hidden}.feature-card:hover,.special-card:hover{transform:translateY(-8px);box-shadow:0 32px 67px #1c345b43}.card-image,.special-image{position:relative;overflow:hidden;background:radial-gradient(circle at 45% 35%,#fff,#ece1d1 92%);min-width:0;display:block}.card-image:after{border-color:#e47750}.card-image img,.special-image img{position:absolute;inset:9%;width:82%;height:82%;max-width:82%;max-height:82%;object-fit:contain;padding:0;filter:drop-shadow(0 15px 13px #293e6645)}.card-copy,.special-info{border-top:3px solid #e77b55;background:linear-gradient(#fff,#fbf8f3)}.card-copy small,.special-info>small{color:#bd5d43}.card-copy>span{background:#f8e6d9;color:#ad4f39}.card-copy h3{color:#1d3868}
.wide-story{background:#172f64}.wide-story>div:first-child{background:radial-gradient(circle,#fff,#e9ddc9)}.wide-story>div:last-child{background:radial-gradient(circle at 95% 0,#415fa2,#172e61 68%)}.wide-story h2{color:#fff}.wide-story p{color:#dee6fa}.wide-story .eyebrow{color:#e9b775}.wide-story .button-outline{color:#fff;border-color:#ddc499}.wide-story .button-outline:hover{background:#e06b4d}
.cta-panel{background:radial-gradient(circle at 80% -35%,#f0b27a8a,transparent 40%),linear-gradient(110deg,#1d3976,#3659a2);color:white;border:1px solid #acb8d0;box-shadow:0 28px 65px #233e7275;border-radius:12px}.cta-panel:after{border-color:#edc18c99}.cta-panel h2,.cta-panel h2 em,.cta-panel p,.cta-panel .eyebrow,.cta-panel .eyebrow span{color:#fff}.cta-panel .button-dark{background:#dc6a4b;box-shadow:0 10px 25px #13234b70}
.about-columns{background:#fff}.about-columns h2,.long-copy h2{color:#23488b}.listing{padding-top:100px;padding-bottom:75px}.model-list,.accessory-list{padding-top:85px;padding-bottom:40px}.model-card,.accessory-card{border-bottom:1px solid #ded9cf;padding:65px 0}.model-card:nth-child(even),.accessory-card:nth-child(even){background:#f6f1e8;padding-left:4%;padding-right:4%;border-radius:8px}.model-photo,.accessory-photo{position:relative;overflow:hidden;display:block;height:440px;background:radial-gradient(circle at 50% 42%,#fff,#e9ddc8 92%);border:1px solid #dfd8cb;border-radius:8px;box-shadow:0 17px 38px #2c416440;min-width:0;min-height:0;padding:0}.model-photo img,.accessory-photo img{position:absolute;inset:8%;width:84%;height:84%;max-width:84%;max-height:84%;min-width:0;min-height:0;object-fit:contain;filter:drop-shadow(0 18px 15px #26436c51)}.model-photo:before,.accessory-photo:before{color:#50679a;z-index:2}.model-index{background:#e6eafb;color:#304fa0}.model-text h2,.accessory-card h2{color:#1e3b74}.model-text>p{font-size:1.05rem;color:#536782;line-height:1.7}.model-metrics{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.model-metrics span{display:flex;flex-direction:column;padding:12px 15px;min-width:125px;background:#eef0f7;border-left:3px solid #de7655}.model-metrics strong{font-size:1.07rem;color:#243e75}.model-metrics small{font-size:.68rem;color:#63738e}.model-card .button{margin-top:10px}
.integration-gallery img,.editorial-split>div>img,.service-photo img{max-width:100%;max-height:520px;object-fit:contain;background:radial-gradient(circle,#fff,#efe4d3);border:1px solid #e5d9c7;border-radius:8px;box-shadow:0 17px 35px #223d6640}.integration-gallery,.editorial-split>div,.service-photo{min-width:0;overflow:hidden}.integration-item{background:#f3eee5;border-color:#e07654}.special-intro{background:#fbf8f2}.special-intro h2{color:#183466}.special-intro p{color:#546881}.special-section{background:linear-gradient(150deg,#f3ede4,#faf8f5 58%,#e9edf8)}.special-metrics strong{color:#1d3d76}.special-arrow{color:#bd563e}.special-capabilities{background:#fff}.special-capabilities h2{color:#183667}
.special-detail{grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:7%;align-items:start;padding-top:100px;padding-bottom:90px}.special-detail-image{position:relative;display:block;height:600px;min-width:0;min-height:0;max-width:100%;overflow:hidden;top:auto;padding:0;background:radial-gradient(circle at 45% 39%,#fff 0 24%,#f4e6d5 72%,#e6d6c2 100%);border:1px solid #dfd6c8;border-radius:10px;box-shadow:0 21px 47px #1c396249}.special-detail-image:after,.model-detail-visual:after{content:'';position:absolute;inset:24px;border:1px solid #ffffff8c;pointer-events:none}.special-detail-image img{position:absolute;inset:9%;width:82%;height:82%;max-width:82%;max-height:82%;min-width:0;min-height:0;object-fit:contain;object-position:center;padding:0;filter:drop-shadow(0 24px 18px #273d614c)}.special-detail-copy h2{color:#183a78}.special-detail-copy .lead-copy{color:#3f5570;font-size:1.22rem;line-height:1.8}.special-detail-copy h3{color:#b9543a;margin-top:35px}.special-detail-copy li{color:#415571}.special-detail-copy ul{margin-bottom:30px}.special-detail-copy .button{margin-top:0}
.detail-features{background:#173264;color:white;padding-top:100px;padding-bottom:110px}.detail-features .eyebrow,.detail-features .eyebrow span{color:#efbe80}.detail-features .section-heading{align-items:end}.detail-features .section-heading h2{color:#fff;max-width:660px}.detail-features .section-heading p{max-width:260px;color:#d5e1f4}.feature-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-four article{background:linear-gradient(145deg,#33559a,#24447e);border:1px solid #8ba4d060;padding:30px;min-height:270px;box-shadow:0 15px 25px #10204446}.feature-four article span{color:#edb978;font-weight:800;letter-spacing:.15em}.feature-four h3{color:#fff;font-size:1.3rem;margin:25px 0 13px}.feature-four p{color:#e2e9f7;font-size:.92rem;line-height:1.7}
.detail-technical,.model-technical{background:#fbf8f2;padding-top:105px;padding-bottom:110px}.technical-columns,.model-technical-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:8%;margin-top:28px}.detail-technical h2,.model-technical h2{font-size:clamp(2.3rem,3.7vw,4rem);color:#193764}.detail-technical p,.model-technical p{color:#536780;line-height:1.75}.technical-columns dl,.model-technical dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:32px}.technical-columns dl div,.model-technical dl div{background:white;border:1px solid #e3dcd1;border-left:3px solid #df7153;min-width:0;padding:17px 19px;box-shadow:0 7px 19px #263d5d10}.technical-columns dt,.model-technical dt{color:#69768a;font-size:.69rem;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.technical-columns dd,.model-technical dd{margin:5px 0 0;color:#193d79;font-size:1.15rem;font-weight:800;overflow-wrap:anywhere}.technical-columns aside{background:#ebedf5;padding:34px;align-self:start}.technical-columns aside h3,.model-use h3{color:#224380;font-size:1.5rem}.technical-columns aside li,.model-use li{padding:9px 0;color:#485d79}.technical-note{border-top:1px solid #c3cadd;margin-top:33px;padding-top:26px}.technical-note b{color:#ce6b49;letter-spacing:.1em;font-size:.7rem}.related-link{padding-top:45px}.related-link a{color:#244c95}
.model-detail-layout{display:grid;grid-template-columns:minmax(0,47%) minmax(0,1fr);gap:7%;padding-top:95px;padding-bottom:95px;align-items:center}.model-detail-visual{height:580px;position:relative;overflow:hidden;min-width:0;background:radial-gradient(circle,#fff,#f0e2ce);border:1px solid #e1d9cc;border-radius:9px;box-shadow:0 20px 48px #253e6640}.model-detail-visual img{position:absolute;inset:8%;width:84%;height:84%;max-width:84%;max-height:84%;object-fit:contain;filter:drop-shadow(0 22px 19px #203d6854)}.model-detail-content h2{font-size:clamp(2rem,3.5vw,3.9rem);color:#183b78;margin:22px 0}.model-detail-content p{color:#4d627d;font-size:1.08rem;line-height:1.8}.model-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px}.model-detail-actions .text-link{margin-top:18px}.model-technical-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.model-use{background:#e9edf7;padding:35px;align-self:start}.model-use ul{padding-left:20px}
.brochure-reader{background:#fbf8f2}.brochure-reader-head{border-color:#d9d5ce}.brochure-reader-head h2{color:#1a386e}.brochure-page{box-shadow:0 25px 53px #1a2d5340}.customised-card .card-image{background:#ede1d1}.customised-copy h3{color:#193b73}.customised-copy li span{color:#c66649}
.contact-layout{background:#fbf8f2}.contact-detail h2{color:#1e3e77}.contact-detail>span,.form-head>span{color:#c96a4b}.enquiry-form{border-top:6px solid #df7853;background:#fff;box-shadow:0 25px 60px #243c6250;border-radius:8px}.enquiry-form h2{color:#18386c}.form-grid input,.form-grid textarea,.form-grid select{border-radius:4px;background:#fcfaf6;border-color:#d9d7d2}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{outline-color:#4c6db3;border-color:#4c6db3}
.footer{background:linear-gradient(145deg,#101f44,#1a356b 75%);border-top:5px solid #e9aa6a}.footer-main b{color:#f1bc84}.footer-main p{color:#d0d9ef}.footer .brand-logo{background:white;border-radius:3px}.footer-bottom{border-color:#ffffff3d;color:#c4d2eb}
@media(max-width:1180px){.feature-four{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{font-size:.87rem;gap:13px}.special-detail-image{height:530px}}
@media(max-width:980px){.header{height:78px}.nav{font-size:1rem}.nav.is-open,.nav.open{display:flex;top:100%;background:#fff;max-height:calc(100svh - 100px);overflow:auto}.nav-group>a,.nav>a{border-bottom:1px solid #e4ddd1}.dropdown{background:#f8f4ee;border:0;box-shadow:none}.hero-copy h1{font-size:clamp(3rem,5.5vw,5.1rem)}.page-hero-photo{width:38%}}
@media(max-width:760px){.topline{height:27px}.header{height:72px}.brand-logo{height:48px;width:143px}.hero{height:875px}.slide{grid-template-columns:1fr;grid-template-rows:57% 43%}.hero-copy{padding:39px 6% 37px;justify-content:flex-start}.hero-copy h1{font-size:clamp(2.5rem,9.3vw,4.5rem);margin:20px 0 14px}.hero-copy p{font-size:1rem;line-height:1.5}.hero-copy .button{margin-top:15px;min-height:51px}.hero-image img{inset:1% 9% 14%;width:82%;height:85%;max-width:82%;max-height:85%}.hero-controls{padding:9px 5%}.page-hero{min-height:480px;padding:52px 5% 175px;align-items:flex-start}.page-hero-inner{width:100%}.page-hero h1{font-size:clamp(2.6rem,9.2vw,4.7rem)}.page-hero p{width:81%;font-size:1rem}.page-hero-photo{right:0;bottom:0;width:65%;height:43%}.page-hero-photo img{inset:0 4%;height:100%;width:92%;max-width:92%;max-height:100%}.intro,.features-section{padding-top:75px;padding-bottom:75px}.listing{padding-top:60px;padding-bottom:35px}.model-card:nth-child(even),.accessory-card:nth-child(even){padding-left:0;padding-right:0}.model-photo,.accessory-photo{height:320px}.special-detail,.model-detail-layout{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:65px}.special-detail-image,.model-detail-visual{height:min(90vw,430px);position:relative;top:auto}.special-detail-copy h2,.model-detail-content h2{margin-top:16px}.feature-four{grid-template-columns:1fr}.feature-four article{min-height:0}.detail-features,.detail-technical,.model-technical{padding-top:70px;padding-bottom:75px}.technical-columns,.model-technical-grid{grid-template-columns:1fr;gap:30px}.technical-columns aside,.model-use{padding:24px}.detail-features .section-heading p{max-width:none}.footer{padding-top:55px}}
@media(max-width:420px){.hero{height:860px}.slide{grid-template-rows:61% 39%}.hero-copy h1{font-size:2.58rem}.hero-copy .button{font-size:.72rem;padding:11px 15px;gap:10px;min-height:48px}.hero-image img{inset:0 6% 12%;width:88%;height:88%;max-width:88%;max-height:88%}.page-hero{min-height:480px}.page-hero-photo{width:74%;height:39%}.technical-columns dl,.model-technical dl{grid-template-columns:1fr 1fr}.special-detail-image,.model-detail-visual{height:360px}}

/* Let the integration story flow below the artwork rather than leaving a vacant column. */
.integration-layout{display:flow-root!important;padding-top:100px;padding-bottom:95px}
.integration-gallery{float:right;width:min(45%,590px);margin:0 0 36px 6%;display:grid;gap:24px;overflow:visible}
.integration-gallery img{width:100%;height:auto;max-height:none;padding:12px;object-fit:contain;background:#fff;border:1px solid #dfded8;box-shadow:0 21px 45px #253a6040}
.integration-layout .long-copy{display:block;min-width:0}.integration-layout .long-copy h2{clear:none}
.integration-layout .long-copy p{line-height:1.85}.integration-layout .integration-item{break-inside:avoid}

/* Align the full lower edge of the supplied artwork inside its screenshot. */
.customised-artwork,.customised-card-artwork{background-size:450.7% 161.3%;background-position:66.1% 58.5%;background-color:#fff}
.customised-artwork{outline:1px solid #d7dfe9;box-shadow:0 22px 55px #223c6250}

.model-detail-actions .button-blueprint{background:linear-gradient(110deg,#244988,#3567b6);box-shadow:inset 0 1px #ffffff8a,0 13px 28px #1739684d;text-align:center}
.model-detail-actions .button-blueprint:hover{background:#1b3c7b}
.model-text>.text-link{display:inline-flex;margin-left:19px;vertical-align:middle}
.special-detail-copy>.text-link{display:block;width:max-content;max-width:100%;margin-top:23px}
.blueprint-intro{padding-top:95px;padding-bottom:115px;background:linear-gradient(155deg,#fbf8f2,#eef2fa)}
.blueprint-intro>h2{font-size:clamp(2.1rem,4vw,4.5rem);color:#183a75;margin:18px 0}
.blueprint-intro>p{max-width:850px;color:#4e6381;font-size:1.08rem;line-height:1.8}
.blueprint-specs{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:5%;align-items:start;margin:45px 0 48px}
.blueprint-specs dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.blueprint-specs dl div{background:#fff;border-left:3px solid #df7453;box-shadow:0 10px 24px #243f6519;padding:18px;min-width:0}
.blueprint-specs dt{color:#64758d;font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.blueprint-specs dd{color:#183d78;font-weight:800;font-size:1.12rem;overflow-wrap:anywhere;margin:6px 0 0}
.blueprint-specs figure{margin:0;min-width:0;padding:13px;background:#fff;border:1px solid #d8dfeb;box-shadow:0 26px 55px #172e5840}
.blueprint-specs .blueprint-sheet{width:100%;height:auto;max-width:100%;display:block}
.blueprint-focus{width:100%;aspect-ratio:1.25;background-repeat:no-repeat;background-size:161% auto;background-position:7% 91%;background-color:#fff;border:1px solid #c6d8e7}
.blueprint-specs figcaption{padding:13px 8px 2px;color:#526987;font-size:.78rem}
@media(max-width:760px){.integration-layout{padding-top:55px;padding-bottom:70px}.integration-gallery{float:none;width:100%;margin:0 0 38px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.integration-gallery img{padding:5px}.blueprint-specs{grid-template-columns:1fr;gap:25px}.blueprint-intro{padding-top:60px;padding-bottom:75px}.blueprint-specs dl{grid-template-columns:repeat(2,minmax(0,1fr))}.model-text>.text-link{display:block;margin-left:0}}
@media(max-width:500px){.integration-gallery{grid-template-columns:1fr}.blueprint-specs dl{grid-template-columns:1fr}.model-detail-actions .button-blueprint{width:100%}}