:root{
  --primary:#155eef;
  --primary-dark:#0b3f9e;
  --primary-soft:#eaf1ff;
  --ink:#11233f;
  --muted:#64748b;
  --line:#e6ebf2;
  --bg:#f6f8fc;
  --white:#fff;
  --accent:#ff9f1a;
  --success:#159a6d;
  --danger:#d92d20;
  --radius:18px;
  --shadow:0 18px 50px rgba(27,54,93,.10);
  --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
.section{padding:84px 0}
.section-soft{background:var(--bg)}
.section-dark{background:linear-gradient(135deg,#092b62,#124b9d);color:#fff}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.section-head.center{display:block;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.eyebrow:before{content:"";width:24px;height:3px;border-radius:99px;background:var(--primary)}
.section-dark .eyebrow{color:#cfe0ff}.section-dark .eyebrow:before{background:#cfe0ff}
h1,h2,h3,h4,p{margin-top:0}
h1{font-size:56px;line-height:1.15;letter-spacing:-.03em;margin-bottom:20px}
h2{font-size:38px;line-height:1.25;letter-spacing:-.02em;margin-bottom:12px}
h3{font-size:22px;line-height:1.35;margin-bottom:10px}
.lead{font-size:18px;color:var(--muted);max-width:760px}
.section-dark .lead{color:#d5e4ff}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 24px;border-radius:12px;border:1px solid transparent;font-weight:700;transition:.2s ease;white-space:nowrap}
.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 22px rgba(21,94,239,.22)}
.btn-primary:hover{background:#0e50d5;transform:translateY(-1px)}
.btn-outline{background:#fff;border-color:#cdd8ea;color:#17345f}
.btn-outline:hover{border-color:var(--primary);color:var(--primary)}
.btn-light{background:#fff;color:#0b3f9e}.btn-light:hover{transform:translateY(-1px)}
.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#ee8f00}
.btn-sm{min-height:40px;padding:0 16px;font-size:14px;border-radius:10px}
.badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#edf3ff;color:var(--primary)}
.tag{display:inline-flex;padding:6px 11px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:13px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,235,242,.9)}
.header-top{background:#0c2f66;color:#dbe8ff;font-size:13px}
.header-top .container{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:20px}
.header-main{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#1a67ef,#0b3f9e);display:grid;place-items:center;color:#fff;font-weight:900;font-size:21px;box-shadow:0 10px 24px rgba(15,73,167,.22)}
.brand-text strong{display:block;font-size:20px;line-height:1.1}.brand-text small{display:block;color:#7c8aa2;font-size:11px;margin-top:4px;letter-spacing:.04em}
.nav{display:flex;align-items:center;gap:26px;margin-left:auto}
.nav a{font-size:15px;font-weight:650;color:#243653;position:relative;padding:25px 0}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;border-radius:2px;background:var(--primary);transform:scaleX(0);transition:.2s}
.nav a:hover,.nav a.active{color:var(--primary)}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:10px}
.mobile-toggle{display:none;border:0;background:#f2f5fa;width:44px;height:44px;border-radius:10px;padding:11px}.mobile-toggle svg{width:100%;height:100%;stroke:#17345f;fill:none;stroke-width:2}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 15%,rgba(87,151,255,.26),transparent 25%),linear-gradient(135deg,#061f49 0%,#0a3d85 55%,#1162c4 100%);color:#fff;min-height:690px;display:flex;align-items:center}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#000,transparent)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.hero-orb.one{width:280px;height:280px;background:rgba(79,146,255,.24);right:5%;top:5%}.hero-orb.two{width:170px;height:170px;background:rgba(64,219,190,.18);right:35%;bottom:3%}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;padding:82px 0}
.hero-copy .eyebrow{color:#aecdff}.hero-copy .eyebrow:before{background:#aecdff}
.hero-copy h1{white-space:pre-line}.hero-copy p{font-size:18px;color:#d3e4ff;max-width:650px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;color:#d6e4fb;font-size:14px}
.hero-trust span{display:flex;align-items:center;gap:8px}.hero-trust i{width:7px;height:7px;background:#5ee5b0;border-radius:50%;box-shadow:0 0 0 5px rgba(94,229,176,.1)}
.hero-visual{position:relative}
.hero-visual-card{position:relative;padding:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:28px;box-shadow:0 32px 70px rgba(0,18,54,.35);backdrop-filter:blur(12px)}
.hero-visual-card img{border-radius:20px;width:100%}
.floating-card{position:absolute;background:#fff;color:var(--ink);border-radius:16px;padding:15px 18px;box-shadow:0 18px 44px rgba(0,20,60,.24);min-width:190px}
.floating-card strong{display:block;font-size:20px}.floating-card span{font-size:12px;color:#687994}.floating-card.fc1{left:-54px;bottom:64px}.floating-card.fc2{right:-24px;top:38px}
.quick-strip{position:relative;margin-top:-38px;z-index:5}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;border:1px solid #e9edf4}
.quick-item{display:flex;align-items:center;gap:14px;padding:24px 22px;border-right:1px solid var(--line);transition:.2s}.quick-item:last-child{border-right:0}.quick-item:hover{background:#f8fbff}.icon-box{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);flex-shrink:0}.icon-box svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8}.quick-item strong{display:block;font-size:16px}.quick-item small{display:block;color:#718096;margin-top:2px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.25s;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-35px;background:var(--primary-soft);transition:.25s}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#cfdcff}.service-card:hover:after{transform:scale(1.35)}.service-card .icon-box{margin-bottom:20px}.service-card p{color:var(--muted);font-size:14px;margin-bottom:16px}.service-card ul{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.service-card li{font-size:12px;color:#48617f;background:#f5f7fb;border-radius:7px;padding:5px 9px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-cover{position:relative;aspect-ratio:16/10;background:#eaf1ff;overflow:hidden}.product-cover img{width:100%;height:100%;object-fit:cover}.product-cover .badge{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.92)}.product-body{padding:23px;display:flex;flex-direction:column;flex:1}.product-body h3{font-size:20px}.product-body p{color:var(--muted);font-size:14px;flex:1}.product-meta{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.product-meta span{font-size:12px;color:#566a86;background:#f5f7fb;border-radius:7px;padding:5px 8px}.product-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:18px}.price{font-weight:800;font-size:22px;color:#e44b2b}.price small{font-size:12px;font-weight:500;color:#8a96aa;margin-left:3px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{padding:26px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:18px}.feature-card .icon-box{background:rgba(255,255,255,.11);color:#fff}.feature-card h3{margin-top:18px}.feature-card p{color:#c9daf7;font-size:14px;margin:0}
.process{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;counter-reset:step}.process-item{position:relative;padding:25px 16px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center}.process-item:before{counter-increment:step;content:"0" counter(step);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;margin:-45px auto 14px;box-shadow:0 8px 18px rgba(21,94,239,.25)}.process-item:after{content:"";position:absolute;right:-17px;top:50%;width:18px;height:1px;background:#b8c7da}.process-item:last-child:after{display:none}.process-item h4{font-size:16px;margin-bottom:5px}.process-item p{font-size:12px;color:var(--muted);margin:0}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:.25s}.case-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.case-card img{aspect-ratio:16/10;width:100%;object-fit:cover}.case-body{padding:22px}.case-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.case-body p{font-size:14px;color:var(--muted)}
.video-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}.video-card{position:relative;overflow:hidden;border-radius:20px;background:#0d2f65;color:#fff;min-height:260px}.video-card:first-child{grid-row:span 2;min-height:540px}.video-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,18,48,.92),rgba(3,18,48,.06) 70%)}.video-info{position:absolute;left:24px;right:24px;bottom:22px;z-index:2}.video-info p{font-size:13px;color:#dbe6fa;margin-bottom:0}.play{position:absolute;z-index:3;top:20px;right:20px;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;color:var(--primary)}.play:before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor;margin-left:4px}
.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.article-card{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.2s}.article-card:hover{border-color:#cbd9ef;box-shadow:0 12px 30px rgba(33,64,110,.08)}.article-card img{width:180px;height:128px;object-fit:cover;border-radius:13px}.article-card p{font-size:14px;color:var(--muted);margin-bottom:10px}.article-card time{font-size:12px;color:#8a97aa}
.cta{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#0a3478,#1567d9);padding:54px;color:#fff}.cta:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-80px;top:-120px;background:rgba(255,255,255,.08)}.cta-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.cta p{color:#d6e5ff}.cta-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cta-form .full{grid-column:1/-1}.input,.select,.textarea{width:100%;border:1px solid #dce3ee;border-radius:11px;background:#fff;color:#172b49;padding:13px 14px;outline:none;transition:.2s}.input:focus,.select:focus,.textarea:focus{border-color:#7ba9ff;box-shadow:0 0 0 4px rgba(90,142,243,.13)}.textarea{min-height:110px;resize:vertical}.cta-form .input,.cta-form .select{border-color:transparent}.form-note{font-size:12px;color:#c6d9fb;margin:6px 0 0}
.page-hero{background:linear-gradient(135deg,#07285d,#0f57b4);color:#fff;padding:72px 0 64px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:5%;top:-180px;background:rgba(255,255,255,.08)}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:44px;margin-bottom:10px}.page-hero p{color:#d7e5ff;max-width:760px}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;color:#afc9f5;margin-bottom:16px}.breadcrumb a:hover{color:#fff}
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter-bar a{padding:9px 16px;border-radius:999px;background:#f1f5f9;color:#53647c;font-size:14px}.filter-bar a.active,.filter-bar a:hover{background:var(--primary);color:#fff}
.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:38px}.detail-cover{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#eef4ff}.detail-cover img{width:100%;aspect-ratio:16/10;object-fit:cover}.detail-side{position:sticky;top:126px;height:max-content;border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff;box-shadow:0 14px 40px rgba(29,60,104,.08)}.detail-side .price{font-size:30px}.detail-side dl{display:grid;grid-template-columns:90px 1fr;gap:10px;margin:22px 0}.detail-side dt{color:#7d8ca3}.detail-side dd{margin:0;color:#233b5d;font-weight:600}.detail-side .btn{width:100%;margin-top:10px}
.content-block{margin-top:30px;padding:32px;border:1px solid var(--line);border-radius:20px;background:#fff}.richtext{font-size:16px;color:#334764}.richtext h2{font-size:28px;color:var(--ink);margin-top:34px}.richtext h3{font-size:21px;color:var(--ink);margin-top:28px}.richtext ul,.richtext ol{padding-left:24px}.richtext img{border-radius:12px}.richtext table{width:100%;border-collapse:collapse}.richtext th,.richtext td{border:1px solid var(--line);padding:10px;text-align:left}
.steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0}.steps-list li{position:relative;padding:18px 18px 18px 52px;background:#f5f8fe;border-radius:13px}.steps-list li:before{content:attr(data-step);position:absolute;left:15px;top:16px;width:27px;height:27px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;display:grid;place-items:center;font-weight:700}
.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.faq-q{width:100%;border:0;background:#fff;text-align:left;padding:18px 52px 18px 20px;font-weight:700;color:#203653;position:relative}.faq-q:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--primary)}.faq-item.open .faq-q:after{content:"−"}.faq-a{display:none;padding:0 20px 20px;color:var(--muted)}.faq-item.open .faq-a{display:block}
.order-box{background:#f7f9fd;border-radius:18px;padding:24px}.order-box form{display:grid;gap:13px}
.news-layout{display:grid;grid-template-columns:1fr 320px;gap:34px}.article-main{background:#fff}.article-main .article-cover{border-radius:20px;margin:24px 0}.article-meta{display:flex;gap:16px;color:#7e8ca1;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:18px}.side-card{border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px}.side-card h3{font-size:18px}.side-list{display:grid;gap:14px}.side-list a{font-size:14px;color:#415773;border-bottom:1px dashed #e0e6ee;padding-bottom:12px}.side-list a:last-child{border-bottom:0;padding-bottom:0}.side-list a:hover{color:var(--primary)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-card{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff}.channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.channel-item{padding:18px;border-radius:14px;background:#f6f8fc}.channel-item strong{display:block}.channel-item span{color:var(--muted);font-size:14px}.qr{width:150px;margin-top:14px;border-radius:12px;border:1px solid var(--line)}
.site-footer{background:#071f46;color:#dbe7fa;padding:62px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px}.site-footer h4{color:#fff;margin-bottom:16px}.site-footer p,.site-footer a{font-size:14px;color:#9fb4d3}.site-footer a:hover{color:#fff}.footer-links{display:grid;gap:8px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:18px;font-size:12px;color:#8098bb}
.float-contact{position:fixed;right:20px;bottom:110px;z-index:30;display:grid;gap:8px}.float-contact a{width:54px;height:54px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(25,54,95,.13);display:grid;place-items:center;color:var(--primary);position:relative}.float-contact svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8}.float-contact span{position:absolute;right:62px;background:#17345f;color:#fff;padding:7px 10px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(5px);transition:.2s}.float-contact a:hover span{opacity:1;transform:none}
.mobile-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr)}.mobile-bar a{display:grid;place-items:center;gap:2px;font-size:11px;color:#50637f}.mobile-bar svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.alert{padding:13px 16px;border-radius:11px;margin-bottom:18px}.alert-success{background:#e9f8f1;color:#087553}.alert-error{background:#fff0ef;color:#a72920}.empty{padding:50px;text-align:center;color:var(--muted);border:1px dashed #cfd8e7;border-radius:18px}
.search-bar{display:flex;gap:10px}.search-bar .input{max-width:420px}
@media(max-width:1024px){
  h1{font-size:46px}.nav{gap:16px}.header-actions .btn-outline{display:none}.hero-grid{gap:34px}.service-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr);row-gap:42px}.process-item:nth-child(3):after{display:none}.video-grid{grid-template-columns:1fr 1fr}.video-card:first-child{grid-column:1/-1;grid-row:auto;min-height:420px}.article-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-side{position:static}.news-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.contact-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .header-top{display:none}.header-main{min-height:68px}.nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--line);padding:8px 20px 20px;box-shadow:0 18px 30px rgba(20,47,85,.1)}.nav.open{display:grid}.nav a{padding:12px 0;border-bottom:1px solid #edf1f6}.nav a:after{display:none}.header-actions .btn{display:none}.mobile-toggle{display:block}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:66px 0 96px}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-copy .eyebrow{justify-content:center}.hero-actions,.hero-trust{justify-content:center}.hero-visual{max-width:620px;margin:0 auto}.floating-card.fc1{left:10px}.floating-card.fc2{right:10px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-item:nth-child(2){border-right:0}.quick-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:66px 0}.section-head{display:block}.section-head .btn{margin-top:16px}.cta-grid{grid-template-columns:1fr}.page-hero h1{font-size:38px}.float-contact{display:none}.mobile-bar{display:grid}.site-footer{padding-bottom:88px}
}
@media(max-width:600px){
  .container{width:min(100% - 28px,var(--container))}.brand-text small{display:none}.brand-text strong{font-size:18px}.brand-mark{width:40px;height:40px}.hero-grid{padding-top:52px}.hero-copy h1{font-size:38px}.hero-copy p{font-size:16px}.hero-actions .btn{flex:1}.hero-visual-card{padding:10px;border-radius:20px}.floating-card{min-width:145px;padding:10px 12px}.floating-card strong{font-size:16px}.floating-card.fc1{left:0;bottom:22px}.floating-card.fc2{right:0;top:20px}.quick-strip{margin-top:-58px}.quick-item{padding:18px 14px}.quick-item .icon-box{width:42px;height:42px}.quick-item small{display:none}.service-grid,.product-grid,.feature-grid,.case-grid{grid-template-columns:1fr}.section{padding:54px 0}.section-head{margin-bottom:26px}h2{font-size:30px}.process{grid-template-columns:1fr 1fr}.process-item:nth-child(3):after{display:block}.process-item:nth-child(2n):after{display:none}.video-grid{grid-template-columns:1fr}.video-card:first-child{min-height:300px}.video-card{min-height:230px}.article-card{grid-template-columns:110px 1fr;gap:14px}.article-card img{width:110px;height:105px}.article-card h3{font-size:17px}.article-card p{display:none}.cta{padding:34px 22px;border-radius:20px}.cta-form{grid-template-columns:1fr}.cta-form .full{grid-column:auto}.page-hero{padding:52px 0}.page-hero h1{font-size:34px}.steps-list{grid-template-columns:1fr}.content-block{padding:22px}.detail-side{padding:22px}.channel-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}
}

/* V1.1 demo expansion */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 28px}.stats-grid>div{padding:22px 20px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);text-align:center}.stats-grid strong{display:block;font-size:34px;line-height:1;color:#fff}.stats-grid span{display:block;margin-top:8px;color:#cfe0ff;font-size:14px}
.video-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:28px}.video-modal.open{display:flex}.video-modal-backdrop{position:absolute;inset:0;background:rgba(3,14,34,.82);backdrop-filter:blur(10px)}.video-modal-dialog{position:relative;z-index:2;width:min(980px,96vw);background:#081b38;border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:16px;box-shadow:0 35px 100px rgba(0,0,0,.55)}.video-modal-dialog video{width:100%;max-height:72vh;border-radius:14px;background:#000;display:block}.video-modal-dialog h3{color:#fff;margin:14px 8px 4px}.video-modal-close{position:absolute;right:-12px;top:-12px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#142a49;font-size:30px;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:3}.modal-open{overflow:hidden}
.header-top a{color:inherit}.header-top a:hover{color:#fff}
@media(min-width:1025px){.quick-grid{grid-template-columns:repeat(6,1fr);gap:1px;background:#e9edf4}.quick-item{border:0;background:#fff;padding:22px 15px}.quick-item .icon-box{width:44px;height:44px}.quick-item strong{font-size:15px}.quick-item small{font-size:11px}}
@media(max-width:1024px){.quick-grid{grid-template-columns:repeat(3,1fr);gap:1px;background:#e9edf4}.quick-item{border:0;background:#fff}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-item:nth-child(2),.quick-item:nth-child(-n+2){border:0}.video-modal{padding:12px}.video-modal-dialog{padding:10px;border-radius:16px}.video-modal-close{right:2px;top:2px}}
@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stats-grid>div{padding:18px 10px}.stats-grid strong{font-size:28px}.stats-grid span{font-size:12px}}
/* V1.4 split centers, company video, SEO/GEO content, official channels */
.dual-center{padding-top:40px}.dual-center-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.center-choice{display:block;border-radius:24px;padding:42px;min-height:260px;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:.25s}.center-choice:hover{transform:translateY(-6px)}.center-choice.enterprise{background:linear-gradient(135deg,#07285d,#1463d8);color:#fff}.center-choice.personal{background:linear-gradient(135deg,#fff,#edf4ff);border:1px solid #d8e5f8}.center-choice h2{margin:12px 0}.center-choice.enterprise p{color:#dbe8ff}.center-choice.personal p{color:var(--muted)}.choice-link{display:inline-flex;align-items:center;gap:8px;font-weight:750;margin-top:22px}.choice-link svg{width:18px}.company-video-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.company-video-card{position:relative;border:0;padding:0;min-height:430px;border-radius:24px;overflow:hidden;background:#071f46;color:#fff;cursor:pointer;box-shadow:var(--shadow);text-align:left}.company-video-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.company-video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,17,44,.9),rgba(3,17,44,.08))}.company-video-card .play{top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.company-video-card strong,.company-video-card small{position:absolute;z-index:2;left:28px}.company-video-card strong{bottom:42px;font-size:22px}.company-video-card small{bottom:22px;color:#d6e4ff}.rich-copy{color:var(--muted);margin-bottom:22px}.center-hero-grid{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:center}.center-hero-image{width:100%;max-height:280px;object-fit:cover;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.hero-rich{color:#d7e5ff;margin-top:12px}.hero-rich p{margin:0}.center-search{display:flex;gap:10px;min-width:360px}.content-purpose{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px 20px;background:#f4f8ff;border:1px solid #dce8fb;border-radius:15px;margin-bottom:26px}.content-purpose strong{margin-right:8px}.content-purpose span,.article-tags span{background:#fff;border:1px solid #d9e4f4;border-radius:999px;padding:6px 10px;font-size:12px;color:#416084}.content-purpose p{width:100%;margin:2px 0 0;color:var(--muted);font-size:13px}.article-tags{display:flex;gap:10px;align-items:center;margin-top:12px;color:var(--muted);font-size:12px}.geo-answer{padding:22px 24px;border-radius:16px;background:linear-gradient(135deg,#edf5ff,#f7fbff);border-left:4px solid var(--primary);margin:22px 0}.geo-answer span{display:block;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:8px}.geo-answer strong{font-size:18px;line-height:1.7}.faq-list details{border-bottom:1px solid var(--line);padding:15px 0}.faq-list summary{font-weight:700;cursor:pointer}.faq-list p{color:var(--muted)}.official-channels{padding:54px 0;background:#f5f8fd;border-top:1px solid var(--line)}.section-head.compact{margin-bottom:24px}.official-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.official-channel-card{display:grid;grid-template-columns:92px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.official-channel-card img{width:92px;height:105px;object-fit:cover;border-radius:10px}.official-channel-card strong,.official-channel-card span{display:block}.official-channel-card span{font-size:12px;color:#526985;margin-top:3px}.official-channel-card p{font-size:12px;color:var(--muted);margin:6px 0}.official-channel-card a{font-size:12px;color:var(--primary);font-weight:700}.channel-grid-full{grid-template-columns:1fr}.channel-rich{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.channel-rich .qr{width:130px;margin:0}.channel-rich p{font-size:13px;color:var(--muted)}
@media(max-width:1024px){.company-video-grid,.center-hero-grid{grid-template-columns:1fr}.center-hero-image{display:none}.official-channel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.dual-center-grid{grid-template-columns:1fr}.center-search{min-width:0;margin-top:15px}.official-channel-grid{grid-template-columns:1fr}}
@media(max-width:600px){.center-choice{padding:28px;min-height:220px}.company-video-card{min-height:280px}.channel-rich{grid-template-columns:95px 1fr}.channel-rich .qr{width:95px}.official-channel-card{grid-template-columns:80px 1fr}.official-channel-card img{width:80px;height:92px}}
.custom-page-layout{display:grid;gap:28px}.custom-page-cover{width:100%;max-height:420px;object-fit:cover;border-radius:22px;border:1px solid #e1e8f2}.custom-module-grid{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:32px;align-items:start}.custom-module-grid>img{width:100%;border-radius:18px;border:1px solid #e1e8f2}@media(max-width:820px){.custom-module-grid{grid-template-columns:1fr}}
/* V1.5 page builder */
.builder-section{position:relative}.builder-bg-default{background:#fff}.builder-bg-soft{background:#f5f8fd}.builder-bg-brand{background:linear-gradient(135deg,#083478,#1567d9);color:#fff}.builder-bg-dark{background:#071f46;color:#fff}.builder-bg-brand .lead,.builder-bg-dark .lead,.builder-bg-brand .rich-copy,.builder-bg-dark .rich-copy{color:#d9e7ff}.builder-align-center{text-align:center}.builder-align-center .section-head{justify-content:center}.builder-align-center .section-head>div{margin-inline:auto}.builder-full-width>.container{width:min(100% - 24px,1500px)}.builder-grid{display:grid;grid-template-columns:repeat(var(--builder-columns,3),minmax(0,1fr));gap:20px}.builder-hero{padding:84px 0;background:linear-gradient(135deg,#07285d,#155ec6);color:#fff;overflow:hidden}.builder-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.builder-hero h1{font-size:54px;max-width:760px}.builder-hero .lead{color:#dce8ff;max-width:760px}.builder-hero-image{width:100%;max-height:440px;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08)}.center-builder-grid .center-choice h3{font-size:30px}.stats-grid .stat-card{padding:28px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center}.stats-grid .stat-card strong{display:block;font-size:38px;color:var(--primary)}.stats-grid .stat-card span{display:block;color:var(--muted);margin-top:8px}.builder-bg-brand .stat-card,.builder-bg-dark .stat-card{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}.builder-bg-brand .stat-card strong,.builder-bg-dark .stat-card strong{color:#fff}.builder-bg-brand .stat-card span,.builder-bg-dark .stat-card span{color:#d8e6ff}.builder-spacer{width:100%}.inline-video{display:block;width:100%;margin-top:22px;border-radius:18px;background:#000}.custom-module-grid.image-right>img{order:2}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:38px;align-items:start}.product-side-card{position:sticky;top:112px;border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;box-shadow:0 14px 40px rgba(29,60,104,.08)}.product-side-card .price{font-size:30px;margin:18px 0}.product-side-card dl{display:grid;gap:10px;margin:20px 0}.product-side-card dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--line);padding-bottom:10px}.product-side-card dt{color:var(--muted)}.product-side-card dd{margin:0;font-weight:700}.product-side-card .btn{width:100%;margin-top:10px}.process-grid{display:grid;grid-template-columns:repeat(var(--builder-columns,4),minmax(0,1fr));gap:16px}.process-step{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.process-step b{display:block;color:var(--primary);font-size:24px;margin-bottom:8px}.material-list{display:grid;grid-template-columns:repeat(var(--builder-columns,2),minmax(0,1fr));gap:12px;list-style:none;padding:0}.material-list li{padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}.material-list li:before{content:'✓';color:var(--primary);font-weight:800;margin-right:9px}.article-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px}.article-side{position:sticky;top:112px;height:max-content;border:1px solid var(--line);border-radius:18px;padding:20px}.side-product{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line);font-size:13px}.side-product span{color:var(--primary);white-space:nowrap}.channel-logo{object-fit:contain!important;background:#fff}.builder-sort-hint{font-size:12px;color:var(--muted)}
@media(max-width:1024px){.builder-grid{grid-template-columns:repeat(min(var(--builder-columns,3),2),minmax(0,1fr))}.builder-hero-grid,.product-layout,.article-detail-layout{grid-template-columns:1fr}.product-side-card,.article-side{position:static}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.builder-grid,.process-grid,.material-list{grid-template-columns:1fr}.builder-hero{padding:56px 0}.builder-hero-grid{grid-template-columns:1fr}.builder-hero h1{font-size:38px}.custom-module-grid.image-right>img{order:0}}

/* V1.5 official channel logo + QR */
.official-channel-card{grid-template-columns:110px 1fr}.channel-media{display:grid;gap:8px;align-content:start;justify-items:center}.official-channel-card .channel-media img{width:100%;height:auto;max-height:none;object-fit:contain;background:#fff}.official-channel-card .channel-media .channel-logo{width:52px;height:52px;border-radius:12px}.official-channel-card .channel-media .channel-qr{width:100px;height:100px;border-radius:10px}.channel-placeholder{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:#eaf2ff;color:var(--primary);font-size:30px;font-weight:800}@media(max-width:600px){.official-channel-card{grid-template-columns:88px 1fr}.official-channel-card .channel-media .channel-qr{width:82px;height:82px}.official-channel-card .channel-media .channel-logo{width:44px;height:44px}}