.page-lo-de{background:#F4F7FB;color:#1F2D3D;font-family:Arial,Helvetica,sans-serif;line-height:1.6;padding-top:0;margin-top:0}
.page-lo-de__hero-section{background:linear-gradient(135deg,#e8f0ff 0%,#F4F7FB 100%);padding:10px 0 0;border-bottom:1px solid #D6E2FF}
.page-lo-de__hero-image-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.page-lo-de__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:1020/300;object-fit:cover;display:block;border-radius:12px;box-shadow:0 8px 30px rgba(47,107,255,.12);margin:0 auto}
.page-lo-de__hero-content{max-width:1200px;margin:0 auto;padding:24px 16px 28px;text-align:center}
.page-lo-de__hero-title{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;line-height:1.25;color:#1F2D3D;letter-spacing:-.01em;margin:0 0 10px;max-width:900px;margin-left:auto;margin-right:auto}
.page-lo-de__hero-description{max-width:720px;margin:0 auto 20px;font-size:clamp(.95rem,1.4vw,1.15rem);color:#1F2D3D}
.page-lo-de__hero-button{display:inline-block;padding:14px 38px;border-radius:50px;background:linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%);color:#ffffff;font-weight:700;font-size:1.05rem;text-decoration:none;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 25px rgba(47,107,255,.35);transition:opacity .2s,transform .2s;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-lo-de__hero-button:hover{opacity:.9;transform:translateY(-2px)}
.page-lo-de__logo-section{max-width:1200px;margin:0 auto;padding:36px 16px 28px}
.page-lo-de__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;margin:0 auto}
.page-lo-de__logo-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;overflow:hidden;width:100%;max-width:280px;text-align:center;box-shadow:0 4px 18px rgba(47,107,255,.06);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:space-between}
.page-lo-de__logo-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(47,107,255,.15)}
.page-lo-de__logo-pic{width:100%;aspect-ratio:2/1;object-fit:contain;display:block;background:#fff;padding:8px;box-sizing:border-box;border-bottom:1px solid #f0f0f0}
.page-lo-de__logo-button{display:inline-block;margin:8px 0 16px;padding:10px 22px;border-radius:50px;background:linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;transition:opacity .2s;box-sizing:border-box;max-width:96%;white-space:normal;word-wrap:break-word}
.page-lo-de__logo-button:hover{opacity:.9}
.page-lo-de__logo-card:nth-child(4n+1){grid-column:auto}
.page-lo-de__logo-card:nth-child(n+5){grid-column:auto}
.page-lo-de__logo-card:nth-child(5){grid-column:2 / span 1}
.page-lo-de__logo-card:nth-child(6){grid-column:3 / span 1}
.page-lo-de__guide-section{background:#fff;border-top:1px solid #D6E2FF}
.page-lo-de__guide-inner{max-width:1000px;margin:0 auto;padding:48px 16px 64px}
.page-lo-de__guide-main-title{text-align:center;color:#1F2D3D;font-size:clamp(1.3rem,2.6vw,2rem);margin:0 0 12px;line-height:1.3;font-weight:800}
.page-lo-de__guide-intro{text-align:center;color:#1F2D3D;max-width:860px;margin:0 auto 40px;font-size:clamp(.95rem,1.3vw,1.08rem)}
.page-lo-de__guide-figure{background:#F4F7FB;border:1px solid #D6E2FF;border-radius:14px;margin-bottom:18px;overflow:hidden}
.page-lo-de__guide-question{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;font-weight:700;font-size:1.05rem;color:#1F2D3D;cursor:pointer;list-style:none;background:#FFFFFF;transition:background .2s}
.page-lo-de__guide-question::-webkit-details-marker{display:none}
.page-lo-de__guide-question:hover{background:#F4F7FB}
.page-lo-de__guide-faq-toggle{width:32px;height:32px;border-radius:50%;border:1px solid #2F6BFF;background:#fff;color:#2F6BFF;font-size:1.3rem;line-height:1;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.page-lo-de__guide-figure[open] .page-lo-de__guide-faq-toggle{background:#2F6BFF;color:#fff}
.page-lo-de__guide-answer{padding:20px 24px;border-top:1px solid #D6E2FF;color:#1F2D3D}
.page-lo-de__guide-textonly{max-width:100%}
.page-lo-de__guide-answer p{margin:0 0 14px}
.page-lo-de__guide-answer p:last-of-type{margin-bottom:8px}
.page-lo-de__guide-image{width:100%;max-width:100%;max-height:400px;height:auto;object-fit:cover;margin-bottom:18px;border-radius:8px;display:block}
.page-lo-de__guide-link{display:inline-block;margin-top:8px;color:#2F6BFF;font-weight:700;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-lo-de__guide-link:hover{border-bottom-color:#2F6BFF}
.page-lo-de__guide-button-wrap{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;max-width:100%;box-sizing:border-box;overflow:hidden}
.page-lo-de__guide-button{display:inline-block;padding:12px 30px;border-radius:50px;background:linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(47,107,255,.25);transition:opacity .2s;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}
.page-lo-de__guide-button:hover{opacity:.9}
.page-lo-de__guide-button-secondary{display:inline-block;padding:12px 26px;border-radius:50px;background:#fff;color:#2F6BFF;font-weight:700;text-decoration:none;border:1px solid #2F6BFF;transition:background .2s;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}
.page-lo-de__guide-button-secondary:hover{background:#eef4ff}
@media (max-width:1024px){
.page-lo-de__logo-grid{grid-template-columns:repeat(3,1fr)}
.page-lo-de__logo-card:nth-child(5),.page-lo-de__logo-card:nth-child(6){grid-column:auto}
}
@media (max-width:768px){
.page-lo-de__hero-image{aspect-ratio:2/1;object-fit:cover}
.page-lo-de__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}
.page-lo-de__logo-card:nth-child(5),.page-lo-de__logo-card:nth-child(6){grid-column:auto}
.page-lo-de__logo-button,.page-lo-de__hero-button{font-size:.9rem;padding:11px 20px}
.page-lo-de__guide-inner{padding:32px 12px 48px}
.page-lo-de__guide-question{font-size:.98rem;padding:15px 14px}
.page-lo-de img{max-width:100% !important;height:auto !important}
.page-lo-de__guide-figure{width:100%;max-width:100%}
.page-lo-de__guide-answer{width:100%;max-width:100%;overflow-wrap:break-word}
.page-lo-de__hero-button,.page-lo-de__guide-button,.page-lo-de__guide-button-secondary{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-lo-de__guide-button-wrap{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
}