:root {
    --bg: #121212;
    --bg2: #222222;
    --panel: rgba(18, 18, 18, .82);
    --panel-solid: #222222;
    --text: #ffffff;
    --muted: rgba(255,255,255,.55);
    --soft: #e5e5e5;
    --line: rgba(255,255,255,.10);
    --primary: #E9021E;
    --primary-rgb: 233, 2, 30;
    --red: #E9021E;
    --dark3: #333333;
    --accent-2: #ff263d;
    --container-width: 1180px;
    --nav-height: 78px;
    --radius: 8px;
    --section-padding: 74px;
    --hero-min-height: 720px;
    --hero-title-min: 48px;
    --hero-title-max: 104px;
    --hero-text-width: 560px;
    --hero-text-align: left;
    --hero-align-y: end;
    --hero-align-x: start;
    --hero-bottom-padding: 124px;
    --hero-overlay-dark: .80;
    --hero-image-zoom: 1.02;
    --story-size: 58px;
    --story-top: 78px;
    --showcase-ratio: 4 / 5;
    --showcase-gap: 48px;
    --vehicle-image-width: 980px;
    --vehicle-stage-padding: 64px;
    --compare-height: 420px;
    --reel-card-height: 520px;
    --reel-card-fr: 1fr;
    --motion-speed: 1;
    --parallax-strength: 42;
}

