.page-ban-ca{--primary:#26A9E0;--primary-dark:#1E8FC0;--accent:#EA7C07;--bg:#FFFFFF;--text:#333333;--card-bg:#F0F8FC;max-width:100%;overflow-x:hidden;box-sizing:border-box}.page-ban-ca__hero-section,.page-ban-ca__intro-section,.page-ban-ca__guide-section,.page-ban-ca__trial-section,.page-ban-ca__features-section,.page-ban-ca__blog-section{box-sizing:border-box}.page-ban-ca__hero-section{padding:10px 16px 0}.page-ban-ca__hero-image{width:100%;margin-bottom:18px}.page-ban-ca__hero-image img,.page-ban-ca__intro-image,.page-ban-ca__guide-step img,.page-ban-ca__feature-item img,.page-ban-ca__blog-card img{max-width:100%!important;height:auto!important}.page-ban-ca__hero-content{display:flex;flex-direction:column;align-items:center;text-align:center}.page-ban-ca__hero-title{color:var(--primary-dark);font-weight:900;line-height:1.3;letter-spacing:.5px;max-width:820px;margin:0 0 14px}.page-ban-ca__hero-desc{font-size:1.1rem;line-height:1.7;color:#444;max-width:900px;margin:0 0 20px}.page-ban-ca__btn{margin:6px 8px;padding:12px 28px;font-size:1rem;font-weight:700;line-height:1.2}.page-ban-ca__btn--primary{background:var(--primary) !important;color:#fff !important;border:2px solid var(--primary);border-radius:12px;text-decoration:none;display:inline-block;max-width:100%;white-space:normal;word-wrap:break-word}.page-ban-ca__btn--secondary{background:var(--accent) !important;color:#fff !important;border:2px solid var(--accent);border-radius:12px;text-decoration:none;display:inline-block;max-width:100%;white-space:normal;word-wrap:break-word}.page-ban-ca__btn:hover{opacity:.9;color:#fff}.page-ban-ca__intro-section{padding:46px 16px}.page-ban-ca__intro-content{max-width:1220px;margin:0 auto}.page-ban-ca__intro-title,.page-ban-ca__guide-title,.page-ban-ca__trial-title,.page-ban-ca__features-title,.page-ban-ca__blog-title,.page-ban-ca__faq-title{text-align:center;color:var(--primary-dark);font-size:clamp(1.8rem, 3vw, 2.6rem);font-weight:800;line-height:1.25;margin:0 0 40px}.page-ban-ca__intro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.page-ban-ca__intro-card{background:var(--card-bg);border-radius:16px;padding:20px;display:flex;flex-direction:column;box-shadow:0 8px 20px rgba(0,0,0,.05);transition:transform .3s ease}.page-ban-ca__intro-card:hover{transform:translateY(-6px)}.page-ban-ca__intro-image{border-radius:12px;margin-bottom:16px;width:100%;height:auto}.page-ban-ca__intro-card-title{color:var(--primary-dark);font-size:1.45rem;margin:0 0 14px;line-height:1.4}.page-ban-ca__intro-card-text{color:#444;line-height:1.75;flex:1;margin:0 0 16px}.page-ban-ca__intro-link{display:inline-block;margin-top:auto;font-weight:700;color:var(--accent);text-decoration:none;border-bottom:2px solid var(--accent);align-self:flex-start}.page-ban-ca__intro-link:hover{color:var(--primary);border-color:var(--primary)}.page-ban-ca__guide-section{background:#eaf4fc;padding:48px 16px}.page-ban-ca__guide-content,.page-ban-ca__faq-content,.page-ban-ca__blog-inner{max-width:1200px;margin:0 auto}.page-ban-ca__guide-steps{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.page-ban-ca__guide-step{flex:1;min-width:260px;max-width:340px;background:#fff;border-radius:16px;padding:18px;text-align:center;box-shadow:0 10px 30px rgba(38,169,224,.1)}.page-ban-ca__guide-step img{width:100%;height:auto;border-radius:10px}.page-ban-ca__step-title{color:var(--primary-dark);font-size:1.3rem;font-weight:700}.page-ban-ca__guide-step p{color:#444}.page-ban-ca__trial-section{padding:46px 16px;background:var(--bg)}.page-ban-ca__trial-content{max-width:1000px;margin:0 auto;text-align:center}.page-ban-ca__trial-text{line-height:1.7;margin-bottom:30px}.page-ban-ca__trial-frame{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0 auto;overflow:hidden;background:#000;border-radius:16px}.page-ban-ca__trial-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.page-ban-ca__trial-content .page-ban-ca__btn{margin-top:32px}.page-ban-ca__features-section{padding:48px 16px;background:#fff}.page-ban-ca__features-inner{max-width:1220px;margin:0 auto}.page-ban-ca__feature-item{display:flex;align-items:center;gap:36px;margin-bottom:48px}.page-ban-ca__feature-item:nth-child(even){flex-direction:row-reverse}.page-ban-ca__feature-item img{flex:1;max-width:600px;height:auto;border-radius:16px}.page-ban-ca__feature-content{flex:1}.page-ban-ca__feature-content h3{color:var(--primary-dark);font-size:1.8rem;margin-bottom:14px}.page-ban-ca__feature-content p{color:#444;line-height:1.8}.page-ban-ca__blog-section{padding:48px 16px;background:#eaf4fc}.page-ban-ca__blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.page-ban-ca__blog-card{background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;box-shadow:0 6px 14px rgba(0,0,0,.06);transition:transform .3s}.page-ban-ca__blog-card:hover{transform:translateY(-4px)}.page-ban-ca__blog-card img{width:100%;height:auto}.page-ban-ca__blog-card h3{color:var(--primary-dark);padding:17px 18px;margin:0;font-weight:700}.page-ban-ca__blog-card:hover h3{color:var(--accent)}.page-ban-ca__faq-item{background:transparent;border:1px solid #c9dfeb;border-radius:8px;margin-bottom:12px;padding:0 16px;max-width:860px;margin-left:auto;margin-right:auto}.page-ban-ca__faq-summary,.page-ban-ca__faq-question{cursor:pointer;font-weight:700;color:#333;padding:12px 0;display:flex;justify-content:space-between}.page-ban-ca__faq-question{list-style:none}.page-ban-ca__faq-question::-webkit-details-marker{display:none}.page-ban-ca__faq-answer{color:#555;line-height:1.8;padding-bottom:16px}.page-ban-ca__faq-item video{width:100%;height:auto}@media (max-width: 1024px){.page-ban-ca__intro-grid{grid-template-columns:1fr 1fr}.page-ban-ca__feature-item{flex-direction:column;text-align:center}.page-ban-ca__feature-item:nth-child(even){flex-direction:column}.page-ban-ca__feature-item img{max-width:100%;width:auto;height:auto}}@media (max-width: 768px){.page-ban-ca__hero-section{padding:8px 12px}.page-ban-ca__hero-title{font-size:1.45rem}.page-ban-ca__hero-desc{font-size:1rem}.page-ban-ca__hero-actions{display:flex;flex-direction:column;width:100%}.page-ban-ca__btn{display:block;width:100%;max-width:100%;margin:6px 0;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}.page-ban-ca__intro-grid{grid-template-columns:1fr}.page-ban-ca__guide-steps{flex-direction:column;align-items:center}.page-ban-ca img{max-width:100%!important;height:auto!important}}
}