/* ASTERON AI — 사이트 공통 토큰(asteron-inc.css)을 그대로 쓰고, 이 페이지 전용 블록만 둔다. */

/* Hero */
.ai-hero{position:relative;padding:calc(var(--nav-height) + 100px) 0 110px;background:#fafaf8;overflow:hidden}
.ai-hero-mesh{position:absolute;inset:0;background:
  radial-gradient(ellipse 45% 40% at 88% 18%,rgba(27,23,255,.10),transparent 70%),
  radial-gradient(ellipse 30% 30% at 8% 90%,rgba(247,247,49,.18),transparent 70%);pointer-events:none}
.ai-hero .shell{position:relative}
.ai-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:70px;margin-top:30px}
.ai-hero h1{font-size:clamp(52px,6vw,84px);font-weight:500;line-height:1.08;letter-spacing:-.07em}
.ai-hero h1 em{color:var(--asteron-blue);font-style:normal}
.ai-hero-copy p{color:#50525c;font-size:16px;line-height:1.8}
.ai-hero-copy p+p{margin-top:12px}
.ai-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:34px}

/* 흐름 도식 */
.ai-flow{margin-top:84px;border-radius:26px;background:#111116;color:#fff;box-shadow:0 40px 90px rgba(17,17,22,.18);overflow:hidden}
.ai-flow-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.08);font-family:Arial,sans-serif;font-size:10px;letter-spacing:.14em}
.ai-flow-head p{display:flex;align-items:center;gap:7px}
.ai-flow-head i{width:8px;height:8px;border-radius:50%;background:#34353f}
.ai-flow-head i:first-child{background:var(--asteron-yellow)}
.ai-flow-head b{margin-left:10px;font-weight:700}
.ai-flow-head span{color:#7d7f8a}
.ai-flow-body{display:grid;grid-template-columns:1fr 64px .9fr 64px 1.15fr;align-items:center;padding:38px 34px 40px}
.ai-flow-label{margin-bottom:16px;color:#7d7f8a;font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em}
.ai-chip{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#1b1c24}
.ai-chip+.ai-chip{margin-top:9px}
.ai-chip>span{min-width:44px;padding:5px 0;border-radius:7px;background:rgba(27,23,255,.28);color:#c9c8ff;font-family:Arial,sans-serif;font-size:9px;font-weight:700;text-align:center}
.ai-chip b{display:block;font-size:13px;font-weight:600}
.ai-chip small{color:#7d7f8a;font-size:11px}
.ai-flow-lane{display:flex;justify-content:center;gap:6px}
.ai-flow-lane i{width:6px;height:6px;border-radius:50%;background:var(--asteron-blue);animation:ai-pulse 1.8s infinite}
.ai-flow-lane i:nth-child(2){animation-delay:.3s}
.ai-flow-lane i:nth-child(3){animation-delay:.6s}
@keyframes ai-pulse{0%,100%{opacity:.25}50%{opacity:1}}
.ai-flow-core{padding:24px 22px;border:1px solid rgba(27,23,255,.55);border-radius:20px;background:linear-gradient(160deg,rgba(27,23,255,.22),rgba(27,23,255,.04))}
.ai-core-mark{width:46px;height:46px;display:grid;place-items:center;margin-bottom:16px;border-radius:14px;background:#fff}
.ai-core-mark img{width:26px}
.ai-flow-core li{display:flex;align-items:center;gap:9px;font-size:13px}
.ai-flow-core li+li{margin-top:9px}
.ai-flow-core li .material-symbols-rounded{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--asteron-yellow);color:var(--ink);font-size:14px}
.ai-flow-answer .ai-q{color:#b9bbc5;font-size:14px}
.ai-flow-answer .ai-a{margin-top:12px;padding:16px 18px;border-left:3px solid var(--asteron-yellow);border-radius:0 14px 14px 0;background:#1b1c24;font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-.02em}
.ai-sources{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px}
.ai-sources span{margin-right:3px;color:#7d7f8a;font-family:Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:.14em}
.ai-sources b{padding:5px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#d6d7de;font-size:11px;font-weight:500}

/* 관점 */
.ai-statement{padding:160px 0;background:#fff}
.ai-statement-grid{display:grid;grid-template-columns:1fr 2.15fr;gap:40px}
.ai-statement-grid>.section-index{padding-top:14px;color:#797b85}
.ai-statement h2{font-size:clamp(40px,4.8vw,68px);font-weight:500;line-height:1.18;letter-spacing:-.065em}
.ai-statement h2 span{position:relative;color:var(--asteron-blue)}
.ai-statement h2 span::after{content:'';position:absolute;right:-16px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--asteron-yellow)}
.ai-statement p{max-width:680px;margin-top:34px;color:#5c5e68;font-size:17px;line-height:1.85}

/* 원칙 */
.ai-principles{padding:140px 0;background:#f4f4f1}
.ai-principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ai-principle-grid article{position:relative;min-height:330px;display:flex;flex-direction:column;padding:32px 28px;border-radius:24px;background:#fff;transition:transform .25s,box-shadow .25s}
.ai-principle-grid article:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(17,17,22,.07)}
.ai-principle-no{position:absolute;top:30px;right:28px;color:#a9abb3;font-family:Arial,sans-serif;font-size:10px}
.ai-principle-grid article>.material-symbols-rounded{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--paper-blue);color:var(--asteron-blue);font-size:24px}
.ai-principle-grid h3{margin-top:auto;padding-top:36px;font-family:Arial,sans-serif;font-size:28px;font-weight:500;letter-spacing:-.03em}
.ai-principle-grid h3 small{display:block;margin-top:4px;color:#8a8c93;font-family:'Pretendard',sans-serif;font-size:12px;letter-spacing:0}
.ai-principle-grid p{margin-top:14px;color:#5c5e68;font-size:14px;line-height:1.75}

/* 작동 방식 */
.ai-how{padding:150px 0;background:#14151d;color:#fff}
.ai-how-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}
.ai-how h2{margin-top:18px;font-size:clamp(40px,4.6vw,62px);font-weight:500;line-height:1.15;letter-spacing:-.06em}
.ai-how-copy>p:last-child{max-width:460px;margin-top:28px;color:#9fa1ac;font-size:16px;line-height:1.8}
.ai-steps{border-top:1px solid rgba(255,255,255,.15)}
.ai-steps li{min-height:132px;display:grid;grid-template-columns:58px 1fr;align-items:center;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.ai-steps li>span{color:var(--asteron-yellow);font-family:Arial,sans-serif;font-size:10px}
.ai-steps strong{font-family:Arial,sans-serif;font-size:23px;font-weight:500}
.ai-steps p{margin-top:7px;color:#8f919c;font-size:14px;line-height:1.7}

/* 제품 */
.ai-products{padding:140px 0;background:#fff}
.ai-product-feature{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding:54px;border-radius:var(--radius);background:var(--paper-blue);overflow:hidden;transition:box-shadow .25s}
.ai-product-feature::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--asteron-yellow),var(--asteron-yellow) 24%,var(--asteron-gray) 24%,var(--asteron-gray) 42%,transparent 42%)}
.ai-product-feature:hover{box-shadow:0 30px 70px rgba(27,23,255,.12)}
.ai-product-feature:hover .circle-link{transform:rotate(45deg)}
.ai-product-tag img{width:170px}
.ai-product-copy h3{margin-top:28px;font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.2;letter-spacing:-.05em}
.ai-product-copy p{max-width:420px;margin-top:16px;color:#5c5e68;font-size:15px;line-height:1.8}
.ai-product-tiers{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:center}
.ai-product-tiers>div{padding:26px 24px;border-radius:20px;background:#fff}
.ai-product-tiers>div.is-pro{background:var(--ink);color:#fff}
.ai-product-tiers p b{display:inline-block;padding:5px 10px;border-radius:999px;background:var(--paper-blue);color:var(--asteron-blue);font-family:Arial,sans-serif;font-size:10px;letter-spacing:.12em}
.ai-product-tiers .is-pro p b{background:var(--asteron-yellow);color:var(--ink)}
.ai-product-tiers ul{margin-top:18px}
.ai-product-tiers li{position:relative;padding-left:18px;font-size:14px;line-height:1.55}
.ai-product-tiers li+li{margin-top:11px}
.ai-product-tiers li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--asteron-blue)}
.ai-product-tiers .is-pro li::before{background:var(--asteron-yellow)}

/* AX — 현장에서 운영 중인 업무 AI 기술 */
.ai-ax{--acc:var(--asteron-blue);--acc-soft:rgba(27,23,255,.08);padding:140px 0;background:#fff}
.ai-ax-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ai-ax-grid article{position:relative;display:flex;flex-direction:column;padding:32px 30px 34px;border:1px solid var(--line);border-radius:24px;background:#fff;transition:border-color .25s,transform .25s,box-shadow .25s}
.ai-ax-grid article:hover{border-color:var(--asteron-blue);transform:translateY(-3px);box-shadow:0 24px 50px rgba(27,23,255,.08)}
.ai-ax-grid article>.material-symbols-rounded{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--paper-blue);color:var(--asteron-blue);font-size:27px}
.ai-ax-live{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#e5f7ee;color:#10864a;font-family:Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:.12em}
.ai-ax-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#1fb866;box-shadow:0 0 0 3px rgba(31,184,102,.18)}
.ai-ax-live.is-product{background:var(--paper-blue);color:var(--asteron-blue)}
.ai-ax-live.is-product::before{background:var(--asteron-blue);box-shadow:0 0 0 3px rgba(27,23,255,.14)}
.ai-ax-grid article>.ai-ax-live{position:absolute;top:30px;right:28px}
.ai-ax-en{margin-top:26px;color:var(--asteron-blue);font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em}
.ai-ax-grid h3{margin-top:8px;font-size:22px;font-weight:600;letter-spacing:-.04em}
.ai-ax-grid article>p:last-child{margin-top:12px;color:#5c5e68;font-size:14px;line-height:1.75}
.ai-ax-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:18px;color:#777984;font-size:12px}
.ai-ax-legend .ai-ax-live:not(:first-child){margin-left:14px}
.ai-ax .ai-show-steps li:not(:last-child)::after{border-color:var(--asteron-blue)}
.ai-guardrails{margin-top:70px}
.ai-guardrails ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ai-guardrails li{display:flex;align-items:center;gap:10px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fafaf8;font-size:14px;font-weight:600;letter-spacing:-.02em}
.ai-guardrails li .material-symbols-rounded{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#fff;border:1px solid var(--line);color:var(--asteron-blue);font-size:19px}

/* 현장 사례 — 태융정보통신 */
.ai-case{--acc:var(--asteron-blue);--acc-soft:rgba(27,23,255,.08);padding:140px 0;background:var(--paper-blue)}
.ai-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.ai-case-flow{position:relative;display:grid;gap:10px}
.ai-case-flow li{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:16px;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid #e1e4f5}
.ai-case-who{justify-self:start;padding:5px 10px;border-radius:999px;font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em}
.ai-case-who.is-ai{background:var(--paper-blue);color:var(--asteron-blue)}
.ai-case-who.is-rule{background:var(--ink);color:var(--asteron-yellow)}
.ai-case-who.is-human{background:#e5f7ee;color:#10864a}
.ai-case-flow b{display:block;font-size:16px;font-weight:600;letter-spacing:-.03em}
.ai-case-flow p{margin-top:4px;color:#5c5e68;font-size:13px;line-height:1.7}
.ai-case-demo{position:sticky;top:110px;padding:28px;border-radius:24px;background:#fff;border:1px solid #e1e4f5;box-shadow:0 30px 70px rgba(27,23,255,.1)}
.ai-case-demo .ai-say-msg{font-family:inherit}
.ai-case-fields{margin-top:16px;padding:16px 18px;border:1px dashed #c9cdf3;border-radius:16px;background:#f8f9ff}
.ai-case-fields>p{color:var(--asteron-blue);font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ai-case-fields>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.ai-case-fields span{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:#fff;color:#6c6e78;font-size:12px}
.ai-case-fields span b{color:var(--ink);font-family:Arial,sans-serif;font-size:24px;font-weight:600}
.ai-case-calc{display:flex;align-items:center;gap:12px;margin-top:10px;padding:16px 18px;border-radius:16px;background:var(--ink);color:#fff}
.ai-case-calc .material-symbols-rounded{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--asteron-yellow);color:var(--ink)}
.ai-case-calc p{color:#a4a6b1;font-size:12px;line-height:1.6}
.ai-case-calc b{display:block;color:#fff;font-size:15px;font-weight:600}
.ai-case .ai-show-links{justify-content:flex-start;gap:28px}
.ai-case .ai-show-links .text-link{color:var(--ink)}

/* 제품별 AI 목차 */
.ai-lineup-head{align-items:flex-end}
.ai-lineup-head>p{max-width:480px;color:#5c5e68;font-size:15px;line-height:1.8}
.ai-lineup-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}
.ai-lineup-nav a{--acc:var(--asteron-blue);display:flex;flex-direction:column;gap:3px;padding:18px 20px;border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:14px;transition:background .2s,transform .2s}
.ai-lineup-nav a:hover{background:#f6f7fb;transform:translateY(-2px)}
.ai-lineup-nav a.is-hops{--acc:#2f4fd6}
.ai-lineup-nav a.is-stack{--acc:#10b981}
.ai-lineup-nav a.is-say{--acc:#f97316}
.ai-lineup-nav b{font-size:16px;font-weight:600;letter-spacing:-.02em}
.ai-lineup-nav span{color:var(--acc);font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ai-anchor{display:block;position:relative;top:-110px}

/* 제품별 AI 쇼케이스 — 제품 고유 색(--acc)만 바꿔 같은 틀을 쓴다 */
.ai-showcase{--acc:var(--asteron-blue);--acc-soft:rgba(27,23,255,.08);padding:140px 0;scroll-margin-top:60px}
.ai-showcase.is-hops{--acc:#2f4fd6;--acc-soft:rgba(47,79,214,.09);background:#f6f7fb}
.ai-showcase.is-stack{--acc:#0e9f74;--acc-soft:rgba(16,185,129,.1);background:#fff}
.ai-showcase.is-say{--acc:#ea6a10;--acc-soft:rgba(249,115,22,.1);background:#fafaf8}
.ai-show-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.ai-show-label{display:flex;align-items:center;gap:8px;color:var(--acc);font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em}
.ai-show-label .material-symbols-rounded{font-size:18px}
.ai-showcase h2{margin-top:18px;font-family:Arial,sans-serif;font-size:clamp(46px,5.4vw,76px);font-weight:500;line-height:1;letter-spacing:-.05em}
.ai-show-tagline{margin-top:20px;font-size:clamp(19px,1.8vw,24px);font-weight:600;line-height:1.45;letter-spacing:-.035em}
.ai-show-desc{color:#50525c;font-size:16px;line-height:1.85}
.ai-show-points{margin-top:28px;border-top:1px solid #dcdcd8}
.ai-show-points li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #dcdcd8}
.ai-show-points li>.material-symbols-rounded{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--acc-soft);color:var(--acc);font-size:21px}
.ai-show-points b{display:block;margin-bottom:3px;color:var(--ink);font-size:15px;font-weight:600}
.ai-show-points p{color:#5c5e68;font-size:14px;line-height:1.7}

/* 스크린샷 */
.ai-shots{display:grid;gap:18px;margin-top:70px}
.ai-shots-portrait{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.ai-shots-wide{grid-template-columns:1.15fr 1fr;align-items:start}
.ai-shots figure{overflow:hidden;border:1px solid #e3e4ea;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(17,17,22,.07)}
.ai-shots figcaption{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid #eeeef2;font-size:13px;font-weight:600}
.ai-shots figcaption i{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--acc);color:#fff;font-family:Arial,sans-serif;font-size:11px;font-style:normal}
.ai-shots img{width:100%;height:auto}
.ai-shots-portrait img{height:580px;object-fit:cover;object-position:top}

/* 4단계 */
.ai-show-steps{margin-top:70px}
.ai-show-steps-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-bottom:22px;color:#5c5e68;font-size:15px}
.ai-show-steps-title b{color:var(--acc);font-family:Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.ai-show-steps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:none}
.ai-show-steps li{position:relative;padding:26px 24px 28px;border-radius:20px;background:#fff;border:1px solid #e6e6ea}
.ai-showcase.is-hops .ai-show-steps li{border-color:#e1e4f2}
.ai-show-steps li:not(:last-child)::after{content:'';position:absolute;top:50%;right:-9px;z-index:1;width:6px;height:6px;border-top:2px solid var(--acc);border-right:2px solid var(--acc);transform:translateY(-50%) rotate(45deg)}
.ai-show-steps li>span{color:var(--acc);font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em}
.ai-show-steps li>i{display:block;margin:16px 0 14px;color:var(--acc);font-size:28px}
.ai-show-steps li>b{display:block;font-size:17px;font-weight:600;letter-spacing:-.03em}
.ai-show-steps li>p{margin-top:8px;color:#5c5e68;font-size:13px;line-height:1.7}
.ai-show-loop{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 16px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-size:13px;font-weight:600}
.ai-show-loop .material-symbols-rounded{font-size:18px}

/* 거버넌스 */
.ai-governance{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;margin-top:70px;padding:54px;border-radius:var(--radius);background:#14151d;color:#fff}
.ai-governance .ai-show-label{color:#9fb0ff}
.ai-governance h3{margin-top:16px;font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.2;letter-spacing:-.05em}
.ai-gov-copy>p{margin-top:18px;color:#a4a6b1;font-size:15px;line-height:1.8}
.ai-gov-copy ul{margin-top:24px}
.ai-gov-copy li{padding:12px 0;border-top:1px solid rgba(255,255,255,.1);color:#a4a6b1;font-size:13px;line-height:1.7}
.ai-gov-copy li b{display:block;color:#fff;font-size:14px;font-weight:600}
.ai-gov-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ai-gov-role{padding:20px 18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#1b1c26}
.ai-gov-role>p{display:flex;align-items:center;gap:7px;margin-bottom:14px;font-size:14px;font-weight:600}
.ai-gov-role>p .material-symbols-rounded{color:var(--asteron-yellow);font-size:19px}
.ai-gov-role li{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:9px;background:rgba(47,79,214,.22);color:#dfe4ff;font-size:12px}
.ai-gov-role li+li{margin-top:6px}
.ai-gov-role li::before{content:'check';font-family:'Material Symbols Rounded';font-size:15px;color:#8fe3b9}
.ai-gov-role li.is-locked{background:rgba(255,255,255,.04);color:#6d6f7b;text-decoration:line-through}
.ai-gov-role li.is-locked::before{content:'lock';color:#6d6f7b}
.ai-gov-note{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:6px;color:#a4a6b1;font-size:12px;line-height:1.6}
.ai-gov-note .material-symbols-rounded{color:#8fe3b9;font-size:18px}

/* 뉴스 파이프라인 */
.ai-pipeline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:22px;padding:24px;border:1px dashed #cfe9df;border-radius:20px;background:#f7fcfa}
.ai-pipe-node{display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid #e3f1eb}
.ai-pipe-node.is-end{background:var(--acc);border-color:var(--acc);color:#fff}
.ai-pipe-node .material-symbols-rounded{font-size:22px;color:var(--acc)}
.ai-pipe-node.is-end .material-symbols-rounded{color:#fff}
.ai-pipe-node b{display:block;font-size:14px;font-weight:600}
.ai-pipe-node p{color:#6c6e78;font-size:12px}
.ai-pipe-node.is-end p{color:rgba(255,255,255,.8)}
.ai-pipe-arrow{color:var(--acc);font-size:20px}
.ai-pipe-tags{display:flex;flex-wrap:wrap;gap:6px;max-width:330px}
.ai-pipe-tags span{padding:6px 11px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-family:Arial,sans-serif;font-size:11px;font-weight:700}

/* SayBridge 대화 예시 */
.ai-say-demo{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:70px}
.ai-say-chat,.ai-say-score{padding:26px;border:1px solid #efe4da;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(17,17,22,.06)}
.ai-say-head{display:flex;align-items:center;gap:9px;margin-bottom:20px;font-size:14px;font-weight:700}
.ai-say-head i{width:9px;height:9px;border-radius:50%;background:var(--acc)}
.ai-say-head span{margin-left:auto;padding:4px 9px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-family:Arial,sans-serif;font-size:10px;letter-spacing:.1em}
.ai-say-msg{max-width:80%;padding:12px 16px;border-radius:16px;font-family:Arial,sans-serif;font-size:14px;line-height:1.5}
.ai-say-msg+.ai-say-msg,.ai-say-fix+.ai-say-msg{margin-top:10px}
.ai-say-msg.is-ai{background:#f4f4f1;border-bottom-left-radius:5px}
.ai-say-msg.is-user{margin-left:auto;background:var(--acc);color:#fff;border-bottom-right-radius:5px}
.ai-say-fix{display:flex;align-items:flex-start;gap:10px;max-width:80%;margin:10px 0 0 auto;padding:12px 14px;border:1px dashed var(--acc);border-radius:14px;background:var(--acc-soft)}
.ai-say-fix .material-symbols-rounded{color:var(--acc);font-size:19px}
.ai-say-fix p{font-family:Arial,sans-serif;font-size:14px}
.ai-say-fix s{color:#9a9ca5}
.ai-say-fix b{color:var(--acc)}
.ai-say-fix small{display:block;margin-top:3px;color:#6c6e78;font-family:'Pretendard',sans-serif;font-size:12px}
.ai-say-grade{display:flex;align-items:baseline;gap:6px}
.ai-say-grade b{color:var(--acc);font-family:Arial,sans-serif;font-size:64px;font-weight:500;line-height:1;letter-spacing:-.04em}
.ai-say-grade span{color:#9a9ca5;font-family:Arial,sans-serif;font-size:18px}
.ai-say-score ul{margin-top:22px}
.ai-say-score li{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #f1ece6;font-size:14px}
.ai-say-score li .material-symbols-rounded{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:15px}
.ai-say-score li.is-ok .material-symbols-rounded{background:#e3f6ec;color:#15924f}
.ai-say-score li.is-miss .material-symbols-rounded{background:#fde8e6;color:#d33b2c}

/* 링크 줄 */
.ai-show-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:34px}
.ai-show-links .text-link{color:var(--acc)}
.ai-deepdive{display:flex;align-items:center;gap:16px;flex:1 1 520px;max-width:720px;padding:18px 22px;border:1px solid #dfe3f3;border-radius:18px;background:#fff;transition:border-color .2s,transform .2s}
.ai-deepdive:hover{border-color:var(--acc);transform:translateY(-2px)}
.ai-deepdive>.material-symbols-rounded:first-child{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:var(--acc-soft);color:var(--acc)}
.ai-deepdive>.material-symbols-rounded:last-child{margin-left:auto;color:var(--acc)}
.ai-deepdive p{color:#5c5e68;font-size:13px;line-height:1.6}
.ai-deepdive small{display:block;color:var(--acc);font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em}
.ai-deepdive b{display:block;margin:2px 0;color:var(--ink);font-size:16px;font-weight:600}


/* 데이터 약속 */
.ai-promise{padding:140px 0;background:#fafaf8;border-top:1px solid var(--line)}
.ai-promise-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:start}
.ai-promise h2{margin:18px 0 30px;font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1.18;letter-spacing:-.06em}
.ai-promise-list{border-top:1px solid #d5d5d0}
.ai-promise-list li{display:grid;grid-template-columns:52px 1fr;align-items:start;gap:14px;padding:28px 0;border-bottom:1px solid #d5d5d0}
.ai-promise-list .material-symbols-rounded{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--asteron-blue);font-size:22px}
.ai-promise-list b{display:block;margin-bottom:5px;color:var(--ink);font-size:18px;font-weight:600;letter-spacing:-.02em}
.ai-promise-list p{color:#5c5e68;font-size:14px;line-height:1.75}

/* 마무리 */
.ai-closing-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px}
.ai-closing-link{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:700;opacity:.85;transition:opacity .2s}
.ai-closing-link:hover{opacity:1}
.ai-closing-link .material-symbols-rounded{font-size:18px}
.ai-closing-products{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:46px;padding-top:30px;border-top:1px solid rgba(255,255,255,.18)}
.ai-closing-products>span{width:100%;margin-bottom:6px;color:rgba(255,255,255,.7);font-size:13px}
.ai-closing-products a{display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:13px;font-weight:700;transition:background .2s}
.ai-closing-products a:hover{background:rgba(255,255,255,.12)}
.ai-closing-products i{font-size:16px;font-style:normal}

@media(max-width:1100px){
  .ai-hero-grid,.ai-statement-grid,.ai-how-grid,.ai-promise-grid,.ai-product-feature{grid-template-columns:1fr;gap:40px}
  .ai-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-flow-body{grid-template-columns:1fr;gap:22px}
  .ai-flow-lane{transform:rotate(90deg);height:10px}
  .ai-show-head,.ai-governance,.ai-say-demo{grid-template-columns:1fr;gap:34px}
  .ai-lineup-head{flex-direction:column;align-items:flex-start;gap:16px}
  .ai-lineup-nav,.ai-show-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-show-steps li:nth-child(2)::after{display:none}
  .ai-shots-wide{grid-template-columns:1fr}
  .ai-ax-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-guardrails ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-case-grid{grid-template-columns:1fr}
  .ai-case-demo{position:static}
}
@media(max-width:680px){
  .ai-hero{padding:calc(var(--nav-height) + 60px) 0 80px}
  .ai-flow{margin-top:56px;border-radius:20px}
  .ai-flow-head span{display:none}
  .ai-flow-body{padding:26px 20px 28px}
  .ai-statement,.ai-principles,.ai-how,.ai-products,.ai-promise{padding:95px 0}
  .ai-principle-grid,.ai-product-tiers{grid-template-columns:1fr}
  .ai-principle-grid article{min-height:auto}
  .ai-product-feature{padding:34px 24px}
  .ai-showcase,.ai-ax,.ai-case{padding:95px 0}
  .ai-ax-grid,.ai-guardrails ul{grid-template-columns:1fr}
  .ai-guardrails{margin-top:46px}
  .ai-case-flow li{grid-template-columns:1fr;gap:10px}
  .ai-case-fields span b{font-size:20px}
  .ai-lineup-nav{gap:8px}
  .ai-lineup-nav a{padding:14px 14px}
  .ai-shots,.ai-show-steps,.ai-governance,.ai-say-demo{margin-top:46px}
  .ai-shots-portrait{grid-template-columns:1fr}
  .ai-shots-portrait img{height:520px}
  .ai-show-steps ol,.ai-gov-matrix{grid-template-columns:1fr}
  .ai-show-steps li::after{display:none}
  .ai-governance{padding:34px 22px}
  .ai-pipe-arrow{transform:rotate(90deg)}
  .ai-pipeline{flex-direction:column}
  .ai-say-msg,.ai-say-fix{max-width:92%}
}
@media(prefers-reduced-motion:reduce){.ai-flow-lane i{animation:none;opacity:.8}}