/* EIGHT top: issue-first AI/DX execution positioning (2026-11-13).
   Existing nav, NEWS auto-sync, service cards, and contact backend are intentionally preserved. */
.ai-home{overflow:hidden}
.ai-home .ai-kicker{margin:0 0 14px;color:#2a7b73;font-size:11px!important;font-weight:800;letter-spacing:.15em;line-height:1.5!important}
.ai-hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(28px,4vw,60px);align-items:center;padding-block:58px 85px}
.ai-hero-copy{min-width:0;max-width:650px}
.ai-tag{display:inline-block;border:1px solid #b8d9cc;background:#eaf4ef;color:#27634c;padding:5px 13px;border-radius:100px;font-size:12px;font-weight:800;margin-bottom:22px}
body .ai-home .ai-hero h1{margin:0 0 22px;font-size:clamp(34px,3.6vw,55px)!important;line-height:1.32!important;letter-spacing:-.035em;font-weight:900;overflow-wrap:normal}
.ai-hero .ai-accent{color:#157e77}
body .ai-home .ai-hero-lead{font-size:15px!important;line-height:2.0!important;color:#435b50;margin:0 0 25px}
.ai-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.ai-btn{display:inline-flex;min-height:49px;gap:24px;align-items:center;justify-content:space-between;padding:12px 22px;border-radius:999px;font-size:13px;font-weight:800;line-height:1.5;text-decoration:none;transition:transform .2s,background .2s}
.ai-btn:hover{transform:translateY(-2px)}
.ai-btn-primary{background:#00afcc;color:#173d37}
.ai-btn-primary:hover{background:#04c2db;color:#173d37}
.ai-btn-outline{background:#fff;color:#243d3b;border:1px solid #94b0a6}
body .ai-home .ai-hero-note{font-size:12px!important;color:#597064;line-height:1.65!important;margin:18px 0 0}
.ai-hero-visual{position:relative;min-width:0;padding:4px 0 25px 24px}
.ai-hero-visual:before{content:"";position:absolute;inset:0 8% 12% 0;border-radius:20px;background:#e5f1ec}
.ai-hero-photo{position:relative;overflow:hidden;aspect-ratio:1.23;border-radius:14px;background:#d5e4dc}
.ai-hero-photo img{height:100%;width:100%;object-fit:cover}
.ai-hero-summary{position:relative;margin:-69px 21px 0 -18px;background:#fff;border:1px solid #d3e5db;border-radius:11px;box-shadow:0 13px 35px rgba(36,61,59,.10);padding:19px 24px 20px}
body .ai-home .ai-hero-summary p{margin:0 0 4px;font-size:10px!important;letter-spacing:.13em;line-height:1.5!important;font-weight:700;color:#398177}
.ai-hero-summary strong{font-size:17px;font-weight:800;color:#243d3b}
.ai-hero-steps{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:11px;font-weight:800;color:#52776b}
.ai-hero-steps span{padding:5px 10px;border-radius:999px;background:#eef5f0}
.ai-hero-steps b{color:#087f98}
.ai-home .home-news{margin-bottom:0;padding:14px 22px;border-radius:6px}
.ai-home .home-news .corporate-live-news a:nth-child(n+3){display:none!important}
.ai-home .home-news .corporate-live-news a{min-height:40px!important;padding:7px 0!important}
.ai-home .home-news .news-heading h2{font-size:15px!important}
.ai-section{padding-block:82px}
.ai-section-heading{margin-bottom:30px;max-width:760px}
body .ai-home .ai-section-heading h2,body .ai-home .ai-mission h2,body .ai-home .ai-contact h2{margin:0 0 13px;font-size:clamp(25px,2.8vw,37px)!important;line-height:1.45!important;letter-spacing:-.025em;font-weight:900}
body .ai-home .ai-section-heading>p:not(.ai-kicker),body .ai-home .ai-section-heading>div>p:not(.ai-kicker){font-size:14px!important;line-height:1.85!important;color:#5a6c62;margin:0}
.ai-issues{padding-top:72px}
.ai-issue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.ai-issue{display:flex;flex-direction:column;min-width:0;padding:24px 20px;border:1px solid #d7e4db;border-radius:10px;background:#fff;transition:box-shadow .2s,border-color .2s,transform .2s}
.ai-issue:hover{border-color:#2b8f88;box-shadow:0 8px 25px rgba(24,58,48,.08);transform:translateY(-2px)}
.ai-issue-no{color:#24857e;font-size:10px;font-weight:800;letter-spacing:.12em}
body .ai-home .ai-issue h3{font-size:18px!important;line-height:1.5!important;font-weight:800;margin:14px 0 9px}
body .ai-home .ai-issue p{margin:0 0 20px;font-size:12px!important;line-height:1.85!important;color:#5c6f64;flex:1}
.ai-arrow{margin-top:auto;color:#1d7772;font-size:12px;font-weight:800}
.ai-approach{padding:85px 0 78px;background:#edf4ef;border-block:1px solid #e0e9e2}
.ai-heading-center{max-width:820px;text-align:center;margin:0 auto 36px}
.ai-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;list-style:none;margin:0;padding:0}
.ai-process li{position:relative;min-width:0;padding:28px 22px;background:#fff;border:1px solid #dbe6dc;border-radius:9px}
.ai-process li:not(:last-child):after{content:"→";position:absolute;z-index:1;right:-17px;top:48%;width:25px;text-align:center;font-size:24px;font-weight:800;color:#198b86}
.ai-process-no{display:block;color:#25877f;font-size:10px;letter-spacing:.12em;font-weight:900;margin-bottom:22px}
body .ai-home .ai-process h3{margin:0 0 9px;font-size:17px!important;line-height:1.5!important}
body .ai-home .ai-process p{margin:0;font-size:12px!important;line-height:1.85!important;color:#607267}
body .ai-home .ai-process-note{text-align:center;font-size:12px!important;color:#5d7065;margin:20px 0 0;line-height:1.6!important}
.ai-fields{padding-bottom:55px}
.ai-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ai-field{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px 25px;background:#fbfcfa;border:1px solid #d9e7dd;border-radius:9px}
.ai-field-no{position:absolute;top:14px;right:23px;font-size:47px;font-weight:800;color:#e2eee6;line-height:1}
body .ai-home .ai-field-label{margin:0 0 14px;font-size:10px!important;font-weight:800;letter-spacing:.13em;color:#2a8077}
body .ai-home .ai-field h3{margin:0 0 9px;font-size:21px!important;line-height:1.5!important;font-weight:800}
body .ai-home .ai-field p:not(.ai-field-label){margin:0 0 20px;font-size:13px!important;line-height:1.9!important;color:#566c60;flex:1}
.ai-field a{font-size:12px;font-weight:800;color:#1a7c75}
.ai-home .home-services{padding-top:37px;padding-bottom:78px}
.ai-home .home-services .showcase-heading h2{font-size:clamp(24px,2.4vw,32px)!important;line-height:1.5!important}
.ai-works{padding:82px 0 90px;background:#ecf3ee}
.ai-works-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:none}
.ai-works-heading>div{max-width:720px}
.ai-section-link{display:inline-block;flex-shrink:0;color:#1d7772;font-size:12px;font-weight:800;white-space:nowrap}
.ai-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ai-work{display:flex;flex-direction:column;min-width:0;padding:28px 25px;border:1px solid #d4e2d7;border-radius:9px;background:#fff;transition:box-shadow .2s,border-color .2s}
.ai-work:hover{border-color:#2a8b82;box-shadow:0 8px 24px rgba(20,60,48,.08)}
.ai-work>span{font-size:10px;font-weight:900;color:#21857d;letter-spacing:.1em}
body .ai-home .ai-work h3{font-size:18px!important;line-height:1.6!important;margin:16px 0 12px;font-weight:800}
body .ai-home .ai-work p{font-size:12px!important;line-height:1.95!important;color:#596e62;flex:1;margin:0 0 20px}
.ai-work strong{font-size:12px;color:#147f79}
.ai-mission{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center;padding-block:86px}
body .ai-home .ai-mission p:not(.ai-kicker){font-size:14px!important;line-height:2!important;color:#526b5f;margin:0 0 20px}
.ai-mission-flow{display:flex;gap:12px;align-items:center;margin-bottom:15px}
.ai-mission-flow span{font-size:13px;font-weight:800;color:#245e50;padding:8px 18px;background:#edf5ef;border-radius:100px}
.ai-mission-flow b{color:#21877d}
.ai-contact{background:#243d3b;color:#fff;padding-block:64px}
.ai-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
body .ai-home .ai-contact .ai-kicker{color:#64d5dd}
body .ai-home .ai-contact h2{color:#fff}
body .ai-home .ai-contact p:not(.ai-kicker){max-width:46em;font-size:13px!important;line-height:1.9!important;color:#dce8df;margin:0}
.ai-contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0}
.ai-btn-light{background:#00afcc;color:#163d38;min-width:240px}
.ai-contact-actions>span{font-size:10px;color:#bfd2c7}
@media(max-width:1100px){
 .ai-issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ai-hero{gap:30px}
 .ai-hero-summary{margin-left:0}
 .ai-process{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ai-process li:not(:last-child):after{display:none}
}
@media(max-width:800px){
 .ai-hero{grid-template-columns:minmax(0,1fr);padding-block:26px 42px}
 .ai-hero-copy{max-width:700px}
 .ai-hero-visual{max-width:660px;padding-left:12px}
 .ai-fields,.ai-section{padding-block:56px}
 .ai-field-grid,.ai-work-grid{grid-template-columns:1fr}
 .ai-field,.ai-work{padding:24px}
 .ai-approach,.ai-works{padding-block:62px}
 .ai-mission{grid-template-columns:1fr;gap:14px;padding-block:65px}
 .ai-works-heading,.ai-contact-inner{flex-direction:column;align-items:flex-start}
 .ai-contact-actions{flex-shrink:1}
}
@media(max-width:640px){
 body .ai-home .ai-hero h1{font-size:clamp(28px,7.2vw,37px)!important;line-height:1.4!important}
 .ai-hero{gap:30px}
 body .ai-home .ai-hero-lead{font-size:13px!important}
 .ai-hero-actions .ai-btn{width:100%;justify-content:space-between}
 .ai-hero-photo{aspect-ratio:1.35}
 .ai-hero-summary{margin:-43px 8px 0;padding:15px}
 .ai-hero-summary strong{font-size:15px}
 .ai-hero-steps{font-size:10px;gap:5px}
 .ai-hero-steps span{padding:4px 7px}
 .ai-home .home-news{padding:12px 16px}
 .ai-issues{padding-top:50px!important}
 .ai-issue-grid,.ai-process{grid-template-columns:1fr;gap:10px}
 .ai-issue{padding:20px}
 .ai-process li{padding:22px}
 .ai-process-no{margin-bottom:10px}
 .ai-approach{padding-block:55px}
 .ai-heading-center{text-align:left}
 .ai-section-heading{margin-bottom:24px}
 .ai-field-no{font-size:38px}
 .ai-mission-flow{gap:6px}
 .ai-mission-flow span{padding:7px 12px}
 .ai-contact{padding-block:53px}
 .ai-contact-actions{width:100%}
 .ai-btn-light{width:100%}
}
@media(prefers-reduced-motion:reduce){.ai-btn,.ai-issue,.ai-work{transition:none}}