:root{--page-bg:#f5f7fb;--surface:#fff;--surface-soft:#edf4ff;--text:#182235;--text-soft:#66748f;--primary:#1660d6;--primary-strong:#0c48a8;--border:#dbe5f4;--shadow:0 16px 40px #102a5414;--container:min(1180px, calc(100vw - 40px));color:var(--text);background:var(--page-bg);font-family:PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 0 0,#1660d614,#0000 28%),linear-gradient(#f7f9fd 0%,#f5f7fb 100%);margin:0}body,button,input,textarea,select{font:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer}.page-shell{min-height:100vh}.container{width:var(--container);margin:0 auto}.section-anchor{scroll-margin-top:104px}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f7fbeb;padding:16px 0;position:sticky;top:0}.header-bar{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffeb;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;padding:14px 22px;display:flex}.brand{align-items:center;display:inline-flex}.brand img{width:210px;height:auto}.site-nav{align-items:center;gap:30px;display:flex}.site-nav a{color:var(--text-soft);font-weight:600;transition:color .18s}.site-nav a:hover{color:var(--primary)}.header-button,.button{border:0;border-radius:999px;justify-content:center;align-items:center;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.header-button{background:var(--primary);color:#fff;padding:12px 20px}.header-button:hover,.button:hover{transform:translateY(-1px)}.hero-section,.section{padding:48px 0 84px}.section-alt{background:linear-gradient(#edf4ff94,#f5f7fb2e)}.hero-grid,.product-layout,.company-grid{align-items:center;gap:28px;display:grid}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)}.eyebrow{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.92rem;font-weight:700}.hero-copy h1,.section-heading h2,.content-card h3{letter-spacing:-.04em;margin:0;line-height:1.1}.hero-copy h1{font-size:clamp(3rem,6vw,4.8rem)}.section-heading h2{font-size:clamp(2rem,4vw,3rem)}.hero-lead{color:var(--primary-strong);margin:18px 0 0;font-size:1.24rem;font-weight:700}.hero-summary,.section-heading p,.content-card p,.principle-card p,.academy-card p,.comparison-row,.footer-brand p,.footer-column a,.contact-item span{color:var(--text-soft);line-height:1.8}.hero-summary{max-width:620px;margin:18px 0 0;font-size:1.05rem}.pill-list{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.pill-list span{border:1px solid var(--border);color:var(--primary-strong);box-shadow:var(--shadow);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.button{min-width:152px;padding:14px 24px}.button-primary{background:var(--primary);color:#fff;box-shadow:0 12px 26px #1660d633}.button-secondary{color:var(--primary);border:1px solid var(--border);background:#fff}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px}.hero-media,.visual-card,.company-media{padding:18px}.hero-media img,.visual-card img,.company-media img{border-radius:22px;width:100%}.hero-media img{object-fit:cover;object-position:center;min-height:560px}.section-heading{max-width:820px;margin-bottom:32px}.section-heading.compact{margin-top:40px}.section-heading p{margin:14px 0 0}.product-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}.content-card{padding:30px}.card-tag{color:var(--primary);margin:0 0 12px;font-weight:700}.content-card h3{font-size:2rem}.content-card p{margin:14px 0 0}.visual-card{min-height:100%}.visual-card img{object-fit:contain;background:linear-gradient(#f7fbff,#eef4fb);height:100%;min-height:460px}.info-list{gap:16px;margin-top:24px;display:grid}.info-item{background:var(--surface-soft);border:1px solid var(--border);border-radius:20px;padding:18px 20px}.info-item h4,.principle-card h3,.academy-card h3,.footer-column h3{margin:0}.info-item p{margin:10px 0 0}.principle-grid,.academy-grid{gap:20px;display:grid}.principle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.principle-card,.academy-card{padding:26px 22px}.principle-english{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}.principle-card h3{margin-bottom:12px;font-size:1.25rem}.company-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.company-media img{object-fit:cover;min-height:620px}.company-copy{gap:20px;display:grid}.promise-card{color:var(--primary-strong);margin:0;padding:28px 30px;line-height:1.9}.academy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.academy-card{text-align:center}.academy-icon{background:var(--surface-soft);width:64px;height:64px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-weight:800;display:inline-flex}.comparison-table{grid-template-columns:220px repeat(4,minmax(0,1fr));align-items:start;gap:18px;display:grid}.comparison-labels,.comparison-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.comparison-heading{min-height:88px;color:var(--primary);text-align:center;background:#eef4ff;justify-content:center;align-items:center;padding:20px 16px;font-size:1.3rem;font-weight:700;display:flex}.comparison-heading-button{background:0 0;border:0;width:100%}.comparison-card-featured .comparison-heading,.comparison-labels-active .comparison-heading{background:var(--primary);color:#fff}.comparison-row{text-align:center;border-top:1px solid #ecf1f8;justify-content:center;align-items:center;min-height:96px;padding:18px 20px;font-weight:600;display:flex}.comparison-row-label{text-align:left;color:var(--primary-strong);background:#f7faff;justify-content:flex-start}.comparison-inline-label{display:none}.site-footer{color:#fff;background:#0e1830;margin-top:24px;padding:70px 0 28px}.footer-grid{grid-template-columns:1.2fr .8fr .8fr 1fr;gap:24px;display:grid}.footer-brand-lockup{margin-bottom:16px}.site-footer .brand img{width:190px}.footer-column h3{margin-bottom:16px}.footer-column a{color:#ffffffc2;margin-bottom:8px;display:block}.footer-brand p,.contact-item span{color:#ffffffc2}.qr-card{background:#fff;border-radius:18px;padding:10px;display:inline-flex}.qr-card img{width:128px;height:128px}.footer-contact{gap:12px;display:grid}.contact-item{align-items:flex-start;gap:10px;display:flex}.contact-item svg{fill:currentColor;color:#ffffffd6;flex:none;width:18px;height:18px;margin-top:8px}.footer-bottom{color:#ffffff9e;text-align:center;border-top:1px solid #ffffff1f;margin-top:28px;padding-top:20px}.demo-modal{z-index:50;background:#080e1bc7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.demo-modal-panel{background:#0b1326;border-radius:28px;width:min(100%,1100px);padding:18px;position:relative;box-shadow:0 24px 60px #00000059}.demo-modal-close{color:#fff;background:#ffffff2e;border:0;border-radius:50%;width:40px;height:40px;font-size:1.5rem;position:absolute;top:14px;right:14px}.demo-modal-video{background:#000;border-radius:20px;width:100%;max-height:80vh}@media (width<=1100px){.hero-grid,.product-layout,.company-grid,.footer-grid,.comparison-table{grid-template-columns:1fr}.principle-grid,.academy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-media img,.hero-media img,.visual-card img{min-height:420px}}@media (width<=820px){.site-header{padding:12px 0}.header-bar{border-radius:28px;flex-wrap:wrap;justify-content:center}.site-nav{flex-wrap:wrap;justify-content:center;gap:18px;width:100%}.brand img{width:180px}.hero-copy h1{font-size:2.6rem}.section-heading h2,.content-card h3{font-size:1.8rem}.comparison-row{min-height:auto}}@media (width<=640px){:root{--container:min(100vw - 24px, 1180px)}.hero-section,.section{padding:32px 0 64px}.principle-grid,.academy-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.button,.header-button{width:100%}.comparison-heading{min-height:72px;font-size:1.1rem}.comparison-row{padding:16px;font-size:.95rem}.site-footer .brand img{width:176px}}
