.site-header {
  height: 96px;
  color: #fff;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.14);
  backdrop-filter: none;
}
.site-header .brand img { filter: brightness(0) invert(1); }
.site-header.compact { color: #111820; background: rgba(255, 255, 255, 0.96); border-color: rgba(15, 26, 40, 0.1); backdrop-filter: blur(16px); }
.site-header.compact .brand img { filter: none; }
.desktop-nav { gap: clamp(28px, 4vw, 72px); font-size: 16px; }
.nav-dropdown { position: relative; display: flex; align-items: center; }
.nav-dropdown-trigger { padding: 0; color: inherit; border: 0; background: none; font: inherit; font-weight: 600; cursor: pointer; }
.nav-dropdown-trigger:after { content: ""; position: absolute; left: 0; bottom: -9px; width: 0; height: 2px; background: #2d8df2; transition: .3s; }
.nav-dropdown:hover .nav-dropdown-trigger:after,.nav-dropdown.open .nav-dropdown-trigger:after { width: 100%; }
.nav-submenu { position: absolute; top: 54px; left: 50%; width: 230px; padding: 12px 0; color: #222b35; background: #fff; border-radius: 0 0 10px 10px; box-shadow: 0 18px 40px rgba(4,18,37,.18); opacity: 0; visibility: hidden; transform: translate(-50%,-8px); transition: opacity .22s,transform .22s,visibility .22s; overflow: hidden; }
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.open .nav-submenu { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.nav-submenu a { display: block; padding: 16px 24px; border-bottom: 1px solid #e5e8ec; font-size: 14px; font-weight: 600; transition: color .2s,background .2s; }
.nav-submenu a:last-child { border-bottom: 0; }
.nav-submenu a:hover { color: #1269cf; background: #f4f8fc; }
.nav-submenu a:after { display: none; }
.hero {
  min-height: 100svh;
  padding: 135px 4.6vw 72px;
  background: linear-gradient(90deg, rgba(1, 12, 29, 0.92) 0%, rgba(3, 20, 43, 0.72) 48%, rgba(3, 17, 37, 0.38) 100%), url("assets/future-tunnel.jpg") center 64% / cover no-repeat;
}
.hero:before { content: ""; position: absolute; inset: 0; opacity: 0.3; background: linear-gradient(115deg, transparent 0 44%, rgba(50, 150, 239, 0.22) 44.2% 44.35%, transparent 44.5%), linear-gradient(65deg, transparent 0 65%, rgba(92, 178, 255, 0.17) 65.2% 65.35%, transparent 65.5%); }
.hero-grid { opacity: 0.2; background-size: 110px 110px; transform: perspective(500px) rotateX(58deg) scale(1.8) translateY(24%); transform-origin: center bottom; mask-image: linear-gradient(to top, #000, transparent 82%); }
.hero-copy { width: min(1280px, 92vw); margin-top: 3vh; }
.hero-copy .eyebrow { margin-bottom: 30px; color: #83bfff; }
.hero h1.hero-message { margin: 0; font-family: "Noto Sans KR", sans-serif; font-size: clamp(42px, 4.9vw, 82px); font-weight: 700; line-height: 1.25; letter-spacing: -0.055em; word-break: keep-all; }
.hero h1.hero-message span { color: #2d8df2; -webkit-text-stroke: 0; }
.hero-description { margin-top: 28px; font-size: clamp(15px, 1.2vw, 20px); font-weight: 500; color: rgba(255, 255, 255, 0.76); }
.hero-tech { position: absolute; right: 7vw; bottom: 14%; width: 33vw; height: 33vw; max-width: 520px; max-height: 520px; opacity: 0.2; }
.hero-tech i { position: absolute; inset: 0; border: 1px solid rgba(83, 171, 255, 0.4); border-radius: 50%; }
.hero-tech i:nth-child(2) { inset: 14%; border-style: dashed; animation: spin 26s linear infinite; }
.hero-tech i:nth-child(3) { inset: 30%; border-color: rgba(255, 255, 255, 0.22); }
@media (max-width: 960px) {
  .site-header { height: 76px; }
  .site-header:not(.compact) .menu-button span { background: #fff; }
  .desktop-nav { top: 76px; color: #111820; }
  .nav-dropdown { display: block; }
  .nav-dropdown-trigger { width: 100%; text-align: left; }
  .nav-submenu { position: static; width: 100%; max-height: 0; margin-top: 0; padding: 0 0 0 12px; border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; overflow: hidden; transition: max-height .3s,margin .3s; }
  .nav-dropdown.open .nav-submenu { max-height: 240px; margin-top: 14px; }
  .nav-submenu a { padding: 13px 15px; }
  .hero { padding: 120px 24px 70px; }
  .hero-copy { margin-top: 10vh; }
  .hero h1.hero-message { font-size: clamp(38px, 7.2vw, 62px); }
  .hero-tech { right: -16vw; bottom: 10%; width: 70vw; height: 70vw; opacity: 0.28; }
}
@media (max-width: 580px) {
  .hero-copy .eyebrow { font-size: 9px; line-height: 1.6; }
  .hero h1.hero-message { font-size: 10vw; line-height: 1.32; }
  .hero-description { max-width: 310px; line-height: 1.8; }
}

/* Refined home company preview */
.intro{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:820px;background:#fff}.home-company-visual{position:relative;min-height:820px;overflow:hidden;background:#eaf0f4}.home-company-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,16,31,.82))}.home-company-visual img{width:100%;height:100%;object-fit:cover}.home-company-visual>div{position:absolute;z-index:2;left:7vw;right:5vw;bottom:70px;color:#fff}.home-company-visual small{display:block;margin-bottom:15px;color:#79b9ff;font-size:10px;font-weight:700;letter-spacing:.25em}.home-company-visual strong{font-size:clamp(35px,3.4vw,55px);line-height:1.3;letter-spacing:-.05em}.home-company-content{padding:110px 7vw 80px 6vw;display:flex;flex-direction:column;justify-content:center}.home-section-title{margin-top:75px}.home-section-title h2{margin:0;font-size:clamp(38px,3.7vw,62px);line-height:1.28;letter-spacing:-.055em}.home-section-title h2 em{color:#1265c5;font-style:normal}.home-section-title>p:last-child{max-width:630px;margin:30px 0 45px;color:#687582;line-height:1.9;word-break:keep-all}.home-company-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce2e9;border-left:1px solid #dce2e9}.home-company-links a{min-height:92px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border-right:1px solid #dce2e9;border-bottom:1px solid #dce2e9;transition:.28s}.home-company-links span{color:#1265c5;font-size:9px}.home-company-links b{font-size:14px}.home-company-links i{font-style:normal;opacity:.25}.home-company-links a:hover{color:#fff;background:#1265c5}.home-company-links a:hover span{color:#badaff}.home-company-links a:hover i{opacity:1;transform:translate(3px,-3px)}

/* Refined home business preview */
.business{padding:130px 7vw 140px;display:block;background:#061225}.business:before{content:"PICOHOUSE";left:auto;right:-2%;bottom:-5%;font-size:14vw}.home-business-head{position:relative;z-index:2;display:grid;grid-template-columns:.55fr 1.4fr .75fr;gap:5vw;align-items:end}.home-business-head .kicker{color:#64adff}.home-business-head h2{margin:15px 0 0;font-size:clamp(42px,4.8vw,76px);line-height:1.16;letter-spacing:-.06em}.home-business-head h2 em{color:#4099f2;font-style:normal}.home-business-head>p{margin:0;color:#9cacbd;line-height:1.85}.home-business-body{position:relative;z-index:2;margin-top:75px;display:grid;grid-template-columns:1.4fr .8fr;gap:3vw}.home-car-preview{position:relative;min-height:570px;display:block;overflow:hidden;background:linear-gradient(135deg,#fff,#edf2f6)}.home-car-preview>img{width:100%;height:100%;object-fit:contain;transition:.5s}.home-car-preview:hover>img{transform:scale(1.025)}.home-car-preview>strong{position:absolute;left:28px;bottom:25px;padding:13px 18px;color:#fff;background:#07192e;font-size:10px;letter-spacing:.15em}.home-car-preview>strong b{margin-left:22px;color:#66b4ff}.home-point{position:absolute;width:22px;height:22px;border:4px solid #fff;border-radius:50%;background:#0e91db;box-shadow:0 0 0 3px #0e91db;animation:homePulse 1.8s infinite}.home-point span{position:absolute;left:50%;top:29px;transform:translateX(-50%);padding:6px 8px;color:#fff;background:#07192e;font-size:7px;font-style:normal;letter-spacing:.1em;white-space:nowrap}.point-engine{left:28%;top:53%}.point-electronics{left:45%;top:54%}.point-chassis{left:70%;top:34%}@keyframes homePulse{50%{box-shadow:0 0 0 10px rgba(14,145,219,.15)}}.home-business-links{border-top:1px solid #28384b}.home-business-links a{min-height:142px;padding:26px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;border-bottom:1px solid #28384b;transition:.3s}.home-business-links>a>span{color:#5c7188;font-size:9px}.home-business-links b{display:block;font-size:20px}.home-business-links small{display:block;margin-top:9px;color:#718399;font-size:9px;letter-spacing:.08em}.home-business-links i{font-style:normal;color:#4e6177}.home-business-links a:hover{padding-left:34px;background:#1265c5}.home-business-links a:hover span,.home-business-links a:hover small,.home-business-links a:hover i{color:#d9eaff}
@media(max-width:960px){.intro{grid-template-columns:1fr;min-height:0}.home-company-visual{min-height:560px}.home-company-content{padding:90px 24px}.home-section-title{margin-top:55px}.home-business-head{grid-template-columns:1fr}.home-business-head>p{margin-top:10px}.home-business-body{grid-template-columns:1fr}.home-car-preview{min-height:500px}.home-business-links{display:grid;grid-template-columns:1fr 1fr}.home-business-links a{min-height:120px;border-right:1px solid #28384b}}
@media(max-width:580px){.home-company-visual{min-height:430px}.home-company-visual>div{left:24px;bottom:36px}.home-company-content{padding:75px 22px}.home-company-links{grid-template-columns:1fr}.business{padding:90px 22px}.home-car-preview{min-height:350px}.home-point{transform:scale(.75)}.home-business-links{grid-template-columns:1fr}.home-business-links a{min-height:105px}}
.home-business-head{grid-template-columns:150px minmax(0,1.65fr) minmax(0,.65fr);column-gap:32px}.home-business-head h2{font-size:clamp(40px,4vw,66px)}.home-business-head h2>span{white-space:nowrap}
@media(max-width:960px){.home-business-head{grid-template-columns:1fr}.home-business-head h2>span{white-space:nowrap}}
@media(max-width:580px){.home-business-head h2{font-size:6.3vw}.home-business-head h2>span{white-space:nowrap}}
.point-sensor{left:54%;top:39%}

/* Keep desktop dropdown positioning out of the mobile accordion. */
@media (max-width: 960px) {
  .site-header .desktop-nav {
    top: 100%;
    max-height: calc(100vh - 76px);
    max-height: calc(100dvh - 76px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 16px 24px 24px;
    gap: 0;
    color: #111820;
    background: #fff;
    box-shadow: 0 12px 24px rgba(4, 18, 37, .15);
  }
  .desktop-nav .nav-dropdown { display: block; border-bottom: 1px solid #dce2e9; }
  .desktop-nav .nav-dropdown-trigger,
  .desktop-nav > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    padding: 12px 0;
    color: #111820;
    font-size: 17px;
    line-height: 1.6;
  }
  .desktop-nav .nav-dropdown .nav-dropdown-trigger::after {
    content: "+";
    position: static;
    width: 24px;
    flex: 0 0 24px;
    text-align: center;
    height: auto;
    color: #1265c5;
    background: none;
    font-size: 24px;
    transition: none;
  }
  .desktop-nav .nav-dropdown.open .nav-dropdown-trigger::after { content: "−"; }
  .desktop-nav .nav-dropdown-trigger {
    width: 100%;
    gap: 12px;
    white-space: nowrap;
  }
  .desktop-nav > a,
  .desktop-nav .nav-submenu a { white-space: nowrap; }
  .desktop-nav .nav-dropdown-trigger,
  .desktop-nav > a {
    min-width: 0;
    font-size: clamp(15px, 4.3vw, 17px);
    letter-spacing: -.025em;
    word-break: keep-all;
    white-space: nowrap;
  }
  .desktop-nav .nav-dropdown .nav-submenu {
    display: none;
    position: static;
    width: 100%;
    max-height: none;
    margin: 0 0 12px;
    padding: 0;
    transform: none;
    opacity: 1;
    visibility: visible;
    background: #f3f6fa;
    transition: none;
  }
  .desktop-nav .nav-dropdown.open .nav-submenu { display: block; }
  .desktop-nav .nav-submenu a {
    min-height: 48px;
    padding: 12px 16px;
    color: #263343;
    font-size: 15px;
    line-height: 1.6;
  }
  .desktop-nav a:focus-visible,
  .desktop-nav button:focus-visible { outline: 2px solid #1265c5; outline-offset: -2px; }
}

/* Mobile headings retain the deliberate two-line breaks in the page. */
@media (max-width: 580px) {
  .home-company-visual strong {
    font-size: clamp(24px, 7.2vw, 38px);
    line-height: 1.4;
    letter-spacing: -.05em;
    word-break: keep-all;
  }
  .home-section-title h2 {
    font-size: clamp(20px, 6.4vw, 34px);
    line-height: 1.45;
    letter-spacing: -.055em;
    word-break: keep-all;
  }
  .contact h2 {
    font-size: clamp(18px, 5.5vw, 30px);
    line-height: 1.5;
    letter-spacing: -.055em;
    word-break: keep-all;
  }
  .home-section-title h2 em,
  .contact h2 em { white-space: nowrap; }
  .desktop-nav .nav-submenu a,
  .desktop-nav > a { white-space: nowrap; }
}

/* Equipment shares the business heading, image columns and numbered link rows. */
.business.home-equipment{border-top:1px solid #28384b}
.home-equipment .home-business-head>p{word-break:keep-all}
.home-equipment-preview>img{position:absolute;inset:0;object-fit:cover}
.home-equipment-links{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr}
.home-equipment-preview:focus-visible,.home-equipment-links a:focus-visible{outline:3px solid #64adff;outline-offset:5px}
@media(max-width:960px){.home-equipment-links{grid-template-columns:1fr 1fr;grid-template-rows:auto}}
@media(max-width:580px){.home-equipment-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.home-equipment-preview>img,.home-equipment-links a{transition:none}.home-equipment-preview:hover>img{transform:none}}

/* PC navigation labels: increase by 2px without changing mobile. */
@media (min-width: 961px) {
  .desktop-nav { font-size: 18px; }
  .home-company-links b { font-size: 16px; }
}