.download-hero { position: relative; overflow: hidden; isolation: isolate; padding: var(--section-space) 0 var(--section-space-compact); background: var(--section-fade), radial-gradient(ellipse at 0% 20%, #ebedff 0, transparent 34%), radial-gradient(ellipse at 96% 25%, #f3eaff 0, transparent 40%), radial-gradient(ellipse at 70% 70%, #e5e4ff 0, transparent 47%), linear-gradient(160deg, #fff 12%, #fcfcff 55%, #f9f4ff); }
.download-hero::after { content: ""; position: absolute; inset: auto -10% -25px; height: 100px; background: linear-gradient(180deg, #ffffff7a, white 68%); border-radius: 50% 50% 0 0; z-index: -1; }
.download-wave { position: absolute; pointer-events: none; z-index: -1; width: 130%; height: 260px; border-top: 3px solid #fff9; border-radius: 50%; }
.download-wave-one { left: -27%; top: 255px; transform: rotate(25deg); background: linear-gradient(180deg, #ffffffb0, #fff0 70%); box-shadow: 0 -30px 60px #ffffff45; }
.download-wave-two { right: -24%; top: 280px; transform: rotate(-22deg); background: linear-gradient(180deg, #d9d5fc69, #ffffffb3 75%); border-color: #fff7; }
.download-heading { position: relative; text-align: center; z-index: 1; }
.download-heading .section-title { color: #090e24; font-size: clamp(38px, 4.75vw, 66px); line-height: 1.25; margin: 0 0 6px; letter-spacing: -.035em; font-weight: 750; }
.download-heading .section-title span { color: var(--primary, #5546ff); }
.download-heading .download-hero-subtitle { color: #090e24; font-size: clamp(23px, 2.6vw, 36px); font-weight: 650; line-height: 1.5; margin: 0 0 5px; letter-spacing: -.015em; }
.download-heading p { margin: 0; font-size: clamp(17px, 1.7vw, 23px); color: #636878; }
.download-actions { justify-content: center; margin-top: 18px; gap: 20px; }
.download-actions .button { font-size: 19px; min-height: 58px; min-width: 161px; border-radius: 12px; }
.download-actions .button-primary { min-width: 244px; gap: 12px; box-shadow: 0 4px 10px #5846f830, inset 0 1px 1px #ffffff40; }
.download-actions .download-icon { width: 24px; height: 24px; }

.download-stage { position: relative; padding-top: 20px; padding-bottom: 13px; }
.download-preview { display: block; width: 76%; margin: 0 auto; padding: 11px; border: 1px solid #e5e4fe; border-radius: 25px; background: #ffffff9c; box-shadow: 0 8px 25px #7974d829, 0 25px 50px #aba6f827; }
.download-preview img { display: block; width: 100%; height: auto; border: 1px solid #e6e5f1; border-radius: 15px; }
.download-mascot { position: absolute; left: -22px; bottom: 22px; width: 24%; height: auto; object-fit: contain; z-index: 2; }
.download-note { position: absolute; margin: 0; z-index: 2; }
.download-note img, .download-team-note img { width: 100%; height: auto; }
.download-note-left { top: -65px; left: -4px; width: 185px; }
.download-note-right { right: -9px; top: 131px; width: 140px; }
.download-scenes { padding: var(--section-space) 0; text-align: center; background: #fff; }
.download-scenes h2 { margin: 0 0 15px; font-size: clamp(28px, 3.4vw, 44px); letter-spacing: -.03em; }
.download-scene-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.download-scene-grid article { position: relative; padding: 6px 20px 3px; }
.download-scene-grid article + article::before { content: ""; position: absolute; left: 0; bottom: 16px; top: 63px; border-left: 1px solid #e0e3ee; }
.download-scene-grid img { display: block; width: 240px; height: 165px; object-fit: contain; margin: 0 auto 4px; }
.download-scene-grid h3 { margin: 0 0 1px; color: #0b1029; font-size: 25px; line-height: 1.5; }
.download-scene-grid p { margin: 0; color: #636878; font-size: 19px; }
.download-product-link { display: inline-flex; margin-top: 21px; font-size: 19px; gap: 12px; }
.download-team { background: #fff; padding-bottom: var(--section-space-compact); }
.download-team-panel { position: relative; overflow: hidden; isolation: isolate; min-height: 244px; border-radius: 20px; padding: 38px 70px; background: #f3f5fa; display: flex; align-items: center; }
.download-team-panel::before { content: ""; position: absolute; z-index: -1; left: 51%; width: 300px; height: 100px; top: 58%; transform: rotate(-18deg); border-radius: 50%; background: #e9e4ff7a; }
.download-team-copy { position: relative; z-index: 2; max-width: 62%; }
.download-team-copy h2 { color: #0b1029; font-size: clamp(28px, 2.8vw, 37px); margin: 0 0 3px; letter-spacing: -.02em; }
.download-team-copy p { margin: 0 0 18px; font-size: 17px; color: #616a7b; }
.download-team-copy .button-row { gap: 20px; }
.download-team-copy .button { min-width: 163px; min-height: 52px; border-radius: 10px; font-size: 17px; }
.download-team-copy .button-secondary { border-color: #d4d9e8; color: #121829; background: #ffffffe6; }
.download-team-mascot { position: absolute; width: 320px; height: 243px; object-fit: contain; bottom: 0; right: 215px; z-index: 1; }
.download-team-note { position: absolute; right: 45px; top: 59px; width: 150px; margin: 0; }
@media (max-width: 1100px) {
  .download-note-left { top: -47px; width: 150px; }
  .download-note-right { width: 120px; right: -14px; top: 110px; }
  .download-team-panel { padding: 32px 38px; }
  .download-team-copy p { max-width: 430px; font-size: 16px; }
  .download-team-mascot { width: 290px; right: 180px; }
  .download-team-note { width: 132px; right: 27px; top: 67px; }
}
@media (max-width: 900px) {
  .download-actions .button { min-height: 52px; font-size: 17px; min-width: 145px; }
  .download-actions .button-primary { min-width: 220px; }
  .download-stage { padding-top: 30px; }
  .download-preview { width: 81%; padding: 8px; border-radius: 20px; }
  .download-mascot { width: 24%; left: -18px; bottom: 15px; }
  .download-note-left { top: -32px; left: -10px; width: 128px; }
  .download-note-right { display: none; }
  .download-scenes h2 { font-size: 32px; }
  .download-scene-grid img { width: 210px; height: 140px; }
  .download-scene-grid h3 { font-size: 22px; }
  .download-scene-grid p { font-size: 15px; }
  .download-team-panel { padding: 30px; min-height: 230px; }
  .download-team-copy { max-width: 65%; }
  .download-team-copy p { max-width: 400px; }
  .download-team-copy .button { min-width: 138px; }
  .download-team-mascot { width: 280px; right: -17px; height: 215px; }
  .download-team-note { display: none; }
}
@media (max-width: 680px) {
  .download-heading .section-title { font-size: clamp(32px, 8.3vw, 46px); }
  .download-heading .download-hero-subtitle { font-size: clamp(19px, 4.8vw, 27px); margin-top: 10px; line-height: 1.5; }
  .download-heading p { font-size: 15px; margin-top: 9px; }
  .download-actions { gap: 11px; margin-top: 20px; }
  .download-actions .button { min-width: 0; font-size: 16px; min-height: 49px; padding-inline: 20px; }
  .download-actions .button-primary { min-width: 0; gap: 11px; }


  .download-stage { margin-top: 14px; padding: 19px 0 11px; }
  .download-preview { width: 94%; margin-right: 0; padding: 5px; border-radius: 15px; }
  .download-preview img { border-radius: 9px; }
  .download-mascot { width: 27%; left: -13px; bottom: 2px; }
  .download-note-left { display: none; }
  .download-wave-one { top: 265px; height: 180px; }
  .download-wave-two { top: 325px; height: 160px; }
  .download-scenes h2 { font-size: 26px; margin-bottom: 25px; }
  .download-scene-grid { grid-template-columns: 1fr; gap: 18px; }
  .download-scene-grid article { min-height: 109px; text-align: left; display: grid; grid-template-columns: 123px 1fr; grid-template-rows: 1fr 1fr; padding: 0; column-gap: 15px; }
  .download-scene-grid article + article::before { display: none; }
  .download-scene-grid img { grid-row: 1 / 3; width: 123px; height: 109px; margin: 0; }
  .download-scene-grid h3 { align-self: end; font-size: 21px; margin-bottom: 2px; }
  .download-scene-grid p { align-self: start; line-height: 1.7; font-size: 14px; }
  .download-product-link { font-size: 17px; margin-top: 25px; }
  .download-team-panel { padding: 27px 25px 150px; border-radius: 16px; }
  .download-team-copy { max-width: none; width: 100%; }
  .download-team-copy h2 { font-size: 27px; }
  .download-team-copy p { font-size: 14px; margin-top: 7px; }
  .download-team-copy .button-row { gap: 12px; }
  .download-team-copy .button { min-width: 0; flex: 1; min-height: 48px; font-size: 16px; }
  .download-team-mascot { right: 30px; width: 225px; height: 160px; bottom: -7px; }
}