.page-lo-de{max-width:1200px;margin:0 auto;padding:12px 16px 24px;color:var(--text-main,#333)}
.page-lo-de__banner{background:linear-gradient(135deg,#2A1212 0%,#140C0C 50%,#7E0D0D 100%);border-radius:24px;padding:28px;border:1px solid #6A1E1E;margin-bottom:24px}
.page-lo-de__banner-inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.page-lo-de__banner-title{font-weight:900;font-size:clamp(2rem,5vw,3rem);line-height:1.2;color:#fff;max-width:800px;margin:0;letter-spacing:0.5px}
.page-lo-de__banner-desc{font-size:1rem;line-height:1.7;color:var(--text-main);max-width:780px;margin:0 0 8px}
.page-lo-de__banner-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%;max-width:100%;overflow:hidden}
.page-lo-de__btn{display:inline-block;border:none;cursor:pointer;text-align:center;text-decoration:none;font-weight:700;transition:opacity .2s ease;line-height:1.2;border-radius:12px;padding:16px 28px;min-height:44px;font-size:1rem;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}
.page-lo-de__btn:hover{opacity:.88}
.page-lo-de__btn--primary{background:linear-gradient(180deg,#FFB04A 0%,#D86A14 100%)!important;color:#140C0C!important;border:1px solid #F3C54D}
.page-lo-de__btn--hot{background:linear-gradient(180deg,#FFB04A 0%,#D86A14 100%)!important;color:#140C0C!important;border:1px solid #F3C54D}
.page-lo-de__intro{margin-bottom:40px}
.page-lo-de__intro-content{max-width:860px;margin:0 auto;background:#2A1212;border-radius:24px;padding:28px 32px;border:1px solid #6A1E1E}
.page-lo-de__intro-content h2{color:#F3C54D;font-size:1.75rem;margin:0 0 16px;letter-spacing:.3px}
.page-lo-de__intro-content p{font-size:1.1rem;line-height:1.8;color:#fff;margin:0 0 20px;text-align:left}
.page-lo-de__link-more{color:#fff!important;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.page-lo-de__link-more span{transition:transform .2s ease;display:inline-block;margin-left:4px}
.page-lo-de__link-more:hover span{transform:translateX(3px)}
.page-lo-de__features{padding-top:12px;text-align:center}
.page-lo-de__features h2{text-align:center;color:#F3C54D;font-size:1.8rem;line-height:1.4;letter-spacing:.2px;margin:0 auto 36px;max-width:100%;padding:0 12px}
.page-lo-de__features-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:18px;padding-bottom:8px}
@media (min-width:768px){.page-lo-de__features-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.page-lo-de__features-grid{grid-template-columns:repeat(3,1fr)}}
.page-lo-de__feature-item{background:#2A1212;border:1px solid #6A1E1E;border-radius:16px;padding:24px 22px;text-align:left;transition:transform .15s ease,box-shadow .15s ease}
.page-lo-de__feature-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(214,58,58,.12)}
.page-lo-de__feature-item h3{font-size:1.25rem;color:#fff;margin:0 0 14px;letter-spacing:.2px}
.page-lo-de__feature-item p{font-size:1rem;color:var(--text-main);line-height:1.7;margin:0}
.page-lo-de__guide{background:#2A1212;border-radius:24px;padding:36px 28px;margin:28px 0;border:1px solid #6A1E1E}
.page-lo-de__guide-inner{max-width:800px;margin:0 auto}
.page-lo-de__guide h2{color:#F3C54D;font-size:1.7rem;text-align:center;margin:0 auto 28px;line-height:1.4;letter-spacing:.2px;max-width:100%;padding:0 12px}
.page-lo-de__guide ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex-wrap:wrap;gap:24px}
@media (min-width:768px){.page-lo-de__guide ol{flex-direction:row;justify-content:space-between}.page-lo-de__guide .page-lo-de__step-item{flex:0 0 48%}}
@media (min-width:1024px){.page-lo-de__guide ol{flex-direction:row}.page-lo-de__guide .page-lo-de__step-item{flex:0 0 22%}}
.page-lo-de__step-item{background:#1a0f0f;border-radius:14px;padding:20px;border:1px solid #6A1E1E}
.page-lo-de__step-label{display:block;margin-bottom:8px;color:#F3C54D;font-size:0.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.page-lo-de__step-item h3{font-size:1.1rem;color:#fff;margin:0 0 10px;font-weight:700}
.page-lo-de__step-item p{font-size:1rem;color:var(--text-main);line-height:1.7;margin:0}
.page-lo-de__cta{margin-top:32px;text-align:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-lo-de__cta .page-lo-de__btn{padding:16px 44px}
.page-lo-de__tactics{margin-top:40px;background:#2A1212;border-radius:20px;padding:20px;border:1px solid #6A1E1E}
.page-lo-de__tactics h2{text-align:center;font-size:1.8rem;color:#fff;margin:18px 8px 24px;letter-spacing:.3px;line-height:1.4}
.page-lo-de__tactics-card{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:center}
@media (min-width:768px){.page-lo-de__tactics-card{flex-wrap:nowrap}}
.page-lo-de__tactics-image{width:100%;max-width:100%;height:auto;border-radius:16px;border:1px solid #6A1E1E;aspect-ratio:16/10;object-fit:cover;display:block}
@media (min-width:768px){.page-lo-de__tactics-image{width:45%;max-width:450px}}
.page-lo-de__tactics-text{flex:1;padding:0;color:var(--text-main)}
.page-lo-de__tactics-text p{font-size:1rem;line-height:1.8;margin:0 0 16px;color:#fff}
.page-lo-de__responsibility{background:#7E0D0D;border-radius:24px;padding:36px 24px 24px;color:#fff;margin-top:52px;border:1px solid #F3C54D}
.page-lo-de__responsibility-inner{max-width:860px;margin:0 auto;text-align:center}
.page-lo-de__responsibility h2{color:#F3C54D;font-size:1.75rem;margin:0 auto 18px;font-weight:700;letter-spacing:.3px;line-height:1.4}
.page-lo-de__responsibility p{font-size:1rem;line-height:1.8;color:#fff;margin:0 0 18px;max-width:820px;margin-left:auto;margin-right:auto}
@media (max-width: 768px){
.page-lo-de{padding:10px;max-width:100%}
.page-lo-de__banner{padding:16px;border-radius:16px}
.page-lo-de__banner-title{font-size:clamp(1.8rem,7.5vw,2.5rem)}
.page-lo-de__banner-desc{font-size:.95rem}
.page-lo-de__banner-actions{width:100%;max-width:100%}
.page-lo-de__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-lo-de__intro-content{padding:20px 16px}
.page-lo-de__intro-content h2{font-size:1.4rem}
.page-lo-de__intro-content p{font-size:1rem}
.page-lo-de__features h2{font-size:1.3rem;padding-left:8px;padding-right:8px}
.page-lo-de__features-grid{grid-template-columns:1fr}
.page-lo-de__feature-item{padding:20px 16px}
.page-lo-de__feature-item h3{font-size:1.2rem}
.page-lo-de__guide{padding:16px 12px;border-radius:20px}
.page-lo-de__guide h2{font-size:1.37rem}
.page-lo-de__guide ol{gap:12px}
.page-lo-de__step-item{width:100%;padding-top:16px;padding-bottom:16px;padding-left:16px;padding-right:16px}
.page-lo-de__cta .page-lo-de__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-lo-de__tactics{margin-top:24px;padding:16px}
.page-lo-de__tactics h2{font-size:1.35rem;margin-bottom:14px}
.page-lo-de__tactics-card{flex-direction:column;align-items:flex-start}
.page-lo-de__tactics-image{width:100%;height:auto;max-width:100%;object-fit:cover}
.page-lo-de img{max-width:100%!important;height:auto!important}
.page-lo-de__responsibility{margin-top:36px;padding:32px 22px 20px}
.page-lo-de__responsibility h2{font-size:1.42rem}
}
@media (max-width: 1024px) and (min-width: 769px){
.page-lo-de__banner{padding:24px}
.page-lo-de__banner-title{font-size:clamp(1.7rem,4.5vw,2.5rem)}
.page-lo-de__btn{padding:14px 26px}
.page-lo-de__intro-content{padding:22px 24px}
.page-lo-de__intro-content p{font-size:1rem}
.page-lo-de__tactics-card{flex-direction:column}
.page-lo-de__tactics-image{width:100%;max-width:100%}
.page-lo-de__tactics-text{padding-left:0}
.page-lo-de__guide h2{font-size:1.4rem}
.page-lo-de__features h2{font-size:1.5rem}
}