.hiw-hero{position:relative;min-height:min(92svh,860px);display:grid;align-items:center;padding:130px 0 70px;overflow:hidden;isolation:isolate}
.hiw-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#01060F 26%,rgba(1,6,15,.78) 46%,rgba(1,6,15,0) 70%),linear-gradient(0deg,#01060F,rgba(1,6,15,0) 22%)}
.hiw-hero-img{position:absolute;inset:60px 0 0 30%;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.hiw-hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;transform-origin:55% 60%;animation:hiwPush 28s ease-in-out infinite alternate}
@keyframes hiwPush{from{transform:scale(1.04)}to{transform:scale(1.16) translateX(-2%)}}
.hiw-hero-in{display:grid;gap:22px;justify-items:start;width:100%}
.hiw-h1{font-size:clamp(40px,5.4vw,84px);line-height:1;letter-spacing:-.035em;max-width:13ch}
.hiw-hero .lede{max-width:46ch;color:#D3E2EA}
.hiw-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}

.hiw-facts-sec{padding-bottom:clamp(20px,4vh,40px)}
.hiw-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hiw-facts li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:18px;border-radius:16px;border:1px solid rgba(71,213,205,.18);background:rgba(3,16,42,.6)}
.hiw-facts svg,.hiw-keeps svg{width:36px;height:36px;fill:none;stroke:var(--teal);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hiw-facts svg{filter:drop-shadow(0 0 6px rgba(71,213,205,.35))}
.hiw-facts b{display:block;font-size:16px;line-height:1.3;color:var(--ice)}
.hiw-facts span{display:block;margin-top:4px;font-size:14.5px;line-height:1.45;color:var(--body)}

.hiw-head{display:grid;gap:16px;margin-bottom:clamp(28px,4vw,44px)}
.hiw-head .lede{max-width:58ch}
.hiw-note{margin-top:24px;max-width:66ch;font-size:16.5px;line-height:1.55;color:var(--body)}

.hiw-board{position:relative;padding:clamp(18px,3vw,34px);border-radius:24px;border:1px solid rgba(71,213,205,.16);background:radial-gradient(90% 120% at 50% 0%,rgba(71,213,205,.09),transparent 60%),linear-gradient(180deg,#051836,#030F24)}
.hiw-cols,.hiw-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(36px,84px) minmax(0,.9fr) minmax(36px,84px) minmax(0,1fr);align-items:center}
.hiw-cols{margin-bottom:14px;font-size:13.5px;font-weight:700;color:var(--steel)}
.hiw-cols span:nth-child(1){grid-column:1}
.hiw-cols span:nth-child(2){grid-column:3;text-align:center;color:var(--mint)}
.hiw-cols span:nth-child(3){grid-column:5;text-align:right}
.hiw-rows{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.hiw-row{transition:opacity .35s}
.hiw-rows:hover .hiw-row:not(:hover){opacity:.5}
.hiw-y,.hiw-o{padding:18px 20px;border-radius:16px;font-size:17px;font-weight:700;line-height:1.35;color:var(--ice)}
.hiw-y{border:1px solid rgba(234,243,248,.3);background:rgba(234,243,248,.05)}
.hiw-o{border:1px solid rgba(71,213,205,.42);background:rgba(71,213,205,.08);text-align:right}
.hiw-m{display:grid;justify-items:center;gap:10px;padding:6px 4px;text-align:center}
.hiw-m b{font-size:clamp(17px,1.5vw,21px);line-height:1.25;color:var(--mint);text-wrap:balance}
.hiw-node{width:16px;height:16px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(71,213,205,.14),0 0 24px rgba(71,213,205,.8);animation:hiwBeat 2.4s ease-in-out infinite}
@keyframes hiwBeat{50%{box-shadow:0 0 0 11px rgba(71,213,205,.06),0 0 30px rgba(71,213,205,.95)}}
.hiw-c{position:relative;display:block;height:2px;background:linear-gradient(90deg,rgba(234,243,248,.35),rgba(71,213,205,.6))}
.hiw-c.r{background:linear-gradient(90deg,rgba(71,213,205,.6),rgba(71,213,205,.45))}
.hiw-c em{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#EAFBFA;box-shadow:0 0 8px #47D5CD;opacity:0;animation:hiwL 2.2s linear infinite}
.hiw-c.r em{animation-name:hiwR}
.hiw-c em:nth-child(2){animation-delay:1.1s}
@keyframes hiwL{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@keyframes hiwR{0%{left:calc(100% - 8px);opacity:0}15%{opacity:1}85%{opacity:1}100%{left:0;opacity:0}}
html.js .hiw-board:not(.on) .hiw-row{opacity:0;transform:translateY(14px)}
html.js .hiw-board:not(.on) .hiw-m b{opacity:0;transform:scale(.92)}
.hiw-row{transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i) * .22s)}
.hiw-m b{transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i) * .22s + .5s)}
.hiw-board.on .hiw-rows:hover .hiw-row{transition-delay:0s}

.hiw-keeps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hiw-keeps li{display:grid;gap:12px;align-content:start;padding:26px;border-radius:18px;background:#fff;border:1px solid var(--line2);box-shadow:0 22px 50px -40px rgba(11,36,56,.55)}
.hiw-keeps h3{font-size:clamp(20px,1.7vw,24px);line-height:1.2}
.hiw-keeps p{font-size:16px;line-height:1.5;color:var(--body)}

.hiw-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hiw-card{display:grid;grid-template-rows:auto 1fr;border-radius:20px;overflow:hidden;border:1px solid rgba(71,213,205,.16);background:linear-gradient(180deg,#051836,#030F24);transition:border-color .3s,transform .45s var(--ease)}
.hiw-card:hover{border-color:rgba(71,213,205,.45);transform:translateY(-3px)}
.hiw-card .im{position:relative;aspect-ratio:16/7;overflow:hidden;background:#010926}
.hiw-card .im img{width:100%;height:100%;object-fit:cover;object-position:var(--x,50%) 55%;transform:scale(1.3);transform-origin:var(--x,50%) 55%;transition:transform 1.6s var(--ease)}
.hiw-card:hover .im img{transform:scale(1.42)}
.hiw-card .im::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,36,.95),rgba(3,15,36,0) 55%)}
.hiw-card .t{position:absolute;left:18px;bottom:14px;z-index:1;font-size:13px;font-weight:700;color:var(--mint);padding:4px 11px;border-radius:999px;background:rgba(1,9,38,.78);border:1px solid rgba(71,213,205,.35)}
.hiw-card .tx{display:grid;gap:12px;align-content:start;padding:20px 22px 24px}
.hiw-card h3{font-size:clamp(20px,1.7vw,24px);line-height:1.2}
.hiw-card p{font-size:16px;line-height:1.5;color:var(--body)}
.hiw-card p b{display:block;margin-bottom:2px;font-size:13px;color:var(--steel)}
.hiw-card .more{justify-self:start;font-size:15px;font-weight:700;color:var(--mint);text-decoration:none;border-bottom:1px solid rgba(143,232,224,.35);transition:border-color .2s}
.hiw-card .more:hover{border-color:var(--mint)}

.hiw-close{position:relative;padding:clamp(90px,14vh,160px) 0;overflow:hidden;isolation:isolate}
.hiw-close::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#01060F 30%,rgba(1,6,15,.7) 55%,rgba(1,6,15,.2)),linear-gradient(180deg,#01060F,rgba(1,6,15,0) 25%)}
.hiw-close-img{position:absolute;inset:0 0 0 35%;z-index:-1}
.hiw-close-img img{width:100%;height:100%;object-fit:cover;animation:hiwPush 30s ease-in-out infinite alternate}
.hiw-close .wrap{display:grid;gap:18px;justify-items:start}
.hiw-close h2{max-width:14ch}

@media(max-width:1000px){.hiw-facts{grid-template-columns:1fr 1fr}.hiw-keeps{grid-template-columns:1fr}}
@media(max-width:900px){.hiw-hero{min-height:0;padding:110px 0 40px;align-items:end}.hiw-hero-img{inset:0;opacity:.5;-webkit-mask-image:linear-gradient(0deg,transparent 5%,#000 60%);mask-image:linear-gradient(0deg,transparent 5%,#000 60%)}.hiw-hero-in{padding-top:min(48vw,300px)}}
@media(max-width:760px){
  .hiw-cols,.hiw-c{display:none}
  .hiw-row{grid-template-columns:1fr 1fr;grid-template-areas:"y o" "m m";gap:10px}
  .hiw-y{grid-area:y}.hiw-o{grid-area:o;text-align:left}.hiw-m{grid-area:m;grid-auto-flow:column;justify-content:start;align-items:center;padding:2px 4px 6px}
  .hiw-y,.hiw-o{padding:14px;font-size:15.5px}
  .hiw-y::before,.hiw-o::before{display:block;margin-bottom:4px;font-size:12.5px;color:var(--steel)}
  .hiw-y::before{content:"Your team"}.hiw-o::before{content:"Our builders";color:var(--mint)}
  .hiw-rows{gap:18px}
  .hiw-cards{grid-template-columns:1fr}
  .hiw-close-img{inset:0;opacity:.45}
}
@media(max-width:560px){.hiw-facts{grid-template-columns:1fr}.hiw-cta .btn{white-space:normal;text-align:left}}
@media(prefers-reduced-motion:reduce){.hiw-hero-img img,.hiw-close-img img,.hiw-node,.hiw-c em{animation:none}.hiw-c em{display:none}}

.hiw-speeds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:sp}
.hiw-speeds li{position:relative;display:grid;gap:8px;padding:22px 22px 22px 24px;border-radius:16px;border:1px solid rgba(71,213,205,.22);background:linear-gradient(180deg,rgba(71,213,205,.07),rgba(3,16,42,.6))}
.hiw-speeds li::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;border-radius:2px;background:var(--teal);box-shadow:0 0 12px rgba(71,213,205,.7)}
.hiw-speeds b{font-size:18px;line-height:1.3;color:var(--ice)}
.hiw-speeds span{font-size:15.5px;line-height:1.5;color:var(--body)}
@media(max-width:900px){.hiw-speeds{grid-template-columns:minmax(0,1fr)}}
