.agile-page{background:#f3f7fa;color:#17324a}
.agile-page section[id]{scroll-margin-top:110px}
.agile-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;min-height:720px;padding:150px clamp(24px,7vw,112px) 80px;background:linear-gradient(135deg,#061a31 0%,#0a3452 62%,#087e83 150%);color:#fff}
.agile-kicker{margin:0 0 18px;color:#68ead9;font-size:12px;font-weight:800;letter-spacing:.18em}
.agile-hero h1{max-width:720px;margin:0;font-size:clamp(48px,6vw,82px);line-height:1.08;letter-spacing:-.045em}
.agile-hero .lead{max-width:680px;margin:26px 0 0;color:#c7d8e3;font-size:18px;line-height:1.85}
.agile-hero figure{margin:0;border:1px solid rgba(118,242,220,.28);background:#071d36;box-shadow:0 30px 70px rgba(0,0,0,.25)}
.agile-hero img{display:block;width:100%;height:auto}
.agile-hero figcaption{padding:14px 18px;color:#a9c0cf;font-size:12px}
.agile-section{padding:90px clamp(24px,7vw,112px)}
.agile-section:nth-child(odd){background:#fff}
.agile-heading{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:38px}
.agile-heading h2{max-width:820px;margin:0;color:#0b2b48;font-size:clamp(34px,4.2vw,58px);line-height:1.16;letter-spacing:-.035em}
.agile-heading>p{margin:0;color:#62778a;font-size:15px;line-height:1.85}
.agile-capabilities,.agile-phases,.agile-validation{display:grid;margin:0;padding:0;border:1px solid #cfdee7;background:#fff;list-style:none}
.agile-capabilities{grid-template-columns:repeat(4,1fr)}
.agile-capabilities article{min-height:235px;padding:30px;border-right:1px solid #cfdee7}
.agile-capabilities article:last-child{border-right:0}
.agile-capabilities small,.agile-phases b{color:#087f89;font-size:11px;font-weight:800}
.agile-capabilities h3{margin:40px 0 12px;color:#0c304e;font-size:21px}
.agile-capabilities p{margin:0;color:#64798b;font-size:13px;line-height:1.75}
.agile-map-wrap{overflow-x:auto;border:1px solid #cfdee7;background:#fff}
.agile-map{width:100%;min-width:760px;border-collapse:collapse}
.agile-map caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.agile-map th,.agile-map td{padding:17px 20px;border-right:1px solid #d8e3ea;border-bottom:1px solid #d8e3ea;text-align:left}
.agile-map th{background:#0b3152;color:#fff;font-size:13px}
.agile-map td{color:#516b80;font-size:13px}
.agile-map td:first-child,.agile-map td:nth-child(3){color:#123854;font-weight:700}
.agile-map tr:last-child td{border-bottom:0}
.agile-phases{grid-template-columns:repeat(6,1fr)}
.agile-phases li{position:relative;min-height:190px;padding:28px 22px;border-right:1px solid #cfdee7}
.agile-phases li:last-child{border-right:0}
.agile-phases strong,.agile-phases span{display:block}
.agile-phases strong{margin:38px 0 10px;color:#123854;font-size:18px}
.agile-phases span{color:#64798b;font-size:12px;line-height:1.7}
.agile-process{background:#082844!important;color:#fff}
.agile-process .agile-heading h2{color:#fff}
.agile-process .agile-heading>p{color:#b9cbd7}
.agile-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.agile-process-grid article{padding:36px;border:1px solid rgba(255,255,255,.2)}
.agile-process-grid h3{margin:0 0 22px;color:#67ead8;font-size:24px}
.agile-process-grid ol{display:grid;gap:0;margin:0;padding:0;list-style:none}
.agile-process-grid li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:15px 0;border-top:1px solid rgba(255,255,255,.13);color:#c8d8e2;font-size:13px;line-height:1.65}
.agile-process-grid li b{color:#67ead8}
.agile-metrics{display:grid;grid-template-columns:repeat(3,1fr);background:#087e83;color:#fff}
.agile-metrics div{padding:34px;border-right:1px solid rgba(255,255,255,.25)}
.agile-metrics div:last-child{border-right:0}
.agile-metrics strong,.agile-metrics span{display:block}
.agile-metrics strong{font-size:clamp(34px,4vw,56px)}
.agile-metrics span{margin-top:9px;color:#d5f4ef;font-size:13px}
.agile-execution-figure{margin:28px 0 0;border:1px solid #cfdee7;background:#071b35}
.agile-execution-figure img{display:block;width:100%;height:auto}
.agile-execution-figure figcaption{display:flex;gap:20px;padding:16px 20px;background:#fff;color:#64798b;font-size:12px;line-height:1.7}
.agile-execution-figure figcaption b{flex:0 0 auto;color:#123854}
.agile-execution-figure figcaption span{display:block}
.agile-note{margin:22px 0 0;color:#6b7e8e;font-size:11px;line-height:1.7}
.agile-cta{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:70px clamp(24px,7vw,112px);background:#0a5d76;color:#fff}
.agile-cta h2{max-width:850px;margin:0;font-size:clamp(32px,4vw,54px)}
.agile-cta .btn{flex:0 0 auto}
.agile-source{margin:0;padding:16px clamp(24px,7vw,112px);background:#061a31;color:#8199aa;font-size:10px;line-height:1.7}
.agile-bottom-case{padding:54px clamp(24px,7vw,112px) 72px;background:#f3f7fa}.agile-bottom-case figure{max-width:1400px;margin:0 auto;border:1px solid #cfdee7;background:#fff;box-shadow:0 18px 42px rgba(7,36,58,.1)}.agile-bottom-case img{display:block;width:100%;height:auto}.agile-bottom-case figcaption{padding:15px 18px;color:#64798b;font-size:12px;line-height:1.7}
@media(max-width:980px){.agile-hero,.agile-heading{grid-template-columns:1fr}
.agile-hero{min-height:0;gap:38px}
.agile-capabilities{grid-template-columns:1fr 1fr}
.agile-capabilities article:nth-child(2){border-right:0}
.agile-capabilities article:nth-child(-n+2){border-bottom:1px solid #cfdee7}
.agile-phases{grid-template-columns:repeat(3,1fr)}
.agile-phases li:nth-child(3n){border-right:0}
.agile-phases li:nth-child(-n+3){border-bottom:1px solid #cfdee7}
}
@media(max-width:680px){.agile-hero{padding-top:120px}
.agile-hero h1{font-size:42px}
.agile-capabilities,.agile-phases,.agile-process-grid,.agile-metrics{grid-template-columns:1fr}
.agile-capabilities article,.agile-phases li,.agile-metrics div{min-height:0;border-right:0;border-bottom:1px solid #cfdee7}
.agile-capabilities article:nth-child(-n+3),.agile-phases li:nth-child(-n+5){border-bottom:1px solid #cfdee7}
.agile-cta{align-items:flex-start;flex-direction:column}
.agile-execution-figure figcaption{display:block}
.agile-execution-figure figcaption b{display:block;margin-bottom:6px}
}
