/* IDIA English Homepage — Umbrella DNA: white + #17CADE only */
.idia-header{background:#fff;border-bottom:2px solid #17CADE;position:sticky;top:0;z-index:50}
.idia-header-in{display:flex;align-items:center;gap:1.2rem;padding:.7rem 1rem}
.idia-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.idia-brand span{font-weight:900;letter-spacing:.16em;color:#0a3d4d;font-size:1.1rem}
.idia-nav{display:flex;gap:1.2rem;margin-left:1rem}
.idia-nav a{color:#0a3d4d;text-decoration:none;font-weight:600;font-size:.92rem}
.idia-nav a:hover{color:#17CADE}
.idia-header .btn{margin-left:auto}

/* Hero */
.idia-hero{background:#fff;padding:4.5rem 0;position:relative;overflow:hidden}
.idia-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(23,202,222,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(23,202,222,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(800px 500px at 30% 20%,#000,transparent 75%)}
.idia-hero-grid{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}
.idia-hero h1{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:900;letter-spacing:-.02em;color:#0a3d4d;margin:0 0 1.2rem;line-height:1.05}
.idia-hero h1 em{font-style:normal;color:#17CADE}
.idia-hero .lead{font-size:1.2rem;color:#3d5a68;max-width:560px;margin:0 0 2rem}
.idia-hero .eyebrow{color:#17CADE}

/* Framework visual */
.idia-framework{background:#fff;border:2px solid #17CADE;border-radius:18px;padding:1.8rem;box-shadow:0 20px 48px rgba(23,202,222,.16)}
.idia-framework-title{font-size:.75rem;font-weight:900;letter-spacing:.22em;color:#17CADE;margin:0 0 1.2rem}
.idia-framework ol{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.idia-framework li{display:flex;align-items:center;gap:1rem;font-weight:800;letter-spacing:.08em;color:#0a3d4d;font-size:1.05rem}
.idia-framework li span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#17CADE;color:#fff;font-size:.85rem;font-weight:900;flex-shrink:0}

/* M01 banner */
.idia-m01{background:#17CADE}
.idia-m01 .kicker{color:#fff}
.idia-m01-pct{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;color:#fff;margin:.5rem 0 1rem;letter-spacing:-.02em}

/* KIRA figure */
.idia-kira-fig{background:linear-gradient(135deg,#17CADE,#0a8fa8)}
.idia-kira-fig span{font-size:3rem;font-weight:900;letter-spacing:.3em;color:#fff}

/* Buttons */
.btn-white{background:#fff;color:#0a3d4d}
.btn-white:hover{background:#f2fbfe}
.btn-outline{border:2px solid #17CADE;color:#0a3d4d;background:#fff}
.btn-outline:hover{background:#f2fbfe}
.btn-teal{background:#17CADE;color:#fff}
.btn-teal:hover{background:#0fb5d1}
.btn-solid{background:#17CADE;color:#fff}
.btn-solid:hover{background:#0fb5d1}

/* FAQ */
.fx-faq details{border:1px solid #d9eef5;border-radius:12px;margin-bottom:.8rem;background:#fff;overflow:hidden}
.fx-faq summary{padding:1.1rem 1.3rem;font-weight:700;cursor:pointer;color:#0a3d4d;list-style:none}
.fx-faq summary::-webkit-details-marker{display:none}
.fx-faq summary:hover{color:#17CADE}
.fx-faq details[open] summary{border-bottom:1px solid #d9eef5}
.fx-faq details p{padding:1.1rem 1.3rem;margin:0;color:#4a6572}

/* Footer */
.idia-footer{background:#fff;border-top:2px solid #17CADE;padding:2.5rem 0;text-align:center;color:#0a3d4d}
.idia-footer a{color:#17CADE;text-decoration:none;font-weight:600}
.idia-legal{font-size:.85rem;opacity:.7;margin-top:1rem}

/* Steps reuse */
.fx-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.1rem;margin-top:2rem}
.fx-step{background:#fff;border:1px solid #d9eef5;border-top:4px solid #17CADE;border-radius:14px;padding:1.4rem}
.fx-step-n{font-size:.78rem;font-weight:900;letter-spacing:.2em;color:#17CADE}
.fx-step h3{margin:.4rem 0 .5rem;font-size:1.25rem;color:#0a3d4d}
.fx-step p{margin:0;color:#4a6572;font-size:.95rem}

@media (max-width:860px){
  .idia-nav{display:none}
  .idia-hero-grid{grid-template-columns:1fr}
  .idia-hero{padding:3rem 0}
}