/* Homepage desktop composition: keep the opening statement readable and the interactive field fully visible. */
@media (min-width:1181px){
  .hero{
    min-height:auto;
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
    align-items:center;
    gap:clamp(36px,4.5vw,64px);
    padding-block:clamp(44px,5vw,68px) clamp(54px,6vw,78px);
  }
  .hero h1{
    max-width:700px;
    font-size:clamp(3.5rem,4.8vw,5rem);
    line-height:1.01;
    letter-spacing:-.04em;
  }
  .hero-lede{max-width:670px;margin-top:22px}
  .hero-actions{margin-top:26px}
  .hero .identity-links{margin-top:22px}
  .hero .wct-wrap{width:min(100%,430px)!important;justify-self:end!important}
}

/* Two columns become too cramped on smaller laptops; stack before the text starts breaking word-by-word. */
@media (min-width:981px) and (max-width:1180px){
  .hero{
    min-height:auto;
    grid-template-columns:1fr;
    gap:48px;
    padding-block:64px 76px;
  }
  .hero-copy{max-width:820px}
  .hero h1{max-width:780px;font-size:clamp(3.7rem,7vw,5rem)}
  .hero .wct-wrap{width:min(100%,430px)!important;justify-self:center!important}
}

.technology-bridge{padding-top:clamp(4.5rem,8vw,7rem);padding-bottom:clamp(4.5rem,8vw,7rem);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.technology-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(28px,5vw,72px);align-items:end;margin-bottom:2rem}
.technology-heading h2{margin:.35rem 0 0;max-width:760px;font:500 clamp(2.25rem,5vw,4.6rem)/1.04 Georgia,"Times New Roman",serif;letter-spacing:-.04em}
.technology-heading>p{margin:0;color:var(--muted);font-size:1.02rem;line-height:1.7}
.technology-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line)}
.technology-step{position:relative;min-height:210px;padding:1.35rem;background:linear-gradient(155deg,rgba(14,29,48,.95),rgba(7,17,31,.98))}
.technology-step:not(:last-child)::after{position:absolute;top:50%;right:-10px;z-index:2;display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;content:"→";color:var(--accent);background:var(--bg-deep);font-size:.72rem;transform:translateY(-50%)}
.technology-step-index{display:block;margin-bottom:1rem;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.technology-step h3{margin:0 0 .65rem;font:500 1.22rem/1.2 Georgia,"Times New Roman",serif}
.technology-step p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}
.technology-lower{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:1rem;margin-top:1rem}
.technology-panel{padding:1.4rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.technology-panel h3{margin:0 0 .75rem;font:500 1.25rem/1.25 Georgia,"Times New Roman",serif}
.technology-panel>p{margin:0 0 1rem;color:var(--muted);font-size:.9rem;line-height:1.6}
.technology-tags{display:flex;flex-wrap:wrap;gap:.55rem}
.technology-tags span{padding:.5rem .72rem;border:1px solid rgba(103,212,255,.2);border-radius:999px;color:var(--text);background:rgba(103,212,255,.055);font-size:.76rem;font-weight:650}
.technology-evidence-list{display:grid;gap:.55rem;margin:.9rem 0 1.15rem;padding:0;list-style:none;color:var(--muted)}
.technology-evidence-list li{position:relative;padding-left:1.05rem;font-size:.86rem;line-height:1.5}
.technology-evidence-list li::before{position:absolute;left:0;content:"•";color:var(--accent)}
.technology-actions{display:flex;flex-wrap:wrap;gap:.65rem}
.technology-actions .button{padding:.68rem .9rem;font-size:.8rem}
.technology-boundary{margin:1rem 0 0;color:var(--muted-2);font-size:.78rem;line-height:1.55}
@media(max-width:900px){.technology-heading,.technology-lower{grid-template-columns:1fr}.technology-path{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-step:nth-child(2)::after{display:none}}
@media(max-width:620px){.technology-path{grid-template-columns:1fr}.technology-step{min-height:auto}.technology-step::after{display:none!important}.technology-bridge{padding-top:4rem;padding-bottom:4rem}}