.subhero{position:relative;background:var(--pur-deep);color:var(--white);overflow:hidden;
  padding:150px 0 78px;isolation:isolate}
.subhero h1{font-size:clamp(2.2rem,4.4vw,3.4rem);max-width:20ch;margin-bottom:20px}
.subhero .hero-sub{margin-bottom:0}

.notice{background:var(--pur-pale);border-left:3px solid var(--ora);border-radius:12px;
  padding:26px 30px;max-width:72ch;margin-bottom:46px}
.notice p{font-size:14.5px;color:var(--ink-soft);font-weight:300;line-height:1.7;margin-bottom:12px}
.notice p:last-child{margin-bottom:0}
.notice strong{color:var(--ink);font-weight:600}

.dls{display:grid;gap:18px}
.dl{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:30px 32px;
  display:grid;grid-template-columns:112px 1fr auto;gap:26px;align-items:center;
  border-left:3px solid var(--ora);transition:box-shadow .25s, transform .25s}
.dl:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(82,46,145,0.10)}
.dl-ico{width:64px;height:64px;object-fit:contain;display:block}
.dl-ico-po{width:112px;height:auto;border-radius:6px}
.dl-t{font-size:1.12rem;font-weight:700;color:var(--pur);letter-spacing:-0.02em;margin-bottom:7px}
.dl-d{font-size:13.5px;color:var(--ink-soft);font-weight:300;line-height:1.65}
.dl-d strong{color:var(--ink);font-weight:600}
.dl-btns{display:flex;flex-direction:column;gap:9px;min-width:190px}
.dl-btns .btn{padding:13px 22px;font-size:13.5px;text-align:center;box-shadow:none}
.dl-btns .btn:hover{transform:none}
.btn-alt{background:var(--pur)!important;box-shadow:none!important}
.btn-alt:hover{background:#42246F!important}

.browsers{font-size:13px;color:var(--ink-faint);font-weight:300;margin-top:14px;line-height:1.6}

@media(max-width:860px){
  .dl{grid-template-columns:84px 1fr;gap:16px}
  .dl-ico{width:52px;height:52px}
  .dl-ico-po{width:84px}
  .dl-btns{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;min-width:0}
}
@media(max-width:640px){
  .subhero{padding:120px 0 60px}
  .dl{padding:24px}
  .notice{padding:22px}
  .dl-btns .btn{flex:1 1 100%}
}