/* Header son katman: eski NTN menüsünün modern yorumu */
body .site-header.ntn-header{background:#20252b!important;border:0!important;border-bottom:4px solid #0b1016!important;color:#fff!important;overflow:visible}
body .ntn-header .ntn-topline{display:block;background:#0b1628!important;color:#d5dbe5!important}
body .ntn-header .nav{height:110px!important;align-items:stretch!important;overflow:visible}
body .ntn-header .ntn-brand{position:relative;width:205px;min-width:205px;height:110px;overflow:visible;align-self:stretch}
body .ntn-header .ntn-logo-crop{position:absolute;left:0;top:0;width:205px;height:128px;overflow:hidden;z-index:3;filter:drop-shadow(0 9px 12px rgba(0,0,0,.25))}
body .ntn-header .ntn-logo-crop img{position:absolute!important;width:510px!important;max-width:none!important;height:128px!important;left:-153px!important;top:0!important;object-fit:fill!important}
body .ntn-header .menu{height:110px;align-items:stretch;gap:0;flex:1;justify-content:center}
body .ntn-header .menu a{position:relative;min-height:110px;padding:30px 16px 20px!important;border-radius:0!important;color:#fff!important;text-transform:none!important;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;background:transparent!important;white-space:nowrap}
body .ntn-header .menu a strong{font-size:14px;line-height:1;font-weight:500;color:#fff!important}
body .ntn-header .menu a small{font-size:10px;line-height:1;font-weight:400;font-style:italic;color:#8d98a8!important}
body .ntn-header .menu a:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:#ef3947;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
body .ntn-header .menu a:hover:after,body .ntn-header .menu a:first-child:after{transform:scaleX(1)}
body .ntn-header .menu a:first-child:before{content:"";position:absolute;bottom:-9px;left:28px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ef3947}
body .ntn-header .nav-right{align-self:center}
body .ntn-header .offer-btn{color:#fff!important;background:#ef3947!important;border-color:#ff6974!important;min-width:112px}
body .ntn-header .mobile-toggle{background:#2d333b!important;border-color:#4a515b!important}
body .ntn-header .mobile-toggle span{background:#fff!important}
@media(max-width:1180px){body .ntn-header .menu a{padding-left:9px!important;padding-right:9px!important}body .ntn-header .menu a strong{font-size:12px}body .ntn-header .ntn-brand{width:165px;min-width:165px}body .ntn-header .ntn-logo-crop{width:175px}body .ntn-header .ntn-logo-crop img{width:435px!important;left:-130px!important}}
@media(max-width:980px){body .ntn-header .nav{height:82px!important}body .ntn-header .ntn-brand{height:82px;width:150px;min-width:150px}body .ntn-header .ntn-logo-crop{width:150px;height:94px}body .ntn-header .ntn-logo-crop img{width:370px!important;height:94px!important;left:-110px!important}body .ntn-header .menu{display:none}body .ntn-header .mobile-panel{top:114px!important}body .ntn-header .mobile-panel a{color:#162033!important}}
@media(max-width:640px){body .ntn-header .ntn-topline{display:none}body .ntn-header .mobile-panel{top:82px!important}}

/* NTN 2026 kurumsal tasarım */
body{background:#f5f7fa;color:#101827}.ntn-header{background:rgba(255,255,255,.92);border-color:#e7eaf0;color:#101827;backdrop-filter:blur(20px)}.ntn-topline{background:#0d1728;color:#d7deea;font-size:12px}.ntn-topline .container{height:32px;display:flex;align-items:center;justify-content:space-between}.ntn-header .nav{height:76px}.ntn-header .brand-logo{height:43px;max-width:150px}.ntn-header .menu a{color:#293447;text-transform:none;font-size:14px}.ntn-header .menu a:hover{color:#ef3947;background:#fff2f3}.ntn-header .support-link{font-size:13px;font-weight:700;color:#384359}.ntn-header .offer-btn{border-radius:999px;background:#ef3947;padding:0 20px}.ntn-header .mobile-toggle span{background:#101827}.ntn-header .mobile-toggle{background:white;border-color:#dce1e9}.ntn-header .mobile-panel{top:108px;background:#fff;border-color:#e3e7ed}.ntn-header .mobile-panel a{color:#182235}
.ntn-hero{position:relative;overflow:hidden;padding:190px 0 0;background:linear-gradient(145deg,#f7f9fc 0%,#fff 54%,#fff0f1 100%);isolation:isolate}.ntn-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(14,24,40,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(14,24,40,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 85%);z-index:-1}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.hero-orb-one{width:460px;height:460px;right:-180px;top:100px;background:rgba(239,57,71,.1)}.hero-orb-two{width:260px;height:260px;left:-180px;bottom:40px;background:rgba(41,86,155,.08)}.ntn-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:74px;align-items:center;min-height:590px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ef3947;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#ef3947;box-shadow:0 0 0 5px rgba(239,57,71,.12)}.ntn-hero h1{font-size:clamp(50px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:26px 0;color:#101827}.ntn-hero h1 span{color:#ef3947}.ntn-hero-copy>p{font-size:18px;line-height:1.75;color:#586477;max-width:650px}.hero-actions{display:flex;gap:12px;margin:35px 0}.btn{min-height:54px;border-radius:999px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:750}.btn-primary{background:#ef3947;color:#fff}.btn-light{background:#fff;border:1px solid #dfe4eb;color:#162033}.hero-trust{display:flex;gap:30px;padding-top:25px;border-top:1px solid #e2e6ec}.hero-trust div{display:grid;gap:5px}.hero-trust strong{font-size:14px}.hero-trust span{font-size:11px;color:#7b8595}.product-visual{position:relative}.visual-window{border:1px solid rgba(19,31,52,.12);border-radius:24px;background:#fff;box-shadow:0 35px 90px rgba(22,34,54,.18);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg)}.visual-bar{height:42px;background:#f8f9fb;border-bottom:1px solid #e8ebef;display:flex;align-items:center;gap:6px;padding:0 14px}.visual-bar>span{width:8px;height:8px;border-radius:50%;background:#d5d9df}.visual-bar>span:first-child{background:#ef3947}.visual-bar b{font-size:9px;color:#788293;margin-left:auto}.visual-layout{display:grid;grid-template-columns:58px 1fr;min-height:390px}.visual-layout aside{background:#111b2c;padding:20px 0;display:flex;align-items:center;flex-direction:column;gap:22px}.mini-logo{width:28px;height:28px;background:#ef3947;color:#fff;border-radius:8px;display:grid;place-items:center;font-weight:900}.visual-layout aside i{width:18px;height:5px;border-radius:4px;background:#354054}.visual-layout aside i.active{background:#ef3947}.visual-content{padding:28px}.visual-welcome small{color:#ef3947;font-size:8px;font-weight:800}.visual-welcome h3{margin:6px 0;font-size:20px}.visual-welcome p{margin:0;color:#8490a2;font-size:10px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0}.metric-row>div,.chart-card{border:1px solid #e9ecf1;border-radius:12px;padding:14px}.metric-row span{display:block;color:#7b8799;font-size:8px}.metric-row strong{display:block;font-size:18px;margin:8px 0}.metric-row em{font-style:normal;font-size:8px;color:#27a567}.metric-row em.warn{color:#ef3947}.chart-card>div{display:flex;justify-content:space-between;font-size:10px}.chart-card span{color:#8a94a4}.chart-card svg{width:100%;height:150px;margin-top:12px}.float-card{position:absolute;background:#fff;border:1px solid #e7eaf0;box-shadow:0 18px 45px rgba(17,28,46,.14);border-radius:14px;padding:12px 15px;display:flex;gap:10px;align-items:center}.float-card div{display:grid}.float-card b,.float-card strong{font-size:10px}.float-card small{font-size:8px;color:#8590a0;margin-top:3px}.float-support{right:-25px;top:52px}.float-support>span{color:#25b576}.float-secure{left:-35px;bottom:48px}.float-secure>b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eaf8f0;color:#23a567}.capability-strip{margin-top:75px;border-top:1px solid #e0e5eb;height:90px;display:flex;justify-content:space-between;align-items:center;color:#8993a2;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.ntn-section{padding:110px 0}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:55px}.section-heading h2,.support-intro h2,.about-grid h2,.contact-card h2{font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-2px;margin:20px 0 0;color:#101827}.section-heading>p{color:#697487;line-height:1.8;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{position:relative;min-height:360px;padding:27px;border:1px solid #e1e5eb;border-radius:18px;background:#fff;display:flex;flex-direction:column;transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(18,31,51,.1);border-color:#ef3947}.product-card-top{display:flex;justify-content:space-between;color:#7b8696;font-size:10px;text-transform:uppercase;font-weight:800}.product-card-top b{font-size:18px;color:#ef3947}.product-icon{width:60px;height:60px;margin:48px 0 30px;background:#fff0f1;border-radius:16px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.product-icon span{border-radius:3px;background:#ef3947}.product-icon span:last-child{grid-column:1/3;opacity:.55}.product-card h3{font-size:23px;margin:0 0 14px}.product-card p{font-size:14px;line-height:1.7;color:#6f7a8b;margin:0 0 24px}.product-card em{margin-top:auto;font-style:normal;font-size:12px;font-weight:800;color:#ef3947}.solution-section{background:#101a2b;color:#fff}.section-heading.light h2{color:#fff}.section-heading.light>p{color:#aab3c2}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2c3748;border-radius:20px;overflow:hidden}.sector-grid article{min-height:330px;padding:30px;border-right:1px solid #2c3748;display:flex;flex-direction:column;transition:.3s}.sector-grid article:last-child{border:0}.sector-grid article:hover{background:#ef3947}.sector-grid article>span{font-size:11px;color:#ef6170;font-weight:800}.sector-grid article:hover>span{color:#fff}.sector-grid h3{font-size:22px;margin:95px 0 15px}.sector-grid p{font-size:13px;line-height:1.7;color:#aeb7c4}.sector-grid article:hover p{color:#fff}.sector-grid article>b{margin-top:auto;font-size:11px}.support-section .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.support-intro>p{color:#6c7789;line-height:1.8;margin:24px 0 30px}.support-steps article{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid #dde2e9}.support-steps article>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff0f1;color:#ef3947;font-size:12px;font-weight:800}.support-steps h3{margin:0 0 10px;font-size:20px}.support-steps p{margin:0;color:#6e798a;line-height:1.7;font-size:14px}.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-grid>div>p{font-size:18px;line-height:1.8;color:#667285}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.about-values span{font-size:11px;color:#778294;line-height:1.5}.about-values b{display:block;color:#121d2f;font-size:14px;margin-bottom:7px}.contact-section{background:#fff;padding-top:0}.contact-card{border-radius:26px;padding:65px;background:#ef3947;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center;position:relative;overflow:hidden}.contact-card:after{content:"";position:absolute;width:300px;height:300px;border:60px solid rgba(255,255,255,.09);border-radius:50%;right:-100px;bottom:-160px}.contact-card .eyebrow,.contact-card h2{color:#fff}.contact-card .eyebrow i{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.16)}.contact-card p{color:rgba(255,255,255,.8);line-height:1.7}.contact-side{display:flex;flex-direction:column;align-items:flex-start;gap:12px;z-index:1}.btn-white{background:#fff;color:#ef3947;margin-bottom:10px}.contact-side>a:not(.btn){font-size:13px}.ntn-footer{background:#0b1422;color:#fff;padding:75px 0 20px}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.footer-main img{height:46px;max-width:150px}.footer-main p{color:#8f9aaa;font-size:13px;line-height:1.7;max-width:270px}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-main b{font-size:12px;margin-bottom:8px}.footer-main a{color:#929dab;font-size:12px}.footer-main a:hover{color:#fff}.footer-bottom{border-top:1px solid #263142;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;color:#738093;font-size:10px}
@media(max-width:980px){.ntn-header .menu,.ntn-header .support-link{display:none}.ntn-header .mobile-toggle{display:flex}.ntn-hero{padding-top:145px}.ntn-hero-grid{grid-template-columns:1fr}.product-visual{max-width:650px;margin:auto}.capability-strip{overflow:auto;gap:35px}.section-heading,.support-section .container,.about-grid{grid-template-columns:1fr;gap:30px}.product-grid{grid-template-columns:repeat(2,1fr)}.sector-grid{grid-template-columns:repeat(2,1fr)}.sector-grid article:nth-child(2){border-right:0}.sector-grid article{border-bottom:1px solid #2c3748}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main>div:last-child{display:none}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--container-width))}.ntn-topline{display:none}.ntn-header .nav{height:72px}.ntn-hero{padding-top:120px}.ntn-hero h1{font-size:48px;letter-spacing:-2.5px}.ntn-hero-copy>p{font-size:15px}.hero-trust{gap:15px;overflow:auto}.product-visual{display:none}.capability-strip{margin-top:45px}.ntn-section{padding:75px 0}.section-heading h2,.support-intro h2,.about-grid h2,.contact-card h2{font-size:36px}.product-grid,.sector-grid{grid-template-columns:1fr}.product-card{min-height:320px}.sector-grid article{min-height:260px;border-right:0}.sector-grid h3{margin-top:65px}.about-values{grid-template-columns:1fr}.contact-card{padding:38px 27px;grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/3}.footer-bottom{gap:20px}.float-card{display:none}}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-height: 100vh;
    background: var(--bg);
    color: var(--text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.no-scroll { overflow: hidden; }
img, video, iframe { max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
.container { width: min(var(--container-width), calc(100% - 40px)); margin: 0 auto; }

[data-reveal] {
    opacity: 0;
    transform: translate3d(0, 32px, 0);
    filter: saturate(.82);
    transition:
        opacity .75s ease,
        transform .85s cubic-bezier(.2, .8, .2, 1),
        filter .75s ease;
    will-change: opacity, transform;
}
[data-reveal="zoom"] { transform: translate3d(0, 24px, 0) scale(.96); }
[data-reveal="slide-left"] { transform: translate3d(38px, 0, 0); }
[data-reveal="slide-right"] { transform: translate3d(-38px, 0, 0); }
[data-reveal="none"] {
    opacity: 1;
    transform: none;
    filter: none;
}
[data-reveal].is-visible {
    opacity: 1;
    transform: none;
    filter: none;
}

.site-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 300;
    border-bottom: 1px solid rgba(255,255,255,.10);
    background: rgba(18,18,18,.78);
    backdrop-filter: blur(18px);
}
.topbar { display: none; border-bottom: 1px solid rgba(255,255,255,.08); }
.topbar-inner {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}
.topbar-inner div { display: flex; gap: 20px; }
.nav {
    height: var(--nav-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.brand { display: flex; align-items: center; gap: 13px; min-width: max-content; }
.brand-logo { width: auto; height: 50px; object-fit: contain; }
.brand-text strong { display: block; font-size: 19px; line-height: 1; letter-spacing: .5px; }
.brand-text span {
    display: block;
    margin-top: 5px;
    color: var(--primary);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}
.menu { display: flex; align-items: center; gap: 2px; }
.menu a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 13px;
    color: #e7e7e7;
    border-radius: var(--radius);
    font-size: 13px;
    font-weight: 850;
    text-transform: uppercase;
}
.menu a:hover { background: rgba(255,255,255,.08); color: #fff; }
.nav-right { display: flex; align-items: center; gap: 9px; }
.nav-icon, .offer-btn, .mobile-toggle {
    height: 44px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255,255,255,.06);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 950;
}
.nav-icon { width: 44px; color: var(--primary); }
.offer-btn {
    padding: 0 17px;
    background: var(--primary);
    color: #ffffff;
    border-color: rgba(255,255,255,.22);
}
.mobile-toggle { display: none; width: 44px; padding: 0; flex-direction: column; gap: 5px; }
.mobile-toggle span { width: 19px; height: 2px; background: #fff; }
.mobile-panel {
    display: none;
    position: fixed;
    top: 117px;
    left: 12px;
    right: 12px;
    z-index: 320;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(18,18,18,.98);
}
.mobile-panel.active { display: grid; gap: 4px; }
.mobile-panel a { padding: 13px 12px; border-radius: 8px; color: #f2f2f2; font-weight: 850; }
.mobile-panel a:hover { background: rgba(255,255,255,.08); }

.story-strip {
    position: absolute;
    top: var(--story-top);
    left: 0;
    right: 0;
    z-index: 250;
    padding: 10px 0 8px;
    background: linear-gradient(180deg, rgba(18,18,18,.78), rgba(18,18,18,.36));
    border-block: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(14px);
}
.story-row { display: flex; align-items: center; justify-content: center; gap: 18px; }
.story-label { min-width: 150px; }
.story-label span, .subtitle {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(var(--primary-rgb), .45);
    border-radius: 8px;
    background: rgba(var(--primary-rgb), .12);
    color: var(--primary);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}
.story-label strong { display: block; margin-top: 7px; font-size: 18px; }
.story-scroll {
    min-width: 0;
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 3px 2px 6px;
    scroll-snap-type: x mandatory;
}
.story-scroll::-webkit-scrollbar { height: 4px; }
.story-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 99px; }
.story-bubble {
    flex: 0 0 64px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    text-align: center;
    cursor: pointer;
    scroll-snap-align: start;
}
.story-ring {
    width: var(--story-size);
    height: var(--story-size);
    display: block;
    margin: 0 auto;
    padding: 2px;
    border-radius: 50%;
    background: conic-gradient(from 170deg, #ffffff, var(--primary), #333333, var(--primary), #ffffff);
    box-shadow: 0 10px 28px rgba(0,0,0,.28);
    transition: transform .22s ease, box-shadow .22s ease;
}
.story-ring img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 2px solid #121212;
    border-radius: 50%;
}
.story-bubble:hover .story-ring {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(0,0,0,.38), 0 0 0 2px rgba(var(--primary-rgb), .22);
}

.hero-stage {
    position: relative;
    height: 100svh;
    min-height: var(--hero-min-height);
    overflow: hidden;
    isolation: isolate;
    background: #121212;
}
.hero-media-track, .hero-media-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.hero-media-slide {
    object-fit: cover;
    opacity: 0;
    animation: heroFade var(--slide-duration, 18s) infinite;
}
.hero-image-slide {
    background: #080808;
    transform: none;
}
.hero-image-slide::before,
.hero-image-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--hero-image);
    background-position: center;
    background-repeat: no-repeat;
}
.hero-image-slide::before {
    background-size: cover;
    filter: blur(18px) brightness(.72) saturate(1.32);
    transform: scale(1.06);
}
.hero-image-slide::after {
    background-size: cover;
    filter: brightness(.98) saturate(1.26) contrast(1.06);
    transform: scale(var(--hero-image-zoom));
    animation: heroImageMotion calc(var(--slide-duration, 18s) * var(--motion-speed)) ease-in-out infinite;
    animation-delay: inherit;
}
.hero-media-track .hero-media-slide:first-child { opacity: 1; }
.hero-media-slide:is(video, iframe) { filter: brightness(.98) saturate(1.18) contrast(1.06); }
.hero-youtube { pointer-events: none; border: 0; background: #080808; }
.hero-shade {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(90deg, rgba(0,0,0,var(--hero-overlay-dark)), rgba(0,0,0,.42) 46%, rgba(0,0,0,.12)),
        linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.44) 54%, rgba(0,0,0,.78)),
        linear-gradient(135deg, rgba(var(--primary-rgb), .18), transparent 34%);
}
.hero-inner {
    position: relative;
    z-index: 4;
    min-height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    align-items: var(--hero-align-y);
    justify-items: var(--hero-align-x);
    padding: 96px 0 var(--hero-bottom-padding);
    text-align: var(--hero-text-align);
}
.hero-copy-track {
    display: grid;
    max-width: 960px;
    min-height: clamp(280px, 46svh, 420px);
}
.hero-copy {
    grid-area: 1 / 1;
    max-width: 960px;
    opacity: 0;
    animation: heroCopyFade var(--slide-duration, 18s) infinite;
}
.hero-copy-track .hero-copy:first-child { opacity: 1; }
.hero-item { margin-block: 0; }
.hero-item + .hero-item { margin-top: 18px; }
.hero-item-buttons { margin-top: 24px; }
.hero h1 {
    max-width: min(960px, 100%);
    margin: 14px 0 18px;
    font-size: clamp(42px, min(7.2vw, 9svh), 88px);
    line-height: .92;
    letter-spacing: 0;
    text-transform: uppercase;
    text-shadow: 0 14px 50px rgba(0,0,0,.56);
    text-wrap: balance;
}
.hero h1 span {
    color: var(--primary);
    text-shadow: 0 10px 34px rgba(var(--primary-rgb), .35);
}
.hero p {
    max-width: var(--hero-text-width);
    margin: 0 0 24px;
    color: rgba(255,255,255,.82);
    font-size: 16px;
    line-height: 1.55;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hero-inline-stats {
    width: min(760px, 100%);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: var(--radius);
    background: rgba(12,12,12,.56);
    backdrop-filter: blur(12px);
}
.hero-inline-stats div {
    min-height: 74px;
    display: grid;
    align-content: center;
    padding: 15px 17px;
    border-right: 1px solid rgba(255,255,255,.10);
}
.hero-inline-stats div:last-child { border-right: 0; }
.hero-inline-stats b {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 1;
}
.hero-inline-stats span {
    margin-top: 6px;
    color: rgba(255,255,255,.54);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}
.actions { display: flex; flex-wrap: wrap; gap: 12px; }
.btn {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-weight: 950;
    cursor: pointer;
}
.btn-primary {
    background: linear-gradient(135deg, var(--primary), var(--accent-2));
    color: #ffffff;
    border-color: rgba(255,255,255,.24);
    box-shadow: 0 18px 44px rgba(var(--primary-rgb), .28);
}
.btn-dark { background: rgba(255,255,255,.12); color: #fff; backdrop-filter: blur(14px); }
.hero .btn-dark { display: none; }
.btn:hover { transform: translateY(-2px); }
.hero-card {
    display: none;
}
.hero-card span { color: var(--primary); font-size: 12px; font-weight: 950; text-transform: uppercase; letter-spacing: 1.2px; }
.hero-card strong { display: block; margin: 10px 0; font-size: 22px; line-height: 1.15; }
.hero-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.hero-bottom,
.legacy-hero-bottom {
    display: none;
    visibility: hidden;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 5;
    width: min(var(--container-width), calc(100% - 40px));
    transform: translateX(-50%);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid rgba(255,255,255,.14);
    border-bottom: 0;
    border-radius: var(--radius) var(--radius) 0 0;
    overflow: hidden;
    background: rgba(12,12,12,.70);
    backdrop-filter: blur(16px);
}
.hero-bottom div { padding: 18px; border-right: 1px solid rgba(255,255,255,.10); }
.hero-bottom div:last-child { border-right: 0; }
.hero-bottom b { display: block; margin-bottom: 5px; color: #fff; font-size: 20px; }
.hero-bottom span { display: none; }

.visual-showcase {
    --showcase-accent: var(--primary);
    --parallax-y: 0px;
    overflow: hidden;
    background:
        linear-gradient(180deg, #121212, #080808 54%, #121212);
}
.visual-intro {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1fr);
    gap: var(--showcase-gap);
    align-items: center;
    padding: 76px 0 58px;
}
.visual-stack {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.visual-stack img {
    width: 100%;
    aspect-ratio: var(--showcase-ratio);
    object-fit: cover;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: var(--radius);
    filter: brightness(.90) saturate(1.22) contrast(1.04);
    box-shadow: 0 24px 70px rgba(0,0,0,.34);
    animation: visualDrift calc(8s * var(--motion-speed)) ease-in-out infinite;
}
.visual-stack img:nth-child(2) {
    margin-top: 46px;
    animation-delay: -3s;
}
.visual-copy h2,
.compare-grid h2 {
    max-width: 760px;
    margin: 16px 0 12px;
    font-size: clamp(36px, 5vw, 68px);
    line-height: .94;
    text-transform: uppercase;
}
.visual-copy p,
.compare-grid p {
    max-width: 500px;
    margin: 0;
    color: rgba(255,255,255,.62);
    font-weight: 750;
}
.visual-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 24px;
}
.visual-stats div {
    min-height: 92px;
    display: grid;
    align-content: center;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 8px;
    background: rgba(255,255,255,.055);
}
.visual-stats strong {
    color: var(--showcase-accent);
    font-size: 34px;
    line-height: .95;
}
.visual-stats span {
    margin-top: 6px;
    color: rgba(255,255,255,.72);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}
.vehicle-stage {
    position: relative;
    padding: var(--vehicle-stage-padding) 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.72)),
        var(--vehicle-bg) center calc(50% + var(--parallax-y)) / 112% auto no-repeat;
}
.vehicle-stage::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(var(--primary-rgb), .18), transparent 42%),
        linear-gradient(0deg, rgba(0,0,0,.22), transparent 55%);
}
.vehicle-stage::after {
    content: "";
    position: absolute;
    inset: auto -10% 18% -10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.46), var(--showcase-accent), transparent);
    opacity: .56;
    transform: translateX(-25%);
    animation: stageScan 5.6s ease-in-out infinite;
}
.vehicle-stage .container { position: relative; z-index: 1; }
.vehicle-card {
    display: grid;
    gap: 16px;
    justify-items: center;
}
.vehicle-card span {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(var(--primary-rgb), .45);
    border-radius: 8px;
    background: rgba(var(--primary-rgb), .12);
    color: var(--showcase-accent);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}
.vehicle-card img {
    width: min(100%, var(--vehicle-image-width));
    filter: drop-shadow(0 34px 58px rgba(0,0,0,.58)) saturate(1.18);
    animation: vehicleFloat calc(6s * var(--motion-speed)) ease-in-out infinite;
}
.compare-grid {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
    gap: 42px;
    align-items: center;
    padding: 76px 0 84px;
}
.compare-slider {
    --compare-pos: 50%;
    position: relative;
    min-height: var(--compare-height);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 8px;
    background: #111;
    box-shadow: 0 28px 80px rgba(0,0,0,.38);
}
.compare-slider img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.92) saturate(1.20) contrast(1.04);
}
.compare-after { clip-path: inset(0 0 0 var(--compare-pos)); }
.compare-slider input {
    position: absolute;
    inset: 0;
    z-index: 3;
    opacity: 0;
    cursor: ew-resize;
}
.compare-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--compare-pos);
    z-index: 2;
    width: 3px;
    transform: translateX(-50%);
    background: var(--showcase-accent);
    box-shadow: 0 0 26px rgba(var(--primary-rgb), .72);
}
.compare-handle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    transform: translate(-50%, -50%);
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--showcase-accent);
    box-shadow: 0 18px 36px rgba(0,0,0,.38);
    animation: handlePulse 2.8s ease-in-out infinite;
}

@keyframes visualDrift {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
    50% { transform: translate3d(0, -8px, 0) scale(1.015); }
}

@keyframes vehicleFloat {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -10px, 0); }
}

@keyframes stageScan {
    0%, 100% { transform: translateX(-28%); opacity: .22; }
    50% { transform: translateX(28%); opacity: .68; }
}

@keyframes handlePulse {
    0%, 100% { box-shadow: 0 18px 36px rgba(0,0,0,.38), 0 0 0 rgba(255,255,255,0); }
    50% { box-shadow: 0 18px 36px rgba(0,0,0,.38), 0 0 0 8px rgba(255,255,255,.10); }
}

.about-band, .section { padding: var(--section-padding) 0; background: var(--bg); }
.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: center;
}
.about-media {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}
.about-media img {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--line);
}
.about-media img:nth-child(2) { margin-top: 58px; }
.about-copy h2, .section-head h2, .cta h2 {
    margin: 16px 0 16px;
    font-size: clamp(34px, 5vw, 58px);
    line-height: .98;
    letter-spacing: 0;
    color: #fff;
    text-shadow: 0 12px 40px rgba(0,0,0,.34);
}
.about-copy p, .section-head p, .cta p {
    margin: 0;
    color: var(--muted);
    line-height: 1.75;
}
.section-head p { display: none; }
.about-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 26px;
}
.about-stats div {
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255,255,255,.04);
}
.about-stats strong { display: block; color: var(--primary); font-size: 24px; }
.about-stats span { color: #dcdcdc; font-size: 12px; font-weight: 850; text-transform: uppercase; }

.section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    align-items: end;
    margin-bottom: 24px;
}
.services {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.service {
    position: relative;
    min-height: 410px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--panel-solid);
}
.service-link {
    position: absolute;
    inset: 0;
    z-index: 4;
}
.service img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.78) saturate(1.24) contrast(1.04);
    transition: transform .45s ease;
}
.service:hover img { transform: scale(1.06); }
.service::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.70)),
        linear-gradient(135deg, rgba(var(--primary-rgb), .22), transparent 42%);
}
.service-body {
    position: absolute;
    inset: auto 18px 18px;
    z-index: 2;
}
.icon {
    width: 40px;
    height: 36px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    border-radius: 8px;
    background: var(--primary);
    color: #ffffff;
    font-weight: 950;
}
.service h3 { margin: 0 0 10px; font-size: 24px; }
.service p { display: none; }

