.page-lo-de{color:#333333;background-color:#F4F7FB;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.6;overflow-x:hidden}
.page-lo-de__hero-section{display:flex;flex-direction:column;background:linear-gradient(135deg,#2F6BFF 0%,#1a4bbf 60%,#0a337a 100%);padding:10px 0 0;margin:0}
.page-lo-de__hero-banner{width:100%;max-width:1440px;margin:0 auto;padding:0 16px}
.page-lo-de__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px rgba(31,45,61,0.2);display:block}
.page-lo-de__hero-content{max-width:1200px;margin:0 auto;text-align:center;padding:32px 20px 48px;color:#fff}
.page-lo-de__hero-title{font-size:clamp(1.6rem,3.6vw,2.6rem);font-weight:800;line-height:1.15;letter-spacing:-0.02em;margin:0 0 16px;max-width:840px;margin-left:auto;margin-right:auto;color:#ffffff}
.page-lo-de__hero-subtitle{font-size:1.05rem;color:#D0DDE7;max-width:760px;margin:0 auto 28px;font-weight:400}
.page-lo-de__hero-actions{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}
.page-lo-de__btn{display:inline-block;padding:14px 36px;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#ffffff;font-weight:700;font-size:1rem;border-radius:999px;text-decoration:none;border:none;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 14px rgba(47,107,255,0.35);cursor:pointer;text-align:center;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-lo-de__btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(165,196,255,0.5);opacity:.95}
.page-lo-de__btn--secondary{background:#ffffff;color:#1F2D3D;border:2px solid #2F6BFF;box-shadow:none}
.page-lo-de__btn--secondary:hover{border-color:#4A8BFF;color:#1F2D3D}
.page-lo-de__guide-section{padding:48px 16px 24px}
.page-lo-de__guide-inner{max-width:960px;margin:0 auto}
.page-lo-de__block-title{text-align:center;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;color:#1F2D3D;line-height:1.2;margin:0 0 12px;letter-spacing:-0.01em}
.page-lo-de__design-red{color:#ffffff;background-color:#2F6BFF}
.page-lo-de__guide-lead, .page-lo-de__feature-lead, .page-lo-de__faq-lead, .page-lo-de__reasons-lead{color:#1F2D3D;font-size:1.02rem;max-width:720px;margin:0 auto 40px;text-align:center}
.page-lo-de__guide-steps{display:flex;flex-direction:column;gap:32px}
.page-lo-de__guide-item{background:#FFFFFF;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px rgba(165,196,255,0.15);border:1px solid #D6E2FF;display:flex;flex-direction:column}
.page-lo-de__guide-figure{display:flex;justify-content:center;align-items:center}
.page-lo-de__guide-image{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;display:block}
.page-lo-de__guide-copy{padding:24px 28px 28px}
.page-lo-de__guide-title{color:#1F2D3D;font-size:1.25rem;font-weight:700;margin:0 0 10px;line-height:1.3}
.page-lo-de__guide-text{color:#333333;margin:0}
.page-lo-de__feature-section{padding:32px 16px;background:#FFFFFF}
.page-lo-de__feature-inner{max-width:1200px;margin:0 auto}
.page-lo-de__feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}
.page-lo-de__feature-card{background:#F4F7FB;border:1px solid #D6E2FF;border-radius:20px;overflow:hidden;transition:box-shadow .25s ease, transform .25s ease;display:flex;flex-direction:column}
.page-lo-de__feature-card:hover{box-shadow:0 8px 30px rgba(47,107,255,0.15);transform:translateY(-4px)}
.page-lo-de__feature-card-img{display:flex;justify-content:center;align-items:center;background:#F4F7FB}
.page-lo-de__feature-card-image{width:100%;max-width:800px;aspect-ratio:16/9;object-fit:cover}
.page-lo-de__feature-card-body{padding:16px 18px 24px;text-align:left}
.page-lo-de__feature-card-title{color:#1F2D3D;font-size:1.16rem;font-weight:700;margin:0 0 8px;line-height:1.3}
.page-lo-de__feature-card-text{color:#333333;font-size:.95rem;margin:0}
.page-lo-de__system-section{padding:48px 16px}
.page-lo-de__system-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:24px;padding:24px}
.page-lo-de__system-image{width:100%;max-width:1024px;height:auto;aspect-ratio:2/1;border-radius:16px;object-fit:cover}
.page-lo-de__system-info{text-align:center;max-width:800px}
.page-lo-de__system-text{color:#333333;margin:8px 0 0}
.page-lo-de__reasons-section{padding:40px 16px;background:#FFFFFF}
.page-lo-de__reasons-inner{max-width:1080px;margin:0 auto}
.page-lo-de__reasons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}
.page-lo-de__reason-card{background:#F4F7FB;border:1px solid #D6E2FF;border-radius:16px;padding:24px}
.page-lo-de__reason-title{display:flex;align-items:center;gap:6px;color:#1F2D3D;font-size:1.08rem;font-weight:700;margin:0 0 8px}
.page-lo-de__reason-text{color:#333333;margin:0;font-size:.95rem}
.page-lo-de__download-section{background:linear-gradient(135deg,#103783 0%,#2F6BFF 100%);padding:48px 16px;color:#fff}
.page-lo-de__download-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:28px;justify-content:space-between;flex-wrap:wrap}
.page-lo-de__download-info{flex:1;min-width:260px;max-width:480px}
.page-lo-de__download-title{font-size:1.8rem;font-weight:800;color:#fff;margin:0 0 12px;line-height:1.15}
.page-lo-de__download-subtitle{color:#D0DDE7;margin:0 0 22px;font-size:1.02rem}
.page-lo-de__btn:hover{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%)}
.page-lo-de__download-media{width:260px;height:auto}
.page-lo-de__download-image{width:100%;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,0.3)}
.page-lo-de__faq-section{padding:48px 16px 56px;background:#F4F7FB}
.page-lo-de__faq-inner{max-width:840px;margin:0 auto}
.page-lo-de__faq-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:18px;margin-bottom:14px;overflow:hidden}
.page-lo-de__faq-question{padding:18px 20px;font-weight:600;color:#1F2D3D;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-size:1rem}
.page-lo-de__faq-question::-webkit-details-marker{display:none}
.page-lo-de__faq-icon{flex-shrink:0;color:#2F6BFF;font-weight:800;font-size:1.4rem;line-height:1}
.page-lo-de__faq-answer{padding:0 20px 18px;color:#333333;margin:0}
.page-lo-de__faq-note{background:#FFFFFF;border-left:5px solid #2F6BFF;padding:16px 18px;border-radius:0 16px 16px 0;color:#1F2D3D;margin-top:18px}
@media (max-width:1024px){.page-lo-de__feature-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-lo-de__guide-item{grid-template-columns:1fr}.page-lo-de__hero-image{aspect-ratio:8/3}}
@media (max-width:768px){.page-lo-de__hero-section{flex-direction:column;padding-top:10px}.page-lo-de__hero-banner{width:100%;padding:0 12px}.page-lo-de__hero-image{aspect-ratio:16/9;border-radius:12px}.page-lo-de__hero-content{padding:24px 16px 40px}.page-lo-de__hero-actions{flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.page-lo-de__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-lo-de__btn--secondary{margin-top:0}.page-lo-de__feature-grid{grid-template-columns:1fr}.page-lo-de__feature-card{flex-direction:column}.page-lo-de__feature-card-img{width:100%}.page-lo-de__feature-card-body{padding:16px}.page-lo-de__reasons-grid{grid-template-columns:1fr}.page-lo-de__guide-figure{width:100%}.page-lo-de__guide-image{max-width:100%}.page-lo-de__download-inner{flex-direction:column-reverse;align-items:center;text-align:center}.page-lo-de__download-info{display:flex;flex-direction:column;align-items:center}.page-lo-de__download-subtitle{text-align:center}.page-lo-de__download-title{text-align:center}.page-lo-de__download-media{width:280px}.page-lo-de__system-inner{padding:16px}.page-lo-de img{max-width:100%!important;height:auto!important}.page-lo-de__feature-card img{aspect-ratio:auto}}