:root{--ink:#121923;--red:#cf292f;--red2:#aa171e;--cream:#f5f6f8}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none}.topbar{background:#111923;color:#dae1ea;font-size:.87rem}.topbar a{color:inherit}.nav-main{background:#fff;border-bottom:1px solid #e7e9ee;position:sticky;top:0;z-index:20;box-shadow:0 5px 25px #1112}.brand-mark{background:var(--red);color:#fff;border-radius:12px;padding:9px 12px;font-weight:900;letter-spacing:-1px}.brand-label{font-weight:900;letter-spacing:-.03em}.brand-label small{display:block;letter-spacing:.12em;font-weight:700;color:#777;font-size:.59rem}.nav-main .nav-link{font-weight:650;color:#293442;padding:.85rem .8rem}.nav-main .nav-link.active,.nav-main .nav-link:hover{color:var(--red)}.btn-danger{background:var(--red);border-color:var(--red)}.btn-danger:hover{background:var(--red2);border-color:var(--red2)}.hero{min-height:590px;background:linear-gradient(90deg,rgba(9,16,25,.95),rgba(9,16,25,.68) 55%,rgba(9,16,25,.37)),url('../gallery/burak_oto_yeni.jpg') center/cover;color:#fff;display:flex;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.78rem;color:var(--red)}.hero .eyebrow{color:#ff878a}.display-title{font-size:clamp(2.7rem,6vw,5.3rem);font-weight:900;line-height:1.08;letter-spacing:-.055em}.hero-lead{max-width:590px;font-size:1.12rem;color:#e1e5e9}.section{padding:88px 0}.section-muted{background:var(--cream)}.section-title{font-size:clamp(2rem,3.4vw,3.1rem);font-weight:850;letter-spacing:-.045em}.feature{height:100%;border:1px solid #e5e8ed;border-radius:17px;padding:28px;background:#fff;transition:transform .15s}.feature:hover{transform:translateY(-3px)}.feature-icon{width:54px;height:54px;display:grid;place-items:center;background:#fff0f0;color:var(--red);border-radius:14px;font-size:1.5rem;margin-bottom:18px}.feature h3{font-size:1.2rem;font-weight:800}.page-hero{background:#111923;color:white;padding:75px 0 72px}.page-hero h1{font-weight:850;letter-spacing:-.05em}.gallery-img{width:100%;height:245px;object-fit:cover;border-radius:15px}.gallery-link{display:block;overflow:hidden;border-radius:15px;background:#e5e8ee}.gallery-link img{transition:transform .2s}.gallery-link:hover img{transform:scale(1.035)}.cta{background:#be252b;color:white;border-radius:22px;padding:45px}.footer{background:#111923;color:#d2d8df;padding:54px 0 25px}.footer a{color:#e6e9ed}.footer a:hover{color:white}.footer-title{font-weight:800;color:white}.pill{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:30px;background:#ffffff1d;color:#fff;font-size:.85rem}.list-tick{list-style:none;padding:0}.list-tick li{padding:8px 0}.list-tick li:before{content:'✓';color:var(--red);font-weight:900;margin-right:10px}.text-red{color:var(--red)}.text-balance{max-width:740px}.skip-link{position:absolute;top:-50px;left:15px;z-index:200}.skip-link:focus{top:10px}.contact-link{overflow-wrap:anywhere}.map-link{background:#f0f2f6;padding:22px;border-radius:15px;display:block;color:#182535}.hours{background:#fff7f7;border-left:4px solid var(--red);padding:20px;border-radius:8px}@media(max-width:991px){.hero{min-height:510px}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;padding:12px 0;flex-basis:100%}.mobile-toggle{display:inline-block!important}.section{padding:65px 0}}@media(max-width:576px){.hero{min-height:480px}.hero-lead{font-size:1rem}.cta{padding:28px}.gallery-img{height:180px}}

/* Iletisim yenilemesi */
.contact-modern{background:#f5f6f8}.contact-tile,.map-shell,.contact-side{background:#fff;border:1px solid #e7e9ee;border-radius:18px;box-shadow:0 12px 32px rgba(21,29,45,.06);overflow:hidden}.contact-tile{padding:28px;transition:transform .2s,box-shadow .2s}.contact-tile:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(21,29,45,.11)}.contact-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:15px;background:#fff0ef;color:#c52827;font-size:29px;font-weight:700}.contact-primary{font-size:1.07rem;font-weight:750;color:#b92524;text-decoration:none}.contact-email{overflow-wrap:anywhere;font-size:.95rem}.contact-action{font-weight:700;color:#b92524}.map-head{padding:24px 27px}.map-shell iframe{display:block;width:100%;height:420px;border:0}.contact-side>img{width:100%;height:225px;object-fit:cover}.contact-side .btn-danger{background:#c52d2b;border-color:#c52d2b}
/* Tam ekran galeri popup */
.photo-lightbox[hidden]{display:none!important}.photo-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(8,12,20,.94);padding:70px 65px 35px}.lightbox-figure{margin:0;text-align:center;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-figure img{display:block;max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 55px #0008}.lightbox-figure figcaption{color:#fff9;font-size:.86rem;margin-top:13px}.lightbox-close,.lightbox-nav{border:0;background:#ffffff1f;color:white;cursor:pointer;position:absolute;display:grid;place-items:center}.lightbox-close{top:16px;right:20px;width:45px;height:45px;border-radius:50%;font-size:32px}.lightbox-nav{top:50%;transform:translateY(-50%);width:44px;height:58px;border-radius:12px;font-size:48px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-close:hover,.lightbox-nav:hover{background:#ffffff4d}.gallery-link{display:block;cursor:zoom-in}@media(max-width:575px){.photo-lightbox{padding:70px 47px 30px}.lightbox-nav{width:36px;font-size:38px}.lightbox-prev{left:5px}.lightbox-next{right:5px}.map-shell iframe{height:330px}}

/* Burak Oto original brand assets */
.original-banner-container{padding-top:12px;padding-bottom:6px;text-align:center;background:#fff}
.original-banner{display:block;width:min(100%,925px);height:auto;margin-inline:auto;object-fit:contain}
.brand-original{display:inline-flex;align-items:center;justify-content:center;min-width:82px;text-decoration:none}
.brand-original img{width:82px;height:60px;object-fit:contain}
@media(max-width:575px){.original-banner-container{padding-top:8px;padding-bottom:0}.brand-original img{width:66px;height:49px}.brand-original{min-width:66px}}

/* 2026: single navigation bar and unified hero featuring the original transparent banner */
.original-banner-container{display:none!important}
.nav-main{position:relative;top:auto}
.nav-main nav{min-height:78px}
.brand-original img{width:74px;height:60px;object-fit:contain}
.brand-wordmark{display:flex;flex-direction:column;line-height:1.1;color:#151d27}
.brand-wordmark strong{font-size:1.04rem;letter-spacing:-.025em;font-weight:900}
.brand-wordmark small{font-size:.59rem;letter-spacing:.125em;font-weight:750;color:#727986;margin-top:6px}
.hero{min-height:570px;background:radial-gradient(ellipse at 79% 65%,rgba(196,45,53,.25),transparent 35%),radial-gradient(ellipse at 55% 12%,rgba(105,136,158,.21),transparent 41%),linear-gradient(112deg,#0c1623 2%,#172639 60%,#18202d 100%);position:relative;overflow:hidden;padding:75px 0}
.hero:after{content:"";position:absolute;inset:auto -15% -50% 25%;height:360px;background:rgba(255,255,255,.027);transform:rotate(-11deg);pointer-events:none}
.hero-inner{position:relative;z-index:1}
.hero .display-title{font-size:clamp(2.7rem,5.15vw,5rem)}
.hero-brand-art{border-radius:28px;padding:34px 20px 25px;min-height:315px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 90px rgba(0,0,0,.25);backdrop-filter:blur(5px)}
.hero-brand-art img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 16px 17px rgba(0,0,0,.32))}
@media(max-width:991px){.hero{padding:62px 0;min-height:initial}.hero-brand-art{min-height:220px;padding:25px 12px}}
@media(max-width:575px){.hero{padding:45px 0}.hero-brand-art{min-height:170px;padding:18px 8px;border-radius:18px}.brand-wordmark strong{font-size:.89rem}.brand-wordmark small{font-size:.46rem}.brand-original img{height:48px;width:60px}.nav-main nav{min-height:66px}}

/* Final branding: original Burak Oto assets, no standalone manufacturer brand marks */
.hero{background:linear-gradient(90deg,rgba(6,13,22,.93) 0%,rgba(8,16,25,.85) 50%,rgba(11,16,25,.72) 100%),url('../servis_atmosfer.jpg') center/cover no-repeat; min-height:590px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 62%,rgba(207,41,47,.25));pointer-events:none}
.hero-brand-art-pro{position:relative;background:linear-gradient(145deg,rgba(29,38,49,.96),rgba(63,27,32,.78));border:1px solid rgba(255,255,255,.18);box-shadow:0 25px 80px #0008,inset 0 1px 1px #fff2;overflow:hidden;min-height:300px}
.hero-brand-art-pro:before{content:"";position:absolute;top:13px;left:-10%;width:120%;height:3px;background:linear-gradient(90deg,transparent,#eb474e,transparent);box-shadow:0 0 25px #ff454c;transform:rotate(-8deg)}
.hero-brand-art-pro img{position:relative;z-index:1;filter:drop-shadow(0 17px 13px rgba(0,0,0,.65))}
.feature p{line-height:1.7}.section p{line-height:1.75}.brand-original img{object-fit:contain}
@media(max-width:991px){.hero{min-height:initial}}

/* Single continuous full-width hero: no separate picture card */
.hero.hero-fullbleed{background:linear-gradient(90deg,rgba(5,11,20,.98) 0%,rgba(5,11,20,.94) 29%,rgba(5,11,20,.46) 52%,rgba(5,11,20,.03) 82%),url('../hero-background.png') center center/cover no-repeat;min-height:610px;display:flex;align-items:center;padding:90px 0}
.hero.hero-fullbleed:before{display:none}.hero.hero-fullbleed:after{display:none}.hero-fullbleed .hero-content{max-width:650px}.hero-fullbleed .hero-inner{width:100%}
@media(max-width:991px){.hero.hero-fullbleed{min-height:590px;background-position:60% center;background-image:linear-gradient(90deg,rgba(5,11,20,.96) 0%,rgba(5,11,20,.89) 53%,rgba(5,11,20,.42) 100%),url('../hero-background.png')}}
@media(max-width:575px){.hero.hero-fullbleed{min-height:570px;padding:55px 0;background-position:67% center;background-image:linear-gradient(90deg,rgba(5,11,20,.97) 0%,rgba(5,11,20,.92) 68%,rgba(5,11,20,.77) 100%),url('../hero-background.png')}}


/* Final correction: use the approved full-width banner composition under the site header */
.hero-static-banner{background:#0b1220;line-height:0}
.hero-banner-image{display:block;width:100%;height:auto;max-height:none}
@media(max-width:575px){.hero-static-banner{overflow:hidden}.hero-banner-image{width:100%;height:auto}}

/* NEW: HTML-based accessible hero, no text baked into images */
.hero-live{position:relative;isolation:isolate;min-height:640px;overflow:hidden;background:#08111c;color:#fff;padding:72px 0 36px;display:flex;flex-direction:column;justify-content:space-between}
.hero-live::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,10,17,.95),rgba(5,10,17,.42),rgba(5,10,17,.9)),url('../servis_atmosfer.jpg') center/cover no-repeat;filter:saturate(.6)}
.hero-live::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 38%,#182737b8,transparent 57%),linear-gradient(0deg,#060f1ce8,transparent 46%)}
.hero-live-content{position:relative;z-index:2;text-align:center;max-width:790px;margin:0 auto; padding:0 18px}
.hero-live .hero-heading{font-size:clamp(2.5rem,5.4vw,4.9rem);line-height:1.08;font-weight:900;letter-spacing:-.045em;text-shadow:0 4px 14px #000a;margin:13px 0}
.hero-live .hero-heading em{font-style:normal;color:#f03942}
.hero-live .hero-intro{max-width:650px;margin:0 auto 24px;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.7;color:#e7ebf1}
.hero-live .eyebrow{color:#ff9a9f;letter-spacing:.16em}
.hero-side-car{position:absolute;bottom:72px;width:29%;max-width:440px;height:auto;z-index:1;filter:drop-shadow(0 16px 10px #0009);object-fit:contain}
.hero-side-car.left{left:0}.hero-side-car.right{right:0}
.hero-live .btn{position:relative;z-index:5}
.hero-trust{position:relative;z-index:3;width:100%;max-width:1160px;margin:100px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff37;padding-top:22px;gap:14px}
.hero-trust-item{display:flex;align-items:center;gap:12px;padding:10px 15px;font-size:.9rem;line-height:1.3;color:#fff}
.hero-trust-item .trust-icon{font-size:1.7rem;color:#ff626b}.hero-trust-item strong{display:block}.hero-trust-item small{color:#c6d0dd;display:block;margin-top:5px}
.feature-heading-row{display:flex;gap:14px;align-items:center;margin-bottom:13px}
.feature-heading-row .feature-icon{margin-bottom:0;flex:0 0 54px}
.feature-heading-row h3{margin:0;line-height:1.25}
.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:990;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 10px 27px #0005;transition:transform .15s,box-shadow .15s}
.whatsapp-float:hover,.whatsapp-float:focus-visible{color:#fff;transform:translateY(-3px);box-shadow:0 15px 30px #0006}
.whatsapp-float svg{width:34px;height:34px;fill:currentColor}
@media(max-width:991px){.hero-live{min-height:590px}.hero-side-car{bottom:98px;width:30%}.hero-trust{margin-top:115px;grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.hero-live{min-height:660px;padding:60px 0 28px}.hero-live-content{padding:0 20px}.hero-side-car{width:46%;bottom:140px;opacity:.62}.hero-trust{margin-top:125px;grid-template-columns:repeat(2,1fr);gap:0}.hero-trust-item{font-size:.78rem;padding:10px 5px;gap:6px}.hero-trust-item .trust-icon{font-size:1.25rem}.whatsapp-float{bottom:18px;right:18px;width:55px;height:55px}.hero-live .hero-intro{font-size:1rem}}


/* Request update: homepage banner should match the approved 2nd reference image */
.hero-static-banner{background:#0b1220;line-height:0;overflow:hidden}
.hero-banner-image{display:block;width:100%;height:auto;max-width:none}
@media (max-width: 768px){.hero-banner-image{min-height:220px;object-fit:cover;object-position:center}}

/* Editable SEO-friendly hero — car artwork only; headings and buttons are real HTML */
.hero-editable{position:relative;min-height:clamp(530px,42vw,670px);display:flex;align-items:center;justify-content:center;color:#fff;background:#0a111b url('../hero-cars-no-text.jpg') center center / cover no-repeat;overflow:hidden;text-align:center;padding:55px 0 75px}
.hero-editable-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,12,19,.28),transparent 32%,rgba(7,12,19,.22) 100%)}
.hero-editable-content{position:relative;z-index:1;max-width:780px;padding:10px 20px;text-shadow:0 2px 16px #000b}
.hero-editable h1{font-size:clamp(2.2rem,5vw,5.2rem);letter-spacing:.055em;line-height:1.05;font-weight:900;margin:.6rem 0 .15rem}
.hero-subtitle{text-transform:uppercase;font-size:clamp(.9rem,1.75vw,1.6rem);font-weight:750;letter-spacing:.16em}
.hero-eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;color:#ff797d;font-weight:800}
.hero-tagline{font-size:clamp(1.55rem,2.9vw,2.8rem);font-weight:800;line-height:1.15;margin:24px auto 10px;max-width:720px}
.hero-tagline strong{color:#ff5057}
.hero-explain{font-size:clamp(.91rem,1.3vw,1.08rem);line-height:1.55;max-width:560px;margin:0 auto 20px;color:#f2f4f8}
.hero-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}
.hero-buttons a{position:relative;z-index:3;text-shadow:none}
@media(max-width:800px){.hero-editable{min-height:570px;background-position:center}.hero-editable-shade{background:rgba(5,10,17,.62)}.hero-editable-content{max-width:600px}}
@media(max-width:575px){.hero-editable{padding:54px 0;min-height:550px}.hero-editable h1{letter-spacing:.02em}.hero-buttons .btn{font-size:.96rem;padding:.65rem .8rem}}


/* FINAL responsive navigation + responsive hero banner update */
.mobile-toggle{display:none}
.nav-main .nav-links{display:flex;align-items:center;gap:.25rem}
.hero-editable{position:relative;min-height:clamp(560px,44vw,680px);display:flex;align-items:center;justify-content:center;color:#fff;background:#0a111b url('../hero-cars-no-text.jpg') center center / cover no-repeat;overflow:hidden;text-align:center;padding:58px 0 82px}
.hero-editable::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,17,.10),rgba(5,10,17,.18) 28%,rgba(5,10,17,.30) 100%);pointer-events:none}
.hero-editable-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,8,14,.16) 0%,rgba(4,8,14,.62) 36%,rgba(4,8,14,.62) 64%,rgba(4,8,14,.16) 100%)}
.hero-editable-content{position:relative;z-index:2;max-width:760px;padding:14px 20px;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.hero-eyebrow{display:inline-block;font-size:.88rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ffa0a5;margin-bottom:1rem}
.hero-editable h1{font-size:clamp(2.4rem,5vw,5.3rem);letter-spacing:.05em;line-height:1.02;font-weight:900;margin:.35rem 0 .2rem}
.hero-subtitle{font-size:clamp(1.15rem,2vw,2.35rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.1rem}
.hero-tagline{font-size:clamp(2rem,4.35vw,4.7rem);line-height:1.04;font-weight:900;letter-spacing:-.04em;margin:0 0 1rem}
.hero-tagline strong{color:#ff3d47}
.hero-explain{font-size:clamp(1rem,1.2vw,1.22rem);line-height:1.75;max-width:680px;margin:0 auto 1.8rem;color:#eef2f7}
.hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
.hero-buttons .btn{position:relative;z-index:3;padding:.9rem 1.35rem;font-weight:700;border-radius:14px}
@media (max-width: 991px){
  .topbar .container{justify-content:center;text-align:center}
  .mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center}
  .nav-main nav{position:relative}
  .nav-main .nav-links{display:none !important;flex-direction:column;align-items:flex-start;gap:0;width:100%;padding:.6rem 0 .35rem;border-top:1px solid #e7e9ee;margin-top:.35rem}
  .nav-main .nav-links.open{display:flex !important}
  .nav-main .nav-link{display:block;width:100%;padding:.8rem .15rem}
  .hero-editable{min-height:690px;background-image:url('../hero-cars-no-text-tablet.jpg');background-position:center bottom;padding:56px 0 70px}
  .hero-editable-content{max-width:650px}
  .hero-editable-shade{background:linear-gradient(180deg,rgba(5,10,17,.14) 0%,rgba(5,10,17,.60) 26%,rgba(5,10,17,.30) 100%)}
}
@media (max-width: 767px){
  .hero-editable{min-height:780px;background-image:url('../hero-cars-no-text-mobile.jpg');background-position:center bottom;padding:52px 0 64px}
  .hero-editable-content{max-width:560px;padding:6px 18px}
  .hero-eyebrow{font-size:.78rem;letter-spacing:.16em;margin-bottom:.85rem}
  .hero-editable h1{font-size:clamp(1.8rem,8vw,3rem)}
  .hero-subtitle{font-size:1rem;letter-spacing:.15em}
  .hero-tagline{font-size:clamp(1.85rem,8.2vw,3rem);margin-bottom:.85rem}
  .hero-explain{font-size:1rem;line-height:1.6;max-width:92%}
  .hero-buttons{gap:.75rem}
  .hero-buttons .btn{font-size:1rem;padding:.8rem 1.1rem}
}
@media (max-width: 575px){
  .brand-wordmark strong{font-size:.88rem}
  .brand-wordmark small{font-size:.48rem;letter-spacing:.11em;margin-top:4px}
  .hero-editable{min-height:760px;padding:48px 0 58px}
  .hero-editable-content{padding:0 16px}
  .whatsapp-float{bottom:18px;right:18px;width:56px;height:56px}
}


/* FINAL tweak: less black on mobile/tablet and clearer cars */
@media (max-width: 991px){
  .hero-editable{min-height:640px;background-position:center 58%;padding:42px 0 46px}
  .hero-editable-shade{background:linear-gradient(180deg,rgba(5,10,17,.06) 0%,rgba(5,10,17,.34) 24%,rgba(5,10,17,.12) 100%)}
  .hero-editable-content{padding:0 18px}
}
@media (max-width: 767px){
  .hero-editable{min-height:620px;background-position:center 60%;padding:36px 0 40px}
  .hero-editable::before{background:linear-gradient(180deg,rgba(5,10,17,.04),rgba(5,10,17,.12) 30%,rgba(5,10,17,.16) 100%)}
  .hero-editable-shade{background:linear-gradient(180deg,rgba(5,10,17,.04) 0%,rgba(5,10,17,.22) 26%,rgba(5,10,17,.08) 100%)}
  .hero-eyebrow{margin-bottom:.55rem}
  .hero-editable h1{margin:.2rem 0 .1rem}
  .hero-subtitle{margin-bottom:.55rem}
  .hero-tagline{margin-bottom:.55rem}
  .hero-explain{margin-bottom:1rem}
}
@media (max-width: 575px){
  .hero-editable{min-height:600px;background-position:center 62%;padding:30px 0 34px}
  .hero-buttons .btn{padding:.72rem 1rem}
}


/* FINAL user-requested tweak: much less black above/below text and cars */
.hero-editable::before{background:linear-gradient(180deg,rgba(5,10,17,.02),rgba(5,10,17,.08) 26%,rgba(5,10,17,.10) 100%)}
.hero-editable-shade{background:linear-gradient(180deg,rgba(5,10,17,.00) 0%,rgba(5,10,17,.12) 24%,rgba(5,10,17,.03) 100%)}
@media (max-width: 991px){
  .hero-editable{min-height:600px;background-position:center 60%;padding:26px 0 28px}
  .hero-editable::before{background:linear-gradient(180deg,rgba(5,10,17,.01),rgba(5,10,17,.06) 24%,rgba(5,10,17,.08) 100%)}
  .hero-editable-shade{background:linear-gradient(180deg,rgba(5,10,17,.00) 0%,rgba(5,10,17,.08) 22%,rgba(5,10,17,.02) 100%)}
  .hero-editable-content{padding:0 14px}
}
@media (max-width: 767px){
  .hero-editable{min-height:560px;background-position:center 64%;padding:18px 0 20px}
  .hero-editable::before{background:linear-gradient(180deg,rgba(5,10,17,.00),rgba(5,10,17,.04) 24%,rgba(5,10,17,.06) 100%)}
  .hero-editable-shade{background:linear-gradient(180deg,rgba(5,10,17,.00) 0%,rgba(5,10,17,.05) 22%,rgba(5,10,17,.01) 100%)}
  .hero-eyebrow{margin-bottom:.45rem}
  .hero-editable h1{margin:.1rem 0 0}
  .hero-subtitle{margin-bottom:.4rem}
  .hero-tagline{margin-bottom:.35rem}
  .hero-explain{margin-bottom:.8rem;max-width:94%}
}
@media (max-width: 575px){
  .hero-editable{min-height:530px;background-position:center 66%;padding:16px 0 18px}
  .hero-buttons{gap:.6rem}
  .hero-buttons .btn{padding:.68rem .95rem}
}
.credit-line{margin-top:14px;color:#cfd6de;font-size:.92rem}
.credit-line a{color:#ffffff;text-decoration:none;font-weight:700}
.credit-line a:hover{color:#ffffff;text-decoration:underline}