/* v6 — pipeline block restored */
html,body{overflow-x:hidden}
.silos3 .s3{background:none}
.silos3 .s3 p{color:var(--ink-2)}
.prod h2{font-size:clamp(56px,9vw,140px);letter-spacing:-.055em}
.srcs .ext-src{border-style:dashed;background:transparent}
.srcs .ext-src span{color:var(--accent)}

/* Wider pipeline: breaks out of the 1280 wrap up to 1480px */
.pipe{grid-template-columns:minmax(0,1.1fr) 48px minmax(0,1fr) 48px minmax(0,1.15fr) 48px minmax(0,1fr)}
@media (min-width:1081px){
  .pipe,.pipe-cap{width:min(1480px,calc(100vw - 64px));margin-left:calc(50% - min(740px,calc(50vw - 32px)))}
  .pipe-cap{gap:32px}
}
.srcs div,.uses div{gap:12px}
.srcs div span{text-align:right}
.srcs div{padding:14px 16px}
.record{padding:20px}
.engine{padding:26px}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1080px){
  .sec,.wa{padding:100px 0}
  .fin{padding:110px 0 40px}
  .head{margin-bottom:48px}
  .pipe{display:flex!important;flex-direction:column;gap:32px;width:100%!important;margin-left:0!important}
  .pipe .stage-col{width:100%}
  .pipe .conn{display:none!important}
  .pipe .srcs,.pipe .uses{grid-template-columns:1fr 1fr}
  .pipe .record,.pipe .engine{max-width:none}
  .pipe-cap{width:100%!important;margin-left:0!important}
  .pipe .stage-col>.mono{margin-bottom:12px}
  .engine{min-height:0}
  .engine ul{margin-top:18px}
  .pipe-cap{grid-template-columns:1fr 1fr;gap:24px}
  .wa-grid{grid-template-columns:1fr;gap:56px;margin-top:60px}
  .wa .phone{transform:none;margin:0 auto}
  .usecases{grid-template-columns:1fr 1fr}
}

@media (max-width:720px){
  .wrap{padding:0 20px}
  .nav .wrap{height:62px;gap:12px}
  .nav .btn-sm{height:36px;padding:0 14px;font-size:13px}
  .sec,.wa{padding:80px 0}
  .h2o{min-height:auto;padding:120px 0 60px}
  .h2o h1{font-size:clamp(48px,13vw,72px)}
  .h2o-row{margin-top:28px;gap:24px}
  .h2o-row p{font-size:18px}
  .field-wrap{margin-top:48px}
  .field-stage{height:170px}
  .field-steps span{font-size:9.5px;padding-right:8px}
  .sec h2,.wa h2,.fin h2{font-size:clamp(42px,11vw,64px)}
  .prod h2{font-size:clamp(48px,13vw,72px)}
  .sub{font-size:18px}
  .pipe-cap{grid-template-columns:1fr}
  .pipe .srcs,.pipe .uses{grid-template-columns:1fr}

  /* problem piles become simple stacked lists */
  .s3{min-height:0;padding:28px 0 0!important}
  .s3 h3{font-size:44px}
  .s3 p{margin-bottom:18px}
  .pile{min-height:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
  .pile .pc{position:static;transform:none!important;white-space:normal;max-width:100%}

  /* phone fits the screen */
  .wa .phone{width:min(340px,100%);height:640px;border-radius:40px}
  .wa .ph-head{border-radius:30px 30px 0 0;padding-top:48px}
  .wa .ph-input{border-radius:0 0 30px 30px}
  .phase{padding:20px 0}
  .phase h3{font-size:40px}
  .not-bot{margin-top:48px;font-size:24px}

  .fin-grid{margin-top:48px;gap:40px}
  .fin-grid>div>p{font-size:18px}
  form{padding:22px}
  .row2{grid-template-columns:1fr}
  .footer{flex-direction:column;align-items:flex-start;gap:10px;margin-top:80px}
}

@media (max-width:380px){
  .nav .btn-sm .arr{display:none}
  .wa .phone{height:600px}
}