:root{--bg:#07080b;--panel:#10141b;--text:#f4f6f8;--muted:#aab2bf;--gold:#d6a84f;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{position:fixed;inset:0 0 auto 0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;z-index:50;background:rgba(7,8,11,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em}.brand img{height:46px;width:auto}.nav{display:flex;gap:22px;font-size:14px;color:#d9dde4}.nav a:hover{color:var(--gold)}.actions{display:flex;gap:10px}.actions button,.panel{background:#141922;border:1px solid var(--line);color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer}.panel{background:var(--gold);color:#111;font-weight:700}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 7vw 120px;overflow:hidden}.heroBg,.heroBg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.heroOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,7,.92) 0%,rgba(3,4,7,.7) 42%,rgba(3,4,7,.28)),radial-gradient(circle at 70% 25%,rgba(214,168,79,.24),transparent 36%)}.heroContent{position:relative;max-width:860px}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(44px,7vw,92px);line-height:.96;margin:18px 0}.lead{font-size:22px;color:#dbe2ea;max-width:720px;line-height:1.55}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;font-weight:800;margin-right:12px}.primary{background:var(--gold);color:#111}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.07)}.statBar{position:absolute;left:7vw;right:7vw;bottom:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);backdrop-filter:blur(12px)}.statBar div{background:rgba(12,15,21,.8);padding:20px}.statBar strong{font-size:32px;color:var(--gold);display:block}.statBar span{color:var(--muted);font-size:13px}.section{padding:110px 7vw}.center{text-align:center}.about,.split,.rd,.quote{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.section h2{font-size:clamp(30px,4vw,54px);line-height:1.05;margin:10px 0 24px}.section p{color:#c7ced8;line-height:1.8;font-size:17px}.portraitCard{background:linear-gradient(180deg,#151a22,#0b0d12);border:1px solid var(--line);padding:28px;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.4)}.portraitImg{height:380px;border-radius:22px;overflow:hidden}.portraitImg img,.imagePanel img,.rdGrid img,.galleryGrid img{width:100%;height:100%;object-fit:cover;display:block}.portraitCard blockquote{font-size:22px;line-height:1.5;margin:25px 0;color:#fff}.portraitCard span{display:block;color:var(--muted);margin-top:5px}.dark{background:#0b0e14}.servicesGrid,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.cards article{background:linear-gradient(180deg,#151a22,#0e1118);border:1px solid var(--line);border-radius:24px;padding:28px;min-height:260px}.cards span{color:var(--gold);font-weight:900}.cards h3{font-size:23px}.cards p{font-size:15px}.imagePanel{height:520px;border-radius:30px;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 100px rgba(0,0,0,.5)}.checkList{list-style:none;padding:0;margin:25px 0}.checkList li{padding:14px 0;border-bottom:1px solid var(--line);color:#d8dee7}.checkList li:before{content:'✓';color:var(--gold);margin-right:12px}.rdGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rdGrid img{height:210px;border-radius:22px;border:1px solid var(--line)}.rdGrid img:first-child{grid-column:1/3;height:280px}/* Premium referanslar alanı */
.refs.premiumRefs{position:relative;overflow:hidden;padding:115px 0 135px;background:
  radial-gradient(circle at 50% 54%,rgba(0,168,255,.18),transparent 15%),
  radial-gradient(circle at 50% 100%,rgba(255,255,255,.14),transparent 20%),
  linear-gradient(180deg,#030406 0%,#080b10 52%,#050607 100%)}
.refs.premiumRefs:before{content:'';position:absolute;inset:auto 0 0;height:42%;background:
  linear-gradient(180deg,transparent,rgba(255,255,255,.045)),
  repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 190px);transform:perspective(620px) rotateX(62deg);transform-origin:bottom;opacity:.42;pointer-events:none}
.refsHeader{position:relative;z-index:2;max-width:860px;margin:0 auto 72px;padding:0 24px}.refsHeader .eyebrow{color:#09a9ff;font-size:18px;letter-spacing:.12em}.refsHeader h2{font-size:clamp(34px,4.2vw,58px);text-shadow:0 12px 28px rgba(0,0,0,.7);margin-bottom:20px}.titleLine{display:block;width:125px;height:2px;margin:0 auto 26px;background:linear-gradient(90deg,transparent,#00aaff,transparent);box-shadow:0 0 18px rgba(0,170,255,.9)}.refsLead{max-width:760px;margin:0 auto;text-align:center;color:#cfd6df;font-size:18px;line-height:1.8}.logoStage{position:relative;z-index:2;padding:32px 0;margin-top:28px}.logoStage:before,.logoStage:after{content:'';position:absolute;top:0;bottom:0;width:18vw;z-index:4;pointer-events:none}.logoStage:before{left:0;background:linear-gradient(90deg,#050607 0%,rgba(5,6,7,.72) 48%,transparent)}.logoStage:after{right:0;background:linear-gradient(270deg,#050607 0%,rgba(5,6,7,.72) 48%,transparent)}.blueBeam{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),#00aaff,rgba(255,255,255,.75),transparent);box-shadow:0 0 12px rgba(0,174,255,.8),0 0 38px rgba(255,255,255,.55);z-index:3}.blueBeam.top{top:0}.blueBeam.bottom{bottom:0}.logoMarquee{overflow:hidden;border:0;padding:0;position:relative;mask-image:none;-webkit-mask-image:none}.logoTrack{display:flex;align-items:center;width:max-content;animation:mar 36s linear infinite}.logoMarquee:hover .logoTrack{animation-play-state:paused}.refLogo{position:relative;margin:0;flex:0 0 auto;width:235px;height:128px;padding:22px 26px;display:flex;align-items:center;justify-content:center;background:rgba(7,10,15,.38);border:0;border-left:1px solid rgba(255,255,255,.12);border-radius:0;box-shadow:none;transition:.35s}.refLogo:after{content:'';position:absolute;inset:18px 0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.10),transparent 62%);opacity:0;transition:.35s}.refLogo img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;display:block;filter:none;opacity:.98;drop-shadow:0 9px 16px rgba(0,0,0,.5)}.refLogo:hover{transform:translateY(-5px) scale(1.035);background:rgba(13,19,29,.68)}.refLogo:hover:after{opacity:1}
.galleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.galleryGrid img{height:260px;border-radius:22px;border:1px solid var(--line);cursor:pointer;transition:.35s}.galleryGrid img:hover{transform:scale(1.025)}.quote{background:#0b0e14}.contactCards{display:grid;gap:12px;margin-top:25px}.contactCards>*{background:#11161f;border:1px solid var(--line);padding:16px;border-radius:14px;color:#fff}.contactForm{background:linear-gradient(180deg,#151a22,#0e1118);border:1px solid var(--line);border-radius:28px;padding:28px;display:grid;gap:14px}.contactForm input,.contactForm textarea,.contactForm select{width:100%;padding:16px;background:#090c11;color:#fff;border:1px solid var(--line);border-radius:14px}.contactForm textarea{min-height:140px}footer{border-top:1px solid var(--line);padding:35px 7vw;display:flex;gap:20px;align-items:center;color:var(--muted)}footer img{height:45px}@keyframes mar{to{transform:translateX(-50%)}}.reveal{opacity:0;transform:translateY(22px);transition:1s}.reveal.show{opacity:1;transform:none}@media(max-width:980px){.nav{display:none}.topbar{padding:0 18px}.hero{padding:120px 22px 210px}.statBar{grid-template-columns:repeat(2,1fr);left:22px;right:22px}.about,.split,.rd,.quote{grid-template-columns:1fr}.servicesGrid{grid-template-columns:1fr 1fr}.galleryGrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.servicesGrid,.galleryGrid{grid-template-columns:1fr}.statBar{position:relative;left:auto;right:auto;bottom:auto;margin-top:35px}.hero{display:block}.heroContent{margin-top:80px}.brand span{display:none}.actions{transform:scale(.9);transform-origin:right}}

/* V7 düzenlemeleri */
.actions{display:flex;gap:10px;align-items:center}.panel{display:none!important}.heroButtons .primary{background:var(--gold);color:#111}.galleryGrid img{width:100%;height:250px;max-height:250px;object-fit:cover;object-position:center;border-radius:22px;display:block;overflow:hidden}.galleryGrid{align-items:stretch}.contact{background:#0b0e14}.contactIntro{max-width:850px;margin:0 auto 34px;text-align:center}.contactLayout{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1050px;margin:0 auto}.contactInfoCard,.contactNote{background:linear-gradient(180deg,#151a22,#0e1118);border:1px solid var(--line);border-radius:28px;padding:32px}.contactInfoCard{display:grid;gap:14px}.contactInfoCard h3{margin:0 0 10px;font-size:28px;color:#fff}.contactInfoCard a,.contactInfoCard span{background:#090c11;border:1px solid var(--line);border-radius:16px;padding:17px;color:#fff}.contactNote{display:flex;align-items:center}.contactNote p{margin:0;font-size:18px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:999;display:none;align-items:center;justify-content:center;padding:72px 86px}.lightbox.show{display:flex}.lightbox img{max-width:min(1180px,92vw);max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 40px 120px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.18)}.lightboxClose,.lightboxNav{position:absolute;border:1px solid rgba(255,255,255,.18);background:rgba(18,22,30,.72);color:#fff;cursor:pointer;border-radius:999px;backdrop-filter:blur(10px)}.lightboxClose{top:24px;right:28px;width:48px;height:48px;font-size:34px;line-height:1}.lightboxNav{top:50%;transform:translateY(-50%);width:58px;height:58px;font-size:46px;line-height:.7}.lightboxNav.prev{left:24px}.lightboxNav.next{right:24px}@media(max-width:980px){.contactLayout{grid-template-columns:1fr}.lightbox{padding:64px 18px}.lightboxNav{width:46px;height:46px;font-size:36px}.lightboxNav.prev{left:10px}.lightboxNav.next{right:10px}.galleryGrid img{height:220px;max-height:220px}}@media(max-width:620px){.galleryGrid img{height:210px;max-height:210px}.contactInfoCard,.contactNote{padding:22px}.lightbox img{max-width:94vw;max-height:78vh}}
@media(max-width:620px){.refLogo{width:180px;height:78px}.logoTrack{gap:16px;animation-duration:26s}}

.refLogo .logoText{white-space:pre-line;text-align:center;line-height:1.05;font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:.02em;font-size:28px;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.75);position:relative;z-index:3}
.refLogo.brand-vestel .logoText{color:#d4141e;font-size:34px;letter-spacing:0}
.refLogo.brand-beko .logoText{background:#1789d5;color:#fff;padding:20px 30px;border-radius:2px;font-size:32px;text-transform:lowercase;box-shadow:0 0 0 1px rgba(255,255,255,.14) inset}
.refLogo.brand-klimasan .logoText{color:#138bd5;font-size:30px}.refLogo.brand-klimasan .logoText:before{content:'K';display:inline-grid;place-items:center;width:34px;height:34px;margin-right:6px;border:4px solid #fff;color:#138bd5;background:#06101b}
.refLogo.brand-standard .logoText{font-size:25px}.refLogo.brand-standard .logoText:before{content:'SP';display:inline-block;color:#18a9ff;margin-right:10px;font-size:38px;vertical-align:middle}
.refLogo.brand-general .logoText{color:#ff5a1e;font-size:30px}.refLogo.brand-general .logoText:before{content:'Ş';color:#9aa1aa;margin-right:10px}
.refLogo.brand-kartesis .logoText{font-size:29px}.refLogo.brand-kartesis .logoText:before{content:'K';color:#1b94d2;margin-right:10px;font-size:38px}
.refLogo.brand-scon .logoText{font-size:34px}.refLogo.brand-scon .logoText:after{content:'■■■■';display:block;color:#ed1c24;font-size:16px;letter-spacing:4px;margin-top:6px}.refLogo.brand-rositell .logoText{color:#2f78d4;font-size:32px}.refLogo.brand-rositell .logoText:before{content:'◉';color:#77bd1f;margin-right:5px}


/* V11 iletişim alanı - ekran görüntüsündeki düzene göre */
.premiumContact{position:relative;background:radial-gradient(circle at 80% 20%,rgba(214,168,79,.08),transparent 28%),linear-gradient(180deg,#10141c 0%,#0b0e14 100%);padding:125px 7vw 90px;overflow:hidden}
.premiumContact:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.05),transparent 26%);pointer-events:none}
.premiumContact .contactLayout{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:74px;align-items:center;max-width:1180px;margin:0 auto}
.contactInfoBlock{padding-left:8px}.contactInfoBlock .eyebrow{color:var(--gold);letter-spacing:.35em;margin:0 0 12px}.contactInfoBlock h2{font-size:clamp(42px,5vw,64px);margin:0 0 28px;color:#fff;letter-spacing:0}.contactLines{display:grid;gap:9px;margin-bottom:28px}.contactLines p{margin:0;color:#f2f4f7;font-size:16px;line-height:1.55}.contactLines strong{font-weight:900;color:#fff}.contactLines a{color:#fff}.routeBtn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f0c77b,#d8a34c);color:#19130a;border-radius:999px;padding:14px 28px;font-weight:800;box-shadow:0 12px 30px rgba(214,168,79,.22);transition:.3s}.routeBtn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(214,168,79,.32)}.mapCard{height:320px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 80px rgba(0,0,0,.42);background:#111820}.mapCard iframe{width:100%;height:100%;border:0;filter:grayscale(1) invert(.9) contrast(.9) brightness(.82);opacity:.9}
@media(max-width:980px){.premiumContact .contactLayout{grid-template-columns:1fr;gap:34px}.contactInfoBlock{padding-left:0}.mapCard{height:300px}}
@media(max-width:620px){.premiumContact{padding:85px 22px 70px}.contactInfoBlock h2{font-size:44px}.contactLines p{font-size:15px}.mapCard{height:260px;border-radius:20px}}


/* V12 gerçek logo şeridi ve kurumsal logo düzeni */
.brand img{height:58px;max-width:120px;object-fit:contain}.brand span{font-size:13px;color:#f4e3d4;text-shadow:0 0 14px rgba(208,142,92,.28)}
footer img{height:78px;width:auto;object-fit:contain}.stripMarquee{height:190px;display:flex;align-items:center;overflow:hidden}.stripTrack{display:flex;align-items:center;width:max-content;animation:marStrip 38s linear infinite}.stripMarquee:hover .stripTrack{animation-play-state:paused}.referenceStrip{height:190px;width:auto;max-width:none;display:block;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 20px 36px rgba(0,0,0,.58))}.logoStage{padding:0;margin-top:32px}.logoStage:before{background:linear-gradient(90deg,#050607 0%,rgba(5,6,7,.86) 32%,transparent)}.logoStage:after{background:linear-gradient(270deg,#050607 0%,rgba(5,6,7,.86) 32%,transparent)}
@keyframes marStrip{to{transform:translateX(-50%)}}
@media(max-width:980px){.brand img{height:50px}.stripMarquee,.referenceStrip{height:145px}}
@media(max-width:620px){.brand img{height:44px;max-width:96px}.stripMarquee,.referenceStrip{height:115px}.refsHeader{margin-bottom:38px}.refsLead{font-size:15px}.refs.premiumRefs{padding-top:85px;padding-bottom:90px}}


/* V1 FINAL - yeni başlangıç düzenlemeleri */
.heroBg img{object-position:center center;filter:brightness(.62) contrast(1.05) saturate(1.05)}
.portraitImg img{object-fit:cover;object-position:center top}.imagePanel img{object-fit:cover;object-position:center}.rdGrid img{object-fit:cover}.galleryGrid{grid-template-columns:repeat(3,1fr)}.galleryGrid img{height:285px;object-fit:cover}.quickContactButtons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.quickContactButtons a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:900;transition:.3s;box-shadow:0 12px 30px rgba(0,0,0,.24)}.whatsappBtn{background:linear-gradient(180deg,#25d366,#128c4a);color:#06120a}.mailBtn{background:linear-gradient(180deg,#5cc8ff,#0b8dd8);color:#061018}.quickContactButtons a:hover{transform:translateY(-2px)}.quickContactButtons .routeBtn{margin:0}.referenceStrip{filter:drop-shadow(0 16px 28px rgba(0,0,0,.55));}
@media(max-width:980px){.galleryGrid{grid-template-columns:repeat(2,1fr)}.galleryGrid img{height:235px}.quickContactButtons{align-items:stretch}.quickContactButtons a{flex:1 1 180px}}
@media(max-width:620px){.galleryGrid{grid-template-columns:1fr}.galleryGrid img{height:230px}.quickContactButtons{display:grid}.quickContactButtons a{width:100%}}


/* V1.1 düzeltmeleri */
.statBar{display:none!important}
.hero{padding-bottom:120px}
.logoStage .logoMarquee{height:148px;display:flex;align-items:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.055),rgba(255,255,255,.025))}
.logoStage .logoTrack{display:flex;align-items:center;width:max-content;animation:mar 34s linear infinite}.logoStage .logoMarquee:hover .logoTrack{animation-play-state:paused}
.logoStage .refLogo{width:235px;height:148px;padding:28px 30px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(9,13,20,.22);border-left:1px solid rgba(255,255,255,.10);transition:.28s}
.logoStage .refLogo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.55));opacity:.98}
.logoStage .refLogo:hover{background:rgba(16,24,36,.55);transform:translateY(-3px)}
.stripMarquee,.stripTrack,.referenceStrip{display:none!important}
.galleryVideo{height:285px;border-radius:22px;border:1px solid var(--line);overflow:hidden;background:#080b10;position:relative;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.galleryVideo video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.galleryVideo span{position:absolute;left:16px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(8,10,14,.72);border:1px solid rgba(255,255,255,.13);font-size:13px;font-weight:800;color:#fff;backdrop-filter:blur(8px)}
.quickContactButtons a{background:rgba(12,15,21,.58)!important;color:#f4f6f8!important;border:1px solid rgba(214,168,79,.42);box-shadow:none;border-radius:14px;padding:13px 18px;letter-spacing:.02em}.quickContactButtons a:hover{border-color:rgba(0,170,255,.8);box-shadow:0 0 22px rgba(0,170,255,.18);transform:translateY(-2px)}
@media(max-width:980px){.logoStage .logoMarquee{height:120px}.logoStage .refLogo{width:200px;height:120px;padding:24px}.galleryVideo{height:235px}}
@media(max-width:620px){.hero{padding-bottom:90px}.logoStage .logoMarquee{height:104px}.logoStage .refLogo{width:170px;height:104px;padding:20px}.galleryVideo{height:230px}}


/* V1.2 controlled refinements */
.about{grid-template-columns:.95fr 1.05fr;gap:42px}.about .sectionText{max-width:760px;justify-self:end}.about .portraitCard{max-width:560px}
.machinePark{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;background:#0b0e14}.machineVisual{min-height:620px}.machineSlider{position:relative;height:620px;border-radius:30px;overflow:hidden;border:1px solid var(--line);box-shadow:0 42px 110px rgba(0,0,0,.55);background:#07090d}.machineSlide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1s ease,transform 7s ease;transform:scale(1.03)}.machineSlide.active{opacity:1;transform:scale(1)}.machineSlide img{width:100%;height:100%;object-fit:cover;display:block}.machineSlide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 44%)}.machineSlide figcaption{position:absolute;left:28px;bottom:24px;z-index:2;color:#fff;font-weight:900;font-size:24px;text-shadow:0 8px 20px rgba(0,0,0,.7)}.machineInfo{background:linear-gradient(180deg,#151a22,#0d1118);border:1px solid var(--line);border-radius:30px;padding:34px}.machineInfo h2{margin-top:8px}.machineInfo p{font-size:16px}.machineList{display:grid;gap:14px;margin-top:20px}.machineGroup{border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:18px;background:rgba(7,10,15,.45);transition:.35s}.machineGroup.active{border-color:rgba(214,168,79,.55);box-shadow:0 0 0 1px rgba(214,168,79,.12),0 20px 48px rgba(214,168,79,.08)}.machineGroup h3{margin:0 0 12px;color:#fff;font-size:18px}.machineGroup ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.machineGroup li{display:grid;gap:3px}.machineGroup b{color:var(--gold);font-size:14px;letter-spacing:.04em}.machineGroup span{color:#d7dde6;font-size:13px;line-height:1.45}.rdGrid img{cursor:pointer;transition:.3s}.rdGrid img:hover{transform:scale(1.02);box-shadow:0 22px 56px rgba(0,0,0,.38)}.galleryGrid{align-items:stretch}.galleryItem{height:285px;border-radius:22px;border:1px solid var(--line);overflow:hidden;background:#080b10;cursor:pointer;position:relative}.galleryItem img,.galleryItem video{width:100%;height:100%;object-fit:cover;display:block}.galleryItem:hover img,.galleryItem:hover video{transform:scale(1.025)}.galleryItem img,.galleryItem video{transition:.35s}.galleryVideo:after{content:'▶';position:absolute;inset:auto 18px 18px auto;width:46px;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(214,168,79,.92);color:#111;font-weight:900}.lightbox video{max-width:min(1180px,92vw);max-height:82vh;width:auto;height:auto;border-radius:18px;box-shadow:0 40px 120px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.18);display:none;background:#000}.lightbox img{display:none}.lightbox.media-image img{display:block}.lightbox.media-video video{display:block}.quickContactButtons a{background:transparent!important;color:#fff!important;border:1px solid rgba(214,168,79,.45);box-shadow:none}.quickContactButtons a:hover{border-color:var(--gold);background:rgba(214,168,79,.08)!important;box-shadow:0 0 26px rgba(214,168,79,.1)}
@media(max-width:980px){.about,.machinePark{grid-template-columns:1fr}.about .sectionText{justify-self:stretch}.machineVisual,.machineSlider{min-height:420px;height:420px}.machineInfo{padding:24px}.galleryItem{height:235px}}
@media(max-width:620px){.machineVisual,.machineSlider{min-height:330px;height:330px}.galleryItem{height:230px}}

.actions .panel{display:inline-flex!important;align-items:center;justify-content:center;border-radius:14px;padding:10px 14px}

/* Screenshot-inspired homepage hero */
.topbar{height:74px;background:rgba(4,4,4,.88);border-bottom:1px solid rgba(198,126,54,.28);backdrop-filter:blur(12px)}
.brand img{height:54px}.brand span{display:none}
.nav{gap:28px;color:#f3f3f3;font-size:15px}
.nav a{transition:.25s}.nav a:hover{color:#d08a4a}
.actions button{border-color:#c78345;background:rgba(0,0,0,.36);color:#fff;border-radius:999px;padding:12px 19px;font-weight:800}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:112px 7vw 70px}
.heroBg img{filter:brightness(.54) contrast(1.08) saturate(.94);object-position:center center}
.heroOverlay{background:linear-gradient(180deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.28) 42%,rgba(0,0,0,.72) 100%),radial-gradient(circle at 50% 38%,rgba(207,131,66,.28),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 48%,rgba(0,0,0,.72))}
.heroContent{max-width:980px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.heroMark{width:min(210px,32vw);height:auto;margin:0 auto 30px;filter:drop-shadow(0 16px 34px rgba(0,0,0,.58));opacity:.9}
.hero .eyebrow{color:#fff;font-size:18px;letter-spacing:.36em;line-height:1.45;margin:0 0 20px;text-shadow:0 8px 26px rgba(0,0,0,.78)}
.hero h1{font-size:clamp(54px,6.4vw,96px);line-height:.96;margin:0 0 24px;max-width:980px;color:#fff;font-weight:900;text-shadow:0 10px 30px rgba(0,0,0,.7)}
.hero .lead{font-size:clamp(26px,2.6vw,40px);line-height:1.2;max-width:1000px;margin:0 0 22px;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.7)}
.heroSub{font-size:18px;line-height:1.5;color:#fff;max-width:760px;margin:0 0 34px;text-shadow:0 8px 20px rgba(0,0,0,.78)}
.heroButtons{display:flex;justify-content:center;gap:12px}
.heroButtons .btn{margin:0;border-radius:999px;padding:15px 28px}
.heroButtons .primary{background:linear-gradient(180deg,#d89557,#bd7338);color:#111;box-shadow:0 18px 42px rgba(0,0,0,.32)}
@media(max-width:980px){.nav{display:none}.hero{padding:108px 22px 70px}.hero .eyebrow{font-size:14px;letter-spacing:.28em}.heroMark{width:168px}.hero h1{font-size:clamp(42px,11vw,72px)}.hero .lead{font-size:clamp(22px,6vw,32px)}}
@media(max-width:620px){.hero{min-height:92vh;padding:102px 18px 58px}.brand img{height:48px}.heroMark{width:138px;margin-bottom:22px}.hero .eyebrow{font-size:12px;letter-spacing:.18em}.hero h1{font-size:42px}.hero .lead{font-size:22px}.heroSub{font-size:15px}.actions{transform:none}.actions button{padding:10px 13px;font-size:12px}}

/* Reference logos - dark stage with controlled glare */
.refs.premiumRefs{background:radial-gradient(circle at 50% 70%,rgba(14,21,30,.72),transparent 24%),linear-gradient(180deg,#020305 0%,#070a0f 48%,#030405 100%)}
.refs.premiumRefs:before{opacity:.32;background:linear-gradient(180deg,transparent,rgba(255,255,255,.04)),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 210px)}
.logoStage{overflow:hidden}
.logoStage:before{background:linear-gradient(90deg,#030405 0%,rgba(3,4,5,.94) 52%,rgba(3,4,5,0));width:16vw}
.logoStage:after{background:linear-gradient(270deg,#030405 0%,rgba(3,4,5,.94) 52%,rgba(3,4,5,0));width:16vw}
.blueBeam{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.16) 18%,rgba(0,170,255,.72) 50%,rgba(255,255,255,.16) 82%,transparent 100%);box-shadow:0 0 8px rgba(0,174,255,.42),0 0 22px rgba(255,255,255,.20)}
.logoStage .logoMarquee{height:172px;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01) 48%,rgba(255,255,255,.035))}
.logoStage .refLogo{width:230px;height:172px;padding:34px 26px;background:rgba(5,8,13,.38);border-left:1px solid rgba(255,255,255,.14)}
.logoStage .refLogo img{filter:drop-shadow(0 10px 18px rgba(0,0,0,.66));opacity:.98}
.logoStage .refLogo:after{display:none}
.logoStage .refLogo.logo-no-glare{background:rgba(5,8,13,.24);box-shadow:none}
.logoStage .refLogo.logo-no-glare img{filter:none;opacity:.96}
.logoStage .refLogo.logo-no-glare:hover{transform:none;background:rgba(5,8,13,.24)}
.logoStage .refLogo.brand-vestel img{filter:none!important;text-shadow:none!important}
@media(max-width:980px){.logoStage .logoMarquee{height:136px}.logoStage .refLogo{width:202px;height:136px;padding:28px 24px}}
@media(max-width:620px){.logoStage .logoMarquee{height:112px}.logoStage .refLogo{width:174px;height:112px;padding:22px 18px}.logoStage:before,.logoStage:after{width:12vw}}

/* Final header alignment and moving reference logos */
.topbar{justify-content:flex-start}
.nav{margin-left:auto;justify-content:flex-end}
.actions{margin-left:22px}
.logoStage .logoTrack{animation:yildizLogoSlide 34s linear infinite!important;gap:0}
.logoStage .logoMarquee:hover .logoTrack{animation-play-state:paused!important}
.logoStage .refLogo{overflow:hidden}
.logoStage .refLogo img{display:block!important;width:100%;height:100%;object-fit:contain}
.logoStage .refLogo .logoText{display:block;position:relative;z-index:2;text-align:center;white-space:normal;line-height:.95;font-family:Arial,Helvetica,sans-serif;font-weight:900;color:#fff;text-shadow:none}
.logoStage .refLogo .logoText small{font-size:.48em;letter-spacing:.08em;font-weight:800}
.logoStage .brand-vestel .logoText{color:#df151d;font-size:38px;letter-spacing:0}
.logoStage .brand-beko .logoText{background:#1488d1;color:#fff;font-size:36px;text-transform:lowercase;padding:16px 22px;min-width:132px;line-height:.9}
.logoStage .brand-beko .logoText{background:transparent;color:#fff;font-size:38px;padding:0;min-width:0;line-height:.9;text-shadow:0 8px 20px rgba(0,0,0,.55)}
.logoStage .brand-beko .logoText:after{content:'';display:block;width:92px;height:5px;margin:7px auto 0;background:#fff;transform:skewX(-14deg);box-shadow:0 4px 10px rgba(0,0,0,.35)}
.logoStage .brand-klimasan .logoText{color:#168ed4;font-size:30px}.logoStage .brand-klimasan .logoText:before{content:'K';display:inline-grid;place-items:center;width:34px;height:34px;margin-right:7px;border:4px solid #fff;color:#168ed4;background:#07101a;font-size:26px;vertical-align:middle}
.logoStage .brand-standard .logoText{font-size:25px;text-align:left}.logoStage .brand-standard .logoText:before{content:'SP';display:inline-block;color:#1aa5f5;margin-right:10px;font-size:42px;vertical-align:middle}
.logoStage .brand-general .logoText{color:#ff5a20;font-size:32px;text-align:left}.logoStage .brand-general .logoText:before{content:'$';color:#8f969e;margin-right:10px;font-size:40px;vertical-align:middle}
.logoStage .brand-kartesis .logoText{font-size:31px;text-align:left}.logoStage .brand-kartesis .logoText:before{content:'K';color:#1b91d0;margin-right:10px;font-size:44px;vertical-align:middle}.logoStage .brand-kartesis small{color:#2aa7e6}
.logoStage .brand-scon .logoText{font-size:37px}.logoStage .brand-scon small{color:#ed1c24}.logoStage .brand-scon .logoText:after{content:'■■■■';display:block;color:#ed1c24;font-size:14px;letter-spacing:4px;margin-top:8px}
.logoStage .brand-rositell .logoText{color:#2f77d2;font-size:34px;font-weight:700}.logoStage .brand-rositell .logoText:before{content:'◉';color:#7cc31f;margin-right:5px}

.logoStage .logo-no-glare .logoText{text-shadow:none!important;filter:none!important}
@keyframes yildizLogoSlide{to{transform:translateX(-50%)}}
@media(max-width:620px){.nav{display:none}.actions{margin-left:auto}.logoStage .brand-vestel .logoText{font-size:30px}.logoStage .brand-beko .logoText{font-size:28px;min-width:105px}.logoStage .refLogo .logoText{font-size:24px}}

.logoStage .refLogo img{display:none!important}
.logoStage .refLogo .logoText{display:block!important}
.logoStage .refLogo.logo-no-glare .logoText{filter:none!important;text-shadow:none!important}

/* Machine park layout: featured CNC row, two supporting columns */
.machineInfo .eyebrow{display:none}
.machineInfo h2{margin-top:0}
.machineInfo>p{margin-bottom:24px;color:#d4dae4}
.machineList{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.machineGroupFeatured{grid-column:1/-1}
.machineGroupFeatured ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.machineGroupFeatured li{padding-right:10px}
@media(max-width:620px){.machineList,.machineGroupFeatured ul{grid-template-columns:1fr}.machineGroupFeatured{grid-column:auto}}

/* One menu section per screen */
html{scroll-padding-top:74px;scroll-snap-type:y proximity}
main>section{min-height:100vh;scroll-margin-top:74px;scroll-snap-align:start}
.section.dark,.refs.premiumRefs,.gallery{display:flex;flex-direction:column;justify-content:center}
.about,.rd,.machinePark,.premiumContact{min-height:100vh}
@media(max-width:980px){html{scroll-snap-type:none}.section.dark,.refs.premiumRefs,.gallery{justify-content:flex-start}}

/* Services and standalone R&D image view */
.servicesGrid{grid-template-columns:repeat(5,minmax(0,1fr))}
.servicesGrid article{min-height:245px}
.lightbox.standalone .lightboxNav{display:none}
.lightbox.standalone img{cursor:pointer}
@media(max-width:1180px){.servicesGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.servicesGrid{grid-template-columns:1fr}}

/* Correct menu target alignment and section centering */
html{scroll-padding-top:0}
main>section{min-height:100vh;scroll-margin-top:0}
.section{padding-top:calc(74px + 48px);padding-bottom:48px}
.hero{padding-top:112px;padding-bottom:70px}
.about,.rd,.machinePark,.premiumContact{align-items:center}
.section.dark,.refs.premiumRefs,.gallery{justify-content:center}
@media(max-width:980px){
  .section{padding-top:calc(74px + 34px);padding-bottom:44px}
  .section.dark,.refs.premiumRefs,.gallery{justify-content:center}
}

/* Reference section: faithful dark partner showcase */
.refs.premiumRefs{
  min-height:100vh;
  padding:116px 0 58px;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 49%,rgba(12,22,32,.62) 0%,rgba(4,7,10,.18) 31%,transparent 58%),
    radial-gradient(ellipse at 50% 79%,rgba(255,255,255,.08) 0%,transparent 26%),
    linear-gradient(180deg,#020304 0%,#07090d 51%,#030405 100%);
}
.refs.premiumRefs:before{
  content:'';
  position:absolute;
  left:-10%;
  right:-10%;
  bottom:-18%;
  height:43%;
  opacity:.38;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 18% 100%,rgba(255,255,255,.16),transparent 22%),
    radial-gradient(ellipse at 82% 100%,rgba(255,255,255,.16),transparent 22%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 190px),
    linear-gradient(180deg,transparent,rgba(255,255,255,.045));
  transform:perspective(760px) rotateX(63deg);
  transform-origin:bottom;
}
.refsHeader{
  max-width:900px;
  margin:0 auto 76px;
  padding:0 24px;
}
.refsHeader .eyebrow{
  color:#dfe5ee;
  font-size:18px;
  letter-spacing:.42em;
  font-weight:600;
  text-transform:uppercase;
  margin:0 0 22px;
}
.refsHeader h2{
  color:#f7f8fb;
  font-size:clamp(46px,5.1vw,76px);
  line-height:1.02;
  letter-spacing:0;
  margin:0 0 26px;
  font-weight:900;
  text-shadow:0 16px 34px rgba(0,0,0,.78),0 2px 0 rgba(255,255,255,.18);
}
.titleLine{
  width:226px;
  height:2px;
  margin:0 auto 34px;
  background:linear-gradient(90deg,transparent,#00a9ff 20%,#00a9ff 80%,transparent);
  box-shadow:0 0 18px rgba(0,169,255,.85);
}
.refsLead{
  max-width:820px;
  color:#c9ced7;
  font-size:24px;
  line-height:1.72;
  font-weight:400;
  text-shadow:0 8px 24px rgba(0,0,0,.7);
}
.logoStage{
  width:100%;
  margin:0;
  padding:0;
  position:relative;
}
.logoStage:before,
.logoStage:after{
  width:9vw;
  z-index:5;
}
.logoStage:before{background:linear-gradient(90deg,#030405 0%,rgba(3,4,5,.78) 54%,transparent)}
.logoStage:after{background:linear-gradient(270deg,#030405 0%,rgba(3,4,5,.78) 54%,transparent)}
.blueBeam{
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(130,205,255,.28) 22%,rgba(255,255,255,.72) 47%,#02aaff 50%,rgba(255,255,255,.72) 53%,rgba(130,205,255,.28) 78%,transparent 100%);
  box-shadow:0 0 11px rgba(0,170,255,.7),0 0 34px rgba(255,255,255,.3);
}
.logoStage .logoMarquee{
  height:256px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-top:1px solid rgba(155,215,255,.20);
  border-bottom:1px solid rgba(155,215,255,.20);
  background:
    linear-gradient(90deg,rgba(255,255,255,.015),rgba(255,255,255,.052) 50%,rgba(255,255,255,.015)),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006) 48%,rgba(255,255,255,.024));
}
.logoStage .logoTrack{
  width:max-content;
  animation:none;
  transform:none;
  display:flex;
  align-items:center;
}
.logoStage .refLogo{
  width:calc(100vw / 9);
  min-width:150px;
  max-width:230px;
  height:256px;
  padding:38px 22px;
  background:rgba(4,7,11,.28);
  border-left:1px solid rgba(255,255,255,.075);
  border-radius:0;
  box-shadow:none;
  transform:none!important;
}
.logoStage .refLogo:nth-child(9n){
  border-right:1px solid rgba(255,255,255,.075);
}
.logoStage .refLogo:hover{
  background:rgba(9,14,21,.42);
}
.logoStage .refLogo .logoText{
  display:block!important;
  white-space:normal;
  text-align:center;
  letter-spacing:0;
  line-height:.96;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:900;
  text-shadow:0 9px 18px rgba(0,0,0,.68);
}
.logoStage .brand-vestel .logoText{font-size:40px;color:#ed1c24;letter-spacing:0}
.logoStage .brand-beko .logoText{font-size:40px;color:#fff;background:transparent;padding:0;min-width:0;text-transform:lowercase}
.logoStage .brand-beko .logoText:after{width:108px;height:6px;margin:8px auto 0;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.38)}
.logoStage .brand-klimasan .logoText{font-size:31px;color:#2297d8;text-align:left}
.logoStage .brand-klimasan .logoText:before{width:37px;height:37px;margin-right:7px;border:4px solid #fff;background:#06101b;font-size:27px}
.logoStage .brand-standard .logoText{font-size:26px;text-align:left;color:#fff}
.logoStage .brand-standard .logoText:before{font-size:45px;color:#1ba7f6;margin-right:10px}
.logoStage .brand-general .logoText{font-size:33px;text-align:left;color:#ff5c20}
.logoStage .brand-general .logoText:before{content:'$';font-size:42px;color:#8d949d;margin-right:9px}
.logoStage .brand-kartesis .logoText{font-size:32px;text-align:left;color:#fff}
.logoStage .brand-kartesis .logoText:before{font-size:46px;color:#168bd0;margin-right:9px}
.logoStage .brand-kartesis small{color:#249fdf}
.logoStage .brand-scon .logoText{font-size:42px;color:#fff}
.logoStage .brand-scon small{color:#f00}
.logoStage .brand-scon .logoText:after{font-size:14px;letter-spacing:4px;margin-top:7px;color:#f00}
.logoStage .brand-rositell .logoText{font-size:35px;color:#2f70c9;font-weight:700}
.logoStage .brand-rositell .logoText:before{color:#7fbd20;margin-right:4px}


.refControls{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:70px;
  margin-top:72px;
}
.refArrow{
  width:50px;
  height:50px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:48px;
  line-height:.72;
  display:grid;
  place-items:center;
  cursor:default;
}
.refDots{
  display:flex;
  align-items:center;
  gap:20px;
}
.refDots span{
  width:13px;
  height:13px;
  border-radius:50%;
  background:rgba(255,255,255,.48);
  box-shadow:0 0 10px rgba(0,0,0,.4);
}
.refDots span.active{
  background:#009fea;
  box-shadow:0 0 16px rgba(0,159,234,.78);
}
@media(max-width:1180px){
  .logoStage .refLogo{width:180px;min-width:180px}
  .logoStage .logoTrack{animation:yildizLogoSlide 34s linear infinite!important}
}
@media(max-width:760px){
  .refs.premiumRefs{padding-top:96px;padding-bottom:54px}
  .refsHeader{margin-bottom:48px}
  .refsHeader .eyebrow{font-size:12px;letter-spacing:.28em}
  .refsHeader h2{font-size:40px}
  .refsLead{font-size:16px}
  .logoStage .logoMarquee{height:132px}
  .logoStage .refLogo{height:132px;width:168px;min-width:168px;padding:24px 18px}
  .logoStage .brand-vestel .logoText,
  .logoStage .brand-beko .logoText,
  .logoStage .brand-scon .logoText{font-size:30px}
  .logoStage .refLogo .logoText{font-size:24px}
  .refControls{gap:30px;margin-top:42px}
  .refDots{gap:12px}
  .refArrow{width:44px;height:44px;font-size:40px}
}

/* Reference logos: smooth sliding system with a repeated loop */
.logoStage .refLogo[aria-hidden="true"]{
  display:flex!important;
}
.logoStage .logoTrack{
  width:max-content!important;
  justify-content:flex-start;
  animation:yildizReferenceSlide 38s linear infinite!important;
  transform:none;
  will-change:transform;
}
.logoStage .logoMarquee:hover .logoTrack{
  animation-play-state:paused!important;
}
.logoStage .refLogo{
  flex:0 0 210px;
  width:210px;
  min-width:210px;
  max-width:210px;
}
@keyframes yildizReferenceSlide{
  to{transform:translateX(-50%)}
}
@media(max-width:1180px){
  .logoStage .refLogo{
    flex-basis:185px;
    width:185px;
    min-width:185px;
    max-width:185px;
  }
}
@media(max-width:760px){
  .logoStage .logoMarquee{
    overflow:hidden;
  }
  .logoStage .logoTrack{
    animation-duration:30s!important;
  }
  .logoStage .refLogo{
    flex-basis:168px;
    width:168px;
    min-width:168px;
    max-width:168px;
  }
}

/* Real logo marquee: images stay intact while only the row moves */
.logoStage .refLogo .logoText,
.logoStage .refLogo .logoText:before,
.logoStage .refLogo .logoText:after{
  display:none!important;
  content:none!important;
}
.logoStage .refLogo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  opacity:1!important;
  transform:none!important;
}
.logoStage .refLogo{
  overflow:hidden;
  transform:none!important;
}
.logoStage .refLogo:before,
.logoStage .refLogo:after{
  display:none!important;
}
.logoStage .refLogo:hover{
  transform:none!important;
}
.logoStage .brand-vestel img,
.logoStage .brand-beko img{
  filter:none!important;
}
.logoStage .brand-beko img{
  width:76%!important;
  height:76%!important;
}
.logoStage .brand-general img,
.logoStage .brand-kartesis img,
.logoStage .brand-scon img,
.logoStage .brand-rositell img{
  width:86%!important;
  height:86%!important;
}
.logoStage .brand-klimasan img,
.logoStage .brand-standard img{
  width:92%!important;
  height:92%!important;
}
.logoStage .brand-klimasan img,
.logoStage .brand-standard img{
  width:96%!important;
  height:96%!important;
}
.logoStage .brand-klimasan img{
  width:106%!important;
  height:106%!important;
  filter:brightness(1.08) saturate(1.18) drop-shadow(0 0 10px rgba(38,171,235,.14))!important;
}
.logoStage .brand-standard img{
  width:112%!important;
  height:112%!important;
  filter:brightness(1.75) saturate(1.35) drop-shadow(0 0 10px rgba(255,255,255,.16))!important;
}
.logoStage .brand-ism img{
  width:92%!important;
  height:92%!important;
  filter:brightness(1.12) contrast(1.08) drop-shadow(0 0 10px rgba(255,255,255,.10))!important;
}

/* Founder photo: keep the original 4:3 crop intact while resizing */
.portraitImg{
  height:auto!important;
  aspect-ratio:4/3;
  background:#090c11;
}
.portraitImg img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* Contact map: show Google Maps in its native colors */
.mapCard iframe{
  filter:none!important;
  opacity:1!important;
}

/* Language dropdown */
.langMenu{position:relative}
#langBtn{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:10px 38px 10px 16px!important;
  border:1px solid rgba(214,168,79,.52)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.035)),
    rgba(9,12,17,.82)!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.045);
  font-size:13px;
  font-weight:900;
  letter-spacing:.045em;
  line-height:1;
  transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
#langBtn:before{
  content:"";
  width:17px;
  height:17px;
  border:1.7px solid rgba(214,168,79,.95);
  border-radius:50%;
  box-shadow:inset 5px 0 0 rgba(214,168,79,.16);
}
#langBtn:after{
  content:"";
  position:absolute;
  right:16px;
  top:50%;
  width:7px;
  height:7px;
  border-right:2px solid rgba(214,168,79,.92);
  border-bottom:2px solid rgba(214,168,79,.92);
  transform:translateY(-62%) rotate(45deg);
  transition:transform .2s;
}
.langMenu.open #langBtn:after{transform:translateY(-35%) rotate(225deg)}
#langBtn:hover,.langMenu.open #langBtn{
  border-color:rgba(214,168,79,.86)!important;
  background:
    linear-gradient(180deg,rgba(214,168,79,.18),rgba(255,255,255,.045)),
    rgba(12,15,21,.92)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 0 3px rgba(214,168,79,.08);
  transform:translateY(-1px);
}
.langOptions{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  min-width:154px;
  padding:9px;
  display:grid;
  gap:7px;
  background:linear-gradient(180deg,rgba(18,22,30,.98),rgba(8,10,14,.98));
  border:1px solid rgba(214,168,79,.48);
  border-radius:18px;
  box-shadow:0 22px 58px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(16px);
  opacity:0;
  visibility:hidden;
  transform:translateY(-7px) scale(.98);
  transform-origin:top right;
  transition:opacity .2s,visibility .2s,transform .2s;
  z-index:80;
}
.langMenu.open .langOptions{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.langOptions button{
  width:100%;
  min-height:38px;
  border-radius:12px!important;
  padding:10px 13px!important;
  text-align:left;
  background:transparent!important;
  border:1px solid transparent!important;
  color:#f5f0e8!important;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
}
.langOptions button:hover,.langOptions button.active{
  background:rgba(214,168,79,.17)!important;
  border-color:rgba(214,168,79,.58)!important;
  color:#ffd89b!important;
}
@media(max-width:620px){
  #langBtn{min-height:39px;padding:9px 32px 9px 13px!important;font-size:12px}
  #langBtn:before{width:15px;height:15px}
  #langBtn:after{right:13px;width:6px;height:6px}
  .langOptions{right:0;min-width:124px;border-radius:15px}
  .langOptions button{font-size:12px;padding:9px 11px!important;text-align:center}
}

/* Brighter homepage hero */
.heroBg img{
  filter:brightness(.78) contrast(1.04) saturate(1.02)!important;
}
.heroOverlay{
  background:
    linear-gradient(180deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.58) 100%),
    radial-gradient(circle at 50% 38%,rgba(207,131,66,.18),transparent 34%),
    linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.10) 48%,rgba(0,0,0,.56))!important;
}
.hero h1{
  font-size:clamp(40px,5.7vw,82px)!important;
  max-width:1120px;
}

/* Mobile polish */
@media(max-width:760px){
  html{scroll-padding-top:82px}
  body{overflow-x:hidden}
  .topbar{
    height:70px!important;
    padding:0 14px!important;
    background:rgba(4,5,7,.94)!important;
  }
  .brand img{height:44px!important}
  .actions{margin-left:auto!important}
  .actions button{
    min-height:40px;
    padding:10px 13px!important;
    font-size:12px!important;
    letter-spacing:.02em;
  }
  .langOptions{
    top:calc(100% + 8px);
    right:0;
    min-width:118px;
    border-radius:14px;
  }
  .langOptions button{
    min-height:38px;
    text-align:center;
  }
  .hero{
    min-height:100svh!important;
    padding:92px 18px 54px!important;
    align-items:center;
  }
  .heroBg img{
    object-position:52% center!important;
    filter:brightness(.86) contrast(1.03) saturate(1.02)!important;
  }
  .heroOverlay{
    background:
      linear-gradient(180deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.24) 42%,rgba(0,0,0,.66) 100%),
      linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.16) 54%,rgba(0,0,0,.56))!important;
  }
  .heroMark{
    width:min(145px,42vw)!important;
    margin-bottom:18px!important;
  }
  .hero .eyebrow{
    font-size:11px!important;
    letter-spacing:.14em!important;
    line-height:1.45;
  }
  .hero h1{
    font-size:clamp(34px,10.5vw,46px)!important;
    line-height:1.02!important;
    margin:14px 0 16px!important;
    max-width:340px!important;
  }
  .hero .lead{
    font-size:clamp(20px,5.7vw,26px)!important;
    line-height:1.22!important;
    max-width:350px;
    margin-bottom:14px!important;
  }
  .heroSub{
    max-width:350px;
    font-size:15px!important;
    line-height:1.55!important;
    margin-bottom:24px!important;
  }
  .heroButtons{
    width:100%;
    max-width:330px;
  }
  .heroButtons .btn{
    width:100%;
    min-height:48px;
    padding:14px 18px!important;
  }
  .section{
    padding:72px 18px!important;
  }
  .section h2{
    font-size:clamp(28px,8vw,38px)!important;
    line-height:1.12!important;
  }
  .section p{
    font-size:15px!important;
    line-height:1.72!important;
  }
  .about,
  .machinePark,
  .rd,
  .quote{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .about .sectionText{
    justify-self:stretch!important;
  }
  .portraitCard,
  .machineInfo,
  .contactInfoCard,
  .contactNote{
    border-radius:20px!important;
    padding:20px!important;
  }
  .portraitCard blockquote{
    font-size:18px!important;
    line-height:1.45!important;
  }
  .machineVisual,
  .machineSlider{
    height:330px!important;
    min-height:330px!important;
    border-radius:20px!important;
  }
  .machineSlide figcaption{
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    font-size:20px!important;
  }
  .machineInfo p{
    font-size:15px!important;
  }
  .machineGroup{
    border-radius:16px!important;
    padding:15px!important;
  }
  .machineGroup h3{
    font-size:17px!important;
  }
  .machineGroup span{
    font-size:12.5px!important;
  }
  .servicesGrid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .cards article{
    min-height:auto!important;
    border-radius:18px!important;
    padding:22px!important;
  }
  .rdGrid{
    grid-template-columns:1fr!important;
  }
  .rdGrid img,
  .rdGrid img:first-child{
    grid-column:auto!important;
    height:230px!important;
    border-radius:18px!important;
  }
  .refs.premiumRefs{
    padding:78px 0 86px!important;
  }
  .refsHeader{
    margin-bottom:42px!important;
  }
  .refsLead{
    font-size:15px!important;
  }
  .logoStage .refLogo{
    flex-basis:150px!important;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    height:98px!important;
    padding:18px!important;
  }
  .galleryGrid{
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin-top:28px!important;
  }
  .galleryItem,
  .galleryVideo{
    height:auto!important;
    aspect-ratio:4/3;
    border-radius:18px!important;
  }
  .galleryItem img,
  .galleryItem video{
    object-fit:cover!important;
  }
  .galleryVideo span{
    left:12px!important;
    bottom:12px!important;
    max-width:calc(100% - 72px);
    white-space:normal;
  }
  .contactLayout{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .contactLines p,
  .contactLines a{
    overflow-wrap:anywhere;
  }
  .quickContactButtons{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .quickContactButtons a{
    width:100%;
    min-height:46px;
    border-radius:12px!important;
  }
  .mapCard{
    min-height:320px!important;
    border-radius:20px!important;
    overflow:hidden;
  }
  .mapCard iframe{
    height:320px!important;
  }
  .lightbox{
    padding:74px 12px 24px!important;
  }
  .lightbox img,
  .lightbox video{
    max-width:94vw!important;
    max-height:72vh!important;
    border-radius:14px!important;
  }
  .lightboxClose{
    top:16px!important;
    right:16px!important;
    width:44px!important;
    height:44px!important;
    font-size:30px!important;
  }
  .lightboxNav{
    width:42px!important;
    height:42px!important;
    font-size:32px!important;
    background:rgba(18,22,30,.84)!important;
  }
  .lightboxNav.prev{left:8px!important}
  .lightboxNav.next{right:8px!important}
  footer{
    padding:28px 18px!important;
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:380px){
  .hero h1{
    font-size:32px!important;
    max-width:310px!important;
  }
  .hero .lead{
    font-size:19px!important;
  }
  .section{
    padding-left:15px!important;
    padding-right:15px!important;
  }
}

/* Services: five side-by-side cards on wide desktop */
.servicesGrid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.servicesGrid article{
  min-height:245px;
  padding:24px!important;
}
.servicesGrid article h3{
  font-size:20px;
}
.servicesGrid article p{
  font-size:14px;
  line-height:1.65;
}
@media(max-width:1280px){
  .servicesGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:900px){
  .servicesGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .servicesGrid{
    grid-template-columns:1fr!important;
  }
}