/* Homepage polish layer: intentionally isolated from the shared stylesheet. */
.hero .hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.72fr) !important;
  gap:clamp(44px,6vw,92px) !important;
  align-items:center !important;
}
.hero .hero-copy{min-width:0}
.hero .hero-copy h1{max-width:820px}
.hp-trust{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:20px 0 0;color:#bdd0df;font-size:.82rem
}
.hp-trust span{
  display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;
  border:1px solid rgba(255,255,255,.11);border-radius:999px;
  background:rgba(255,255,255,.035)
}
.hp-trust .hp-trust-label{
  border-color:rgba(65,216,255,.3);background:rgba(65,216,255,.09);color:#e6f9ff;font-weight:800
}
.hp-trust-label b{color:var(--green);margin-right:6px}
.hp-architecture{
  position:relative;isolation:isolate;padding:24px 24px 20px;
  border:1px solid rgba(65,216,255,.2);border-radius:22px;
  background:linear-gradient(160deg,rgba(17,39,63,.95),rgba(7,20,34,.98));
  box-shadow:0 28px 70px rgba(0,0,0,.28);overflow:hidden
}
.hp-architecture:before{
  content:"";position:absolute;z-index:-1;width:320px;height:320px;right:-120px;top:-130px;
  border-radius:50%;background:radial-gradient(circle,rgba(65,216,255,.19),transparent 67%)
}
.hp-diagram-label{
  color:var(--cyan);font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin:0 0 15px
}
.hp-flow-node{
  display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;
  padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;
  background:rgba(7,21,36,.9);transition:border-color .2s ease,transform .2s ease
}
.hp-flow-node:hover{border-color:rgba(65,216,255,.55);transform:translateX(2px)}
.hp-node-icon{
  display:grid;place-items:center;width:38px;height:38px;border-radius:10px;
  color:var(--cyan);font-size:1.1rem;font-weight:900;background:rgba(65,216,255,.08);border:1px solid rgba(65,216,255,.18)
}
.hp-flow-node strong{display:block;color:#fff;font-size:.98rem;line-height:1.15}
.hp-flow-node small{display:block;color:var(--muted);font-size:.76rem;margin-top:3px}
.hp-flow-destination{border-color:rgba(98,227,141,.35);background:rgba(98,227,141,.055)}
.hp-flow-destination .hp-node-icon{color:var(--green);background:rgba(98,227,141,.08);border-color:rgba(98,227,141,.22)}
.hp-flow-link{height:20px;position:relative}
.hp-flow-link:before{content:"";position:absolute;left:32px;top:0;bottom:3px;width:1px;background:linear-gradient(var(--cyan),rgba(65,216,255,.15))}
.hp-flow-link span:before{
  content:"";position:absolute;left:28px;bottom:1px;width:7px;height:7px;
  border-right:1px solid var(--cyan);border-bottom:1px solid var(--cyan);transform:rotate(45deg)
}
.hp-diagram-link{display:flex;justify-content:space-between;align-items:center;margin-top:17px;color:#dff8ff;font-size:.82rem;font-weight:800}
.hp-diagram-link span{color:var(--cyan);font-size:1.1rem}
.hp-metrics-section{padding:23px 0 31px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.012)}
.hp-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.hp-metric{padding:5px clamp(18px,3vw,38px);border-right:1px solid var(--line)}
.hp-metric:first-child{padding-left:0}.hp-metric:last-child{border-right:0}
.hp-metric strong{display:block;color:#fff;font-size:clamp(2.15rem,4vw,3.3rem);line-height:.95;letter-spacing:-.045em}
.hp-metric span{display:block;color:var(--muted);font-size:.87rem;line-height:1.3;margin-top:10px}
.hp-path-card{position:relative;padding-top:74px !important}
.hp-path-icon{
  position:absolute;left:18px;top:18px;display:grid;place-items:center;width:42px;height:42px;
  border-radius:11px;background:rgba(65,216,255,.09);border:1px solid rgba(65,216,255,.21);color:var(--cyan)
}
.hp-path-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1050px){
  .hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.62fr) !important;gap:42px !important}
}
@media(max-width:900px){
  .hero .hero-grid{grid-template-columns:1fr !important}
  .hp-architecture{max-width:620px;width:100%}
  .hp-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .hp-metric:nth-child(2){border-right:0}.hp-metric:nth-child(3){padding-left:0}
}
@media(max-width:560px){
  .hp-trust{gap:6px}.hp-trust span{font-size:.74rem;padding:5px 8px}
  .hp-architecture{padding:19px 17px 17px}
  .hp-metrics-grid{grid-template-columns:1fr 1fr}
  .hp-metric{padding:3px 14px}.hp-metric strong{font-size:2rem}.hp-metric span{font-size:.78rem}
}
@media(prefers-reduced-motion:reduce){.hp-flow-node{transition:none}}
