:root{--page-ban-ca-bg:#0D0E12;--page-ban-ca-card:#17191F;--page-ban-ca-text:#FFF3E6;--page-ban-ca-border:#A84F0C;--page-ban-ca-glow:#FFB04D;--page-ban-ca-deep:#D96800;--page-ban-ca-primary:#FF8C1A;--page-ban-ca-secondary:#FFA53A}
.page-ban-ca{margin:0;font-family:'Segoe UI',Roboto,Arial,sans-serif;background:var(--page-ban-ca-bg);color:var(--page-ban-ca-text)}

/* HERO */
.page-ban-ca__hero-section{display:flex;width:100%;min-height:auto;aspect-ratio:auto;max-width:1200px;margin:0 auto;padding:16px 16px 32px;flex-direction:column;align-items:center;box-sizing:border-box}
.page-ban-ca__hero-image-wrapper{width:100%;max-width:1200px;order:1}
.page-ban-ca__hero-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:2px solid var(--page-ban-ca-border);border-radius:24px;box-shadow:0 10px 40px rgba(255,140,26,.25)}
.page-ban-ca__hero-content{width:100%;max-width:1200px;order:2;text-align:center;margin-top:32px}
.page-ban-ca__hero-title{font-size:clamp(28px,4.5vw,42px);font-weight:800;line-height:1.25;color:var(--page-ban-ca-primary);letter-spacing:.5px;margin:0 0 16px}
.page-ban-ca__hero-subtitle{font-size:clamp(16px,2vw,18px);line-height:1.7;color:var(--page-ban-ca-text);max-width:800px;margin:0 auto 32px;opacity:.95}
.page-ban-ca__hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden}
.page-ban-ca__hero-cta{display:inline-block;padding:14px 34px;font-size:16px;font-weight:700;border-radius:50px;text-decoration:none;transition:all .3s;border:2px solid transparent;background:linear-gradient(180deg,var(--page-ban-ca-secondary) 0%,var(--page-ban-ca-deep) 100%);color:#fff;box-shadow:0 4px 20px rgba(255,140,26,.6);white-space:normal;word-wrap:break-word;max-width:100%;box-sizing:border-box}
.page-ban-ca__hero-cta--ghost{background:transparent;border-color:var(--page-ban-ca-primary);color:var(--page-ban-ca-primary)}
.page-ban-ca__hero-cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(255,140,26,.8);color:#fff}

/* BRANDS */
.page-ban-ca__brands-section{width:100%;background:linear-gradient(180deg,rgba(23,25,31,.95),rgba(13,14,18,.98));border-top:2px solid var(--page-ban-ca-border);border-bottom:2px solid var(--page-ban-ca-border);padding:32px 16px 48px;margin:32px 0 0;box-sizing:border-box}
.page-ban-ca__brands-ribbon{max-width:1200px;margin:0 auto;text-align:center}
.page-ban-ca__brands-title{font-size:clamp(20px,2.5vw,26px);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--page-ban-ca-primary);margin:0 0 32px}
.page-ban-ca__brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center}
.page-ban-ca__brands-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;border:2px solid var(--page-ban-ca-border);border-radius:16px;padding:16px;background:rgba(13,14,18,.5)}
.page-ban-ca__brands-item:nth-child(5){grid-column:2}
.page-ban-ca__brands-item:nth-child(6){grid-column:3}
.page-ban-ca__brands-image{width:100%;aspect-ratio:2/1;object-fit:contain;border-radius:8px}
.page-ban-ca__brands-play{padding:8px 20px;border-radius:50px;background:linear-gradient(180deg,var(--page-ban-ca-secondary) 0%,var(--page-ban-ca-deep) 100%);color:#fff;font-weight:700;font-size:14px;text-decoration:none;border:none;cursor:pointer;white-space:normal;word-wrap:break-word;max-width:100%;box-sizing:border-box}

/* GUIDE */
.page-ban-ca__guide-section{width:100%;padding:48px 0 0;box-sizing:border-box}
.page-ban-ca__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 48px}
.page-ban-ca__guide-title{text-align:center;color:var(--page-ban-ca-primary);font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.3;margin:0 0 40px}
.page-ban-ca__guide-content{display:grid;gap:32px;margin-bottom:48px}
.page-ban-ca__guide-item{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;background:rgba(23,25,31,.6);border-radius:12px;border:1px solid rgba(168,79,12,.5);padding:16px}
.page-ban-ca__guide-figure{flex:1 1 240px;margin:0;min-width:240px}
.page-ban-ca__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:12px;display:block}
.page-ban-ca__guide-figure figcaption{font-size:14px;color:var(--page-ban-ca-glow);margin-top:8px}
.page-ban-ca__guide-text{flex:1 1 200px;min-width:200px}
.page-ban-ca__guide-text h3{color:var(--page-ban-ca-secondary);font-size:clamp(18px,2vw,22px);margin:0 0 8px}
.page-ban-ca__guide-text p{font-size:15px;line-height:1.8;color:var(--page-ban-ca-text);margin:0}
.page-ban-ca__guide-text a{color:var(--page-ban-ca-secondary);text-decoration:underline}

