/* ===== Insights page (#206) — builds on home.css (vars, header, nav, button, button-solid, footer, kicker) ===== */
.swrap{width:min(var(--max),calc(100% - 64px));margin:auto}
.nav a.active{color:var(--teal)}
.in h1,.in h2,.in h3{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.012em;margin:0}
.in .sq,.in .pd{color:var(--teal)}
.in .sq{display:inline-block;width:.18em;height:.18em;background:var(--teal);border-radius:3px;margin-left:.06em;vertical-align:baseline}
.in section{position:relative}
.in-cat{color:var(--teal);font-weight:700;font-size:12px;letter-spacing:.05em;margin:0 0 12px}
.in-read{display:inline-flex;align-items:center;gap:10px;color:var(--teal);font-weight:800;font-size:12px;letter-spacing:.05em}
/* tech-gradient thumbnail placeholders (swap for real images) */
.in-thumb{background:radial-gradient(120% 120% at 28% 18%,rgba(19,209,207,.22),transparent 58%),linear-gradient(135deg,#0c2434,#06141f)}
.in-card:nth-child(2) .in-thumb{background:linear-gradient(0deg,rgba(19,209,207,.18),transparent 55%),repeating-linear-gradient(90deg,rgba(19,209,207,.12) 0 7px,transparent 7px 24px),linear-gradient(135deg,#0a2433,#06141f)}
.in-card:nth-child(3) .in-thumb{background:radial-gradient(70% 90% at 50% 110%,rgba(19,209,207,.24),transparent 60%),linear-gradient(180deg,#0a1c2a,#05101a)}
.in-card:nth-child(4) .in-thumb{background:radial-gradient(circle at 50% 50%,rgba(19,209,207,.2),transparent 40%),radial-gradient(circle at 50% 50%,transparent 46%,rgba(19,209,207,.12) 47%,transparent 49%),linear-gradient(135deg,#0a2030,#06121d)}
.in-feat-thumb{background:radial-gradient(80% 90% at 50% 60%,rgba(19,209,207,.16),transparent 60%),linear-gradient(135deg,#0d2535,#06141f)}

/* ---------- HERO ---------- */
.in-hero{overflow:hidden;display:flex;align-items:center;min-height:520px;padding:150px 0 50px;background:linear-gradient(90deg,#03111e 0%,#03111e 36%,rgba(3,17,30,.72) 52%,rgba(3,17,30,.06) 100%)}
.in-hero-photo{position:absolute;top:0;right:0;bottom:0;width:56%;z-index:0;background:url('assets/images/hero-jd.jpg?v=p1') center 18%/cover;filter:saturate(1.05) contrast(1.04)}
.in-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#03111e 0%,#03111e 40%,rgba(3,17,30,.5) 54%,transparent 72%)}
.in-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,#03111e)}
.in-hero-inner{position:relative;z-index:2;max-width:560px}
.in-hero h1{font-size:clamp(60px,8vw,128px);line-height:.92;font-weight:700}
.in-hero .short-rule{margin:20px 0}
.in-hero h2{font-size:clamp(22px,2.3vw,30px);line-height:1.12;margin:0 0 18px}
.in-hero-sub{font-size:15px;line-height:1.7;color:#cdd6db;margin:0;max-width:46ch}

/* ---------- FEATURED ---------- */
.in-featured-sec{background:linear-gradient(180deg,#03111e,#061827);padding:46px 0 44px}
.in-featured{display:grid;grid-template-columns:.9fr 1.3fr .7fr;gap:0;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.2))}
.in-feat-thumb{min-height:260px}
.in-feat-body{padding:36px 36px}
.in-featured h2{font-size:30px;line-height:1.1;margin:0 0 16px}
.in-feat-excerpt{font-size:14.5px;line-height:1.6;color:#aab4bb;margin:0 0 22px}
.in-feat-meta{border-left:1px solid rgba(255,255,255,.1);padding:36px 32px;display:flex;flex-direction:column;gap:22px;justify-content:center}
.in-feat-meta li{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#dbe2e6;list-style:none}
.in-feat-meta .mic{width:34px;height:34px;border-radius:50%;border:1px solid rgba(19,209,207,.3);display:grid;place-items:center;color:var(--teal);flex:0 0 auto}
.in-feat-meta .mic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- LATEST ---------- */
.in-latest-sec{background:#061827;padding:38px 0 56px}
.in-latest-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.in-latest-head h2{font-size:26px}
.in-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.in-card{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.18));background-clip:padding-box;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.in-card:hover{border-color:rgba(19,209,207,.4);box-shadow:0 0 26px rgba(19,209,207,.12);transform:translateY(-4px)}
.in-card .in-thumb{height:170px}
.in-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.in-card h3{font-size:19px;line-height:1.15;margin:0 0 12px}
.in-card p{font-size:13px;line-height:1.55;color:#9fb0b8;margin:0 0 16px}
.in-card .in-read{margin-top:auto}

/* ---------- EXPLORE BY TOPIC (white) ---------- */
.in-topics{background:#f4f3ef;color:var(--ink);padding:40px 0;border-top:1px solid var(--line)}
.in-topics-grid{display:grid;grid-template-columns:1.3fr repeat(5,1fr);align-items:center;gap:0 24px}
.in-topics-head .section-kicker{color:#0c9aa1}
.in-topics-head h2{font-size:28px;line-height:1.1;margin:12px 0 0;color:#0a1824}
.in-topics-head .short-rule{background:var(--teal)}
.in-topic{border-left:1px solid #d8d6d0;padding:0 18px;display:flex;flex-direction:column;gap:14px}
.in-topic a{display:inline-flex;align-items:center;gap:10px;color:#0a1824;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.in-topic .ico-arrow{filter:invert(38%) sepia(94%) saturate(380%) hue-rotate(130deg)}

/* ---------- NEWSLETTER ---------- */
.in-news-sec{background:#04131f;padding:50px 0 60px}
.in-news{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:radial-gradient(80% 160% at 12% 50%,rgba(19,209,207,.1),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.18));padding:34px 40px}
.in-news-ic{flex:0 0 auto;width:64px;height:64px;border:1px solid var(--teal);border-radius:12px;display:grid;place-items:center;color:var(--teal);box-shadow:0 0 22px rgba(19,209,207,.16)}
.in-news-ic svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.in-news-copy h2{font-size:24px;line-height:1.1;margin:0 0 10px}
.in-news-copy p{font-size:13.5px;color:#9fb0b8;margin:0}
.in-news-form{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.in-news-row{display:flex;gap:12px}
.in-news-row input{background:rgba(3,12,22,.6);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:0 16px;height:48px;color:#fff;font-size:14px;min-width:230px}
.in-news-row input::placeholder{color:#8b97a0}
.in-news-row input:focus{outline:none;border-color:rgba(19,209,207,.7);box-shadow:0 0 0 2px rgba(19,209,207,.16)}
.in-news-row .button-solid{padding:0 22px;height:48px;white-space:nowrap}
.in-news-note{font-size:12px;color:#8b97a0}

/* ---------- responsive ---------- */
@media(max-width:1080px){
  .in-hero-photo{width:50%;opacity:.55}
  .in-featured{grid-template-columns:1fr}
  .in-feat-meta{border-left:0;border-top:1px solid rgba(255,255,255,.1);flex-direction:row;flex-wrap:wrap;padding:24px 32px}
  .in-grid{grid-template-columns:1fr 1fr}
  .in-topics-grid{grid-template-columns:1fr 1fr 1fr;gap:28px 24px}
  .in-topics-head{grid-column:1/-1}
  .in-topic{border-left:0;padding:0}
  .in-news{grid-template-columns:1fr;text-align:center;justify-items:center;gap:20px}
  .in-news-form{align-items:center}
}
@media(max-width:680px){
  .swrap{width:min(var(--max),calc(100% - 34px))}
  .in-hero-photo{inset:0;width:100%;opacity:.3}
  .in-grid{grid-template-columns:1fr}
  .in-topics-grid{grid-template-columns:1fr 1fr}
  .in-news-row{flex-direction:column;width:100%}
  .in-news-row input{min-width:0;width:100%}
}