.service-detail-page {
    background: #090909;
}
.service-detail-hero {
    position: relative;
    min-height: 78vh;
    display: grid;
    align-items: end;
    overflow: hidden;
    padding: 160px 0 84px;
}
.service-detail-media {
    position: absolute;
    inset: 0;
}
.service-detail-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.42), rgba(0,0,0,.18)),
        linear-gradient(180deg, rgba(0,0,0,.18), #090909);
}
.service-detail-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.82) saturate(1.18) contrast(1.04);
}
.service-detail-copy {
    position: relative;
    z-index: 1;
}
.service-detail-copy h1 {
    max-width: 820px;
    margin: 12px 0 18px;
    font-size: clamp(42px, 7vw, 86px);
    line-height: .95;
}
.service-detail-copy p {
    max-width: 680px;
    color: rgba(255,255,255,.78);
    font-size: 18px;
    line-height: 1.65;
}
.service-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
    gap: 28px;
    align-items: start;
}
.service-detail-grid article,
.service-detail-grid aside {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255,255,255,.045);
    padding: 28px;
}
.service-detail-grid h2 {
    margin: 10px 0 14px;
    font-size: clamp(30px, 4vw, 52px);
}
.service-detail-grid p,
.service-detail-grid li {
    color: rgba(255,255,255,.72);
    line-height: 1.7;
}
.service-detail-grid ul {
    margin: 16px 0 0;
    padding-left: 20px;
}

.product-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.product-media-card { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius); background: var(--panel-solid); }
.product-media-card > img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.product-media-card h3 { margin: 0; padding: 18px 20px; font-size: 18px; }
.product-video-frame { position: relative; aspect-ratio: 16 / 9; background: #000; }
.product-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 780px) { .product-media-grid { grid-template-columns: 1fr; } }

.reels-section {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(var(--primary-rgb), .18), transparent 34%),
        linear-gradient(225deg, rgba(255,255,255,.07), transparent 30%),
        linear-gradient(180deg, #090909, #151515);
}
.reels-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,.028) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(180deg, transparent, #000 18%, #000 78%, transparent);
}
.reels-section .container { position: relative; z-index: 1; }
.reels-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, var(--reel-card-fr)));
    gap: 18px;
}
.reel-card {
    position: relative;
    min-height: var(--reel-card-height);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 18px;
    background: #080808;
    box-shadow: 0 26px 80px rgba(0,0,0,.44);
    cursor: pointer;
    transform: translateY(0);
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.reel-card:nth-child(even) { margin-top: 34px; }
.reel-card:hover {
    transform: translateY(-8px);
    border-color: rgba(var(--primary-rgb), .62);
    box-shadow: 0 32px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(var(--primary-rgb), .20);
}
.reel-card img, .reel-card video, .reel-card iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
    filter: brightness(.86) saturate(1.22) contrast(1.05);
    transition: transform .45s ease, filter .45s ease;
}
.reel-card:hover img, .reel-card:hover video, .reel-card:hover iframe {
    transform: scale(1.05);
    filter: brightness(.96) saturate(1.30) contrast(1.06);
}
.reel-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.08) 40%, rgba(0,0,0,.90)),
        linear-gradient(90deg, rgba(var(--primary-rgb), .26), transparent 42%);
}
.reel-topline {
    position: absolute;
    top: 14px;
    left: 14px;
    right: 66px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.reel-topline span,
.reel-topline small {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(12px);
    color: #fff;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}
.reel-topline span { background: rgba(var(--primary-rgb), .92); border-color: rgba(var(--primary-rgb), .92); }
.reel-topline small { display: none; }
.reel-card::before {
    content: "";
    position: absolute;
    inset: 10px;
    z-index: 2;
    pointer-events: none;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
}
.reel-play {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    color: #fff;
    font-size: 0;
    font-weight: 950;
    backdrop-filter: blur(12px);
}
.reel-play::before {
    content: "";
    width: 0;
    height: 0;
    margin-left: 3px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #fff;
}
.reel-overlay { position: absolute; left: 16px; right: 16px; bottom: 16px; z-index: 2; }
.reel-overlay b { display: block; margin-bottom: 7px; font-size: 24px; line-height: 1.05; text-transform: uppercase; }
.reel-overlay span { display: none; }
.mobile-swipe-note { display: none; margin-top: 12px; color: var(--muted); text-align: center; font-size: 12px; font-weight: 850; }

.showcase {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 220px;
    gap: 14px;
}
.work {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #111;
}
.work.big { grid-column: span 2; grid-row: span 2; }
.work img, .work video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.82) saturate(1.22) contrast(1.05);
    transition: transform .45s ease;
}
.work:hover img, .work:hover video { transform: scale(1.06); }
.work::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.64)),
        linear-gradient(135deg, rgba(var(--primary-rgb), .18), transparent 46%);
}
.work-info { position: absolute; left: 16px; right: 16px; bottom: 16px; z-index: 2; }
.work-info b { display: block; margin-bottom: 5px; font-size: 21px; }
.work-info small { display: none; }

