.page-download{color:#333;background:#f4f7fb} .page-download__guide-section{max-width:1200px;margin:0 auto;padding:10px 16px 70px} .page-download__guide-hero-image-wrap{width:100%;overflow:hidden;border-radius:16px} .page-download__guide-hero-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block} .page-download__guide-hero-content{padding:16px 8px 0;width:100%;box-sizing:border-box} .page-download__guide-title{color:#1f2d3d;font-size:clamp(1.4rem, 2vw, 2.2rem);font-weight:800;line-height:1.3;max-width:900px;margin:0 0 12px} .page-download__guide-hero-description{color:#1f2d3d;font-size:16px;line-height:1.7;max-width:900px;margin:0} .page-download__logo-grid-section{background:#fff;padding:16px 16px 48px;text-align:center} .page-download__logo-grid-title{font-size:clamp(1.3rem, 2vw, 1.9rem);color:#2f6bff;margin-bottom:32px} .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;width:100%;max-width:280px;border:1px solid #d6e2ff;border-radius:12px;padding:16px;box-sizing:border-box;background:#f4f7fb} .page-download__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;display:block} .page-download__logo-cta{padding:10px 22px;border-radius:999px;background:linear-gradient(180deg,#4a8bff 0%,#2f6bff 100%);color:#fff;font-weight:700;text-decoration:none;font-size:14px;display:inline-block;line-height:1.2;white-space:normal;word-wrap:break-word;max-width:100%;box-sizing:border-box} .page-download__logo-cta:hover{opacity:.92} .page-download__logo-item:nth-child(5){grid-column:2} .page-download__logo-item:nth-child(6){grid-column:3} .page-download__content-section{max-width:1200px;margin:0 auto;padding:48px 16px} .page-download__content-inner{background:#fff;border:1px solid #d6e2ff;border-radius:16px;padding:24px 32px} .page-download__content-title{color:#1f2d3d;font-size:clamp(1.4rem, 2vw, 2.2rem);margin:0 0 16px;font-weight:800} .page-download__content-paragraph{color:#1f2d3d;font-size:16px;line-height:1.7;margin:0 0 16px} .page-download__benefit-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px} .page-download__benefit-item{color:#1f2d3d;font-size:16px;line-height:1.6;padding-left:24px;position:relative} .page-download__benefit-item::before{content:'✓';position:absolute;left:0;top:0;color:#2f6bff;font-weight:700} .page-download__steps-section{background:#fff;max-width:1200px;margin:0 auto 70px;padding:48px 16px;border-radius:16px} .page-download__steps-title{color:#2f6bff;font-size:clamp(1.4rem, 2vw, 2.2rem);text-align:center;margin:0 0 32px;font-weight:800} .page-download__steps-list{margin:0 auto;padding:0;list-style:none;display:flex;flex-direction:row;gap:24px;justify-content:center;flex-wrap:wrap} .page-download__step-item{background:#f4f7fb;border:1px solid #d6e2ff;border-radius:12px;padding:24px;width:100%;max-width:340px;box-sizing:border-box} .page-download__step-heading{color:#1f2d3d;font-size:18px;line-height:1.4;margin:0 0 10px;font-weight:800;color:#2f6bff} .page-download__step-description{color:#1f2d3d;font-size:15px;line-height:1.6;margin:0;word-wrap:break-word} .page-download__step-description a{color:#2f6bff;text-decoration:underline;font-weight:600} .page-download__download-notice{max-width:1200px;margin:0 auto 70px;padding:0 16px;display:flex;flex-direction:row;gap:24px;align-items:center;background:#fff;border:1px solid #d6e2ff;border-radius:16px;overflow:hidden} .page-download__notice-image{width:40%;max-width:400px;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;flex-shrink:0;margin:0} .page-download__notice-content{flex:1;padding:24px 24px 24px 0;width:auto;box-sizing:border-box} .page-download__notice-title{color:#1f2d3d;font-size:20px;margin:0 0 12px;line-height:1.4;color:#1f2d3d} .page-download__notice-text{color:#1f2d3d;font-size:15px;line-height:1.6;margin:0 0 20px} .page-download__notice-cta{display:inline-block;padding:12px 28px;border-radius:999px;background:linear-gradient(180deg,#4a8bff 0%,#2f6bff 100%);color:#fff;font-weight:700;text-decoration:none;font-size:16px;white-space:nowrap;box-sizing:border-box} .page-download__notice-cta:hover{opacity:.92} @media (max-width:1024px){.page-download__logo-grid{grid-template-columns:repeat(3,1fr)}.page-download__logo-item:nth-child(5){grid-column:auto}.page-download__logo-item:nth-child(6){grid-column:auto}} @media (max-width:768px){.page-download__content-section{padding:32px 10px}.page-download__content-inner{padding:16px}.page-download__steps-section{padding:30px 10px;margin-bottom:50px}.page-download__steps-list{flex-direction:column;align-items:center;gap:16px}.page-download__step-item{max-width:100%}.page-download__download-notice{flex-direction:column;padding:0;gap:0}.page-download__notice-image{width:100%;max-width:100%;aspect-ratio:2/1;object-fit:cover}.page-download__notice-content{padding:16px;text-align:left}.page-download__notice-cta{white-space:normal;text-align:center}.page-download__hero-image{aspect-ratio:2/1} .page-download__logo-grid{grid-template-columns:repeat(2,1fr);gap:12px}.page-download__logo-item:nth-child(5),.page-download__logo-item:nth-child(6){grid-column:auto}.page-download img{max-width:100%;height:auto}.page-download__logo-cta{max-width:100%;box-sizing:border-box}}