.page-content{background:#f5f7fa}.content-container{max-width:1000px;border-radius:12px;box-shadow:0 4px 20px #0000000d;margin:20px auto 80px;padding:10px}.content-container h1{font-size:26px;font-weight:700;color:#fff;text-align:center}@media(max-width:768px){.content-container{padding:20px;margin:10px auto 140px;box-shadow:none}.content-container h1{font-size:16px}}.hero-container{color:#fff;max-width:1000px;margin:0 auto 20px;text-align:center;background:linear-gradient(180deg,#1e3a5f,#31487a,#4b66a5);padding:12px 16px}.hero-section{background:linear-gradient(180deg,#1e3a5f,#31487a,#4b66a5);padding:16px 16px 20px;text-align:center}.hero-inner{max-width:1000px;margin-left:auto;margin-right:auto;width:100%}.hero-title{font-size:clamp(1.12rem,2.4vw,1.6rem);font-weight:700;color:#fff;line-height:1.25;margin-bottom:12px;padding:0 16px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.hero-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:#ffffffe0;line-height:1.5;margin-bottom:16px}@media(min-width:769px){.hero-subtitle{white-space:nowrap;font-size:clamp(.9rem,1.8vw,1rem)}}.cta-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px}.hero-cta-sublabel{font-size:.85rem;color:#fff;line-height:1.3;text-align:center;font-style:italic;opacity:.9}.hero-cta-sublabel:before{content:"💡 ";font-style:normal}@media(min-width:768px){.hero-cta-sublabel{white-space:nowrap}}.cta-btn{display:inline-block;text-decoration:none;text-transform:none;background:#16a34a;color:#fff;padding:8px 40px;line-height:1;cursor:pointer;box-shadow:0 6px 16px #16a34a59;transition:transform .15s ease,box-shadow .15s ease;font-size:1.05rem;font-weight:700;border-radius:18px}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #16a34a73}.video-section{padding:40px 20px 24px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}@media(max-width:640px){.video-grid{grid-template-columns:1fr}}.video-item{display:flex;flex-direction:column}.video-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001f;background:#fff;aspect-ratio:16 / 9}.video-wrapper video{width:100%;height:100%;display:block;object-fit:contain;background:#fff}.video-caption{text-align:center;color:#2d5986;font-size:.95rem;margin-top:8px;line-height:1.4}.features-section{padding:48px 20px 32px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:960px;margin:0 auto}@media(max-width:640px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:#fff;border-radius:12px;border-top:4px solid #4B66A5;box-shadow:0 2px 12px #00000012;padding:24px;display:flex;flex-direction:column;gap:10px}.card-subpoints{padding-left:18px;margin:0;display:flex;flex-direction:column;gap:6px}.card-subpoints li{font-size:.87rem;color:#475569;line-height:1.55}.legal-section{padding:0 20px 48px}.legal-banner{max-width:960px;margin:0 auto;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:20px 24px;display:flex;flex-direction:column;gap:8px}.legal-title{font-size:.9rem;color:#1e3a5f}.legal-text{font-size:.84rem;color:#475569;line-height:1.55}.intro{text-align:center;color:#555;margin:28px 0 36px;padding:0 60px;font-size:1rem;font-weight:500;line-height:1.6}@media(max-width:768px){.intro{padding:0;font-size:.95rem}}.seo-block{background:#f4f7fb;padding:24px;border-radius:14px;margin-bottom:40px;border-left:4px solid #4B66A5}.seo-block h2{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:#2d5986}.seo-block p{line-height:1.6;color:#444}@media(max-width:768px){.seo-block{padding:18px}}.function-grid{display:grid;gap:28px;margin-top:20px}@media(min-width:769px){.function-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.function-grid{grid-template-columns:1fr}}.function-card{background:#fff;border-radius:18px;padding:26px;box-shadow:0 12px 30px #0000000d;border:1px solid #eef2f7;position:relative;transition:all .25s ease;display:flex;flex-direction:column}.function-card:before{content:"";position:absolute;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg,#4b66a5,#2d5986);border-top-left-radius:18px;border-top-right-radius:18px}.function-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000014}@media(max-width:768px){.function-card{padding:20px}}.card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.card-icon{font-size:28px;color:#4b66a5;flex-shrink:0;margin-top:2px}.card-icon svg{width:28px;height:28px}@media(max-width:768px){.card-icon{font-size:26px}}.point-title{font-size:1.15rem;font-weight:800;color:#1f3b5b;line-height:1.4;margin:0;flex:1;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.subpoints{list-style:none;padding-left:0;margin:14px 0 0}.subpoints li{font-size:.96rem;line-height:1.6;color:#555}.subpoints li strong{color:#1f3b5b;font-weight:700}.cta-block{margin-top:70px;padding:45px 35px;text-align:center;background:linear-gradient(135deg,#4b66a5,#2d5986);border-radius:22px;color:#fff;box-shadow:0 20px 40px #4b66a559;text-transform:none}.cta-block h2{font-size:1.4rem;font-weight:800;margin-bottom:12px}.cta-block p{opacity:.95;margin-bottom:22px;font-size:1rem;line-height:1.6}.cta-block .cta-btn{background:#fff;color:#2d5986;font-weight:700;letter-spacing:.5px;transition:transform .2s ease;box-shadow:none;padding:10px 32px;border-radius:18px}.cta-block .cta-btn:hover{transform:translateY(-2px);box-shadow:none}@media(max-width:768px){.cta-block{margin-top:40px;padding:24px 18px;border-radius:16px;box-shadow:none}.cta-block h2{font-size:1.2rem}.cta-block p{font-size:.9rem;margin-bottom:18px}.cta-block .cta-btn{width:100%}}#video-modal{position:fixed;inset:0;z-index:1000}#modal-overlay{width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:20px}#modal-inner{position:relative;max-width:900px;max-height:90vh;display:flex;align-items:center;justify-content:center}#modal-video{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;background:#000;border-radius:10px;display:block}#modal-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;background:#fff;border:none;font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;color:#111}#modal-close:hover{background:#f0f0f0}