:root {
  --navy:#071a33; --navy2:#0c2748; --blue:#1476d4; --sky:#45a8ff;
  --ink:#102033; --muted:#5e6d7d; --line:#dce4ec; --bg:#f5f8fb;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;color:var(--ink);background:white}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
header{position:absolute;z-index:10;top:0;left:0;right:0;color:#fff}

.site-header{background:rgba(7,26,51,.96);backdrop-filter:blur(4px);border-bottom:1px solid rgba(255,255,255,.10)}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between}
.logo{height:50px;width:auto;object-fit:contain}
.menu{display:flex;gap:30px;font-size:14px;font-weight:700;letter-spacing:.03em}
.menu a{opacity:.92}
 .hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;color:white;background:#07182a}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#07182a}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,34,.94) 0%,rgba(3,17,34,.68) 45%,rgba(3,17,34,.18) 100%);z-index:1;pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:620px;padding-top:60px}
.hero-brand{position:absolute;z-index:3;right:max(24px,calc((100% - 1180px)/2));bottom:28px;color:rgba(255,255,255,.95);font-size:21px;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.hero-brand-main{font-size:1em}.hero-brand-old{font-size:.5em;font-weight:700;margin-left:4px}
.hero-audio{position:absolute;z-index:4;right:max(24px,calc((100% - 1180px)/2));bottom:68px;border:1px solid rgba(255,255,255,.35);background:rgba(3,17,34,.55);backdrop-filter:blur(8px);color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;cursor:pointer}
.hero-audio:hover{background:rgba(3,17,34,.72)}
.kicker{font-size:13px;letter-spacing:.12em;text-transform:none;color:#7fc5ff;font-weight:800}
h1{font-size:clamp(34px,4vw,52px);line-height:1.02;margin:18px 0 22px;letter-spacing:-.04em}
.hero p{font-size:20px;line-height:1.65;color:#e5edf5;margin:0 0 30px}
.btn{display:inline-block;padding:14px 22px;border:1px solid rgba(255,255,255,.5);font-weight:800;font-size:14px}
.btn.primary{background:#1476d4;border-color:#1476d4}
section{padding:100px 0}
.service-headline{font-size:22px!important;line-height:1.35}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:46px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--blue);text-transform:none}
h2{font-size:42px;line-height:1.12;margin:10px 0 0;letter-spacing:-.035em}
.lead{max-width:500px;color:var(--muted);line-height:1.7}
.system-show-title,.analytics-title,.small-feature-title{font-size:22px;line-height:1.35}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service{border:1px solid var(--line);background:#fff;overflow:hidden}
.service img{width:100%;height:210px;object-fit:cover;display:block}
.service .body{padding:25px}
.service h3{margin:0 0 10px;font-size:22px}
.service p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}
.questions{margin-top:55px;background:var(--navy);color:#fff;padding:55px}
.questions h3{font-size:30px;margin:0 0 25px}
.qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.q{border-top:1px solid rgba(255,255,255,.25);padding-top:16px;color:#d9e5f1;line-height:1.55}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.feature-img{width:100%;display:block}
.dark{background:var(--navy);color:#fff}
.dark .lead{color:#b8c9da}
.metric{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:30px}
.metric div{border:1px solid rgba(255,255,255,.2);padding:22px}
.metric strong{display:block;font-size:25px;margin-bottom:7px}
.metric span{font-size:13px;color:#b8c9da}
.projects{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}
.project{position:relative;min-height:330px;overflow:hidden;background:#123}
.project.small{min-height:155px}
.project img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 60%)}
.project .caption{position:absolute;z-index:2;left:24px;bottom:20px;color:white}
.project h3{margin:0 0 5px;font-size:22px}
.project p{margin:0;color:#d8e3ec;font-size:13px}
.stack{display:grid;gap:18px}
.cta{background:#eaf3fb;padding:70px 0}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:30px}
footer{background:#061527;color:#aab9c8;padding:35px 0;font-size:13px}
@media(max-width:850px){
 .menu{display:none} .service-grid,.qgrid,.split,.projects{grid-template-columns:1fr}
 .section-head,.cta-box{display:block} .section-head .lead{margin-top:20px}
 .hero{min-height:650px} section{padding:70px 0}
}

.consultation-form{margin-top:48px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 18px 50px rgba(7,26,51,.08)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.consultation-form label{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.consultation-form input,.consultation-form select,.consultation-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #cfd9e4;border-radius:10px;padding:12px 13px;font:inherit;background:#fff}.consultation-form textarea{resize:vertical}.check{display:flex!important;align-items:center;gap:8px;margin:18px 0 8px}.check input{width:auto;margin:0}.privacy-note{font-size:12px;color:var(--muted);margin:8px 0 20px}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.pill-row span{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 14px;color:#dcecff;font-size:13px}.dark{background:var(--navy);color:#fff}.dark .lead{color:#c7d6e7}.dark .eyebrow{color:#7fc1ff}@media(max-width:760px){.hero-brand{right:24px;bottom:20px;font-size:17px}.hero-audio{right:24px;bottom:58px;font-size:11px;padding:7px 10px}.form-grid{grid-template-columns:1fr}.consultation-form{padding:24px}.menu{gap:12px;font-size:11px}}

.customer-accordion{margin-top:42px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.customer-accordion summary{list-style:none;cursor:pointer;padding:22px 0;font-size:20px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.customer-accordion summary::-webkit-details-marker{display:none}
.summary-icon{font-size:26px;font-weight:400;transition:transform .2s}
.customer-accordion[open] .summary-icon{transform:rotate(45deg)}
.customer-list{padding:0 0 28px}
.customer-note{color:rgba(255,255,255,.65);font-size:13px;line-height:1.7;margin:0 0 18px}
.customer-list ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;margin:0;padding:0;list-style:none}
.customer-list li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;display:flex;justify-content:space-between;gap:12px}
.customer-list li small{color:rgba(255,255,255,.55)}
.company-location{margin-top:56px;padding-top:44px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:42px;align-items:stretch}
.company-location h3{font-size:30px;margin:0 0 22px}
.company-location p{color:rgba(255,255,255,.75);line-height:1.8;margin:8px 0}
.company-location a{color:white}
.map-placeholder{min-height:250px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px}
.map-title{font-size:22px;font-weight:700;margin-bottom:8px}.map-address{color:rgba(255,255,255,.65);margin-bottom:22px}
@media(max-width:800px){.customer-list ul{grid-template-columns:1fr}.company-location{grid-template-columns:1fr}}

/* WordPress Primary Navigation */
.menu .primary-menu {
  display: flex;
  align-items: center;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu .primary-menu > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu .primary-menu > li > a {
  display: block;
  white-space: nowrap;
}


/* AI Light Section */
.ai-section .lead {
  color: var(--muted);
}
.ai-section .eyebrow {
  color: #1476d4;
}
.ai-section .pill-row span {
  border-color: var(--line);
  color: var(--ink);
  background: #fff;
}

/* Company License Card */
.company-license {
  margin-top: 42px;
  padding: 30px 34px;
  background: #fff;
  color: var(--ink);
  border-radius: 16px;
}

.company-license .eyebrow {
  color: #1476d4;
}

.company-license h3 {
  margin: 6px 0 16px;
  font-size: 26px;
  color: var(--ink);
}

.company-license .license-content {
  color: var(--muted);
  line-height: 1.8;
}

.company-license .license-content p {
  margin: 6px 0;
}

/* Section Rhythm */
.ai-section {
  border-top: 1px solid var(--line);
  padding-top: 70px;
  padding-bottom: 70px;
}

/* AI Section Divider */
.ai-section {
  border-top-color: #b8c7d6;
}

/* Project History Accordion - Light Section */
.projects-history {
  margin-top: 42px;
}

.projects-history .customer-accordion {
  margin-top: 0;
  border-top: 1px solid #b8c7d6;
  border-bottom: 1px solid #b8c7d6;
}

.projects-history .customer-accordion summary {
  color: var(--ink);
}

.projects-history .customer-note {
  color: var(--muted);
}

.projects-history .project-history-table th {
  color: #1476d4;
}

.projects-history .project-history-table td {
  color: var(--ink);
  border-bottom-color: var(--line);
}

/* Project History Table */
.project-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.project-history-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.project-history-table th,
.project-history-table td {
  padding: 12px 10px;
  text-align: left;
  vertical-align: top;
}

.project-history-table th:nth-child(1),
.project-history-table td:nth-child(1) {
  width: 10%;
}

.project-history-table th:nth-child(2),
.project-history-table td:nth-child(2) {
  width: 20%;
}

.project-history-table th:nth-child(3),
.project-history-table td:nth-child(3) {
  width: 55%;
}

.project-history-table th:nth-child(4),
.project-history-table td:nth-child(4) {
  width: 15%;
}


/* SIMFLEX SYSTEM METRIC RESPONSIVE V1 */

/* Prevent long labels from expanding grid columns */
#solutions .metric > div {
    min-width: 0;
    box-sizing: border-box;
}

#solutions .metric strong {
    overflow-wrap: break-word;
}

/* Tablet and narrow desktop */
@media (max-width: 1100px) {
    #solutions .metric {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Smartphone */
@media (max-width: 760px) {
    #solutions .metric {
        grid-template-columns: minmax(0, 1fr);
    }

    #solutions .metric > div {
        padding: 20px;
    }

    #solutions .metric strong {
        font-size: 23px;
    }
}

/* SIMFLEX SECTION TITLE SIZE V1 */
.service-headline,
.system-show-title,
.analytics-title,
.small-feature-title {
    font-size: 32px !important;
    line-height: 1.35;
}


/* AI Simulation Cards V1 */
.ai-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 36px;
}

.ai-card {
  min-width: 0;
  padding: 28px 24px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-sizing: border-box;
}

.ai-card-number {
  display: inline-block;
  margin-bottom: 24px;
  color: #1476d4;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.ai-card h3 {
  margin: 0 0 14px;
  color: var(--ink);
  font-size: 21px;
  line-height: 1.4;
}

.ai-card p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
  overflow-wrap: break-word;
}

@media (max-width: 1024px) {
  .ai-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .ai-card-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .ai-card {
    padding: 24px 22px;
  }
}


/* AI Lead Manual Line Break V1 */
.ai-section .lead {
  max-width: none;
  white-space: normal;
}