*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#003051;
  --navy-mid:#0A3E63;
  --blue:#4981B0;
  --blue-bright:#95C8D9;
  --accent:#95C8D9;
  --accent-light:#C9E4EC;
  --off-white:#F5F3EE;
  --white:#FFFFFF;
  --text-dark:#1A1A2E;
  --text-mid:#4A5568;
  --text-muted:#8A95A3;
}

/* Affiliate detail pages: unified contact band */
.eu-cta,
.lg-cta,
.tv-cta,
.sp-cta{
  background:#F4C21F!important;
  color:var(--navy)!important;
}
.eu-cta h2,.lg-cta h2,.tv-cta h2,.sp-cta h2,
.eu-cta p,.lg-cta p,.tv-cta p,.sp-cta p{
  color:var(--navy)!important;
}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans KR',sans-serif;color:var(--text-dark);background:#fff;overflow-x:hidden;word-break:keep-all;overflow-wrap:break-word}
a{color:inherit}
h1,h2,h3{font-family:'Noto Sans KR',sans-serif;font-weight:700}

/* Company detail pages use the full viewport width */
.company-hero,.company-body,
.detail-inner,.detail-body,
.eu-info-inner,.eu-back-wrap,.eu-section,.eu-cta-inner,
.lg-info-inner,.lg-back-wrap,.lg-section,.lg-cta-inner,
.tv-rating-inner,.tv-back-wrap,.tv-section,.tv-cta-inner,
.kc-inner,.kc-body,
.lc-back-wrap,.lc-section,
.sp-info-inner,.sp-back-wrap,.sp-section,.sp-cta-inner{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Affiliate detail pages: wide white editorial layout */
.company-hero,.company-body,.detail-body,
.lg-info-strip,.lg-section,.lg-stats,.lg-hazmat,.lg-coverage,.lg-cta,
.tv-rating-strip,.tv-section,.tv-links,.tv-cta,
.kc-body,.lc-section,.lc-map-section,
.sp-info-strip,.sp-section,.sp-badges,.sp-gallery,.sp-cta{
  background:#fff!important;
  color:var(--text-dark)!important;
}
.company-hero,.company-body,.detail-body,
.lg-info-inner,.lg-back-wrap,.lg-section,.lg-cta-inner,
.tv-rating-inner,.tv-back-wrap,.tv-section,.tv-cta-inner,
.kc-inner,.kc-body,.lc-back-wrap,.lc-section,
.sp-info-inner,.sp-back-wrap,.sp-section,.sp-cta-inner{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.company-placeholder,.service-card,.sicca-box,.sicca-badge,
.partner-carousel,.partner-slide,.partner-image,.partner-copy,
.card,.location,.photo-slot,.svc,.company-info,
.lg-stat-card,.lg-hz-card,.lg-extra,.fleet-photo,.workshop-photo,
.tv-link-box,.tv-company-info,.tv-photo-slot,
.kc-photo,.kc-location,.kc-note,
.lc-card,.lc-card-media,.lc-map-canvas,.lc-map-legend,
.badge-grid,.badge-card{
  background:#fff!important;
  color:var(--text-dark)!important;
  border-color:#e2e7eb!important;
}
.sicca-box h2,.sicca-box p,.sicca-box a,.sicca-badge,
.company-info h2,.company-info dt,.company-info dd,
.location,.location small,
.lg-stats h2,.lg-stat-card,.lg-stat-card p,.lg-hazmat h2,.lg-hazmat p,.lg-hz-card,
.tv-company-info h2,.tv-company-info dt,.tv-company-info dd,
.kc-location,.kc-location small,.kc-location a,.kc-note,
.sp-gallery h2,.sp-cta h2,.sp-cta p{
  color:var(--text-dark)!important;
}
.lg-stats-grid,.lg-svc-grid,.badge-grid{
  background:#e2e7eb!important;
}
.lg-info-strip,.tv-rating-strip,.sp-info-strip,
.lg-stats,.lg-hazmat,.lg-coverage,.lg-cta,
.tv-links,.tv-cta,.lc-map-section,.sp-badges,.sp-gallery,.sp-cta{
  border-top:1px solid #e2e7eb!important;
  border-bottom:1px solid #e2e7eb!important;
}
.partner-image small{color:var(--text-muted)!important}
.kc-location>div+div{border-left:1px solid #e2e7eb}
@media(max-width:720px){.kc-location>div+div{border-left:0;border-top:1px solid #e2e7eb}}

/* DK Travel channel colors and contact highlight */
.tv-link-box.mrt{
  background:rgba(210,237,252,.72)!important;
  color:#0B4A73!important;
}
.tv-link-box.naver{
  background:#E3F5D8!important;
  color:#1B5E20!important;
}
.tv-link-box.kakao{
  background:#FEE500!important;
  color:#191919!important;
}
.tv-cta{
  background:#F4C21F!important;
  color:var(--navy)!important;
}
.tv-cta h2,.tv-cta p{color:var(--navy)!important}

/* ===== AFFILIATE BAR ===== */
.affiliate-bar{position:fixed;top:0;left:0;right:0;z-index:110;height:36px;background:var(--navy-mid);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid rgba(255,255,255,0.06)}
.affiliate-track{display:flex;gap:1.75rem;overflow-x:auto;scrollbar-width:none}
.affiliate-track::-webkit-scrollbar{display:none}
.aff-item{white-space:nowrap;font-family:'Inter',sans-serif;font-size:11px;font-weight:500;color:rgba(255,255,255,0.55);text-decoration:none;letter-spacing:0.3px;transition:color .2s}
.aff-item:hover{color:var(--accent)}
.lang-switch{display:flex;gap:4px;flex-shrink:0;margin-left:1rem}
.lang-switch button{background:none;border:1px solid rgba(255,255,255,0.18);color:rgba(255,255,255,0.5);font-family:'Inter',sans-serif;font-size:10px;letter-spacing:1px;padding:3px 8px;cursor:pointer;transition:all .2s}
.lang-switch button.active,.lang-switch button:hover{border-color:var(--accent);color:var(--accent)}

/* ===== MAIN NAV ===== */
nav#mainNav{position:fixed;top:36px;left:0;right:0;z-index:100;padding:0 3rem;height:76px;display:flex;align-items:center;justify-content:space-between;background:var(--navy);box-shadow:0 2px 20px rgba(0,0,0,0.25)}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav-logo-svg{width:36px;height:36px}
.nav-logo-text{font-family:'Inter',sans-serif;font-weight:700;font-size:14px;color:#fff;letter-spacing:2px;display:flex;flex-direction:column}
.nav-logo-sub{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:3px;color:var(--accent);font-weight:500;margin-top:2px}
.nav-links{display:flex;align-items:center;gap:2.25rem;list-style:none}
.nav-links > li{position:relative;padding:28px 0}
.nav-links > li > a{font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:rgba(255,255,255,0.82);text-decoration:none;letter-spacing:0.5px;transition:color .2s}
.nav-links > li > a:hover{color:#fff}
.sub-menu{list-style:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--navy-mid);min-width:170px;padding:.75rem 0;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s;box-shadow:0 12px 24px rgba(0,0,0,0.35)}
.nav-links > li.has-sub:hover .sub-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.sub-menu li a{display:block;padding:.5rem 1.25rem;font-family:'Inter',sans-serif;font-size:12.5px;color:rgba(255,255,255,0.7);text-decoration:none;white-space:nowrap;transition:color .2s,background .2s}
.sub-menu li a:hover{color:var(--accent);background:rgba(255,255,255,0.04)}
.service-sub-menu{min-width:205px;padding:.8rem 0}
.service-sub-menu li a{padding:.62rem 1.35rem;font-family:'Noto Sans KR',sans-serif;font-size:13px}
.service-menu-item.submenu-open .sub-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.menu-toggle span{width:22px;height:2px;background:#fff}

/* ===== HERO ===== */
#hero{position:relative;height:100vh;min-height:600px;margin-top:112px;overflow:hidden;background:var(--navy)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.hero-video-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,48,81,.82) 0%,rgba(0,48,81,.55) 42%,rgba(0,48,81,.12) 72%,rgba(0,48,81,.03) 100%)}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;background:radial-gradient(circle at 30% 30%, var(--tint2), var(--tint) 70%)}
.hero-slide.active{opacity:1}
.hero-slide::after{content:'';position:absolute;inset:0;background:
  repeating-linear-gradient(115deg, transparent 0 60px, rgba(200,164,74,0.05) 60px 61px),
  repeating-linear-gradient(25deg, transparent 0 80px, rgba(66,153,225,0.05) 80px 81px)}
.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 5rem;max-width:900px}
.hero-eyebrow{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:3px;color:var(--accent);margin-bottom:1.25rem}
.hero-title{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(2.6rem,6vw,5rem);color:#fff;line-height:1.08;letter-spacing:-1px}
.hero-sub{margin-top:1.5rem;font-family:'Noto Sans KR',sans-serif;font-size:1.05rem;color:rgba(255,255,255,0.75);font-weight:300}
.hero-scroll{position:absolute;bottom:2.5rem;left:5rem;font-family:'Inter',sans-serif;font-size:11px;letter-spacing:2px;color:rgba(255,255,255,0.5);z-index:2}
.hero-dots{position:absolute;bottom:2.75rem;right:5rem;display:flex;gap:10px;z-index:2}
.dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.25);border:none;cursor:pointer;transition:background .3s}
.dot.active{background:var(--accent)}

/* ===== SECTIONS ===== */
.section{padding:6.5rem 5rem}
.section.dark{background:var(--navy)}
.section-head{margin-bottom:3rem}
.eyebrow{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:3px;color:var(--blue);font-weight:600;margin-bottom:.75rem}
.eyebrow.light{color:var(--accent)}
.section-head h2{font-size:2.1rem;color:var(--text-dark)}
.section-head h2.light{color:#fff}

/* ===== BUSINESS GRID ===== */
/* ===== BUSINESS: category tabs + click-to-expand blocks (LG-style) ===== */
.biz-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem;border-bottom:1px solid #e5e2d9;padding-bottom:0}
.biz-tab{font-family:'Inter',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;background:none;border:none;padding:.85rem 1.1rem;color:var(--text-mid);cursor:pointer;position:relative;transition:color .2s}
.biz-tab::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--navy);transform:scaleX(0);transition:transform .25s}
.biz-tab:hover{color:var(--text-dark)}
.biz-tab.active{color:var(--navy)}
.biz-tab.active::after{transform:scaleX(1)}

.biz-carousel{position:relative;border-top:1px solid #e5e2d9;border-bottom:1px solid #e5e2d9;padding:0 3.25rem}
.biz-blocks{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;background:#fff}
.biz-blocks::-webkit-scrollbar{display:none}
.biz-block{flex:0 0 25%;min-width:0;height:320px;background:#fff;border:0;border-right:1px solid #e5e2d9;padding:2.8rem 2rem 0;text-align:left;cursor:pointer;transition:color .3s,background .3s;display:flex;flex-direction:column;align-items:flex-start;font-family:inherit;scroll-snap-align:start;overflow:hidden}
.biz-block:first-child{border-left:1px solid #e5e2d9}
.biz-block.hide{display:none}
.biz-block:hover,.biz-block:focus-visible{background:#fafafa;color:var(--blue)}
.block-name{font-size:1.02rem;font-weight:600;color:var(--text-dark);line-height:1.45}
.block-name-en{font-family:'Inter',sans-serif;font-size:.78rem;color:var(--text-muted);margin-top:.35rem;line-height:1.45}
.block-plus{font-family:'Inter',sans-serif;font-size:1.9rem;font-weight:200;color:var(--blue);margin:auto 0 1.2rem;transition:transform .35s}
.biz-block:hover .block-plus,.biz-block:focus-visible .block-plus{transform:rotate(90deg)}
.biz-card-image{width:calc(100% + 4rem);height:0;margin-left:-2rem;overflow:hidden;transition:height .4s ease}
.biz-card-image img{width:100%;height:118px;object-fit:cover;display:block;filter:saturate(.7)}
.biz-card-image.logo-image{background:var(--off-white);display:grid;place-items:center}
.biz-card-image.logo-image img{width:72px;height:118px;object-fit:contain;filter:none}
.biz-card-image.brand-image{background:#fff;display:grid;place-items:center}
.biz-card-image.brand-image img{width:88%;height:118px;object-fit:contain;filter:none}
.biz-block:hover .biz-card-image,.biz-block:focus-visible .biz-card-image{height:118px}
.biz-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:0;background:#fff;color:var(--text-dark);font-size:1.7rem;line-height:1;cursor:pointer}
.biz-arrow:hover{color:var(--blue)}
.biz-arrow.prev{left:0}.biz-arrow.next{right:0}

.biz-modal-overlay{position:fixed;inset:0;background:rgba(11,25,41,0.55);z-index:300;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .25s}
.biz-modal-overlay.show{opacity:1;pointer-events:auto}
.biz-modal{background:#fff;max-width:520px;width:100%;padding:3rem 2.5rem;position:relative;transform:translateY(16px);transition:transform .25s}
.biz-modal-overlay.show .biz-modal{transform:translateY(0)}
.biz-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;font-size:1.6rem;line-height:1;color:var(--text-mid);cursor:pointer;padding:.25rem}
.biz-modal-close:hover{color:var(--text-dark)}
.biz-modal-hex{display:block;width:40px;height:40px;margin-bottom:1.5rem;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.biz-modal h3{font-size:1.4rem;margin-bottom:1rem;color:var(--text-dark)}
.biz-modal p{font-size:.95rem;color:var(--text-mid);line-height:1.8;font-weight:300}
.biz-modal-detail-btn{display:inline-block;margin-top:1.75rem;font-family:'Inter',sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;color:var(--navy);border:1px solid var(--navy);padding:.75rem 1.75rem;text-decoration:none;transition:background .2s,color .2s}
.biz-modal-detail-btn:hover{background:var(--navy);color:#fff}

/* ===== NETWORK / SIGNATURE ===== */
#network{position:relative;overflow:hidden;background:linear-gradient(118deg,rgba(2,7,12,.97) 0%,rgba(5,13,21,.94) 42%,rgba(3,19,29,.92) 100%),radial-gradient(circle at 58% 44%,rgba(36,126,168,.28),transparent 46%),#050a0f}
#network::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(157,221,244,.34) 0 1px,transparent 1.45px);background-size:52px 52px;opacity:.16;animation:networkDrift 28s linear infinite}
#network::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 48%,transparent 22%,rgba(0,0,0,.3) 72%,rgba(0,0,0,.58) 100%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 24%,rgba(0,0,0,.16));z-index:1}
#network>.section-head,#network>.stats-row{position:relative;z-index:2}
.network-wrap{position:relative;z-index:2;max-width:1120px;margin:-1.5rem auto -1rem}
.network-glow{position:absolute;inset:13% 17%;background:radial-gradient(circle,rgba(72,169,212,.2),rgba(21,92,128,.08) 42%,transparent 70%);filter:blur(22px)}
.network-svg{position:relative;width:100%;height:auto;display:block;overflow:visible}
.globe{transform-origin:500px 215px;animation:globeFloat 8s ease-in-out infinite}
.flight-path{fill:none;stroke:#a7def2;stroke-width:2;stroke-dasharray:8 9;opacity:.78}
.route-pulse{fill:#c6f0ff}
.airplane{fill:#fff;filter:drop-shadow(0 0 7px rgba(161,222,247,.9))}
.network-node>circle:first-child{fill:#9dddf4;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 7px rgba(149,215,240,.75))}
.node-ring{fill:none;stroke:#8ed2ee;stroke-width:1.4;transform-origin:center;animation:nodePulse 2.6s ease-out infinite}
.node-ring.delay{animation-delay:1.3s}
.star-field circle{opacity:.4;animation:starTwinkle 3.2s ease-in-out infinite alternate}
.star-field circle:nth-child(2n){animation-delay:1.1s}.star-field circle:nth-child(3n){animation-delay:2s}
.node-label{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:2px;fill:rgba(255,255,255,0.7)}
.stats-row{display:flex;justify-content:center;gap:4.5rem;margin:3.5rem auto 0;padding:1.15rem 2rem;max-width:900px;flex-wrap:wrap;background:rgba(255,255,255,.035);border:1px solid rgba(157,221,244,.11);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.stat{text-align:center}
.stat-num,.stat-suffix{font-family:'Noto Sans KR',sans-serif;font-weight:700;font-size:2.4rem;color:var(--accent)}
.stat-label{display:block;margin-top:.5rem;font-family:'Inter',sans-serif;font-size:11px;letter-spacing:1.5px;color:rgba(255,255,255,0.55)}
@keyframes networkDrift{to{background-position:46px 23px}}
@keyframes globeFloat{50%{transform:translateY(-7px)}}
@keyframes nodePulse{0%{opacity:.85;transform:scale(.55)}100%{opacity:0;transform:scale(1.55)}}
@keyframes starTwinkle{to{opacity:1}}
@media(max-width:700px){.network-wrap{margin:0 -1rem}.network-svg{min-width:650px;transform:translateX(calc((100vw - 650px)/2))}.stats-row{margin-top:1rem;padding:1rem;gap:2rem;background:rgba(255,255,255,.03)}}

/* ===== OUR BUSINESS ===== */
.our-business-section{background:#fff}
.business-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:470px;overflow:hidden;background:var(--navy)}
.business-field{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:2rem 1.65rem;color:#fff;text-decoration:none;overflow:hidden;border-right:1px solid rgba(255,255,255,.24);background:transparent}
.business-field:last-child{border-right:0}
.business-field>.field-image{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:1;transform:scale(1.03);transition:transform .65s ease,filter .45s ease;filter:saturate(.8) contrast(1.04)}
.business-field::after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,26,45,.12),rgba(0,26,45,.66));transition:background .4s ease;pointer-events:none}
.business-field>span{position:relative;z-index:2}
.business-field:hover>.field-image,.business-field:focus-visible>.field-image{transform:scale(1.1);filter:saturate(1) contrast(1.02)}
.business-field:hover::after,.business-field:focus-visible::after{background:linear-gradient(180deg,rgba(18,79,116,.04),rgba(0,34,58,.5))}
.field-number{font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:2px;color:var(--accent)}
.field-title{margin-top:1rem;font-family:'Inter','Noto Sans KR',sans-serif;font-size:clamp(1.05rem,1.45vw,1.45rem);font-weight:600;line-height:1.25;word-break:keep-all;overflow-wrap:normal}
.field-copy{margin-top:auto;font-size:.9rem;line-height:1.75;font-weight:300;color:rgba(255,255,255,.84);word-break:keep-all;opacity:.72;transform:translateY(8px);transition:opacity .3s,transform .3s}
.field-arrow{margin-top:1rem;font-family:'Inter',sans-serif;font-size:1.4rem;color:var(--accent);transition:transform .3s}
.business-field:hover .field-copy,.business-field:focus-visible .field-copy{opacity:1;transform:translateY(0)}
.business-field:hover .field-arrow,.business-field:focus-visible .field-arrow{transform:translateX(7px)}

/* ===== ABOUT ===== */
.about-section{background:var(--off-white)}
.about-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:5vw}
.about-copy{min-width:0}
.about-text{max-width:760px;font-size:1.02rem;line-height:1.95;color:var(--text-mid);font-weight:300}
.about-link{display:inline-block;margin-top:1.5rem;font-family:'Inter',sans-serif;font-size:.85rem;font-weight:600;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:2px;transition:color .2s}
.about-link:hover{color:var(--blue)}
.about-mark{display:flex;align-items:center;justify-content:center;min-height:340px}
.about-mark img{display:block;width:min(100%,430px);height:auto;filter:drop-shadow(0 24px 34px rgba(0,48,81,.16))}

/* ===== FOOTER ===== */
footer{background:var(--navy);color:rgba(255,255,255,0.7);padding:4rem 5rem 1.5rem}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.08)}
.footer-col h4{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:1.5px;color:var(--accent);margin-bottom:1rem;font-weight:600}
.footer-col p,.footer-col li{font-size:.85rem;line-height:1.8;font-weight:300;list-style:none}
.footer-address-label{font-family:'Inter',sans-serif;font-size:10.5px;letter-spacing:1.5px;color:var(--accent);text-transform:uppercase;margin-top:.5rem;margin-bottom:.2rem;font-weight:600}
.footer-col a{text-decoration:none;color:rgba(255,255,255,0.65);transition:color .2s}
.footer-col a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.78rem;color:rgba(255,255,255,0.4)}
.sitemap-link{text-decoration:none;color:rgba(255,255,255,0.5)}

/* ===== TO TOP ===== */
#toTop{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--accent);border:1px solid rgba(149,200,217,0.5);cursor:pointer;font-size:1.1rem;opacity:0;pointer-events:none;transition:opacity .3s;z-index:90}
#toTop.show{opacity:1;pointer-events:auto}

/* ===== RESPONSIVE ===== */
@media (max-width:960px){
  .nav-links{display:none}
  .nav-links .service-menu-item{width:100%}
  .nav-links .service-sub-menu{position:static;transform:none;display:none;opacity:1;visibility:visible;box-shadow:none;background:rgba(255,255,255,.04);margin-top:.65rem}
  .nav-links .service-menu-item.submenu-open .service-sub-menu{display:block;transform:none}
  .menu-toggle{display:flex}
  .business-fields{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}
  .business-field{min-height:330px}
  .business-field:last-child{grid-column:1/-1;min-height:280px}
  .biz-carousel{padding:0 2.75rem}
  .biz-block{flex-basis:50%}
  .footer-top{grid-template-columns:1fr 1fr}
  .section{padding:4rem 1.75rem}
  .hero-content,.hero-scroll,.hero-dots{padding-left:1.75rem;left:0;right:0}
  .hero-content{padding:0 1.75rem}
  .hero-scroll{left:1.75rem}
  .hero-dots{right:1.75rem}
  nav#mainNav{padding:0 1.75rem}
  .affiliate-bar{padding:0 1.25rem}
  .stats-row{gap:2rem}
  .about-layout{grid-template-columns:1fr;gap:2.5rem}
  .about-mark{min-height:0;justify-content:flex-start}
  .about-mark img{width:min(72vw,340px)}
}
@media (max-width:620px){.biz-block{flex-basis:100%;height:320px}.biz-tabs{flex-wrap:nowrap;overflow-x:auto}.biz-tab{white-space:nowrap}.business-fields{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.business-fields::-webkit-scrollbar{display:none}.business-field,.business-field:last-child{flex:0 0 84%;min-height:390px;scroll-snap-align:start}.field-copy{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .hero-slide,.dot,.business-field,#toTop{transition:none}
  .hero-video{display:none}
}

/* ===== FOOTER LEGAL ROW (Impressum / Datenschutz — required for German site) ===== */
.footer-legal{display:flex;gap:1.75rem;flex-wrap:wrap;padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid rgba(255,255,255,0.08)}
.footer-legal a,.footer-legal button{font-family:'Inter',sans-serif;font-size:.78rem;color:rgba(255,255,255,0.55);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;transition:color .2s}
.footer-legal a:hover,.footer-legal button:hover{color:var(--blue-bright)}

/* ===== COOKIE CONSENT BANNER ===== */
#cookieBanner{position:fixed;left:0;right:0;bottom:0;z-index:200;background:var(--navy);border-top:1px solid rgba(255,255,255,0.1);padding:1.25rem 5vw;transform:translateY(100%);opacity:0;transition:transform .4s ease,opacity .4s ease;pointer-events:none}
#cookieBanner.show{transform:translateY(0);opacity:1;pointer-events:auto}
.cookie-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.cookie-inner p{font-size:.85rem;color:rgba(255,255,255,0.8);font-weight:300;line-height:1.6;margin:0;max-width:640px}
.cookie-inner a{color:var(--blue-bright);text-decoration:underline}
.cookie-actions{display:flex;gap:.75rem;flex-shrink:0}
.cookie-btn{font-family:'Inter',sans-serif;font-size:.8rem;font-weight:600;padding:.65rem 1.5rem;cursor:pointer;border:1px solid rgba(255,255,255,0.25);background:none;color:#fff;transition:all .2s}
.cookie-btn.cookie-accept{background:var(--blue-bright);border-color:var(--blue-bright);color:var(--navy)}
.cookie-btn:hover{opacity:.85}
@media (max-width:700px){
  .cookie-inner{flex-direction:column;align-items:flex-start}
}

/* ===== HOME NEWSROOM ===== */
.home-newsroom{padding:7.5rem 5vw 8rem;background:#f7f9fa;color:#071d2e}
.home-newsroom-head{max-width:1700px;margin:0 auto 3rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}
.home-newsroom-head h2{margin:.35rem 0 0;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1;letter-spacing:-.055em}
.home-newsroom-all{padding-bottom:.45rem;border-bottom:1px solid #071d2e;color:#071d2e;text-decoration:none;font-weight:700;font-size:.9rem}
.home-news-grid{max-width:1700px;margin:auto;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4rem)/3);gap:2rem;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory}
.home-news-card{display:block;color:inherit;text-decoration:none}
.home-news-card{scroll-snap-align:start}
.home-news-card>img{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;border-radius:14px;transition:transform .45s ease,filter .45s ease}
.home-news-card>img[src*="namu-news-thumbnail"]{object-fit:contain;background:#263d72}
.home-news-card--namu>img{object-fit:contain;background:#8fc3c0}
.home-news-card--website>img{object-position:left center}
.home-news-card:hover>img{transform:translateY(-5px);filter:saturate(1.08)}
.home-news-body{padding:1.45rem .1rem 0}
.home-news-meta{margin:0 0 .8rem;color:#168bb8;font:700 .69rem 'Inter',sans-serif;letter-spacing:.16em}
.home-news-card h3{margin:0 0 1.25rem;font-size:clamp(1.2rem,1.55vw,1.7rem);line-height:1.45;letter-spacing:-.035em}
.home-news-tags{display:flex;gap:.45rem;flex-wrap:wrap}
.home-news-tags span{padding:.42rem .7rem;border:1px solid #d4dee3;border-radius:999px;color:#60727d;font-size:.75rem;background:#fff}
.home-news-controls{max-width:1700px;margin:2.5rem auto 0;display:flex;justify-content:flex-end;align-items:center;gap:.7rem}.home-news-controls button{width:48px;height:48px;border:1px solid #cbd7de;background:#fff;color:#062b46;font-size:1.2rem;cursor:pointer;transition:.2s}.home-news-controls button:hover:not(:disabled){background:#062b46;color:#fff;border-color:#062b46}.home-news-controls button:disabled{opacity:.3;cursor:default}.home-news-controls span{min-width:52px;text-align:center;color:#617582;font:700 .78rem Inter,sans-serif}
@media(max-width:960px){.home-news-grid{grid-auto-columns:calc((100% - 2rem)/2)}.home-newsroom{padding:5.5rem 1.75rem 6rem}}
@media(max-width:620px){.home-newsroom-head{align-items:flex-start;flex-direction:column}.home-news-grid{grid-auto-columns:100%}.home-newsroom{padding:4.5rem 1.25rem 5rem}.home-news-controls{justify-content:center}}
