/* OYTI Connect: the approved green-petrol identity, scoped to its slide/page. */
.connect-wordmark{display:inline-flex;align-items:center;gap:.28em;white-space:nowrap;font:400 clamp(24px,3vw,48px)/1 OYTI,Arial,sans-serif;color:#9de0d4}
.connect-wordmark img{display:block;width:2.35em;height:auto}
.connect-wordmark .connect-divider{height:.94em;width:1px;background:#9de0d4;margin:0 .06em}
.hero-track>.hero.connect-slide:not(.hero-film){display:grid;grid-template-columns:43% 57%;align-items:center;background:radial-gradient(ellipse at 74% 45%,#16494a55,transparent 65%),linear-gradient(110deg,#08292b,#0c3435 70%,#082b2e)}
.hero-track>.hero.connect-slide:not(.hero-film) .hero-copy{width:100%;padding:28px 0 28px 5.9vw;position:relative;height:auto;min-width:0}
.hero-track .connect-slide .hero-copy h2{font-size:clamp(34px,4.25vw,70px);line-height:1.07;letter-spacing:-.035em;margin-bottom:24px}
.connect-slide em{color:#9de0d4}.hero-track .connect-slide .eyebrow{color:#9de0d4;font-size:10px;letter-spacing:.13em}.connect-slide .eyebrow>span{background:#9de0d4}
.hero-track .connect-slide .hero-intro{font-size:clamp(13px,1.3vw,18px);color:#d8e8e5;max-width:95%;line-height:1.55;margin-bottom:25px}
.connect-slide .button,.connect-page .button{background:#9de0d4;color:#08292b;border-radius:3px}.connect-slide .button:hover,.connect-page .button:hover{background:#c5f5ea}
.hero-track .connect-slide .hero-foot{color:#a3c9c4;font-size:9px;max-width:92%}
.connect-slide .connect-visual{position:relative;margin:0;padding:24px 6vw 38px 2vw;min-width:0;z-index:1}
.connect-visual>.connect-wordmark{display:flex;justify-content:center;font-size:clamp(24px,3.1vw,49px);margin:0 auto 24px}
.connect-screen{position:relative;border:1px solid #9de0d499;border-radius:14px;overflow:hidden;background:#09272b;box-shadow:0 22px 60px #001b2459}
.connect-screen>img{display:block;width:100%;height:auto;aspect-ratio:1.599;object-fit:contain}
.connect-visual figcaption{font:9px Arial,sans-serif;letter-spacing:.17em;color:#92b8b3;margin:16px 0 0}
.connect-callouts{display:flex;justify-content:flex-end;gap:10px;position:relative;margin:-22px -12px 0 0}
.connect-callouts a{display:flex;align-items:center;gap:13px;padding:16px 17px;border:1px solid #9de0d480;border-radius:8px;background:#0a2f32f5;color:#e5f5ef;font-size:12px;box-shadow:0 10px 24px #041e2233}
.connect-callouts a:hover{background:#194647}.connect-icon{width:27px;height:27px;flex:none;stroke:#9de0d4;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.connect-callouts a>span:last-child{margin-left:8px;color:#9de0d4}
/* Independent state coexists with the existing green model-section header. */
.next-header.connect-menu-tone{isolation:isolate}
.next-header.connect-menu-tone::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#08292b,#103a3a);opacity:1}
.next-header.connect-menu-tone .mega-panel{background:linear-gradient(120deg,#0b3032,#123c3d)}
.slider-controls{transition:background-color .55s ease,border-color .55s ease}
.hero-slider.connect-active .slider-controls{background:#092b2d;border-color:#9de0d438}
.hero-slider.connect-active .slider-caption,.hero-slider.connect-active .slider-buttons button{color:#aad3cc}
.hero-slider.connect-active .slide-dots button[aria-pressed=true]{color:#effcf7;border-color:#9de0d4}
.connect-page{--aqua:#9de0d4;background:#08292b;color:#ecf7f2}
.connect-page-hero{padding:65px 6% 80px;background:radial-gradient(ellipse at 80% 20%,#1c4c4855,transparent 70%),#08292b;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}
.connect-page-hero h1{font-size:clamp(42px,5.1vw,74px);line-height:1.08;margin:27px 0}
.connect-page p{color:#bcd5cf}.connect-page em,.connect-page .eyebrow{color:#9de0d4}.connect-page-hero .hero-actions{margin-top:28px}
.connect-page .connect-visual{margin:0;min-width:0}.connect-page-hero .connect-wordmark{font-size:36px}
.connect-page section{scroll-margin-top:95px}.connect-content{padding:75px 6%;border-top:1px solid #9de0d42e}
.connect-content h2{font-size:clamp(34px,4vw,55px);margin-bottom:22px}.connect-content>.connect-lede{max-width:650px;line-height:1.8}
.connect-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:42px}
.connect-benefits article{border-top:1px solid #9de0d452;padding:28px 0 0}.connect-benefits h3{font:28px/1.15 OYTI,Arial;margin:20px 0 15px}.connect-benefits p{font-size:15px;line-height:1.8;max-width:380px}
.connect-service{background:#0e3436}.connect-services{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:35px}.connect-services article{padding:30px;border:1px solid #9de0d438;background:#ffffff04;border-radius:6px}
.connect-services h3{font:30px/1.2 OYTI,Arial;margin:15px 0}.connect-services p{margin-bottom:25px;line-height:1.8}.connect-services .text-link{color:#c5eee3}
.connect-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;padding:0;margin:40px 0 0}.connect-steps li{border-top:1px solid #9de0d435;padding-top:22px}.connect-steps b{font-size:12px;color:#9de0d4}.connect-steps h3{font:26px OYTI,Arial;margin:10px 0}.connect-steps p{font-size:15px;line-height:1.7}.connect-note{font-size:12px!important;line-height:1.65;margin-top:18px!important;color:#98bab3!important}
@media(min-width:701px) and (max-height:750px){.hero-track .connect-slide .hero-copy h2{font-size:clamp(32px,4vw,60px);margin-bottom:15px}.connect-visual>.connect-wordmark{margin-bottom:15px}.connect-slide .connect-visual{padding-top:12px;padding-bottom:18px}.connect-callouts a{padding:10px 12px}.hero-track .connect-slide .hero-intro{margin-bottom:16px}}
@media(min-width:701px) and (max-width:1050px){.connect-slide .connect-visual{padding-right:4vw;padding-left:3vw}.connect-callouts a{font-size:10px;gap:7px;padding:10px}.connect-callouts .connect-icon{width:20px;height:20px}.connect-callouts{margin-right:0}.hero-track .connect-slide .hero-copy h2{font-size:4.25vw}.hero-track .connect-slide .eyebrow{font-size:8px}.hero-track .connect-slide .hero-actions .button{font-size:12px;padding:12px}.connect-page-hero{gap:30px}}
@media(max-width:700px){
 .hero-track>.hero.connect-slide:not(.hero-film){grid-template-columns:60% 40%}
 .hero-track>.hero.connect-slide:not(.hero-film) .hero-copy{padding:17px 0 17px 6vw}
 .hero-track .connect-slide .hero-copy h2{font-size:clamp(25px,5.8vw,40px);margin-bottom:15px;line-height:1.1}.hero-track .connect-slide .hero-copy h2 br{display:initial}
 .hero-track .connect-slide .eyebrow{font-size:7px;letter-spacing:.06em;gap:7px;margin-bottom:10px}.connect-slide .eyebrow>span{width:14px}
 .connect-slide .connect-visual{padding:15px 4vw 15px 2vw}.connect-visual>.connect-wordmark{font-size:clamp(12px,2.7vw,20px);margin-bottom:12px}
 .connect-screen{border-radius:6px}.connect-slide .connect-callouts,.connect-slide .connect-visual figcaption{display:none}
 .next-header.connect-menu-tone nav.open{background:#103a3a}.next-header.connect-menu-tone .mega-panel{background:transparent}
 .connect-page-hero{grid-template-columns:1fr;padding:45px 6%;gap:35px}.connect-page-hero h1{font-size:48px}.connect-page-hero .connect-wordmark{font-size:32px}
 .connect-content{padding:45px 6%}.connect-benefits,.connect-services,.connect-steps{grid-template-columns:1fr;gap:25px}.connect-services article{padding:24px}.connect-page .connect-visual figcaption{font-size:8px}.connect-benefits p{max-width:none}
}
@media(prefers-reduced-motion:reduce){.slider-controls{transition:none}}

/* Glass connection ribbons from the approved banner concept. */
.hero-track>.hero.connect-slide:not(.hero-film){
 background-color:#08292b;
 background-image:linear-gradient(90deg,#062a2c66 0%,#062a2c33 32%,transparent 54%),url('/assets/connect/ribbons-background.webp');
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
}
.connect-slide .connect-screen{border-color:#adeee4b3;box-shadow:0 20px 58px #001a2466,0 0 26px #88e5dc0c}
.connect-slide .connect-callouts a{background:linear-gradient(135deg,#103c3fef,#082c30f5);border-color:#a9e9df99;box-shadow:0 9px 25px #001c294d,inset 0 1px 0 #bdfaf314}
.connect-slide .connect-callouts .connect-icon{stroke:#b3f6e9;filter:drop-shadow(0 0 4px #8decd973)}
.connect-slide .connect-callouts a>span:last-child{color:#b3f6e9;text-shadow:0 0 7px #8decd955}
.connect-slide .connect-callouts a:hover{background:linear-gradient(135deg,#1a5050,#0c3639);border-color:#b9f5e9}
.connect-slide .hero-actions .button{background:linear-gradient(120deg,#adf3e6,#94e5db);box-shadow:0 0 20px #92e9d913,inset 0 1px 0 #e0fff97d}
@media(max-width:700px){
 .hero-track>.hero.connect-slide:not(.hero-film){background-image:linear-gradient(90deg,#062a2cbb 0%,#062a2c88 48%,#062a2c22 100%),url('/assets/connect/ribbons-background.webp');background-position:60% center}
}