/* FAQ */
.page-ban-ca__guide-faq{border-top:1px solid var(--page-ban-ca-border);padding:24px 0}
.page-ban-ca__guide-faq h3{color:var(--page-ban-ca-secondary);font-size:clamp(18px,2.2vw,24px);margin-bottom:16px}
.page-ban-ca__faq-item{border-bottom:1px solid var(--page-ban-ca-border);padding:16px 0}
.page-ban-ca__faq-item summary{list-style:none;cursor:pointer;font-weight:600;color:var(--page-ban-ca-text);display:flex;align-items:center;gap:10px;font-size:16px}
.page-ban-ca__faq-item summary::-webkit-details-marker{display:none}
.page-ban-ca__faq-item p{padding-top:12px;font-size:14px;line-height:1.7;color:var(--page-ban-ca-text);opacity:.9}
.page-ban-ca__faq-icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;background:var(--page-ban-ca-card);border:1px solid var(--page-ban-ca-primary);border-radius:50%;font-size:18px;color:var(--page-ban-ca-primary);font-weight:400;flex-shrink:0}

/* NOTE */
.page-ban-ca__guide-note{border:2px solid var(--page-ban-ca-primary);border-radius:12px;padding:24px;margin-top:24px;background:rgba(23,25,31,.8)}
.page-ban-ca__guide-note h3{color:var(--page-ban-ca-secondary);margin:0 0 12px}
.page-ban-ca__guide-note p{font-size:14px;line-height:1.8;margin:0 0 12px;color:var(--page-ban-ca-text)}

/* TABLET */
@media (max-width:1024px){.page-ban-ca__brands-grid{grid-template-columns:repeat(3,1fr)}.page-ban-ca__brands-item:nth-child(5),.page-ban-ca__brands-item:nth-child(6){grid-column:auto}}

/* MOBILE */
@media (max-width:768px){
.page-ban-ca__hero-section{padding:8px 12px 24px}
.page-ban-ca__hero-image{aspect-ratio:16/9;max-width:100%;height:auto}
.page-ban-ca__hero-actions{flex-direction:column;width:100%}
.page-ban-ca__hero-cta{width:100%;max-width:100%;text-align:center}
.page-ban-ca__brands-grid{grid-template-columns:repeat(2,1fr)}
.page-ban-ca__brands-item{max-width:100%}
.page-ban-ca__brands-item:nth-child(5),.page-ban-ca__brands-item:nth-child(6){grid-column:auto}
.page-ban-ca__guide-item{flex-direction:column}
.page-ban-ca__guide-figure,.page-ban-ca__guide-text{width:100%;max-width:100%}
.page-ban-ca__guide-title{font-size:22px}
.page-ban-ca img{max-width:100%!important;height:auto!important}
.page-ban-ca{max-width:100%;overflow-x:hidden}
}