.page-download__hero{padding:10px 0 0;background:#08160F} .page-download__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 12px;box-sizing:border-box} .page-download__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:16px} .page-download__hero-content{height:auto;max-width:1200px;margin:18px auto 0;padding:24px 16px;text-align:center;box-sizing:border-box} .page-download__hero-title{color:#F2FFF6;font-size:clamp(1.4rem, 3.5vw, 2.6rem);font-weight:800;line-height:1.25;max-width:42ch;margin:0 auto 10px;letter-spacing:0.5px} .page-download__hero-subtitle{color:#A7D9B8;font-size:clamp(0.9rem, 1vw + 0.2rem, 1.15rem);max-width:1100px;line-height:1.6;margin:0 auto 26px;font-weight:400} .page-download__hero-cta{display:inline-block;background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#FFFFFF;font-weight:700;font-size:1.1rem;padding:16px 48px;border-radius:50px;text-decoration:none;border:1px solid #2E7A4E;box-shadow:0 0 16px rgba(87, 227, 141, 0.35);transition:transform 0.15s ease, box-shadow 0.15s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word} .page-download__hero-cta:hover{transform:scale(1.04);box-shadow:0 0 26px #57E38D} .page-download__logos{padding:28px 12px;background:#08160F} .page-download__logos-title{color:#F2FFF6;text-align:center;font-size:clamp(1rem, 1.2vw, 1.6rem);width:100%;max-width:1200px;margin:0 auto 16px;box-sizing:border-box;font-weight:600} .page-download__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:16px auto;padding:0} .page-download__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%;background:#11271B;border:1px solid #2E7A4E;border-radius:16px;padding:16px 12px;box-sizing:border-box} .page-download__logo-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block} .page-download__logo-cta{padding:12px 28px;border-radius:999px;background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#FFFFFF;font-weight:700;font-size:0.95rem;text-decoration:none;display:inline-block;border:1px solid #0A4B2C;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word} .page-download__logo-cta a{color:#0A4B2C} .page-download__logo-cta:hover{box-shadow:0 0 16px #57E38D} .page-download__logo-item:nth-child(5){grid-column:2} .page-download__logo-item:nth-child(6){grid-column:3} .page-download__guide{padding:12px 0 32px;background:#08160F} .page-download__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 48px} .page-download__guide-title{color:#F2FFF6;text-align:center;font-size:clamp(1.2rem, 1.5vw + 0.5rem, 2.4rem);margin:10px 0 16px} .page-download__guide-intro{color:#A7D9B8;text-align:center;width:100%;max-width:760px;margin:0 auto 40px;line-height:1.7}; p .page-download__guide-step{width:100%;box-sizing:border-box} .page-download__figure-wrap{width:100%;margin:0 0 16px} .page-download__figure-image{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:12px} .page-download__guide-copy{width:100%} .page-download__guide-step-title{color:#57E38D;font-size:clamp(1rem, 1vw, 1.4rem);margin-bottom:12px;font-weight:700} .page-download__guide-text{color:#A7D9B8;line-height:1.7;font-size:1rem}.page-download__divider{width:100%;height:4px;background:#1E3A2A;border:0;margin:20px 12px 20px 20px;border-radius:2px} .page-download__guide-step:last-of-type .page-download__divider{display:none} .page-download__guide-step{background:#11271B;border:1px solid #2E7A4E;border-radius:14px;padding:20px;margin-bottom:20px;box-sizing:border-box} .page-download__divider{margin:0 0 24px;background:#1E3A2A;height:2px;border:0} @media (max-width: 768px){ .page-download__hero-image{aspect-ratio:2/1} .page-download__logo-grid{grid-template-columns:repeat(2,1fr)} .page-download__logo-item:nth-child(5){grid-column:auto} .page-download__logo-item:nth-child(6){grid-column:auto} .page-download__hero-content{padding:16px 12px 20px} .page-download__guide-inner{padding:16px 12px 36px} .page-download__guide-title{font-size:clamp(0.9rem, 2vw, 1.2rem)} .page-download__guide-intro{font-size:0.95rem}.page-download img{max-width:100%!important;height:auto!important} .page-download .page-download__logo-cta .page-download .page-download__hero-cta {max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:0.9rem} .page-download__guide-figure{width:100%;text-align:center}.page-download__guide-figure img{max-width:100%}.page-download .page-download__hero-title{font-size:clamp(1.2rem, 3.5vw, 2rem)}}