.contact-section { background: #0e0e0e; }
.cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 26px;
    align-items: center;
    padding: 42px;
    border: 1px solid rgba(var(--primary-rgb), .40);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(0,0,0,.46), rgba(0,0,0,.78)),
        url("/assets/autodetail/images/background/2.webp") center / cover;
}
.contact-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.contact-pill {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    padding: 0 13px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255,255,255,.07);
    color: #fff;
    font-weight: 850;
}
.custom-page-section {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(var(--primary-rgb), .12), transparent 34%),
        var(--bg);
}
.custom-page-section[style*="--custom-bg"] {
    background:
        linear-gradient(90deg, rgba(0,0,0,.62), rgba(0,0,0,.78)),
        var(--custom-bg) center / cover no-repeat;
}
.custom-section-inner {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
    gap: 34px;
    align-items: center;
}
.custom-section-copy h2 {
    margin: 16px 0;
    font-size: clamp(34px, 5vw, 62px);
    line-height: .98;
    text-transform: uppercase;
}
.custom-section-copy p,
.custom-section-html {
    color: var(--muted);
    line-height: 1.7;
}
.custom-section-copy .btn {
    margin-top: 22px;
}
.custom-page-section-hero .custom-section-inner,
.custom-page-section-cta .custom-section-inner {
    min-height: 430px;
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
}
.custom-page-section-cards .custom-section-html,
.custom-page-section-gallery .custom-section-html {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.custom-section-html :is(img, video, iframe) {
    width: 100%;
    border-radius: var(--radius);
}
.footer { padding: 32px 0; background: #121212; border-top: 1px solid rgba(255,255,255,.10); }
.footer-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 15px; color: var(--muted); font-size: 13px; }
.footer-inner strong { color: #fff; letter-spacing: 1px; }

.google-reviews-section {
    background:
        radial-gradient(circle at 18% 0%, rgba(233, 2, 30, .14), transparent 32%),
        linear-gradient(180deg, #0a0a0b 0%, #111 100%);
    border-top: 1px solid rgba(255,255,255,.08);
}
.google-reviews-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}
.google-reviews-head h2 {
    margin: 8px 0 0;
    max-width: 720px;
    font-size: clamp(34px, 5vw, 72px);
    line-height: .98;
}
.google-rating-card {
    min-width: 190px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 8px 12px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    background: rgba(255,255,255,.06);
    color: #fff;
}
.google-rating-card strong {
    font-size: 36px;
    line-height: 1;
}
.google-rating-card small {
    grid-column: 2;
    color: var(--muted);
    font-weight: 800;
}
.google-mark,
.google-mini {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(from 30deg, #4285f4, #34a853, #fbbc05, #ea4335, #4285f4);
    color: #fff;
    font-weight: 950;
}
.google-reviews-track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.google-review-card {
    min-height: 285px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
    box-shadow: 0 20px 60px rgba(0,0,0,.24);
}
.google-review-top {
    display: grid;
    grid-template-columns: 46px 1fr auto;
    align-items: center;
    gap: 12px;
}
.google-avatar {
    width: 46px;
    height: 46px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #202124;
    color: #fff;
    font-weight: 950;
}
.google-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.google-review-top b {
    display: block;
    color: #fff;
    font-size: 15px;
}
.google-review-top small {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}
.google-mini {
    width: 24px;
    height: 24px;
    font-size: 12px;
}
.google-stars {
    color: rgba(255,255,255,.22);
    letter-spacing: 2px;
}
.google-stars .filled {
    color: #fbbc05;
}
.google-review-card p {
    margin: 0;
    color: rgba(255,255,255,.76);
    line-height: 1.7;
}
.google-review-link {
    margin-top: auto;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .8px;
    text-transform: uppercase;
}
.floating-contact {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 250;
    display: flex;
    gap: 8px;
}
.floating-contact a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    background: rgba(8,8,8,.82);
    backdrop-filter: blur(12px);
    color: #fff;
    font-weight: 950;
}
.floating-contact a:first-child { background: var(--primary); color: #ffffff; }

.story-modal, .reels-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    background: rgba(0,0,0,.94);
    padding: 18px;
}
.story-modal.active { display: flex; align-items: center; justify-content: center; }
.story-phone {
    position: relative;
    width: min(430px, 100%);
    height: min(780px, calc(100vh - 36px));
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    background: #070707;
}
.story-progress { position: absolute; top: 12px; left: 12px; right: 12px; z-index: 8; display: flex; gap: 5px; }
.progress-item { flex: 1; height: 3px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.28); }
.progress-item span { display: block; width: 0; height: 100%; background: #fff; }
.story-head { position: absolute; top: 26px; left: 14px; right: 58px; z-index: 8; display: flex; align-items: center; gap: 10px; }
.story-head img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,.72); }
.story-head b { font-size: 13px; }
.story-head small { display: block; margin-top: 2px; color: #ddd; font-size: 11px; }
.story-close, .reels-close, .reels-nav {
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(12,12,12,.68);
    color: #fff;
    cursor: pointer;
    backdrop-filter: blur(12px);
}
.story-close {
    position: absolute;
    top: 25px;
    right: 14px;
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    font-size: 25px;
}
.story-media, .story-media img, .story-media video { width: 100%; height: 100%; object-fit: cover; background: #080808; }
.story-caption {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 18px;
    z-index: 8;
    padding: 16px;
    border-radius: 8px;
    background: rgba(0,0,0,.48);
}
.story-caption b { display: block; margin-bottom: 7px; font-size: 24px; }
.story-caption span { color: #f0f0f0; font-size: 14px; line-height: 1.48; }
.story-tap-left, .story-tap-right { position: absolute; top: 0; bottom: 0; z-index: 7; width: 50%; }
.story-tap-left { left: 0; }
.story-tap-right { right: 0; }

.reels-modal {
    background:
        linear-gradient(135deg, rgba(var(--primary-rgb), .17), transparent 36%),
        linear-gradient(180deg, rgba(0,0,0,.97), rgba(0,0,0,.94));
}
.reels-modal.active { display: grid; place-items: center; }
.reels-viewer {
    width: min(1180px, 100%);
    height: min(820px, calc(100vh - 36px));
    display: grid;
    grid-template-columns: minmax(340px, 560px) minmax(320px, 420px);
    gap: 16px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 22px;
    background: rgba(10,10,10,.72);
    box-shadow: 0 36px 120px rgba(0,0,0,.68);
    backdrop-filter: blur(18px);
}
.reels-stage, .reels-panel {
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    background: #090909;
}
.reels-stage {
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 24px 80px rgba(0,0,0,.42);
}
.reels-stage::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(0,0,0,.10), transparent 42%, rgba(0,0,0,.28)),
        linear-gradient(90deg, rgba(var(--primary-rgb), .18), transparent 42%);
}
.reels-stage img, .reels-stage video, .reels-stage iframe { width: 100%; height: 100%; object-fit: cover; border: 0; }
.reels-panel {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    padding: 20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        #101010;
}
.reels-panel-head {
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,.10);
}
.reels-panel h3 { margin: 12px 0 10px; font-size: 32px; line-height: .98; text-transform: uppercase; }
.reels-panel p { margin: 0; color: var(--muted); line-height: 1.55; }
.reels-like {
    min-height: 52px;
    border: 1px solid rgba(var(--primary-rgb), .40);
    border-radius: 14px;
    background: linear-gradient(135deg, var(--primary), #ff243d);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(var(--primary-rgb), .24);
}
.reels-comments-wrap {
    min-height: 0;
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    background: rgba(0,0,0,.24);
}
.reels-comments-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.reels-comments-title span { font-weight: 950; }
.reels-comments-title small { color: var(--muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.reels-comments { display: grid; gap: 10px; overflow: auto; max-height: 210px; padding-right: 4px; }
.reels-comments::-webkit-scrollbar { width: 6px; }
.reels-comments::-webkit-scrollbar-thumb { background: rgba(255,255,255,.28); border-radius: 99px; }
.reels-comment {
    position: relative;
    padding: 13px 13px 13px 42px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    background: rgba(255,255,255,.055);
}
.reels-comment::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 14px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), #ffffff);
}
.reels-comment b { display: block; margin-bottom: 5px; font-size: 13px; text-transform: uppercase; }
.reels-comment span { color: #e4e4e4; font-size: 13px; line-height: 1.45; }
.reels-comment-form {
    display: grid;
    gap: 9px;
    margin-top: auto;
    padding-top: 13px;
    border-top: 1px solid rgba(255,255,255,.10);
}
.reels-comment-form strong { font-size: 14px; text-transform: uppercase; letter-spacing: .6px; }
input, textarea {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 12px 13px;
    background: rgba(255,255,255,.055);
    color: #fff;
    outline: none;
}
input:focus, textarea:focus { border-color: rgba(var(--primary-rgb), .55); box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .14); }
textarea { resize: vertical; }
.reels-comment-form small { color: var(--muted); font-size: 12px; font-weight: 800; }
.reels-close { position: fixed; top: 16px; right: 16px; z-index: 1002; width: 44px; height: 44px; border-radius: 50%; font-size: 0; }
.reels-close::before, .reels-close::after {
    content: "";
    position: absolute;
    left: 13px;
    right: 13px;
    top: 21px;
    height: 2px;
    background: #fff;
}
.reels-close::before { transform: rotate(45deg); }
.reels-close::after { transform: rotate(-45deg); }
.reels-nav { position: fixed; right: 16px; z-index: 1002; width: 52px; height: 44px; border-radius: 999px; font-size: 11px; font-weight: 950; text-transform: uppercase; }
.reels-nav.up { top: 72px; }
.reels-nav.down { top: 124px; }

@keyframes heroFade {
    0%, 34% { opacity: 1; }
    43%, 91% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes heroImageMotion {
    0% { transform: scale(1.02) translate3d(0, 0, 0); }
    42% { transform: scale(1.07) translate3d(-1.4%, .8%, 0); }
    100% { transform: scale(1.02) translate3d(0, 0, 0); }
}

@keyframes heroCopyFade {
    0%, 31% { opacity: 1; transform: translateY(0); }
    41%, 91% { opacity: 0; transform: translateY(14px); }
    100% { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1080px) {
    .menu { display: none; }
    .mobile-toggle { display: inline-flex; }
    .hero-inner { grid-template-columns: 1fr; align-items: end; padding-top: 95px; }
    .visual-intro,
    .compare-grid { grid-template-columns: 1fr; }
    .visual-stats { grid-template-columns: repeat(2, 1fr); }
    .services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .service-detail-grid { grid-template-columns: 1fr; }
    .reels-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .google-reviews-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .showcase { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
    .container { width: min(100% - 24px, 1180px); }
    .topbar { display: none; }
    .nav { height: 72px; }
    .site-header { background: rgba(18,18,18,.94); }
    .brand-logo { height: 42px; }
    .brand-text strong { font-size: 15px; }
    .brand-text span { font-size: 10px; letter-spacing: .8px; }
    .nav-icon, .offer-btn { display: none; }
    .mobile-panel { top: 80px; }
    .story-strip { top: 72px; padding: 8px 0 7px; }
    .story-row { display: block; }
    .story-label { display: none; }
    .story-scroll { gap: 10px; }
    .story-bubble { flex-basis: 58px; }
    .story-ring { width: 52px; height: 52px; }
    .hero-stage { height: 100svh; min-height: 620px; }
    .hero-youtube { display: none; }
    .hero-inner { min-height: 100%; padding: 72px 0 122px; gap: 18px; }
    .hero-copy-track { min-height: 300px; }
    .hero h1 { font-size: clamp(34px, 11vw, 54px); line-height: .96; }
    .hero p { max-width: 92%; font-size: 14px; line-height: 1.5; }
    .actions { display: grid; grid-template-columns: 1fr; }
    .hero-inline-stats { grid-template-columns: repeat(2, 1fr); }
    .hero-inline-stats div { min-height: 62px; padding: 12px; }
    .hero-inline-stats b { font-size: 16px; }
    .hero-bottom { display: none; grid-template-columns: repeat(2, 1fr); width: calc(100% - 24px); }
    .hero-bottom div { padding: 12px; }
    .hero-bottom b { font-size: 16px; }
    .service-detail-hero { min-height: 640px; padding: 128px 0 56px; }
    .service-detail-copy p { max-width: 100%; font-size: 15px; }
    .service-detail-grid article,
    .service-detail-grid aside { padding: 20px; }
    .visual-intro { padding: 54px 0 42px; gap: 26px; }
    .visual-stack { gap: 10px; }
    .visual-stack img:nth-child(2) { margin-top: 26px; }
    .visual-stats { grid-template-columns: repeat(2, 1fr); }
    .vehicle-stage { padding: 44px 0; background-size: cover; }
    .vehicle-card img { width: 112%; max-width: none; }
    .compare-grid { padding: 54px 0 58px; gap: 24px; }
    .compare-slider { min-height: 310px; }
    .about-band, .section { padding: 58px 0; }
    .about-grid, .section-head, .cta { grid-template-columns: 1fr; gap: 20px; }
    .about-media { gap: 10px; }
    .about-media img:nth-child(2) { margin-top: 32px; }
    .about-copy h2, .section-head h2, .cta h2 { font-size: 34px; }
    .about-stats { grid-template-columns: 1fr; }
    .services { grid-template-columns: 1fr; }
    .service { min-height: 300px; }
    .reels-track {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 8px;
    }
    .reel-card { flex: 0 0 78%; min-height: 430px; scroll-snap-align: start; }
    .reel-card:nth-child(even) { margin-top: 0; }
    .mobile-swipe-note { display: block; }
    .google-reviews-head {
        align-items: stretch;
        flex-direction: column;
    }
    .google-rating-card {
        min-width: 0;
    }
    .google-reviews-track {
        grid-template-columns: 1fr;
    }
    .showcase { display: grid; grid-template-columns: 1fr; grid-auto-rows: 260px; }
    .work.big { grid-column: auto; grid-row: span 1; }
    .cta { padding: 26px; }
    .custom-section-inner,
    .custom-page-section-cards .custom-section-html,
    .custom-page-section-gallery .custom-section-html {
        grid-template-columns: 1fr;
    }
    .contact-actions { display: grid; }
    .footer-inner { display: grid; text-align: center; }
    .floating-contact { left: 12px; right: 12px; bottom: 10px; display: grid; grid-template-columns: 1fr 1fr; }
    .reels-modal { padding: 10px; }
    .reels-viewer {
        height: calc(100vh - 20px);
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 8px;
        border-radius: 18px;
    }
    .reels-stage { min-height: 54vh; border-radius: 14px; }
    .reels-panel { max-height: 39vh; overflow: auto; padding: 14px; border-radius: 14px; }
    .reels-panel h3 { font-size: 25px; }
    .reels-comments-wrap { padding: 11px; }
    .reels-comments { max-height: 150px; }
    .reels-nav { display: none; }
    .story-modal { padding: 10px; }
}

@media (max-width: 390px) {
    .hero-bottom span { font-size: 10px; }
    .reel-card { flex-basis: 86%; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
    [data-reveal] {
        opacity: 1;
        transform: none;
        filter: none;
    }
}

/* Professional navigation refinement */
body .site-header.ntn-header{box-shadow:0 10px 35px rgba(6,13,24,.14)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
body .ntn-header .ntn-topline{height:34px;background:#0b1628!important;border-bottom:1px solid rgba(255,255,255,.07)}
body .ntn-header .ntn-topline .container{height:34px;font-size:10px;letter-spacing:.15px;color:#aeb8c7}
body .ntn-header .ntn-topline .container>span{display:flex;align-items:center;gap:8px}
body .ntn-header .ntn-topline .container>span i{width:5px;height:5px;border-radius:50%;background:#ef3947;box-shadow:0 0 0 4px rgba(239,57,71,.12)}
body .ntn-header .top-contact{display:flex;align-items:center;gap:22px}
body .ntn-header .top-contact a{color:#bac3d0;transition:color .2s}
body .ntn-header .top-contact a:hover{color:#fff}
body .ntn-header .nav{height:88px!important;align-items:center!important;gap:24px}
body .ntn-header .ntn-brand{width:164px!important;min-width:164px!important;height:88px!important;align-self:center!important}
body .ntn-header .ntn-logo-crop{left:0!important;top:7px!important;width:154px!important;height:74px!important;filter:none!important}
body .ntn-header .ntn-logo-crop img{width:382px!important;height:96px!important;left:-114px!important;top:-11px!important}
body .ntn-header .menu{height:88px!important;justify-content:flex-end!important;gap:2px!important}
body .ntn-header .menu a{min-height:88px!important;height:88px!important;padding:20px 10px 15px!important;justify-content:center!important;gap:6px!important}
body .ntn-header .menu a strong{font-size:12px!important;font-weight:650!important;letter-spacing:-.1px;color:#f4f6f8!important}
body .ntn-header .menu a small{font-size:8px!important;font-weight:500!important;letter-spacing:.15px;color:#828d9d!important}
body .ntn-header .menu a:after{left:10px!important;right:10px!important;height:2px!important;border-radius:2px 2px 0 0}
body .ntn-header .menu a:first-child:before{display:none!important}
body .ntn-header .nav-right{margin-left:4px;flex:0 0 auto}
body .ntn-header .offer-btn{height:46px!important;min-width:126px!important;padding:0 8px 0 19px!important;justify-content:space-between!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 8px 22px rgba(239,57,71,.2);font-size:12px!important}
body .ntn-header .offer-btn b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:13px}
body .ntn-header .offer-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(239,57,71,.3)}
@media(max-width:1240px) and (min-width:981px){body .ntn-header .ntn-brand{width:135px!important;min-width:135px!important}body .ntn-header .ntn-logo-crop{width:130px!important}body .ntn-header .ntn-logo-crop img{width:323px!important;left:-97px!important}body .ntn-header .menu a{padding-left:7px!important;padding-right:7px!important}body .ntn-header .menu a strong{font-size:10px!important}body .ntn-header .menu a small{display:none}body .ntn-header .offer-btn{min-width:104px!important;padding-left:14px!important}}
@media(max-width:980px){body .ntn-header .nav{height:76px!important}body .ntn-header .ntn-brand{height:76px!important;width:140px!important;min-width:140px!important}body .ntn-header .ntn-logo-crop{top:5px!important;width:138px!important;height:66px!important}body .ntn-header .ntn-logo-crop img{width:342px!important;height:84px!important;left:-102px!important;top:-9px!important}body .ntn-header .mobile-panel{top:110px!important}}
@media(max-width:640px){body .ntn-header .top-contact a:first-child{display:none}body .ntn-header .mobile-panel{top:76px!important}}

/* NTN logo lockup: kontrollü ve bilinçli taşma */
body .ntn-header,
body .ntn-header .nav,
body .ntn-header .ntn-brand{overflow:visible!important}
body .ntn-header .ntn-brand{z-index:12!important;isolation:isolate}
body .ntn-header .ntn-brand:before{content:"";position:absolute;left:-18px;right:7px;top:0;bottom:0;background:radial-gradient(ellipse at 48% 50%,rgba(239,57,71,.09),transparent 67%);z-index:-1;pointer-events:none}
body .ntn-header .ntn-logo-crop{overflow:visible!important;width:170px!important;height:96px!important;top:0!important;z-index:5!important;pointer-events:none}
body .ntn-header .ntn-logo-crop img{width:422px!important;height:106px!important;left:-126px!important;top:-5px!important;filter:drop-shadow(0 9px 9px rgba(0,0,0,.22))!important}
@media(max-width:1240px) and (min-width:981px){body .ntn-header .ntn-logo-crop{width:145px!important}body .ntn-header .ntn-logo-crop img{width:360px!important;height:96px!important;left:-108px!important;top:-4px!important}}
@media(max-width:980px){body .ntn-header .ntn-logo-crop{width:145px!important;height:84px!important;top:0!important}body .ntn-header .ntn-logo-crop img{width:360px!important;height:91px!important;left:-108px!important;top:-3px!important}}

/* Bölüm bazlı kontrast sistemi: panel tema değişkenlerinden bağımsız */
body main{background:#f5f7fa;color:#101827}
body .products-section{background:#f5f7fa!important;color:#101827!important}
body .products-section .section-heading h2{color:#101827!important}
body .products-section .section-heading>p{color:#5f6c80!important}
body .products-section .product-card{background:#fff!important;color:#101827!important;border-color:#dfe4eb!important}
body .products-section .product-card h3{color:#101827!important}
body .products-section .product-card p{color:#667386!important}
body .products-section .product-card-top span{color:#758195!important}
body .products-section .product-card:hover{border-color:#ef3947!important}
body .solution-section{background:#101a2b!important;color:#fff!important}
body .solution-section .section-heading h2,
body .solution-section .sector-grid h3,
body .solution-section .sector-grid b{color:#fff!important}
body .solution-section .section-heading>p,
body .solution-section .sector-grid p{color:#aeb8c7!important}
body .solution-section .sector-grid article:hover p{color:#fff!important}
body .support-section{background:#f5f7fa!important;color:#101827!important}
body .support-section h2,
body .support-section h3{color:#101827!important}
body .support-section p{color:#657286!important}
body .support-section .support-steps article{border-color:#dbe1e9!important}
body .about-section{background:#fff!important;color:#101827!important}
body .about-section h2,
body .about-section b{color:#101827!important}
body .about-section p,
body .about-section span{color:#657286!important}
body .contact-section{background:#fff!important}
body .contact-section .contact-card{background:#ef3947!important;color:#fff!important}
body .contact-section .contact-card h2,
body .contact-section .contact-card p,
body .contact-section .contact-card a{color:#fff!important}
body .contact-section .contact-card .btn-white{background:#fff!important;color:#ef3947!important}

/* Multi-page product portal */
.home-catalog-link{display:flex;justify-content:center;margin-top:38px}.home-catalog-link a{display:inline-flex;align-items:center;gap:25px;padding:16px 24px;border:1px solid #dce2e9;border-radius:999px;background:#fff;color:#152033;font-size:12px;font-weight:800}.home-catalog-link span{color:#ef3947;font-size:18px}
.nav-products{height:88px;position:relative;display:flex}.ntn-header .nav-products>a{height:88px!important}.product-mega{position:absolute;left:50%;top:calc(100% - 1px);width:720px;padding:26px;background:#fff;color:#152033;border:1px solid #e2e6ec;border-radius:0 0 18px 18px;box-shadow:0 28px 65px rgba(7,16,30,.2);display:grid;grid-template-columns:210px 1fr;gap:24px;opacity:0;visibility:hidden;transform:translate(-38%,-8px);transition:.22s;z-index:500}.nav-products:hover .product-mega,.nav-products:focus-within .product-mega{opacity:1;visibility:visible;transform:translate(-38%,0)}.mega-intro{padding:18px;background:#111c2e;border-radius:12px;color:#fff;display:flex;flex-direction:column}.mega-intro>span{font-size:8px;letter-spacing:1.3px;color:#ef6570;font-weight:800}.mega-intro>b{margin:14px 0;font-size:17px;line-height:1.35}.mega-intro>a{margin-top:auto!important;min-height:auto!important;height:auto!important;padding:0!important;color:#fff!important;font-size:9px!important}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ntn-header .mega-links>a{min-height:58px!important;height:58px!important;padding:8px 10px!important;border-radius:9px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;color:#172235!important}.ntn-header .mega-links>a:hover{background:#f4f6f9!important}.mega-links>a>span{color:#ef3947}.mega-links div{display:grid;gap:4px}.ntn-header .mega-links strong{color:#172235!important;font-size:10px!important}.ntn-header .mega-links small{color:#8490a2!important;font-size:8px!important}
.catalog-page,.category-page,.corporate-page{background:#f5f7fa;color:#101827;padding-top:122px}.catalog-tools{background:#fff;border-bottom:1px solid #dfe4eb;padding:34px 0 0}.catalog-tools-heading{display:grid;grid-template-columns:1fr minmax(280px,420px);align-items:end;gap:32px;margin-bottom:28px}.catalog-tools-heading small{display:block;color:#ef3947;font-size:9px;font-weight:850;letter-spacing:1.5px;margin-bottom:8px}.catalog-tools h1{margin:0;color:#101827;font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-2px}.catalog-search{display:grid;grid-template-columns:auto 1fr;align-items:center;border-bottom:2px solid #101827;gap:14px;padding:0 0 10px}.catalog-search span{font-size:10px;font-weight:800;color:#ef3947;text-transform:uppercase;letter-spacing:1px}.catalog-search input{border:0;outline:0;background:transparent;color:#101827;width:100%;font:600 13px Inter,sans-serif}.catalog-search input::placeholder{color:#8a95a5}.catalog-filters{display:flex;align-items:stretch;gap:0;overflow-x:auto;border-top:1px solid #e5e9ef}.catalog-filters button{border:0;border-right:1px solid #e5e9ef;border-bottom:3px solid transparent;background:#fff;color:#596678;white-space:nowrap;padding:15px 18px 13px;font:700 10px Inter,sans-serif;cursor:pointer}.catalog-filters button:first-child{border-left:1px solid #e5e9ef}.catalog-filters button span{color:#ef3947;margin-left:4px}.catalog-filters button:hover,.catalog-filters button.active{color:#101827;border-bottom-color:#ef3947;background:#f8fafc}.category-nav{position:sticky;top:122px;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid #dfe4eb}.category-nav .container{height:68px;display:flex;align-items:center;gap:8px;overflow-x:auto}.category-nav a,.category-switch a{white-space:nowrap;padding:10px 15px;border-radius:999px;font-size:10px;font-weight:750;color:#657286}.category-nav a.active,.category-nav a:hover,.category-switch a.active{background:#101a2b;color:#fff}.category-nav sup{color:#ef3947;margin-left:3px}.catalog-category{padding:34px 0 64px;border-bottom:1px solid #dfe4eb;scroll-margin-top:185px}.catalog-category:nth-of-type(even){background:#fff}.category-heading{display:grid;grid-template-columns:1fr 1fr auto;gap:50px;align-items:end;margin-bottom:42px}.category-heading span,.category-list-head small,.corporate-content small{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#ef3947}.category-heading h2{font-size:38px;margin:9px 0 0;color:#101827}.category-heading p{margin:0;color:#667386;line-height:1.7;font-size:13px}.category-heading>a{font-size:11px;font-weight:800;color:#152033}.category-heading>a b{color:#ef3947}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.catalog-product-entry[hidden]{display:none!important}.catalog-product-entry>.catalog-product-card{height:100%}.catalog-empty{padding:50px 0;text-align:center;color:#657286;font-size:13px}.catalog-product-card{min-height:330px;padding:26px;background:#fff;border:1px solid #dde3eb;border-radius:16px;color:#101827;display:flex;flex-direction:column;transition:.25s}.catalog-product-card:hover{transform:translateY(-5px);border-color:var(--category-accent,#ef3947);box-shadow:0 20px 50px rgba(14,27,47,.1)}.catalog-card-icon{width:52px;height:52px;padding:12px;margin-bottom:40px;border-radius:13px;background:color-mix(in srgb,var(--category-accent,#ef3947) 11%,white);display:grid;grid-template-columns:1fr 1fr;gap:4px}.catalog-card-icon span{background:var(--category-accent,#ef3947);border-radius:2px}.catalog-card-icon span:last-child{grid-column:1/3;opacity:.55}.catalog-product-card small{color:var(--category-accent,#ef3947);font-size:8px;font-weight:800;letter-spacing:1px}.catalog-product-card h3{font-size:20px;color:#101827;margin:9px 0 12px}.catalog-product-card p{font-size:12px;line-height:1.7;color:#6c788a}.catalog-product-card>b{margin-top:auto;font-size:10px}.catalog-product-card>b i{font-style:normal;color:var(--category-accent,#ef3947);font-size:15px;margin-left:8px}.theme-municipal{--category-accent:#2667d8}.theme-water{--category-accent:#0d9b91}.theme-finance{--category-accent:#6754d9}.theme-integration{--category-accent:#e15c2b}.theme-corporate{--category-accent:#ef3947}
.category-hero{padding:75px 0 85px;background:linear-gradient(135deg,#101a2b,#162944);color:#fff;position:relative;overflow:hidden}.category-breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:60px;font-size:9px;color:#8490a2}.category-breadcrumb b{color:#cbd2dc}.category-hero-grid{display:grid;grid-template-columns:1fr .65fr;gap:100px;align-items:center}.category-hero h1,.corporate-hero h1{font-size:clamp(54px,6vw,84px);line-height:1;letter-spacing:-4px;color:#fff;margin:22px 0}.category-hero p{max-width:650px;font-size:16px;line-height:1.8;color:#abb5c5;margin-bottom:30px}.category-hero .eyebrow{color:var(--category-accent)}.category-hero .eyebrow i{background:var(--category-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--category-accent) 18%,transparent)}.category-hero .btn-primary{background:var(--category-accent)}.category-motif{height:300px;position:relative;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.035);overflow:hidden}.category-motif span{position:absolute;border:1px solid color-mix(in srgb,var(--category-accent) 55%,transparent);border-radius:50%}.category-motif span:nth-child(1){width:250px;height:250px;right:-30px;top:-40px}.category-motif span:nth-child(2){width:170px;height:170px;right:40px;top:35px}.category-motif span:nth-child(3){width:90px;height:90px;right:80px;top:75px;background:var(--category-accent);border:0}.category-motif b{position:absolute;left:30px;bottom:25px;font-size:48px;letter-spacing:-4px;color:#fff}.category-switch{background:#fff;border-bottom:1px solid #dfe4eb}.category-switch .container{height:66px;display:flex;align-items:center;gap:7px;overflow-x:auto}.category-products{padding:90px 0}.category-list-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:42px}.category-list-head h2{font-size:40px;margin:9px 0 0;color:#101827}.category-list-head p{color:#667386;line-height:1.7;font-size:13px}.category-cta{padding:70px 0;background:var(--category-accent);color:#fff}.category-cta .container{display:flex;justify-content:space-between;align-items:center}.category-cta small{font-size:9px;font-weight:800;letter-spacing:1.4px}.category-cta h2{font-size:40px;line-height:1.1;margin:14px 0 0}.category-cta .btn-white{background:#fff;color:#101827}
.corporate-hero{padding:75px 0 90px;background:#101a2b;color:#fff}.corporate-hero .container>p{max-width:750px;color:#abb5c5;font-size:18px;line-height:1.75}.corporate-content{padding:100px 0;background:#f5f7fa}.content-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;align-items:start;margin-bottom:50px}.content-heading h2,.contact-page-grid h2,.about-story h2{font-size:44px;color:#101827;margin:0}.feature-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-columns article{padding:32px;background:#fff;border:1px solid #dfe4eb;border-radius:16px;min-height:260px}.feature-columns article>span{color:#ef3947;font-size:10px;font-weight:800}.feature-columns h3{font-size:20px;color:#101827;margin:70px 0 14px}.feature-columns p{color:#687588;font-size:13px;line-height:1.7}.support-portal{display:grid;grid-template-columns:1fr 1fr;gap:80px}.support-portal h2{font-size:44px;color:#101827}.support-portal p{color:#687588}.support-portal>div:last-child{display:grid;gap:12px}.portal-action{padding:25px;background:#fff;border:1px solid #dfe4eb;border-radius:14px;display:flex;justify-content:space-between;align-items:center}.portal-action b{color:#101827}.portal-action span{font-size:10px;color:#ef3947}.contact-page-grid,.about-story{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-page-grid p,.about-story p{color:#687588;line-height:1.8}.contact-info-list{display:grid}.contact-info-list>a,.contact-info-list>div{padding:22px 0;border-bottom:1px solid #dbe1e8;display:grid;gap:7px}.contact-info-list span{font-size:8px;color:#ef3947;font-weight:800}.contact-info-list b{font-size:17px;color:#101827}
@media(max-width:1100px){.product-mega{display:none}.catalog-grid{grid-template-columns:repeat(2,1fr)}.category-heading{grid-template-columns:1fr 1fr}.category-heading>a{grid-column:1/3}.category-hero-grid{grid-template-columns:1fr .5fr;gap:40px}}
@media(max-width:980px){.catalog-page,.category-page,.corporate-page{padding-top:110px}.category-nav{top:110px}.category-hero-grid{grid-template-columns:1fr}.category-motif{display:none}.feature-columns{grid-template-columns:1fr}.support-portal,.contact-page-grid,.about-story{grid-template-columns:1fr;gap:35px}}
@media(max-width:640px){.catalog-page,.category-page,.corporate-page{padding-top:76px}.catalog-tools{padding-top:24px}.catalog-tools-heading{grid-template-columns:1fr;gap:20px}.catalog-tools h1{font-size:38px;letter-spacing:-1px}.catalog-filters{margin-inline:-16px;padding-left:16px}.category-hero,.corporate-hero{padding:65px 0}.category-hero h1,.corporate-hero h1{font-size:48px;letter-spacing:-2px}.category-nav{top:76px}.category-heading,.category-list-head,.content-heading{grid-template-columns:1fr;gap:20px}.category-heading>a{grid-column:auto}.catalog-grid{grid-template-columns:1fr}.category-cta .container{align-items:flex-start;flex-direction:column;gap:25px}.category-cta h2,.category-list-head h2,.content-heading h2,.contact-page-grid h2,.about-story h2{font-size:34px}}

/* Product detail templates */
.modern-product-detail{padding-top:122px;background:#f5f7fa;color:#101827}.product-detail-hero{padding:65px 0 85px;background:#101a2b;color:#fff}.product-detail-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.product-detail-hero h1{font-size:clamp(54px,6vw,82px);line-height:1;letter-spacing:-4px;color:#fff;margin:22px 0}.product-detail-hero p{max-width:650px;color:#adb7c6;font-size:17px;line-height:1.75}.product-detail-hero .eyebrow{color:var(--category-accent)}.product-detail-hero .eyebrow i{background:var(--category-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--category-accent) 18%,transparent)}.product-detail-hero .btn-primary{background:var(--category-accent)}.product-detail-hero .btn-light{background:transparent;border-color:#445064;color:#fff}.product-cover-panel{min-height:390px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-cover-panel:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:color-mix(in srgb,var(--category-accent) 18%,transparent);filter:blur(3px)}.product-cover-panel>img{position:relative;width:54%;max-height:180px;object-fit:contain;z-index:1}.product-cover-panel>div{position:absolute;left:25px;right:25px;bottom:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:5px;z-index:2}.product-cover-panel small{font-size:8px;color:var(--category-accent);font-weight:800}.product-cover-panel b{font-size:14px}.product-cover-panel span{font-size:9px;color:#8f9aaa}.product-overview{padding:100px 0;background:#fff}.product-overview>.container{display:grid;grid-template-columns:230px 1fr;gap:90px}.product-overview aside{display:flex;flex-direction:column;align-items:flex-start;gap:5px;position:sticky;top:155px;align-self:start}.product-overview aside>span{font-size:8px;font-weight:800;color:var(--category-accent);letter-spacing:1px;margin-bottom:14px}.product-overview aside a{padding:9px 12px;border-radius:8px;color:#7b8798;font-size:11px}.product-overview aside a.active{background:#f1f4f7;color:#101827;font-weight:750}.product-overview article>small,.modern-product-media small,.related-products small,.product-final-cta small{font-size:9px;color:var(--category-accent);font-weight:800;letter-spacing:1.3px}.product-overview article>h2{font-size:44px;line-height:1.12;color:#101827;margin:14px 0 28px;max-width:760px}.product-richtext{color:#657286;font-size:15px;line-height:1.9;max-width:850px}.product-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.product-benefits>div{min-height:145px;padding:22px;background:#f5f7fa;border-radius:13px;display:flex;flex-direction:column;justify-content:space-between}.product-benefits b{color:var(--category-accent);font-size:10px}.product-benefits span{font-size:12px;line-height:1.6;font-weight:650}.modern-product-media,.related-products{padding:90px 0;background:#f5f7fa}.modern-product-media .product-media-card{background:#fff;border-color:#dfe4eb;color:#101827}.modern-product-media .product-media-card h3{color:#101827}.related-products{background:#fff}.related-products .category-list-head>a{font-size:11px;font-weight:800;color:var(--category-accent)}.product-final-cta{padding:70px 0;background:var(--category-accent);color:#fff}.product-final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.product-final-cta small{color:#fff}.product-final-cta h2{font-size:38px;margin:12px 0 0}.product-final-cta .btn-white{background:#fff;color:#101827}
@media(max-width:980px){.modern-product-detail{padding-top:110px}.product-detail-grid{grid-template-columns:1fr}.product-cover-panel{min-height:300px}.product-overview>.container{grid-template-columns:1fr;gap:35px}.product-overview aside{position:static;flex-direction:row;overflow-x:auto}.product-benefits{grid-template-columns:1fr}}
@media(max-width:640px){.modern-product-detail{padding-top:76px}.product-detail-hero{padding:60px 0}.product-detail-hero h1{font-size:46px;letter-spacing:-2px}.product-cover-panel{min-height:250px}.product-overview{padding:70px 0}.product-overview article>h2{font-size:34px}.product-final-cta .container{align-items:flex-start;flex-direction:column}.product-final-cta h2{font-size:32px}}

/* Homepage as a portal, not a one-page catalog */
.home-portal{padding:110px 0;background:#f5f7fa;color:#101827}.home-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-category-grid>a{min-height:265px;padding:28px;background:#fff;border:1px solid #dfe4eb;border-radius:16px;display:flex;flex-direction:column;transition:.25s}.home-category-grid>a:hover{transform:translateY(-5px);border-color:#ef3947;box-shadow:0 18px 45px rgba(15,28,47,.09)}.home-category-grid span{font-size:9px;color:#ef3947;font-weight:800;text-transform:uppercase}.home-category-grid h3{font-size:22px;color:#101827;margin:45px 0 12px}.home-category-grid p{font-size:12px;line-height:1.7;color:#6b7789}.home-category-grid b{margin-top:auto;font-size:10px;color:#101827}.portal-actions{margin-top:35px;display:flex;justify-content:center;gap:10px}.home-route-band{padding:0 0 100px;background:#f5f7fa}.home-route-band .container{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dfe4eb;border-radius:17px;overflow:hidden;background:#fff}.home-route-band a{min-height:145px;padding:24px;border-right:1px solid #dfe4eb;display:flex;flex-direction:column}.home-route-band a:last-child{border:0}.home-route-band small{font-size:8px;color:#ef3947;font-weight:800}.home-route-band b{font-size:16px;margin-top:28px;color:#101827}.home-route-band span{margin-top:auto;color:#ef3947}.home-closing{padding:75px 0;background:#ef3947;color:#fff}.home-closing .container{display:flex;justify-content:space-between;align-items:center;gap:50px}.home-closing h2{max-width:780px;font-size:42px;line-height:1.1;margin:17px 0 0}.home-closing .eyebrow{color:#fff}.home-closing .eyebrow i{background:#fff}.home-closing .btn-white{background:#fff;color:#101827;white-space:nowrap}
@media(max-width:900px){.home-category-grid{grid-template-columns:repeat(2,1fr)}.home-route-band .container{grid-template-columns:repeat(2,1fr)}.home-route-band a{border-bottom:1px solid #dfe4eb}.home-closing .container{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.home-portal{padding:75px 0}.home-category-grid{grid-template-columns:1fr}.portal-actions{align-items:stretch;flex-direction:column}.home-route-band .container{grid-template-columns:1fr}.home-route-band a{border-right:0}.home-closing h2{font-size:34px}}

/* Mega menu accessibility and configurable blurred visual */
body .ntn-header .product-mega{background:#071321!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important;isolation:isolate;overflow:hidden;backdrop-filter:none}
body .ntn-header .product-mega:before{content:"";position:absolute;inset:calc(var(--mega-menu-blur,10px) * -2);z-index:0;background-color:#071321;background-image:var(--mega-menu-image,none);background-size:cover;background-position:center;filter:blur(var(--mega-menu-blur,10px));opacity:1;transform:scale(1.05)}
body .ntn-header .product-mega:after{content:"";position:absolute;inset:0;z-index:1;background:rgba(7,15,28,var(--mega-menu-overlay,.72));pointer-events:none}
body .ntn-header .product-mega>*{position:relative;z-index:2}
body .ntn-header .product-mega .mega-intro{background-color:rgba(5,14,28,.86)!important;border:1px solid rgba(255,255,255,.09)!important}
body .ntn-header .product-mega .mega-intro>span{color:#ff6975!important}
body .ntn-header .product-mega .mega-intro>b{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.45)}
body .ntn-header .product-mega .mega-intro>a{color:#fff!important}
body .ntn-header .product-mega .mega-links>a{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important}
body .ntn-header .product-mega .mega-links>a:hover{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.2)!important}
body .ntn-header .product-mega .mega-links>a div strong{color:#fff!important;opacity:1!important;text-shadow:0 1px 7px rgba(0,0,0,.55)!important}
body .ntn-header .product-mega .mega-links>a div small{color:#c1cad7!important;opacity:1!important;text-shadow:0 1px 7px rgba(0,0,0,.55)!important}
body .ntn-header .product-mega .mega-links>a>span{color:#ff5967!important}
body .ntn-header .product-mega{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 132px);overflow:hidden;grid-template-columns:220px minmax(0,1fr)}
body .ntn-header .product-mega .mega-intro{min-height:0;max-height:calc(100vh - 186px)}
body .ntn-header .product-mega .mega-intro>small{margin-top:4px;color:#8f9caf;font-size:9px}
body .ntn-header .product-mega .mega-links{max-height:calc(100vh - 186px);overflow-y:auto;overscroll-behavior:contain;align-content:start;padding-right:7px;scrollbar-width:thin;scrollbar-color:#ef3947 rgba(255,255,255,.08)}
body .ntn-header .product-mega .mega-links::-webkit-scrollbar{width:7px}
body .ntn-header .product-mega .mega-links::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:10px}
body .ntn-header .product-mega .mega-links::-webkit-scrollbar-thumb{background:#ef3947;border-radius:10px}
body .ntn-header .product-mega .mega-links>a{flex:none!important}
body .ntn-header .product-mega .mega-links:focus-visible{outline:2px solid #ef3947;outline-offset:3px}
body .ntn-header .language-switch{min-width:38px!important;width:38px!important;height:38px!important;padding:0!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;background:#121d2d!important;font-size:10px!important;font-weight:850!important;letter-spacing:.5px!important}
body .ntn-header .language-switch:hover{border-color:#ef3947!important;background:#ef3947!important;color:#fff!important}
@media(max-height:700px) and (min-width:1101px){body .ntn-header .product-mega{padding:18px;max-height:calc(100vh - 112px)}body .ntn-header .product-mega .mega-links,body .ntn-header .product-mega .mega-intro{max-height:calc(100vh - 150px)}}
@media(max-width:980px){
 body .ntn-header .mobile-panel{max-height:calc(100dvh - 122px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(14px,env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#ef3947 #edf0f4}
 body .ntn-header .mobile-products{border-bottom:1px solid #e4e8ee}
 body .ntn-header .mobile-products summary{list-style:none;cursor:pointer;padding:14px 12px;color:#162033;font-weight:850;display:flex;align-items:center;justify-content:space-between}
 body .ntn-header .mobile-products summary::-webkit-details-marker{display:none}
 body .ntn-header .mobile-products summary:after{content:"+";color:#ef3947;font-size:19px;margin-left:auto}
 body .ntn-header .mobile-products[open] summary:after{content:"−"}
 body .ntn-header .mobile-products summary>span{margin-left:8px;margin-right:10px;padding:2px 7px;border-radius:999px;background:#eef1f5;color:#687588;font-size:9px}
 body .ntn-header .mobile-product-list{display:grid;max-height:52dvh;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px 12px 16px;background:#f5f7fa;border-radius:10px}
 body .ntn-header .mobile-product-list>a{display:grid!important;gap:3px!important;padding:11px 10px!important;border-bottom:1px solid #e1e6ec;border-radius:0!important}
 body .ntn-header .mobile-product-list>a:last-child{border-bottom:0}
 body .ntn-header .mobile-product-list strong{font-size:12px;color:#152033}
 body .ntn-header .mobile-product-list small{font-size:9px;color:#7b8798}
 body .ntn-header .mobile-product-list .all-products{color:#ef3947!important;font-size:11px}
}
@media(max-width:640px){body .ntn-header .mobile-panel{max-height:calc(100dvh - 82px)}}
@media (prefers-contrast:more){body .ntn-header .product-mega:after{background:rgba(5,12,23,.92)!important}body .ntn-header .product-mega .mega-links>a div strong,body .ntn-header .product-mega .mega-links>a div small{color:#fff!important;text-shadow:none!important}}

/* Mega menü görsel ve tipografi düzeni */
body .ntn-header .product-mega{width:min(980px,calc(100vw - 32px));grid-template-columns:240px minmax(0,1fr);gap:18px;padding:18px;border-radius:0 0 16px 16px}
body .ntn-header .product-mega .mega-intro{position:sticky;top:0;min-height:calc(100vh - 190px);padding:24px 22px;background-image:linear-gradient(180deg,rgba(5,14,28,.42) 0%,rgba(5,14,28,.76) 42%,rgba(5,14,28,.98) 100%),var(--mega-intro-image)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:13px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
body .ntn-header .product-mega .mega-intro>span{font-size:9px!important;line-height:1.2;letter-spacing:1.55px!important}
body .ntn-header .product-mega .mega-intro>b{max-width:175px;margin:18px 0 8px!important;font-size:20px!important;line-height:1.18!important;letter-spacing:-.45px}
body .ntn-header .product-mega .mega-intro>small{font-size:10px!important;color:rgba(255,255,255,.68)!important}
body .ntn-header .product-mega .mega-intro>a{font-size:10px!important;line-height:1.3!important;letter-spacing:.1px}
body .ntn-header .product-mega .mega-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 9px 0 0}
body .ntn-header .product-mega .mega-links>a{height:72px!important;min-height:72px!important;padding:12px 15px!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;text-align:left!important}
body .ntn-header .product-mega .mega-links>a>span{flex:0 0 12px;font-size:14px;line-height:1}
body .ntn-header .product-mega .mega-links>a>div{min-width:0;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px!important}
body .ntn-header .product-mega .mega-links>a div strong{width:100%;font-size:13px!important;line-height:1.22!important;letter-spacing:-.16px;white-space:normal;text-align:left}
body .ntn-header .product-mega .mega-links>a div small{width:100%;font-size:9px!important;line-height:1.2!important;font-weight:550;font-style:normal;text-align:left}
body .ntn-header .product-mega .mega-links>a>div{justify-content:center!important}
body .ntn-header .mobile-product-list>a{align-content:center}
body .ntn-header .product-mega .mega-links::-webkit-scrollbar{width:5px}
body .ntn-header .product-mega .mega-links::-webkit-scrollbar-track{margin:2px 0;background:rgba(255,255,255,.05)}
@media(max-height:760px) and (min-width:1101px){body .ntn-header .product-mega .mega-intro{min-height:calc(100vh - 154px)}body .ntn-header .product-mega .mega-links>a{height:64px!important;min-height:64px!important}}

/* Hizmet verilen kurumlar - kesintisiz tek şerit */
.reference-strip{height:132px;background:#fff;border-top:1px solid #e0e5eb;border-bottom:1px solid #e0e5eb;display:grid;grid-template-columns:minmax(250px,calc((100vw - min(var(--container-width),calc(100vw - 40px)))/2 + 250px)) 1fr;overflow:hidden;color:#101827}.reference-label{position:relative;z-index:2;padding:26px 28px 24px max(28px,calc((100vw - var(--container-width))/2));background:#101a2b;color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:18px 0 35px rgba(12,23,40,.12)}.reference-label:after{content:"";position:absolute;right:-18px;top:0;border-top:66px solid transparent;border-bottom:66px solid transparent;border-left:18px solid #101a2b}.reference-label span{font-size:8px;line-height:1;font-weight:850;letter-spacing:1.5px;color:#ef4b57}.reference-label b{font-size:16px;margin-top:9px}.reference-label small{font-size:9px;color:#8f9aaa;margin-top:5px}.reference-viewport{min-width:0;overflow:hidden;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.reference-track{width:max-content;display:flex;align-items:center;animation:referenceFlow 34s linear infinite;will-change:transform}.reference-viewport:hover .reference-track{animation-play-state:paused}.reference-logo{width:190px;height:100px;flex:0 0 190px;margin:0 5px;padding:16px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-right:1px solid #edf0f4}.reference-logo img{width:100%;height:52px;object-fit:contain;filter:grayscale(1);opacity:.67;transition:filter .25s,opacity .25s,transform .25s}.reference-logo:hover img{filter:grayscale(0);opacity:1;transform:scale(1.04)}.reference-logo span{max-width:100%;font-size:8px;line-height:1.2;color:#778395;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes referenceFlow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){.reference-strip{height:108px;grid-template-columns:145px 1fr}.reference-label{padding:18px 14px}.reference-label:after{right:-12px;border-top-width:54px;border-bottom-width:54px;border-left-width:12px}.reference-label b{font-size:12px}.reference-label small{display:none}.reference-logo{width:145px;height:84px;flex-basis:145px;padding:13px 18px}.reference-logo img{height:44px}}
@media(prefers-reduced-motion:reduce){.reference-track{animation:none}.reference-viewport{overflow-x:auto}}

/* NTN gurur tablosu ana sayfa */
.visual-summary-hero{position:relative;width:100%;height:clamp(620px,calc(100vh - 34px),920px);min-height:620px;margin:0;background:#071321;overflow:hidden}.visual-summary-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.visual-summary-hero:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -90px 110px rgba(5,13,24,.38)}@media(max-width:900px){.visual-summary-hero{height:650px}.visual-summary-hero img{object-position:center}}@media(max-width:640px){.visual-summary-hero{height:520px;min-height:520px}.visual-summary-hero img{object-position:center}}
.pride-hero{padding:178px 0 0;background:#0b1423;color:#fff;overflow:hidden}.pride-hero:before{opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)}.pride-hero-grid{min-height:670px;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.pride-copy{position:relative;z-index:3}.pride-copy h1{font-size:clamp(68px,7vw,112px);line-height:.82;letter-spacing:-7px;margin:34px 0;color:#fff}.pride-copy h1 span{color:#ef3947}.pride-copy>p{max-width:590px;font-size:17px;line-height:1.8;color:#aeb8c7}.pride-actions{display:flex;align-items:center;gap:28px;margin:35px 0 42px}.pride-text-link{font-size:11px;font-weight:800;color:#fff;border-bottom:1px solid #445066;padding:12px 0}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.13);padding-top:25px}.proof-row>div{display:flex;align-items:center;gap:12px;border-right:1px solid rgba(255,255,255,.1);padding-right:16px}.proof-row>div+div{padding-left:18px}.proof-row>div:last-child{border:0}.proof-row strong{font-size:32px;color:#fff;letter-spacing:-2px}.proof-row span{font-size:9px;line-height:1.45;color:#8491a5;text-transform:uppercase;letter-spacing:.5px}.pride-showcase{height:610px;position:relative}.pride-shot{position:absolute;margin:0;background:#111d30;border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 80px rgba(0,0,0,.42);overflow:hidden}.pride-shot img{width:100%;height:100%;object-fit:cover;display:block}.pride-shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:45px 20px 18px;background:linear-gradient(transparent,rgba(4,10,20,.94));display:grid;gap:3px}.pride-shot figcaption b{font-size:13px;color:#fff}.pride-shot figcaption span{font-size:8px;color:#a9b4c4}.pride-shot-main{width:72%;height:400px;right:0;top:35px;border-radius:18px;transform:rotate(1.5deg)}.pride-shot-water{width:48%;height:250px;left:0;bottom:28px;border-radius:14px;transform:rotate(-3deg)}.pride-shot-finance{width:43%;height:225px;right:25px;bottom:0;border-radius:14px;transform:rotate(4deg)}.pride-stamp{position:absolute;left:2px;top:5px;width:180px;height:180px;border:1px solid rgba(239,57,71,.65);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:4;background:rgba(11,20,35,.88);backdrop-filter:blur(10px);transform:rotate(-8deg)}.pride-stamp small{font-size:7px;color:#ef5965;letter-spacing:1.4px}.pride-stamp b{font-size:24px;line-height:.9;margin:11px 0;color:#fff}.pride-stamp span{max-width:120px;font-size:7px;line-height:1.4;color:#8d99aa}.pride-ledger{height:72px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;color:#758197;font-size:8px;font-weight:800;letter-spacing:1px}
.legacy-statement{position:relative;min-height:min(72vh,760px);padding:120px 0 92px;background:#fff;color:#101827;display:flex;align-items:center;overflow:hidden}.legacy-statement:before{content:"";position:absolute;inset:auto -8% -52% 38%;height:70%;background:radial-gradient(ellipse,rgba(239,57,71,.075),transparent 66%);pointer-events:none}.legacy-statement .container{position:relative;display:grid;grid-template-columns:.32fr 1fr;gap:70px}.legacy-statement span,.pride-section-head span,.pride-catalog-action span{font-size:9px;font-weight:850;letter-spacing:1.5px;color:#ef3947}.legacy-statement h2{font-size:clamp(46px,5vw,72px);line-height:1;letter-spacing:-4px;margin:0;max-width:900px}.legacy-statement p{grid-column:2;max-width:760px;font-size:17px;line-height:1.8;color:#657286;margin:0}.statement-scroll-cue{grid-column:2;justify-self:start;margin-top:12px;display:inline-flex;align-items:center;gap:14px;color:#111b2c}.legacy-statement .statement-scroll-cue>span{color:#111b2c;font-size:9px;letter-spacing:1.35px}.statement-scroll-cue i{position:relative;width:38px;height:38px;border:1px solid #d9dee7;border-radius:50%;transition:.25s ease;background:#fff;box-shadow:0 8px 24px rgba(16,24,39,.06)}.statement-scroll-cue i:before,.statement-scroll-cue i:after{content:"";position:absolute;left:50%;transform:translateX(-50%)}.statement-scroll-cue i:before{top:9px;width:1px;height:13px;background:#ef3947;animation:statementDown 1.7s ease-in-out infinite}.statement-scroll-cue i:after{top:17px;width:6px;height:6px;border-right:1px solid #ef3947;border-bottom:1px solid #ef3947;transform:translateX(-50%) rotate(45deg)}.statement-scroll-cue:hover i{transform:translateY(4px);border-color:#ef3947;box-shadow:0 12px 28px rgba(239,57,71,.16)}@keyframes statementDown{0%,100%{transform:translate(-50%,0);opacity:.45}50%{transform:translate(-50%,5px);opacity:1}}.pride-references{border-top:0}
.pride-products{background:#eef1f5}.pride-section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;margin-bottom:55px}.pride-section-head h2{font-size:clamp(48px,5vw,72px);line-height:.98;letter-spacing:-4px;margin:16px 0 0;color:#101827}.pride-section-head p{font-size:14px;line-height:1.8;color:#657286}.pride-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pride-category-grid>a{min-height:455px;background:#fff;border:1px solid #d9dfe7;border-radius:18px;overflow:hidden;transition:.25s}.pride-category-grid>a:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(10,24,45,.12)}.pride-category-image{height:270px;position:relative;overflow:hidden;background:#101a2b}.pride-category-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(5,12,23,.75))}.pride-category-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.pride-category-grid>a:hover img{transform:scale(1.035)}.pride-category-image span{position:absolute;left:20px;bottom:18px;z-index:2;padding:7px 10px;border-radius:999px;background:#ef3947;color:#fff;font-size:8px;font-weight:850}.pride-category-body{padding:25px 28px;display:grid}.pride-category-body small{font-size:8px;color:#8792a2;font-weight:800}.pride-category-body h3{font-size:26px;margin:9px 0;color:#101827}.pride-category-body p{font-size:11px;color:#6b7788;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pride-category-body b{margin-top:20px;font-size:10px;color:#101827}.pride-category-body i{font-style:normal;color:#ef3947;margin-left:7px}.pride-catalog-action{margin-top:18px;padding:30px 34px;border-radius:17px;background:#101a2b;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px}.pride-catalog-action>div{display:grid;gap:9px}.pride-catalog-action b{font-size:14px}.pride-route{padding-top:100px}.pride-closing{background:#101a2b}.pride-closing h2{font-size:54px;letter-spacing:-3px}
@media(max-width:980px){.pride-hero-grid{grid-template-columns:1fr;padding-top:70px}.pride-showcase{height:560px}.pride-copy h1{font-size:78px}.legacy-statement .container,.pride-section-head{grid-template-columns:1fr;gap:30px}.legacy-statement p,.statement-scroll-cue{grid-column:auto}}
@media(max-width:700px){.pride-hero{padding-top:110px}.pride-hero-grid{min-height:auto}.pride-copy h1{font-size:58px;letter-spacing:-4px}.proof-row{grid-template-columns:1fr}.proof-row>div,.proof-row>div+div{padding:13px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.pride-showcase{height:430px}.pride-stamp{width:125px;height:125px}.pride-stamp b{font-size:18px}.pride-shot-main{width:85%;height:270px}.pride-shot-water{width:58%;height:170px}.pride-shot-finance{width:50%;height:155px}.pride-ledger{overflow:hidden;gap:28px;justify-content:flex-start;white-space:nowrap}.legacy-statement{min-height:calc(100svh - 72px);padding:72px 0 54px;align-items:center}.legacy-statement h2{font-size:42px;letter-spacing:-2px}.legacy-statement p{font-size:15px;line-height:1.7}.statement-scroll-cue{margin-top:4px}.pride-category-grid{grid-template-columns:1fr}.pride-category-grid>a{min-height:auto}.pride-category-image{height:220px}.pride-catalog-action{align-items:flex-start;flex-direction:column}.pride-closing h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.statement-scroll-cue i:before{animation:none}}

/* İlk içerik alanında belirgin aşağı yönlendirme */
.legacy-statement{min-height:min(78vh,820px);padding-bottom:142px;scroll-snap-align:start}
.legacy-statement .statement-scroll-cue{position:absolute;left:50%;bottom:-84px;transform:translateX(-50%);margin:0;padding:9px 10px 9px 20px;border-radius:999px;background:#101827;color:#fff;gap:18px;white-space:nowrap;box-shadow:0 18px 45px rgba(16,24,39,.2);z-index:3;transition:transform .25s ease,box-shadow .25s ease}
.legacy-statement .statement-scroll-cue>span{color:#fff;font-size:10px;letter-spacing:1.5px}
.legacy-statement .statement-scroll-cue i{width:44px;height:44px;background:#ef3947;border-color:#ef3947;box-shadow:0 0 0 0 rgba(239,57,71,.36);animation:statementPulse 2s ease-out infinite}
.legacy-statement .statement-scroll-cue i:before{background:#fff}
.legacy-statement .statement-scroll-cue i:after{border-color:#fff}
.legacy-statement .statement-scroll-cue:hover{transform:translate(-50%,5px);box-shadow:0 22px 54px rgba(239,57,71,.25)}
@keyframes statementPulse{0%{box-shadow:0 0 0 0 rgba(239,57,71,.4)}65%,100%{box-shadow:0 0 0 14px rgba(239,57,71,0)}}
@media(max-width:980px){.legacy-statement .statement-scroll-cue{left:0;transform:none;bottom:-88px}.legacy-statement .statement-scroll-cue:hover{transform:translateY(5px)}}
@media(max-width:700px){.legacy-statement{padding-bottom:120px}.legacy-statement .statement-scroll-cue{position:absolute;left:0;right:auto;bottom:-72px;padding:8px 9px 8px 16px}.legacy-statement .statement-scroll-cue i{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.legacy-statement .statement-scroll-cue i{animation:none}}

/* İlk içerik alanı: boş vitrin yerine doğrudan ürün kapsamı */
.legacy-statement{min-height:0;padding:88px 0 72px;scroll-snap-align:start}
.legacy-statement .statement-module-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:18px;border-top:1px solid #dfe4eb;border-bottom:1px solid #dfe4eb}
.statement-module-rail>a{position:relative;min-height:122px;padding:24px 20px;border-right:1px solid #dfe4eb;display:flex;flex-direction:column;justify-content:space-between;color:#101827;overflow:hidden;transition:color .25s ease,background .25s ease}
.statement-module-rail>a:last-child{border-right:0}.statement-module-rail>a:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:#ef3947;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.statement-module-rail>a:hover{background:#101827;color:#fff}.statement-module-rail>a:hover:before{transform:scaleX(1)}
.statement-module-rail small{font-size:8px;letter-spacing:1.1px;color:#ef3947;font-weight:850}.statement-module-rail b{max-width:150px;font-size:14px;line-height:1.25}.statement-module-rail i{position:absolute;right:16px;bottom:18px;color:#ef3947;font-style:normal}
@media(max-width:980px){.legacy-statement{padding:72px 0 56px}.legacy-statement .statement-module-rail{grid-template-columns:repeat(2,1fr)}.statement-module-rail>a:nth-child(2n){border-right:0}.statement-module-rail>a:nth-child(-n+2){border-bottom:1px solid #dfe4eb}}
@media(max-width:700px){.legacy-statement{min-height:0;padding:58px 0 42px}.legacy-statement .statement-module-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc((100vw - 100%)/-2);padding-right:20px;scrollbar-width:none}.legacy-statement .statement-module-rail::-webkit-scrollbar{display:none}.statement-module-rail>a{flex:0 0 72vw;min-height:112px;scroll-snap-align:start;border-right:1px solid #dfe4eb!important;border-bottom:0!important}.statement-module-rail>a:last-child{border-right:0!important}}

/* Statement dikey ritmi: büyük ekranlarda gereksiz beyaz alan bırakma */
@media(min-width:981px){.legacy-statement{padding:52px 0 44px}.legacy-statement .container{column-gap:70px;row-gap:22px;align-items:start}.legacy-statement h2{font-size:clamp(44px,4.35vw,66px);max-width:820px}.legacy-statement p{margin-top:0;line-height:1.65}.legacy-statement .statement-module-rail{margin-top:8px}.statement-module-rail>a{min-height:106px;padding:19px 18px}}
@media(min-width:701px) and (max-width:980px){.legacy-statement{padding:52px 0 42px}.legacy-statement .container{row-gap:22px}.legacy-statement .statement-module-rail{margin-top:4px}}
@media(max-width:700px){.legacy-statement .container{gap:18px}.legacy-statement{padding:42px 0 34px}.legacy-statement h2{margin-top:0}.legacy-statement .statement-module-rail{margin-top:2px}}

/* Mobil çözümler: iki görselli geniş kategori kartı */
.pride-category-grid>a.mobile-scope-card{grid-column:1/-1;min-height:420px;display:grid;grid-template-columns:1.25fr .75fr;background:#0c1728;border-color:#25344a}
.mobile-scope-card .pride-category-image{height:100%;min-height:420px}
.pride-category-image.split-visual{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#06101e}
.pride-category-image.split-visual img{position:relative;width:100%;height:100%;min-width:0;object-fit:cover}
.pride-category-image.split-visual img:only-of-type{grid-column:1/-1}
.mobile-scope-card .pride-category-body{padding:42px;align-content:center}
.mobile-scope-card .pride-category-body small{color:#ff5b69}
.mobile-scope-card .pride-category-body h3{font-size:34px;color:#fff;line-height:1.05;margin:14px 0 20px}
.mobile-scope-card .pride-category-body p{white-space:normal;color:#aeb9c9;line-height:1.7}
.mobile-scope-card .pride-category-body b{color:#fff;margin-top:32px}
@media(max-width:700px){.pride-category-grid>a.mobile-scope-card{grid-column:auto;display:block;min-height:auto}.mobile-scope-card .pride-category-image{height:250px;min-height:250px}.mobile-scope-card .pride-category-body{padding:28px}.mobile-scope-card .pride-category-body h3{font-size:27px}}

/* Ürün detayında üretilen ekran görsellerini gerçek vitrin boyutunda kullan */
.product-cover-panel>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;opacity:.68;z-index:1}.product-cover-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,18,32,.12),rgba(9,18,32,.02) 45%,rgba(9,18,32,.25)),linear-gradient(transparent 45%,rgba(9,18,32,.9));z-index:1}.product-cover-panel>div{z-index:3}

/* NTN'nin kendi sitesinde yayımlanmış gerçek program ekranlarından ürün arşivi */
.ntn-product-archive{min-height:clamp(650px,calc(100vh - 122px),900px);padding:54px max(28px,calc((100vw - 1320px)/2));background:#091321;overflow:hidden;display:grid;place-items:center}
.ntn-product-archive__grid{width:min(1320px,100%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(156px,1fr);gap:14px;transform:perspective(1500px) rotateX(2deg)}
.ntn-product-shot{position:relative;margin:0;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#e8edf3;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.34)}
.ntn-product-shot:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.ntn-product-shot img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:auto;filter:saturate(.92) contrast(1.04);transition:transform .35s ease,filter .35s ease}
.ntn-product-shot:hover img{transform:scale(1.035);filter:saturate(1.08) contrast(1.05)}
.ntn-product-shot--lead{grid-column:span 2;grid-row:span 2}
@media(max-width:900px){.ntn-product-archive{padding:32px 22px;min-height:auto}.ntn-product-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px;transform:none}.ntn-product-shot--lead{grid-column:span 2;grid-row:span 2}}
@media(max-width:540px){.ntn-product-archive{padding:22px 14px}.ntn-product-archive__grid{gap:8px;grid-auto-rows:112px}.ntn-product-shot{border-radius:8px}}
.ntn-product-archive__restored{display:block;width:min(1536px,100%);height:auto;max-height:calc(100vh - 150px);object-fit:contain;image-rendering:auto;filter:contrast(1.015) saturate(1.02);transform:translateZ(0)}
@media(max-width:900px){.ntn-product-archive__restored{width:100%;max-height:none}}

/* Ana sayfa: görsel kolaj yerine doğrudan yapılan işler */
.ntn-work-hero{padding:190px 0 80px;background:#091321;color:#fff;overflow:hidden}
.ntn-work-hero__inner{display:grid;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:90px;align-items:start}
.ntn-work-hero__heading{position:sticky;top:160px}
.ntn-work-hero__eyebrow{display:flex;align-items:center;gap:10px;color:#f04452;font-size:10px;font-weight:850;letter-spacing:1.6px}
.ntn-work-hero__eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#f04452;box-shadow:0 0 0 5px rgba(240,68,82,.13)}
.ntn-work-hero h1{margin:30px 0 26px;color:#fff;font-size:clamp(58px,5.7vw,92px);line-height:.92;letter-spacing:-5px}
.ntn-work-hero h1 em{display:inline-block;color:#f13e4c;font-style:normal}
.ntn-work-hero__heading>p{max-width:600px;margin:0 0 34px;color:#aeb8c7;font-size:16px;line-height:1.8}
.ntn-work-hero__heading .btn{display:inline-flex;gap:28px}
.ntn-work-list{border-top:1px solid rgba(255,255,255,.16)}
.ntn-work-list article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:27px 4px;border-bottom:1px solid rgba(255,255,255,.13);transition:padding .25s,background .25s}
.ntn-work-list article:hover{padding-left:16px;background:rgba(255,255,255,.025)}
.ntn-work-list article>span{padding-top:4px;color:#f04452;font-size:9px;font-weight:850;letter-spacing:1px}
.ntn-work-list h2{margin:0 0 9px;color:#fff;font-size:21px;letter-spacing:-.35px}
.ntn-work-list p{margin:0;color:#8f9bad;font-size:12px;line-height:1.65}
@media(max-width:1050px){.ntn-work-hero__inner{grid-template-columns:1fr;gap:65px}.ntn-work-hero__heading{position:static}.ntn-work-list{max-width:none}}
@media(max-width:640px){.ntn-work-hero{padding:130px 0 55px}.ntn-work-hero h1{font-size:52px;letter-spacing:-3px}.ntn-work-hero__heading>p{font-size:14px}.ntn-work-list article{grid-template-columns:36px 1fr;padding:22px 0}.ntn-work-list h2{font-size:18px}}

/* Slogansız, medya arka planlı hizmet kartları */
.ntn-service-hero{position:relative;min-height:calc(100vh - 122px);padding:70px 0;background:#091321;color:#fff;isolation:isolate;overflow:hidden;display:flex;align-items:center}
.ntn-service-hero__media,.ntn-service-hero__shade{position:absolute;inset:0;z-index:-2;overflow:hidden}
.ntn-service-hero__media img,.ntn-service-hero__media video,.ntn-service-hero__media iframe{position:absolute;left:50%;top:50%;width:100%;height:100%;min-width:100%;min-height:100%;border:0;object-fit:cover;transform:translate(-50%,-50%);pointer-events:none}
.ntn-service-hero__media iframe{width:177.78vh;height:56.25vw;min-width:100%;min-height:100%}
.ntn-service-hero__shade{z-index:-1;background:linear-gradient(90deg,rgba(5,13,25,.91),rgba(5,13,25,.72)),rgba(7,19,33,.45);backdrop-filter:blur(2px)}
.ntn-service-hero__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ntn-service-card{min-height:245px;padding:25px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(10,23,40,.76);backdrop-filter:blur(12px) saturate(1.08);color:#fff;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,background .25s}
.ntn-service-card:hover{transform:translateY(-5px);border-color:rgba(240,68,82,.75);background:rgba(10,23,40,.9)}
.ntn-service-card>span{font-size:8px;font-weight:850;letter-spacing:1.25px;color:#f25461}
.ntn-service-card h2{margin:39px 0 12px;color:#fff;font-size:21px;line-height:1.15;letter-spacing:-.35px}
.ntn-service-card p{margin:0;color:#bec7d4;font-size:11px;line-height:1.65}
.ntn-service-card b{margin-top:auto;padding-top:25px;color:#fff;font-size:10px}
.ntn-service-card i{margin-left:8px;color:#f25461;font-style:normal;font-size:15px}
@media(max-width:1050px){.ntn-service-hero__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ntn-service-hero{padding:35px 0;min-height:auto}.ntn-service-hero__grid{grid-template-columns:1fr}.ntn-service-card{min-height:190px}.ntn-service-card h2{margin-top:25px}}

/* Hizmet vitrini v2: asimetrik bento ritmi ve etkileşimli veri kartları */
.ntn-service-hero{padding:42px 0 54px;align-items:stretch}
.ntn-service-hero:before{content:"";position:absolute;inset:-35% -15%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 32%,rgba(239,57,71,.12),transparent 24%),radial-gradient(circle at 82% 65%,rgba(66,111,176,.1),transparent 28%);animation:ntnAmbient 14s ease-in-out infinite alternate}
.ntn-service-hero__shade{background:linear-gradient(115deg,rgba(4,12,23,.94),rgba(7,19,34,.82) 48%,rgba(4,12,23,.92)),rgba(7,19,33,.5);backdrop-filter:blur(3px)}
.ntn-service-hero__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:minmax(180px,1fr);gap:10px;align-content:center}
.ntn-service-card{--card-accent:#f04452;position:relative;min-height:0;padding:22px 23px 20px;border-color:rgba(158,181,213,.19);border-radius:13px;background:linear-gradient(145deg,rgba(15,31,52,.86),rgba(7,18,33,.78));overflow:hidden;isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .32s,box-shadow .32s,background .32s}
.ntn-service-card:nth-child(1),.ntn-service-card:nth-child(6),.ntn-service-card:nth-child(7),.ntn-service-card:nth-child(8){grid-column:span 2}
.ntn-service-card:nth-child(3n+2){--card-accent:#ff6a75}.ntn-service-card:nth-child(3n){--card-accent:#d94355}
.ntn-service-card:before{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:-135px;top:-135px;border:1px solid color-mix(in srgb,var(--card-accent) 42%,transparent);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.018),0 0 0 68px rgba(255,255,255,.012);transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .3s}
.ntn-service-card:after{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,var(--card-accent),transparent);transition:width .45s ease}
.ntn-service-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-accent) 60%,rgba(255,255,255,.2));background:linear-gradient(145deg,rgba(20,39,64,.96),rgba(8,20,36,.92));box-shadow:0 22px 48px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)}
.ntn-service-card:hover:before{transform:translate(-18px,18px) scale(1.12);border-color:var(--card-accent)}
.ntn-service-card:hover:after{width:72%}
.ntn-service-card__number{position:absolute;right:18px;bottom:2px;color:rgba(255,255,255,.035);font-size:72px;font-weight:850;line-height:1;letter-spacing:-5px;transition:color .3s,transform .3s}
.ntn-service-card:hover .ntn-service-card__number{color:rgba(255,255,255,.065);transform:translateY(-3px)}
.ntn-service-card__signal{position:absolute;right:21px;top:20px;display:flex;gap:4px;align-items:center}
.ntn-service-card__signal i{display:block;width:3px;height:3px;border-radius:50%;background:#59677a}
.ntn-service-card__signal i:first-child{width:6px;height:6px;background:var(--card-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--card-accent) 13%,transparent)}
.ntn-service-card__content{position:relative;z-index:1;max-width:480px}
.ntn-service-card__category{display:block;padding-right:60px;color:var(--card-accent);font-size:8px;font-weight:850;letter-spacing:1.3px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ntn-service-card h2{max-width:420px;margin:29px 0 9px;font-size:clamp(18px,1.25vw,22px);line-height:1.08;letter-spacing:-.5px}
.ntn-service-card p{max-width:430px;color:#aab5c4;font-size:10.5px;line-height:1.55}
.ntn-service-card__action{position:relative;z-index:2;margin-top:auto;padding-top:17px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:9px}
.ntn-service-card__action>span{border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:3px}
.ntn-service-card__action i{width:28px;height:28px;margin:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:50%;color:var(--card-accent);font-size:12px;transition:background .25s,color .25s,transform .25s}
.ntn-service-card:hover .ntn-service-card__action i{background:var(--card-accent);color:#fff;transform:rotate(45deg)}
.ntn-service-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:3px}
@keyframes ntnAmbient{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.04)}}
@media(max-width:1050px){.ntn-service-hero{padding:35px 0}.ntn-service-hero__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(190px,auto)}.ntn-service-card:nth-child(n){grid-column:span 1}.ntn-service-card:nth-child(1),.ntn-service-card:nth-child(6){grid-column:span 2}}
@media(max-width:640px){.ntn-service-hero{padding:18px 0 30px}.ntn-service-hero__grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:8px}.ntn-service-card:nth-child(n){grid-column:span 1;min-height:185px;padding:21px}.ntn-service-card h2{margin-top:27px;font-size:20px}.ntn-service-card__number{font-size:58px}}
@media(prefers-reduced-motion:reduce){.ntn-service-hero:before{animation:none}.ntn-service-card,.ntn-service-card:before,.ntn-service-card:after{transition:none}}

/* Kurumsal hizmet listesi: süssüz, sabit ve içerik odaklı */
.ntn-service-hero{min-height:calc(100vh - 122px);padding:164px 0 58px;display:block;background:#071321}
.ntn-service-hero:before{display:none}
.ntn-service-hero__shade{background:rgba(7,19,33,.88);backdrop-filter:none}
.ntn-service-hero__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:1fr;gap:9px;align-content:start}
.ntn-service-tile{position:relative;isolation:isolate;min-height:265px;padding:21px 16px 19px;border:1px solid rgba(103,126,157,.42);border-radius:4px;background:#09182a;color:#fff;display:flex;flex-direction:column;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 24px rgba(0,0,0,.28),0 2px 7px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);transition:opacity .48s ease,transform .48s cubic-bezier(.2,.75,.25,1),border-color .3s,box-shadow .38s}
.ntn-service-tile:before{content:"";position:absolute;inset:-4%;z-index:-2;background-image:var(--tile-bg);background-size:cover;background-position:center;transform:scale(1.04);transition:transform .75s cubic-bezier(.2,.75,.25,1),filter .45s}
.ntn-service-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,rgba(5,15,28,.82),rgba(5,15,28,.72));transition:background .35s}
.ntn-service-tile:hover{z-index:2;transform:translateY(-8px) scale(1.015);border-color:#ef3947;box-shadow:0 25px 55px rgba(0,0,0,.46),0 8px 18px rgba(0,0,0,.28),0 0 0 1px rgba(239,57,71,.15)}
.ntn-service-tile:hover:before{transform:scale(1.115) translate3d(1.5%,-1%,0);filter:saturate(1.12)}
.ntn-service-tile:hover:after{background:linear-gradient(145deg,rgba(5,15,28,.74),rgba(5,15,28,.62))}
.ntn-service-tile>span{position:relative;color:#ff5a66;font-size:8px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ntn-service-tile h2{position:relative;margin:30px 0 10px;color:#fff;font-size:16px;line-height:1.14;letter-spacing:-.25px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.ntn-service-tile p{position:relative;margin:0;color:#d1d7df;font-size:9.5px;line-height:1.58;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.ntn-service-tile b{position:relative;margin-top:auto;padding-top:24px;color:#fff;font-size:9px;font-weight:750}
.ntn-service-tile b i{display:inline-block;margin-left:8px;color:#ef4b58;font-style:normal;font-size:13px;transition:transform .3s,color .3s}
.ntn-service-tile:hover b i{transform:translateX(5px);color:#fff}
.has-motion .ntn-service-tile{opacity:0;transform:translateY(34px) scale(.97)}
.has-motion .ntn-service-tile.is-revealed{opacity:1;transform:translateY(0) scale(1);transition-delay:calc(var(--tile-index,0) * 55ms)}
.has-motion .ntn-service-tile.is-revealed:hover{transform:translateY(-8px) scale(1.015);transition-delay:0ms}
.ntn-service-tile:focus-visible{outline:2px solid #ef3947;outline-offset:3px}
@property --ntn-tile-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.ntn-service-tile__frame{position:absolute!important;z-index:4!important;inset:0!important;margin:0!important;padding:2px!important;border-radius:4px!important;pointer-events:none;background:conic-gradient(from var(--ntn-tile-angle),transparent 0 68%,#7f0f22 79%,#ef3947 89%,#ff6874 96%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ntnTileBorder 4s linear infinite}
@keyframes ntnTileBorder{to{--ntn-tile-angle:360deg}}
@media(max-width:1200px){.ntn-service-hero{padding-top:148px}.ntn-service-hero__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){.ntn-service-hero__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ntn-service-hero{min-height:auto;padding:106px 0 32px}.ntn-service-hero__grid{grid-template-columns:1fr;gap:8px}.ntn-service-tile{min-height:190px;padding:22px}.ntn-service-tile h2{margin-top:28px;font-size:20px}}
@media(max-width:780px){
    .has-motion .ntn-service-tile{opacity:0;transform:translateX(-18px) scale(.985);transition-duration:.38s;transition-delay:calc(var(--tile-index,0) * 32ms)}
    .has-motion .ntn-service-tile:nth-child(even){transform:translateX(18px) scale(.985)}
    .has-motion .ntn-service-tile.is-revealed,.has-motion .ntn-service-tile:nth-child(even).is-revealed{opacity:1;transform:translateX(0) scale(1)}
    .ntn-service-tile:hover,.has-motion .ntn-service-tile.is-revealed:hover{transform:none;box-shadow:none}
    .ntn-service-tile:hover:before{transform:scale(1.04);filter:none}
    .ntn-service-tile:active,.has-motion .ntn-service-tile.is-revealed:active{transform:scale(.985);border-color:#ef3947;background:#0d1d31;transition-duration:.12s}
    .ntn-service-tile:active b i{transform:translateX(4px)}
}

/* Slider kayıtlarından beslenen bulanık bölüm arka planı */
.ntn-service-backdrop-slider{position:absolute;inset:-34px;z-index:-3;overflow:hidden;background:#071321;pointer-events:none}
.ntn-service-backdrop-slider img{position:absolute;inset:-28px;width:calc(100% + 56px);height:calc(100% + 56px);object-fit:cover;object-position:center;opacity:0;filter:blur(24px) saturate(.78);transform:scale(1.08);transition:opacity 1.2s ease,transform 8s linear}
.ntn-service-backdrop-slider img.is-active{opacity:.72;transform:scale(1.14)}
.ntn-service-hero:has(.ntn-service-backdrop-slider) .ntn-service-hero__shade{background:rgba(5,15,28,.78)}
@media(max-width:640px){.ntn-service-backdrop-slider img{filter:blur(18px) saturate(.72)}}
@media(prefers-reduced-motion:reduce){.ntn-service-backdrop-slider img{transition:none}.ntn-service-backdrop-slider img:not(:first-child){display:none}.has-motion .ntn-service-tile,.has-motion .ntn-service-tile.is-revealed{opacity:1;transform:none;transition:none}.ntn-service-tile:before,.ntn-service-tile b i{transition:none}.ntn-service-tile__frame{animation:none;background:#ef3947}}

/* Compact information cards across listing and corporate pages */
.catalog-product-card{min-height:220px!important;padding:18px!important;border-radius:8px!important}.catalog-product-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(14,27,47,.08)}.catalog-card-icon{width:36px!important;height:36px!important;padding:8px!important;margin-bottom:18px!important;border-radius:7px!important;gap:3px!important}.catalog-product-card h3{font-size:17px!important;line-height:1.18;margin:7px 0 9px!important}.catalog-product-card p{font-size:11px!important;line-height:1.5!important;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-product-card>b{font-size:9px!important}.feature-columns article{padding:20px!important;border-radius:8px!important;min-height:180px!important}.feature-columns article>span{font-size:8px}.feature-columns h3{font-size:17px!important;margin:34px 0 9px!important}.feature-columns p{font-size:11px!important;line-height:1.55!important}.portal-action{padding:17px 18px!important;border-radius:8px!important}.ntn-service-tile{min-height:210px!important;padding:17px 14px 15px!important}.ntn-service-tile h2{margin:20px 0 8px!important;font-size:15px!important}.ntn-service-tile p{font-size:9px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ntn-service-tile b{padding-top:15px!important}
@media(max-width:640px){.catalog-product-card{min-height:190px!important}.feature-columns article{min-height:auto!important}.ntn-service-tile{min-height:165px!important}.ntn-service-tile h2{font-size:17px!important}.ntn-service-tile p{-webkit-line-clamp:3}}

/* Kart listelerinde minimum dört kolon; dar ekranda kartları ezmeden yatay şerit. */
.product-grid,.catalog-grid,.feature-columns,.home-category-grid,.product-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1100px){
  .product-grid,.catalog-grid,.feature-columns,.home-category-grid,.product-media-grid{grid-template-columns:repeat(4,minmax(190px,1fr))!important;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}
  .product-grid>*,.catalog-grid>*,.feature-columns>*,.home-category-grid>*,.product-media-grid>*{scroll-snap-align:start}
}
@media(max-width:640px){
  .product-grid,.catalog-grid,.feature-columns,.home-category-grid,.product-media-grid{grid-template-columns:repeat(4,minmax(165px,1fr))!important}
}