:root{
  --frame:#0b1220;--frame-soft:#121b2b;--bg:#ffffff;--bg-soft:#f7f9fc;--surface:#fff;--surface-2:#f8fafc;--ink:#101828;--text:#344054;--muted:#667085;--line:#e4e7ec;
  --green:#14b8a6;--cyan:#0891b2;--blue:#2563eb;--violet:#3b82f6;--blue-soft:#eff6ff;--green-soft:#ecfdf5;--violet-soft:#eff6ff;
  --content-max:1280px;--max:var(--content-max);--radius-feature:28px;--radius-card:20px;--radius-info:16px;--radius-button:14px;--radius:var(--radius-card);--radius-sm:var(--radius-info);
  --shadow:0 18px 50px rgba(28,60,91,.08);--shadow-sm:0 10px 28px rgba(28,60,91,.06);
  --aurora:linear-gradient(115deg,#14b8a6 0%,#2563eb 62%,#3b82f6 100%);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.72;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--ink)}img,video{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;margin:0;left:16px;top:16px;padding:10px 14px;background:#fff;color:#000;z-index:9999;border-radius:8px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:850;letter-spacing:.16em;color:var(--blue)}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.eyebrow.on-dark{color:var(--blue)}

.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(100deg,rgba(18,191,174,.055),transparent 30%),rgba(8,20,33,.95);border-bottom:1px solid rgba(191,216,235,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{position:relative;height:80px;display:flex;align-items:center;justify-content:space-between;transition:height .2s ease}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:46px;height:46px;object-fit:contain;transition:width .2s ease,height .2s ease}.brand-copy strong{display:block;font-size:19px;line-height:1.08;letter-spacing:.02em;color:#f7fbff}.brand-copy small{display:block;margin-top:5px;font-size:8px;font-weight:700;letter-spacing:.18em;color:#adc0d0}
.desktop-nav{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:720;color:#dbe6f0}.desktop-nav>a,.nav-product-toggle{position:relative;display:inline-flex;align-items:center;min-height:44px;transition:color .18s ease}.desktop-nav>a:hover,.desktop-nav>a:focus-visible,.nav-product-toggle:hover,.nav-product-toggle:focus-visible,.desktop-nav>a.is-current,.nav-product-toggle.is-current{color:#72e0d7}.desktop-nav>a:not(.nav-cta):after,.nav-product-toggle:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;transform:scaleX(0);transform-origin:center;background:var(--aurora);transition:transform .18s ease;border-radius:99px}.desktop-nav>a:hover:after,.desktop-nav>a:focus-visible:after,.desktop-nav>a.is-current:after,.nav-product-toggle:hover:after,.nav-product-toggle:focus-visible:after,.nav-product-toggle.is-current:after{transform:scaleX(1)}
.nav-cta{justify-content:center;min-height:44px;padding:0 17px;border-radius:var(--radius-button);background:linear-gradient(120deg,#12bfae,#2f6ee5);color:#fff!important;box-shadow:0 8px 20px rgba(47,110,229,.14)}.nav-cta.is-current{box-shadow:0 0 0 2px rgba(118,231,222,.45)}
.nav-product-toggle{appearance:none;border:0;background:none;padding:0;cursor:pointer;color:inherit;font-weight:inherit}.nav-chevron,.mobile-chevron{display:inline-block;width:7px;height:7px;margin-left:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}.nav-products.is-open .nav-chevron{transform:translateY(2px) rotate(225deg)}.nav-products{position:static}
.mega-menu{position:absolute;top:calc(100% + 12px);right:0;width:min(900px,calc(100vw - 48px));max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px);overflow:auto;padding:22px;background:rgba(251,253,255,.99);color:var(--ink);border:1px solid #d9e5ed;border-radius:22px;box-shadow:0 22px 54px rgba(13,39,62,.13);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.nav-products.is-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mega-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 2px 17px;border-bottom:1px solid var(--line)}.mega-heading strong{display:block;margin-top:7px;font-size:18px;line-height:1.3}.mega-kicker{display:block;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.16em}.mega-all-products{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:#315f91;font-size:13px;font-weight:800}.mega-all-products:hover,.mega-all-products:focus-visible,.mega-all-products.is-current{color:var(--blue)}
.mega-products{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:9px 12px;padding-top:16px}.mega-product{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:11px;min-height:72px;padding:11px 13px;border:1px solid transparent;border-radius:14px;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.mega-product:hover,.mega-product:focus-visible,.mega-product.is-current{background:#f3f8fc;border-color:var(--line);transform:translateY(-1px)}.mega-product>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d5e4f1;border-radius:10px;background:#f8fbff;color:var(--blue);font-size:10px;font-weight:900}.mega-product strong{display:block;font-size:14px;line-height:1.3}.mega-product small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}.mega-product i{font-style:normal;color:#8197aa;font-size:17px;text-align:right}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(214,230,244,.2);border-radius:12px;background:rgba(255,255,255,.065);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:#f5f9fc;transition:transform .18s ease,opacity .18s ease}.menu-toggle.is-open span:nth-of-type(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.is-open span:nth-of-type(2){opacity:0}.menu-toggle.is-open span:nth-of-type(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none}

.hero{position:relative;overflow:hidden;padding:88px 0 78px;background:linear-gradient(150deg,#fcfeff 0%,#f5fbfb 52%,#f4f7ff 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(52,92,126,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(52,92,126,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}.hero-aurora{position:absolute;border-radius:50%;filter:blur(18px);pointer-events:none}.hero-aurora-a{width:440px;height:440px;background:rgba(18,191,174,.10);right:-90px;top:-170px}.hero-aurora-b{width:420px;height:420px;background:rgba(101,88,217,.07);left:23%;bottom:-300px}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 460px;align-items:center;gap:64px}.hero-copy{min-width:0;max-width:100%}.hero h1{margin:20px 0 28px;max-width:100%;font-size:clamp(54px,4.7vw,72px);line-height:1.08;letter-spacing:-.024em;font-weight:800}.hero h1 span,.hero h1 em{display:block}.hero h1 em{margin-top:8px;font-style:normal;background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-em-tail{margin-top:2px}.hero-lead{max-width:760px;margin:0;font-size:18px;line-height:1.92;color:#506a80}.hero-actions{display:flex;gap:12px;margin-top:31px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:800;border:1px solid transparent;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(120deg,#14b7aa,#2f6ee5);color:#fff;box-shadow:0 12px 26px rgba(47,110,229,.16)}.btn.secondary{background:#fff;color:#1d3a55;border-color:var(--line);box-shadow:0 8px 22px rgba(28,60,91,.05)}.hero-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-trust span{padding:7px 10px;border:1px solid rgba(45,88,122,.10);border-radius:999px;background:rgba(255,255,255,.66);font-size:11px;color:#687e91}.hero-visual{position:relative;width:100%;max-width:460px;justify-self:end;padding:20px;border:1px solid rgba(48,91,127,.10);border-radius:32px;background:rgba(255,255,255,.76);box-shadow:0 24px 70px rgba(35,76,111,.08);overflow:hidden}.hero-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(49,88,123,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(49,88,123,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000,transparent 76%)}.hero-video-card{position:relative;z-index:2}.hero-video-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.hero-video-label{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#edf5ff;color:#2f6ee5;font-size:11px;font-weight:850}.hero-video-format{font-size:12px;font-weight:800;color:#6a7f93}.hero-video-frame{position:relative;aspect-ratio:16/9;border-radius:26px;overflow:hidden;border:1px solid rgba(191,209,223,.9);background:linear-gradient(145deg,#fafdff,#f4f8fb);box-shadow:0 18px 40px rgba(26,55,84,.08)}.hero-poster-button{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#f5f8fc;cursor:pointer}.hero-poster-button img{display:block;width:100%;height:100%;object-fit:cover}.hero-play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:999px;background:linear-gradient(135deg,#12bfae,#2f6ee5);color:#fff;box-shadow:0 18px 36px rgba(47,110,229,.22);font-size:28px}.hero-video-overlay{position:absolute;left:16px;right:16px;bottom:16px;display:block;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(201,214,225,.95);backdrop-filter:blur(10px);text-align:left}.hero-video-overlay strong,.hero-video-overlay small{display:block}.hero-video-overlay strong{font-size:18px;line-height:1.35;color:var(--ink)}.hero-video-overlay small{margin-top:5px;font-size:12px;line-height:1.55;color:#647b90}.hero-video-admin-note{margin:12px 2px 0;color:#6e8395;font-size:12px;line-height:1.6}
.section{padding:82px 0}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:62px;align-items:end;margin-bottom:34px}.section-head.compact{margin-bottom:28px}.section-head h2{max-width:790px;margin:10px 0 0;font-size:clamp(32px,3.2vw,46px);line-height:1.15;letter-spacing:-.03em}.section-head>p{margin:0;color:var(--muted);font-size:14px}.section-more{margin-top:26px}.text-link{color:var(--blue);font-weight:800;font-size:14px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}

.product-entry-section{background:#fff}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.entry-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#fff,#fbfdff);box-shadow:var(--shadow-sm)}.entry-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-size:20px;margin-bottom:19px}.cloud-icon{background:#eaf2ff;color:#2f6ee5}.local-icon{background:#e8f8f5;color:#078d80}.service-icon{background:#efedff;color:#6558d9}.entry-card h3{margin:0 0 9px;font-size:21px}.entry-card p{min-height:94px;margin:0 0 18px;color:var(--muted);font-size:13px}.entry-card a{color:var(--blue);font-size:13px;font-weight:800}

.products-section{background:linear-gradient(180deg,#f7fafc,#f2f7fa)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;display:flex;flex-direction:column;min-height:338px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm);transition:.18s}.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.service-num{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#e9f8f5,#eaf1ff);color:var(--blue);font-size:12px;font-weight:900}.service-state,.status-note,.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:850;line-height:1.1;border:1px solid transparent}.service-state{position:absolute;right:20px;top:20px}.status-note{position:absolute;right:18px;top:18px}.status-pill{margin:9px 0 12px}.service-state.focus,.status-note.status-focus,.status-pill.focus,.status-pill.active{background:var(--green-soft);color:#087e70;border-color:rgba(18,191,174,.14)}.service-state.build,.status-note.status-build,.status-pill.build{background:var(--blue-soft);color:#2f6ee5;border-color:rgba(47,110,229,.12)}.service-state.expand,.status-note.status-expand,.status-pill.expand,.status-pill.planned{background:var(--violet-soft);color:#564ab3;border-color:rgba(101,88,217,.14)}.service-state.core,.status-note.status-core,.status-pill.core,.service-state.consult,.status-note.status-consult,.status-pill.consult{background:#e8f8f5;color:#0b887a;border-color:rgba(18,191,174,.12)}.service-card h3{margin:22px 0 9px;font-size:22px;line-height:1.25}.service-card p{margin:0;color:var(--muted);font-size:13px}.service-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.service-tags span{padding:5px 8px;background:#f5f8fb;border-radius:8px;color:#617589;font-size:10px}.service-delivery{margin-top:auto;padding-top:18px}.service-delivery span{font-size:11px;color:#527085;font-weight:750}.service-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.card-link,.entry-link{font-size:12px;font-weight:800;color:var(--blue)}.entry-link{text-align:right}.entry-link.cloud,.entry-link.build{color:#2f6ee5}.entry-link.local,.entry-link.planned{color:#564ab3}.entry-link.service,.entry-link.hybrid,.entry-link.core{color:#0b8a7c}

.workflow-section{background:#fff}.workflow{display:grid;grid-template-columns:1fr 28px 1.12fr 28px 1fr 28px 1fr 28px 1fr;align-items:stretch;gap:6px}.workflow-card{position:relative;padding:22px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.workflow-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--tone,var(--blue))}.workflow-card span{display:block;color:var(--tone,var(--blue));font-size:10px;font-weight:900}.workflow-card b{display:block;margin:17px 0 7px;font-size:16px;line-height:1.3}.workflow-card small{color:var(--muted);font-size:11px}.workflow>i{align-self:center;text-align:center;font-style:normal;color:#9bb0c0;font-size:20px}.tone-content{--tone:#12bfae}.tone-video{--tone:#2a93df}.tone-edit{--tone:#2f6ee5}.tone-geo{--tone:#6558d9}.tone-employee{--tone:#4e78b8}

.cases-section{background:linear-gradient(180deg,#f3f8fa,#f7fafc)}.case-section-top{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.case-carousel-controls{display:flex;gap:8px;margin-bottom:28px}.case-carousel-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#29445c;cursor:pointer;box-shadow:var(--shadow-sm)}.case-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none;cursor:grab}.case-carousel::-webkit-scrollbar{display:none}.case-carousel.is-dragging{cursor:grabbing;scroll-snap-type:none}.case-card{flex:0 0 min(360px,84vw);scroll-snap-align:start;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}.case-media{position:relative;aspect-ratio:16/9;background:#edf3f7;overflow:hidden}.case-media img,.case-media video{width:100%;height:100%;object-fit:cover}.case-poster-button{position:relative;width:100%;height:100%;padding:0;border:0;background:#edf3f7;cursor:pointer}.case-poster-button img{display:block}.case-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--blue);box-shadow:0 12px 30px rgba(19,52,82,.16);font-size:17px}.case-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background:linear-gradient(145deg,#eef8f7,#edf3ff)}.case-placeholder span{color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.12em}.case-placeholder b{margin:9px 0 4px}.case-placeholder small{color:var(--muted)}.case-body{padding:18px 20px 21px}.case-body>span{font-size:10px;font-weight:850;color:#0a8b7e}.case-body h3{margin:8px 0 8px;font-size:18px;line-height:1.3}.case-body p{margin:0 0 14px;color:var(--muted);font-size:12px}.case-link{color:var(--blue);font-size:12px;font-weight:800}.case-carousel-hint{margin-top:6px;text-align:center;color:#7c91a2;font-size:11px}.evidence-empty{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:28px;border:1px dashed #b9c9d6;border-radius:22px;background:rgba(255,255,255,.72)}.evidence-empty h3{margin:9px 0 7px;font-size:22px}.evidence-empty p{max-width:720px;margin:0;color:var(--muted);font-size:13px}

.solutions-section{background:#fff}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}.solution-cover{display:block;aspect-ratio:16/9;background:#edf3f7;overflow:hidden}.solution-cover img{width:100%;height:100%;object-fit:cover}.solution-card-body{padding:20px}.solution-card-body>span{color:#0b8c7f;font-size:10px;font-weight:850}.solution-card-body h2,.solution-card-body h3{margin:8px 0;font-size:20px;line-height:1.3}.solution-card-body p{margin:0 0 13px;color:var(--muted);font-size:13px}.solution-empty{grid-column:1/-1}

.conversion-section{padding:74px 0;background:linear-gradient(140deg,#eef9f7,#edf4ff 70%,#f2efff)}.conversion-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:70px;align-items:center}.conversion-copy h2{max-width:760px;margin:12px 0 12px;font-size:clamp(34px,3.2vw,48px);line-height:1.15;letter-spacing:-.03em}.conversion-copy p{max-width:700px;margin:0;color:var(--muted)}.conversion-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.wechat-card{display:flex;align-items:center;gap:17px;padding:16px;border:1px solid rgba(51,90,123,.11);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:var(--shadow-sm)}.wechat-card img{width:118px;height:116px;object-fit:cover;border-radius:12px}.wechat-card strong,.wechat-card span{display:block}.wechat-card span{margin-top:5px;color:var(--muted);font-size:11px}

.site-footer{position:relative;overflow:hidden;padding:64px 0 24px;background:#081421;border-top:1px solid rgba(184,211,232,.13);color:#d9e4ed}.site-footer:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 12% 18%,rgba(18,191,174,.09),transparent 26%),linear-gradient(rgba(154,190,218,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(154,190,218,.025) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.site-footer>.shell{position:relative;z-index:1}.footer-main{display:grid;grid-template-columns:1.55fr 1fr .9fr 1.05fr;gap:44px}.footer-brand{display:inline-flex;align-items:center;gap:13px;min-height:54px}.footer-brand img{width:54px;height:54px;object-fit:contain}.footer-brand>span{display:block}.footer-brand strong{display:block;font-size:19px;line-height:1.1;color:#f8fbfe}.footer-brand small{display:block;margin-top:5px;color:#adc0d0;font-size:8px;font-weight:700;letter-spacing:.16em}.footer-brand-block>p{margin:18px 0 0;color:#c3d1dc;font-size:13px;line-height:1.65}.footer-address{max-width:350px;margin-top:9px;color:#aebfcd;font-size:12.5px;font-style:normal;line-height:1.75}.footer-column{display:flex;flex-direction:column;gap:0;color:#bdccd8;font-size:13px}.footer-column h2{margin:0 0 10px;color:#f5f8fb;font-size:14px;line-height:1.4}.footer-column a{display:inline-flex;align-items:center;min-height:40px;width:fit-content;max-width:100%;transition:color .18s ease}.footer-column a:hover,.footer-column a:focus-visible{color:#72e0d7}.footer-contact a{overflow-wrap:anywhere}.footer-bottom{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:40px;padding-top:19px;border-top:1px solid rgba(180,207,230,.14);color:#9fb2c2;font-size:11.5px;line-height:1.65}

/* Inner pages */
.inner-hero,.service-hero{position:relative;padding:72px 0 62px;background:linear-gradient(145deg,#fbfdff,#f1f8f8 55%,#f2f5ff)}.narrow-head{max-width:880px}.inner-hero h1,.service-hero h1{margin:14px 0 13px;font-size:clamp(42px,4.5vw,62px);line-height:1.08;letter-spacing:-.04em}.inner-hero p,.service-hero p{max-width:800px;margin:0;color:#597187;font-size:16px}.service-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px;align-items:center}.breadcrumb-link{display:inline-block;margin-bottom:16px;color:var(--blue);font-size:12px;font-weight:800}.service-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.service-status-panel{padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:var(--shadow-sm)}.service-status-panel>span{display:block;color:var(--muted);font-size:10px}.service-status-panel p{font-size:12px}.two-col-heading,.use-case-grid,.about-entity-grid,.claim-policy-grid,.faq-grid,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.two-col-heading h2,.use-case-grid h2,.about-entity-grid h2,.claim-policy-grid h2{margin:10px 0 0;font-size:36px;line-height:1.2}.two-col-heading>p,.use-case-grid>div>p,.about-entity-grid>div>p,.claim-policy-grid p{color:var(--muted)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.capability-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.capability-card>span{color:var(--blue);font-size:10px;font-weight:900}.capability-card h3{margin:18px 0 0;font-size:17px}.use-case-section{background:#fff}.use-case-list{border-top:1px solid var(--line)}.use-case-list>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.use-case-list b{color:var(--blue);font-size:11px}.use-case-list span{font-weight:750}.service-editorial{background:#f7fafc}.related-section{background:#f1f6f8}.related-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.related-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.related-title h3{margin:0}.related-title a{color:var(--blue);font-size:11px}.related-list{display:grid;gap:8px}.related-row{display:grid;grid-template-columns:60px 1fr 20px;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fff}.related-row span{color:var(--blue);font-size:9px;font-weight:850}.related-row strong{font-size:12px}.related-row i{font-style:normal;color:#95a8b8}.empty-evidence,.empty-state{padding:22px;border:1px dashed #bdcbd6;border-radius:16px;background:#fff;color:var(--muted);font-size:12px}.empty-state strong{display:block;color:var(--ink);font-size:15px}.empty-state p{margin:5px 0 0}.service-mini-grid,.topic-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-mini-grid a,.topic-map-card{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.service-mini-grid span,.topic-map-card>span{color:var(--blue);font-size:10px;font-weight:900}.service-mini-grid strong,.topic-map-card strong{font-size:13px}.service-mini-grid small,.topic-map-card small{color:var(--muted);font-size:10px}.entity-facts{display:grid;grid-template-columns:150px 1fr;margin:0;border-top:1px solid var(--line)}.entity-facts dt,.entity-facts dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.entity-facts dt{color:var(--muted)}.entity-facts dd{font-weight:750}.contact-page-grid{display:grid;grid-template-columns:1fr 380px;gap:70px}.contact-note{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.contact-note strong{color:var(--muted)}.contact-qr-card{padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff;text-align:center;box-shadow:var(--shadow-sm)}.contact-qr-card img{width:260px;height:auto;border-radius:14px}.contact-qr-card strong,.contact-qr-card span{display:block}.contact-qr-card strong{margin-top:12px}.contact-qr-card span{color:var(--muted);font-size:11px}.article-card-grid,.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card,.archive-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.article-card-meta{display:flex;gap:10px;color:var(--muted);font-size:10px}.article-card h2,.archive-card h2{margin:10px 0;font-size:19px;line-height:1.35}.article-card p,.archive-card p{color:var(--muted);font-size:12px}.case-filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px;color:var(--muted);font-size:11px}.case-filter-row a{padding:5px 8px;border-radius:8px;background:#eef4f8;color:#49657c}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.archive-case-grid .case-card{width:auto;flex:auto}.case-title-grid{display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:end}.case-facts{display:grid;gap:8px}.case-facts>div{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.76)}.case-facts span,.case-facts strong{display:block}.case-facts span{color:var(--muted);font-size:9px}.case-facts strong{margin-top:3px;font-size:12px}.article-layout{max-width:880px}.single-video,.single-video-poster{margin-bottom:28px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#edf3f7}.single-video video,.single-video-poster img{display:block;width:100%}.prose{font-size:16px;color:#2d465c}.prose h1,.prose h2,.prose h3{color:var(--ink);line-height:1.3}.prose h2{margin-top:2em}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.prose img{border-radius:16px}.case-outcome,.transcript,.source-box,.related-articles{margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}.article-header{padding:64px 0 34px}.article-header h1{margin:13px 0 13px;font-size:clamp(38px,4.3vw,58px);line-height:1.12}.article-deck{font-size:16px;color:var(--muted)}.article-meta,.article-services{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:10px}.article-services a{padding:5px 8px;border-radius:8px;background:#edf4f8;color:#41637e}.article-cover{margin:0 0 30px}.article-cover img{width:100%;border-radius:20px}.source-box ol{padding-left:20px}.related-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-article-grid a{padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}.related-article-grid span,.related-article-grid strong{display:block}.related-article-grid span{color:var(--muted);font-size:9px}.related-article-grid strong{margin-top:5px;font-size:12px}.content-main{padding-bottom:80px}.content-shell{max-width:880px}.pagination,.nav-links{margin-top:28px}.page-numbers{display:inline-flex;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-right:5px;font-size:11px}.page-numbers.current{background:var(--blue);color:#fff;border-color:var(--blue)}

.btn{border-radius:var(--radius-button)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}.brand:focus-visible,.desktop-nav>a:focus-visible,.nav-product-toggle:focus-visible,.menu-toggle:focus-visible,.site-footer :focus-visible{outline-color:#72e0d7}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(min-width:1025px){.site-header.is-scrolled .header-inner{height:68px}.site-header.is-scrolled .brand img{width:40px;height:40px}}
@media(min-width:1181px){.hero h1 em{white-space:normal}}
@media(max-width:1180px){.desktop-nav{gap:17px;font-size:13.5px}.mega-menu{width:min(880px,calc(100vw - 48px))}.hero-grid{grid-template-columns:minmax(0,1fr) 400px;gap:42px}.hero h1{font-size:clamp(47px,4.9vw,60px);line-height:1.1;letter-spacing:-.018em}.hero-visual{max-width:400px;min-height:unset;padding:18px}.service-grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr 20px 1fr 20px 1fr;gap:8px}.workflow>i:nth-of-type(3),.workflow>i:nth-of-type(4){display:none}.workflow-card:nth-of-type(4),.workflow-card:nth-of-type(5){margin-top:8px}.workflow{display:flex;flex-wrap:wrap}.workflow-card{flex:1 1 180px}.workflow>i{display:flex!important;align-items:center}.footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 32px}.footer-brand-block{grid-column:1/-1}.footer-contact{grid-column:auto}}
@media(max-width:1024px){.header-inner{height:72px}.brand img{width:44px;height:44px}.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav{display:block;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(145deg,#fff,#f7fafc);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 20px 42px rgba(13,39,62,.11);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.mobile-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-nav-inner{padding-top:10px;padding-bottom:24px}.mobile-nav-link,.mobile-products>summary{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:8px 2px;border-bottom:1px solid var(--line);font-size:15.5px;font-weight:750;cursor:pointer;list-style:none}.mobile-products>summary::-webkit-details-marker{display:none}.mobile-products[open] .mobile-chevron{transform:translateY(2px) rotate(225deg)}.mobile-nav-link:hover,.mobile-nav-link:focus-visible,.mobile-nav-link.is-current,.mobile-products.is-current>summary{color:var(--blue)}.mobile-product-list{padding:12px 0 15px}.mobile-all-products{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:8px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--blue);font-size:13px;font-weight:850}.mobile-product-grid{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.mobile-product-link{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;min-height:56px;padding:9px 11px;border:1px solid transparent;border-radius:12px;background:#f1f6fa;font-size:13px}.mobile-product-link:hover,.mobile-product-link:focus-visible,.mobile-product-link.is-current{border-color:var(--line);background:#fff}.mobile-product-link>span{color:var(--blue);font-size:9px;font-weight:900}.mobile-product-link strong{font-size:13px;line-height:1.35}.mobile-cta{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:12px;border:0!important;border-radius:var(--radius-button);background:linear-gradient(120deg,#12bfae,#2f6ee5);color:#fff;font-size:15px;font-weight:800}}
@media(max-width:980px){.hero{padding:64px 0}.hero-grid{grid-template-columns:1fr;gap:42px}.hero-copy{max-width:820px}.hero h1{max-width:820px;font-size:clamp(46px,7.3vw,62px);line-height:1.12}.hero-visual{max-width:640px;justify-self:start;min-height:auto}.section{padding:68px 0}.section-head{grid-template-columns:1fr;gap:14px}.entry-grid,.solution-grid,.article-card-grid,.archive-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.conversion-grid{grid-template-columns:1fr 310px;gap:40px}.service-hero-grid,.case-title-grid{grid-template-columns:1fr;gap:30px}.service-status-panel{max-width:620px}.two-col-heading,.use-case-grid,.about-entity-grid,.claim-policy-grid,.contact-page-grid{grid-template-columns:1fr;gap:28px}.capability-grid{grid-template-columns:repeat(2,1fr)}.related-columns{grid-template-columns:1fr}.service-mini-grid,.topic-map-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.shell{width:min(var(--max),calc(100% - 32px))}.hero{padding:52px 0 48px}.hero h1{font-size:clamp(39px,9vw,52px);line-height:1.16;letter-spacing:-.008em}.hero-lead{font-size:16px}.hero-visual{min-height:auto;border-radius:24px;padding:18px}.section{padding:58px 0}.section-head h2{font-size:clamp(30px,6.2vw,40px)}.entry-grid{grid-template-columns:1fr}.entry-card p{min-height:0}.service-grid{grid-template-columns:1fr 1fr}.workflow{display:grid;grid-template-columns:1fr}.workflow>i{display:none!important}.workflow-card{margin-top:0!important}.case-section-top{grid-template-columns:1fr}.case-carousel-controls{margin:0 0 16px}.conversion-grid{grid-template-columns:1fr}.wechat-card{max-width:420px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand-block{grid-column:1/-1}.footer-contact{grid-column:auto}.case-grid,.article-card-grid,.archive-grid{grid-template-columns:1fr 1fr}.capability-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.shell{width:calc(100% - 28px)}.header-inner{height:68px}.brand{gap:9px}.brand img{width:40px;height:40px}.brand-copy strong{font-size:17px}.brand-copy small{display:block;margin-top:4px;font-size:7px;letter-spacing:.14em}.menu-toggle{width:40px;height:40px}.mobile-nav{max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px)}.mobile-product-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto}.hero{padding:42px 0 40px}.hero h1{font-size:clamp(36px,10.5vw,45px);line-height:1.18;letter-spacing:0}.hero-lead{font-size:15px;line-height:1.82}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.hero-trust{gap:6px}.hero-trust span{font-size:10px}.hero-visual{min-height:auto}.hero-video-overlay{left:12px;right:12px;bottom:12px;padding:12px 12px}.hero-video-overlay strong{font-size:15px}.hero-video-overlay small{font-size:11px}.hero-play-badge{width:62px;height:62px;font-size:22px}.section{padding:50px 0}.section-head{margin-bottom:25px}.section-head h2{font-size:30px}.service-grid,.solution-grid,.case-grid,.article-card-grid,.archive-grid,.capability-grid,.service-mini-grid,.topic-map-grid{grid-template-columns:1fr}.service-card{min-height:310px}.service-card-actions{align-items:flex-start;flex-direction:column}.entry-link{text-align:left}.case-card{flex-basis:86vw}.evidence-empty{align-items:flex-start;flex-direction:column}.evidence-empty .btn{width:auto}.conversion-copy h2{font-size:32px}.conversion-actions{display:grid}.wechat-card{align-items:flex-start}.wechat-card img{width:104px;height:102px}.footer-main{grid-template-columns:1fr;gap:32px}.footer-brand-block,.footer-contact{grid-column:auto}.footer-column a{min-height:42px}.footer-bottom{display:grid;gap:7px}.entity-facts{grid-template-columns:1fr}.entity-facts dt{padding-bottom:0;border-bottom:0}.entity-facts dd{padding-top:3px}.contact-note{grid-template-columns:1fr;gap:2px}.case-title-grid{gap:22px}.related-article-grid{grid-template-columns:1fr}.article-header{padding-top:48px}.article-header h1{font-size:36px}}
@media(max-width:390px){.hero h1{font-size:38px}.hero-visual{min-height:auto}.section-head h2{font-size:28px}.service-card{padding:21px}.wechat-card{display:grid;grid-template-columns:96px 1fr}.wechat-card img{width:96px;height:94px}}
@media(max-width:375px){.shell{width:calc(100% - 24px)}.hero h1{font-size:36px}.hero-node strong{font-size:10px}.hero-node span{display:none}.section{padding:46px 0}.conversion-copy h2{font-size:29px}}

/* TASK05 — Knowledge Center Foundation 1.0 */
.knowledge-hero{position:relative;padding:78px 0 68px;background:linear-gradient(145deg,#fbfeff 0%,#f0f8fb 56%,#f3f3ff 100%);overflow:hidden}.knowledge-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(48,91,127,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(48,91,127,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}.knowledge-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:72px;align-items:center}.knowledge-hero h1{max-width:760px;margin:14px 0 18px;font-size:clamp(46px,4.8vw,68px);line-height:1.08;letter-spacing:-.04em}.knowledge-hero p{max-width:760px;margin:0;color:#506a80;font-size:17px;line-height:1.9}.knowledge-search{padding:22px;border:1px solid rgba(160,190,214,.35);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:var(--shadow-sm)}.knowledge-search>label{display:block;margin-bottom:9px;color:var(--ink);font-size:13px;font-weight:850}.knowledge-search>div{display:grid;grid-template-columns:1fr auto;gap:8px}.knowledge-search input{min-width:0;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);outline:0}.knowledge-search input:focus{border-color:#8db6f6;box-shadow:0 0 0 3px rgba(47,110,229,.08)}.knowledge-search button{min-width:82px;border:0;border-radius:13px;background:linear-gradient(120deg,#12bfae,#2f6ee5);color:#fff;font-weight:800;cursor:pointer}.knowledge-search small{display:block;margin-top:10px;color:var(--muted);font-size:10px}.knowledge-topics-section{background:#fff}.knowledge-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.knowledge-topic-card{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:13px;align-items:center;min-height:92px;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);transition:.18s}.knowledge-topic-card:hover,.knowledge-topic-card.is-active{transform:translateY(-2px);border-color:#b7cdf8;box-shadow:var(--shadow)}.knowledge-topic-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#e8f8f5,#eaf1ff);color:var(--blue);font-size:11px;font-weight:900}.knowledge-topic-card strong,.knowledge-topic-card small{display:block}.knowledge-topic-card strong{font-size:15px}.knowledge-topic-card small{margin-top:4px;color:var(--muted);font-size:10px}.knowledge-topic-card i{font-style:normal;color:#86a0b7}.knowledge-types-section{background:linear-gradient(180deg,#f4f8fb,#f8fafc)}.knowledge-type-filter{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:26px}.knowledge-type-filter h2{margin:9px 0 0;font-size:36px;line-height:1.15}.knowledge-type-tabs{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.knowledge-type-tabs a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#50677b;font-size:11px;font-weight:800}.knowledge-type-tabs a.is-active,.knowledge-type-tabs a:hover{background:#eaf2ff;color:var(--blue);border-color:#bcd0f6}.knowledge-type-explain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.knowledge-type-explain-grid article{padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff}.knowledge-type-explain-grid article>span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.12em}.knowledge-type-explain-grid h3{margin:13px 0 7px;font-size:17px}.knowledge-type-explain-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.knowledge-library-section{background:#fff}.knowledge-active-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-10px 0 24px;color:var(--muted);font-size:11px}.knowledge-active-filters b{padding:5px 9px;border-radius:999px;background:#edf4ff;color:#315fbd}.knowledge-active-filters a{margin-left:auto;color:var(--blue);font-weight:800}.knowledge-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.knowledge-card{display:flex;flex-direction:column;min-height:290px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#fff,#fbfdff);box-shadow:var(--shadow-sm)}.knowledge-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#71889b;font-size:9px}.knowledge-type-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#e8f8f5;color:#087e70!important;font-size:10px!important;font-weight:850}.knowledge-card h3{margin:18px 0 9px;font-size:20px;line-height:1.36}.knowledge-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.knowledge-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:auto;padding-top:22px}.knowledge-product-tags{display:flex;gap:5px;flex-wrap:wrap}.knowledge-product-tags span{padding:5px 7px;border-radius:7px;background:#f1f5f8;color:#526d83;font-size:9px}.knowledge-card-bottom .text-link{white-space:nowrap;font-size:11px}.knowledge-empty{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:30px;border:1px dashed #b8c9d5;border-radius:22px;background:linear-gradient(145deg,#fbfdff,#f7fafc)}.knowledge-empty h3{margin:9px 0 7px;font-size:22px}.knowledge-empty p{max-width:760px;margin:0;color:var(--muted);font-size:13px}.knowledge-system-section{padding:70px 0;background:linear-gradient(140deg,#edf9f7,#edf4ff 70%,#f2efff)}.knowledge-system-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:64px;align-items:center}.knowledge-system-grid h2{max-width:700px;margin:10px 0 12px;font-size:38px;line-height:1.18}.knowledge-system-grid p{margin:0;color:var(--muted)}.knowledge-system-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.knowledge-system-flow span{padding:10px 12px;border:1px solid rgba(62,103,137,.10);border-radius:12px;background:rgba(255,255,255,.88);font-size:11px;font-weight:800}.knowledge-system-flow i{font-style:normal;color:#7d9cb5}.visible-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:34px;color:#7890a4;font-size:11px}.visible-breadcrumb a{color:#45677f}.knowledge-single .article-header{padding-top:28px}.article-kicker-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.direct-answer-box{margin:0 0 36px;padding:26px 28px;border:1px solid rgba(47,110,229,.18);border-radius:22px;background:linear-gradient(145deg,#f7fbff,#f1f8f7);box-shadow:var(--shadow-sm)}.direct-answer-box h2{margin:10px 0 8px;font-size:24px;line-height:1.35}.direct-answer-box p{margin:0;color:#29465d;font-size:16px;line-height:1.85}.key-points-box,.knowledge-related-products,.knowledge-evidence-links{margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}.key-points-box h2,.knowledge-related-products h2,.knowledge-evidence-links h2{margin:9px 0 17px;font-size:28px}.key-points-box ul{display:grid;gap:9px;padding:0;margin:0;list-style:none}.key-points-box li{position:relative;padding:13px 15px 13px 38px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#355169}.key-points-box li:before{content:"✓";position:absolute;left:14px;top:12px;color:#0ca393;font-weight:900}.source-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.source-head h2{margin:9px 0 0}.source-head>div{display:flex;gap:8px;flex-wrap:wrap}.source-head>div span{padding:5px 8px;border-radius:8px;background:#f2f6f9;color:#5e7588;font-size:9px}.source-box li{margin:9px 0;color:#4b667c}.knowledge-evidence-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.knowledge-evidence-columns>div{display:grid;gap:8px}.knowledge-evidence-columns h3{margin:0 0 6px;font-size:16px}.knowledge-evidence-columns a{display:flex;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}.knowledge-evidence-columns a strong{font-size:12px}.knowledge-evidence-columns a span{color:var(--blue);font-size:10px;white-space:nowrap}

@media(max-width:980px){.knowledge-hero-grid{grid-template-columns:1fr;gap:32px}.knowledge-search{max-width:700px}.knowledge-topic-grid{grid-template-columns:repeat(2,1fr)}.knowledge-type-explain-grid{grid-template-columns:repeat(2,1fr)}.knowledge-card-grid{grid-template-columns:repeat(2,1fr)}.knowledge-system-grid{grid-template-columns:1fr;gap:30px}.knowledge-system-flow{max-width:700px}}
@media(max-width:768px){.knowledge-hero{padding:58px 0 52px}.knowledge-hero h1{font-size:clamp(40px,8vw,54px)}.knowledge-type-filter{grid-template-columns:1fr}.knowledge-type-tabs{justify-content:flex-start}.knowledge-evidence-columns{grid-template-columns:1fr}.source-head{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.knowledge-hero{padding:46px 0 42px}.knowledge-hero h1{font-size:38px}.knowledge-hero p{font-size:15px}.knowledge-search{padding:17px}.knowledge-search>div{grid-template-columns:1fr}.knowledge-search button{height:46px}.knowledge-topic-grid,.knowledge-type-explain-grid,.knowledge-card-grid{grid-template-columns:1fr}.knowledge-topic-card{min-height:82px}.knowledge-type-filter h2{font-size:30px}.knowledge-type-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.knowledge-type-tabs a{text-align:center}.knowledge-card{min-height:250px}.knowledge-empty{align-items:flex-start;flex-direction:column}.knowledge-system-grid h2{font-size:30px}.knowledge-system-flow{display:grid;grid-template-columns:1fr}.knowledge-system-flow i{display:none}.visible-breadcrumb{padding-top:24px}.direct-answer-box{padding:21px}.direct-answer-box h2{font-size:21px}.direct-answer-box p{font-size:15px}.knowledge-card-bottom{align-items:flex-start;flex-direction:column}}

/* TASK07 — Homepage Knowledge Highlights */
.home-knowledge-strip{position:relative;padding:22px 0 24px;background:#fff;border-top:1px solid rgba(220,231,239,.72);border-bottom:1px solid rgba(220,231,239,.9);overflow:hidden}.home-knowledge-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(18,191,174,.035),transparent 34%,rgba(47,110,229,.035) 72%,rgba(101,88,217,.025));pointer-events:none}.home-knowledge-strip .shell{position:relative}.home-knowledge-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.home-knowledge-heading{display:flex;align-items:end;gap:16px;min-width:0}.home-knowledge-heading h2{margin:0;font-size:23px;line-height:1.1;letter-spacing:-.02em}.home-knowledge-actions{display:flex;align-items:center;gap:14px}.home-knowledge-controls{display:flex;gap:6px}.home-knowledge-controls button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;color:#355169;cursor:pointer;box-shadow:0 5px 14px rgba(28,60,91,.04)}.home-knowledge-controls button:hover{border-color:#b7cdf8;color:var(--blue)}.home-knowledge-actions .text-link{font-size:11px;white-space:nowrap}.home-knowledge-topics{display:flex;gap:7px;overflow-x:auto;padding:10px 0 11px;scrollbar-width:none}.home-knowledge-topics::-webkit-scrollbar{display:none}.home-knowledge-topics a{flex:0 0 auto;padding:5px 9px;border:1px solid #e1eaf1;border-radius:999px;background:rgba(255,255,255,.86);color:#657b8e;font-size:9px;font-weight:800;transition:.18s}.home-knowledge-topics a:hover{border-color:#bad0f8;background:#edf4ff;color:var(--blue)}.home-knowledge-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:1px 1px 5px;scrollbar-width:none;cursor:grab}.home-knowledge-rail::-webkit-scrollbar{display:none}.home-knowledge-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.home-knowledge-card{flex:0 0 min(318px,80vw);scroll-snap-align:start}.home-knowledge-card-link{display:flex;flex-direction:column;min-height:98px;padding:12px 15px 11px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(150deg,#fff,#fbfdff);box-shadow:0 8px 22px rgba(28,60,91,.045);transition:.18s}.home-knowledge-card-link:hover{transform:translateY(-2px);border-color:#bdd1f5;box-shadow:0 14px 30px rgba(28,60,91,.075)}.home-knowledge-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#7b90a1;font-size:9px}.home-knowledge-product{display:inline-flex;max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px;border-radius:999px;background:linear-gradient(120deg,#e8f8f5,#edf3ff);color:#2471b6!important;font-weight:850}.home-knowledge-card h3{margin:8px 0 6px;font-size:15px;line-height:1.38;letter-spacing:-.01em}.home-knowledge-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#567087;font-size:9px}.home-knowledge-card-foot i{font-style:normal;color:var(--blue);font-size:13px}.home-knowledge-hint{margin:7px 0 0;text-align:right;color:#91a1af;font-size:8px}.home-knowledge-empty{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:112px;padding:18px 20px;border:1px dashed #c6d5e0;border-radius:17px;background:linear-gradient(145deg,rgba(248,252,253,.96),rgba(247,249,255,.96))}.home-knowledge-empty strong,.home-knowledge-empty span{display:block}.home-knowledge-empty strong{font-size:16px}.home-knowledge-empty span{margin-top:5px;color:var(--muted);font-size:11px}.home-knowledge-empty>a{flex:0 0 auto;color:var(--blue);font-size:11px;font-weight:850}
@media(max-width:768px){.home-knowledge-strip{padding:23px 0 26px}.home-knowledge-head{align-items:flex-start}.home-knowledge-heading{display:block}.home-knowledge-heading .eyebrow{margin-bottom:5px}.home-knowledge-heading h2{font-size:23px}.home-knowledge-controls{display:none}.home-knowledge-card{flex-basis:min(300px,78vw)}.home-knowledge-hint{text-align:left}.home-knowledge-empty{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:430px){.home-knowledge-strip{padding:21px 0 24px}.home-knowledge-head{gap:12px}.home-knowledge-actions .text-link{font-size:10px}.home-knowledge-topics{padding:12px 0}.home-knowledge-card{flex-basis:82vw}.home-knowledge-card-link{min-height:112px}.home-knowledge-card h3{font-size:15px}.home-knowledge-empty{min-height:106px;padding:16px}.home-knowledge-empty span{font-size:10px}}


/* TASK08 FIX2 — Consultation conversion page */
.consultation-layout{display:grid;grid-template-columns:minmax(0,1.25fr) 380px;gap:46px;align-items:start}.consultation-form-card,.contact-info-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}.consultation-form-card h2,.contact-info-card h2{margin:10px 0 10px;font-size:30px;line-height:1.2}.consultation-intro,.contact-info-card>p{margin:0 0 24px;color:var(--muted);font-size:13px}.consultation-form{position:relative}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field{display:grid;gap:7px}.form-field>span{font-size:12px;font-weight:800;color:#365269}.form-field>span b{color:#d95043}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #cfdee8;border-radius:13px;background:#fbfdff;color:var(--ink);outline:0;transition:.18s}.form-field input,.form-field select{height:48px;padding:0 13px}.form-field textarea{min-height:164px;padding:12px 13px;resize:vertical;line-height:1.65}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#7fa7ee;box-shadow:0 0 0 3px rgba(47,110,229,.08);background:#fff}.form-field-wide{grid-column:1/-1}.form-field small{color:#8294a3;font-size:10px}.form-consent{display:flex;align-items:flex-start;gap:9px;margin:17px 0 0;color:#647b8f;font-size:11px;line-height:1.65}.form-consent input{margin-top:4px}.form-submit-row{display:flex;align-items:center;gap:16px;margin-top:21px;flex-wrap:wrap}.form-submit-row .btn{border:0;cursor:pointer}.form-submit-row>span{color:var(--muted);font-size:11px}.form-status{display:grid;gap:3px;margin:0 0 20px;padding:13px 15px;border-radius:13px;font-size:12px}.form-status strong{font-size:13px}.form-status-success{border:1px solid rgba(18,191,174,.24);background:#edf9f6;color:#176b61}.form-status-error{border:1px solid rgba(213,80,67,.20);background:#fff4f2;color:#8c4038}.consultation-side{display:grid;gap:18px}.contact-info-card .contact-note:last-child{border-bottom:0}.tg-hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:980px){.consultation-layout{grid-template-columns:1fr;gap:28px}.consultation-side{grid-template-columns:1fr 1fr}.contact-qr-card{display:flex;flex-direction:column;justify-content:center;align-items:center}}
@media(max-width:768px){.consultation-form-card,.contact-info-card{padding:24px}.consultation-side{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-field-wide{grid-column:auto}}
@media(max-width:430px){.consultation-form-card,.contact-info-card{padding:20px;border-radius:20px}.consultation-form-card h2,.contact-info-card h2{font-size:26px}.form-submit-row{display:grid;grid-template-columns:1fr}.form-submit-row .btn{width:100%}.form-field input,.form-field select{height:46px}.contact-qr-card img{width:min(220px,100%)}}

/* TASK10 — Homepage Complete Visual Overhaul */
body.home{overflow-x:hidden}
.home main{overflow:hidden}

/* Tiangong AI System Stage */
.home-hero-system{
  position:relative;
  isolation:isolate;
  padding:clamp(76px,7vw,104px) 0 clamp(82px,7vw,110px);
  background:
    radial-gradient(circle at 82% 16%,rgba(47,110,229,.12),transparent 26%),
    radial-gradient(circle at 52% 88%,rgba(18,191,174,.09),transparent 30%),
    linear-gradient(145deg,#fcfeff 0%,#f5fbfb 48%,#f3f6ff 100%);
}
.home-hero-system:before{
  z-index:-1;
  background-image:linear-gradient(rgba(45,83,116,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(45,83,116,.04) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 72%,transparent 100%);
}
.home-hero-system:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(18,191,174,.42),rgba(47,110,229,.34),transparent);
}
.home-hero-system .hero-grid{
  grid-template-columns:minmax(0,1.38fr) minmax(480px,1fr);
  gap:clamp(48px,5vw,78px);
  align-items:center;
}
.home-hero-system .hero-copy{position:relative;z-index:2}
.home-hero-system .hero-copy:after{
  content:"SYSTEM / 01—06";
  position:absolute;
  left:-58px;
  top:50%;
  color:rgba(47,81,111,.24);
  font-size:8px;
  font-weight:900;
  letter-spacing:.2em;
  writing-mode:vertical-rl;
  transform:translateY(-50%) rotate(180deg);
}
.home-hero-system h1{margin:20px 0 26px;max-width:720px}
.home-hero-system .hero-lead{max-width:720px;color:#49647b}
.home-hero-system .hero-actions{margin-top:30px}
.home-hero-system .btn{min-height:50px;border-radius:var(--radius-button)}
.home-hero-system .hero-trust{gap:8px;margin-top:26px}
.home-hero-system .hero-trust span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:6px 10px;
  border-color:rgba(52,89,120,.12);
  border-radius:10px;
  background:rgba(255,255,255,.7);
  color:#536d82;
}
.home-hero-system .hero-trust i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(18,191,174,.09)}
.hero-system-stage{
  position:relative;
  width:100%;
  max-width:560px;
  justify-self:end;
  padding:13px;
  border:1px solid rgba(147,187,220,.2);
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 46%,rgba(47,110,229,.16),transparent 36%),
    linear-gradient(150deg,#0a1929,#0b1525 62%,#0b1a29);
  box-shadow:0 34px 90px rgba(11,38,63,.18),inset 0 1px 0 rgba(255,255,255,.06);
  color:#dce9f3;
  overflow:hidden;
}
.hero-system-stage:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(130,178,211,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(130,178,211,.045) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(circle at 50% 46%,#000,transparent 84%);
  pointer-events:none;
}
.hero-stage-topbar,.hero-stage-footer{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 9px}
.hero-stage-topbar{height:39px;border-bottom:1px solid rgba(161,197,224,.12)}
.hero-stage-topbar>span{display:flex;align-items:center;gap:8px;color:#edf7ff;font-size:10px;font-weight:850;letter-spacing:.13em}
.hero-stage-topbar>span i{width:6px;height:6px;border-radius:50%;background:#55e7d5;box-shadow:0 0 12px rgba(85,231,213,.9);animation:tg-signal-pulse 2.8s ease-in-out infinite}
.hero-stage-topbar small,.hero-stage-footer{color:#7892a8;font-size:8px;font-weight:800;letter-spacing:.12em}
.hero-stage-canvas{position:relative;z-index:2;min-height:492px}
.hero-stage-footer{height:32px;border-top:1px solid rgba(161,197,224,.1)}
.hero-stage-footer i{flex:1;height:1px;background:linear-gradient(90deg,rgba(18,191,174,.3),rgba(47,110,229,.6),rgba(101,88,217,.3))}
.stage-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(124,176,214,.15);border-radius:50%;pointer-events:none}
.stage-orbit:before,.stage-orbit:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#6be5d9;box-shadow:0 0 12px rgba(71,221,208,.72)}
.stage-orbit-outer{width:430px;height:360px;transform:translate(-50%,-50%) rotate(-8deg);animation:tg-orbit-drift 14s ease-in-out infinite alternate}
.stage-orbit-outer:before{left:15%;top:5%}.stage-orbit-outer:after{right:9%;bottom:18%;background:#8daefc}
.stage-orbit-inner{width:350px;height:286px;transform:translate(-50%,-50%) rotate(14deg);border-color:rgba(123,112,220,.13);animation:tg-orbit-drift-reverse 18s ease-in-out infinite alternate}
.stage-orbit-inner:before{right:10%;top:13%;background:#a89cff}.stage-orbit-inner:after{left:7%;bottom:23%}
.stage-star{position:absolute;z-index:1;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 11px rgba(255,255,255,.8)}
.stage-star:before,.stage-star:after{content:"";position:absolute;left:50%;top:50%;background:rgba(204,230,248,.72);transform:translate(-50%,-50%)}
.stage-star:before{width:15px;height:1px}.stage-star:after{width:1px;height:15px}
.stage-star-a{left:8%;top:30%}.stage-star-b{right:9%;top:42%;transform:scale(.7)}.stage-star-c{left:47%;bottom:7%;transform:scale(.55)}
.stage-product-node{
  position:absolute;
  z-index:4;
  display:grid;
  grid-template-columns:27px minmax(0,1fr);
  align-items:center;
  gap:7px;
  width:145px;
  min-height:51px;
  padding:7px 9px;
  border:1px solid rgba(153,194,224,.18);
  border-radius:13px;
  background:rgba(12,29,45,.9);
  box-shadow:0 9px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04);
  color:#dceaf4;
  backdrop-filter:blur(10px);
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}
.stage-product-node:after{content:"";position:absolute;left:50%;width:1px;height:20px;background:linear-gradient(rgba(74,196,199,.56),transparent)}
.stage-product-node:nth-of-type(-n+3):after{top:100%}
.stage-product-node:nth-of-type(n+4):after{bottom:100%;transform:rotate(180deg)}
.stage-product-node b{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(107,190,219,.22);border-radius:8px;background:rgba(56,117,160,.15);color:#7de2da;font-size:8px;letter-spacing:.08em}
.stage-product-node span{min-width:0;font-size:10px;font-weight:800;line-height:1.35}
.stage-product-node:hover,.stage-product-node:focus-visible{border-color:rgba(100,224,213,.58);background:rgba(16,39,58,.96);color:#fff;transform:translateY(-2px)}
.stage-node-ai-content{left:2%;top:24px}
.stage-node-ai-video-generation{left:50%;top:12px;transform:translateX(-50%)}
.stage-node-ai-video-generation:hover,.stage-node-ai-video-generation:focus-visible{transform:translateX(-50%) translateY(-2px)}
.stage-node-ai-auto-editing{right:2%;top:24px}
.stage-node-ai-digital-human{left:2%;bottom:24px}
.stage-node-ai-digital-employee{left:50%;bottom:12px;transform:translateX(-50%)}
.stage-node-ai-digital-employee:hover,.stage-node-ai-digital-employee:focus-visible{transform:translateX(-50%) translateY(-2px)}
.stage-node-geo-ai-search{right:2%;bottom:24px}
.hero-video-core{position:absolute;z-index:3;left:50%;top:50%;width:82%;transform:translate(-50%,-50%)}
.hero-system-stage .hero-video-card{padding:9px;border:1px solid rgba(159,199,228,.17);border-radius:24px;background:rgba(7,17,29,.86);box-shadow:0 26px 56px rgba(0,0,0,.28)}
.hero-system-stage .hero-video-top{margin:0 2px 8px}
.hero-system-stage .hero-video-label{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;border-radius:8px;background:rgba(18,191,174,.1);color:#81e1d8;font-size:8px;letter-spacing:.04em}
.hero-system-stage .hero-video-format{color:#829bad;font-size:8px;letter-spacing:.08em}
.hero-system-stage .hero-video-frame{border-color:rgba(176,208,230,.2);border-radius:17px;background:#0c1926;box-shadow:none}
.hero-system-stage .hero-poster-button{background:#0c1926}
.hero-system-stage .hero-poster-button:disabled{cursor:default;opacity:1}
.hero-system-stage .hero-poster-button:disabled .hero-play-badge{display:none}
.hero-system-stage .hero-play-badge{width:58px;height:58px;border:1px solid rgba(255,255,255,.22);font-size:20px;box-shadow:0 14px 32px rgba(47,110,229,.3)}
.hero-system-stage .hero-video-overlay{left:10px;right:10px;bottom:10px;padding:10px 12px;border-color:rgba(185,213,233,.16);border-radius:12px;background:rgba(8,20,33,.84);color:#fff}
.hero-system-stage .hero-video-overlay strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3f8fc;font-size:13px}
.hero-system-stage .hero-video-overlay small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9fb5c6;font-size:9px}
@keyframes tg-signal-pulse{0%,100%{opacity:.52;transform:scale(.86)}50%{opacity:1;transform:scale(1.16)}}
@keyframes tg-orbit-drift{from{transform:translate(-50%,-50%) rotate(-8deg)}to{transform:translate(-50%,-50%) rotate(-2deg)}}
@keyframes tg-orbit-drift-reverse{from{transform:translate(-50%,-50%) rotate(14deg)}to{transform:translate(-50%,-50%) rotate(7deg)}}

/* Knowledge Signal Rail */
.knowledge-signal-section{
  position:relative;
  padding:70px 0 72px;
  border:0;
  background:linear-gradient(110deg,#f5f8fb,#fff 100%);
}
.knowledge-signal-section:before{background:linear-gradient(90deg,rgba(18,191,174,.08),transparent 36%,rgba(47,110,229,.045) 78%,rgba(101,88,217,.03))}
.knowledge-signal-layout{position:relative;display:grid;grid-template-columns:270px minmax(0,1fr);gap:50px;align-items:stretch}
.knowledge-editorial-anchor{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:8px 30px 8px 0;color:#b8c9d6}
.knowledge-editorial-anchor:before{content:"";position:absolute;z-index:-1;top:-70px;right:0;bottom:-72px;width:100vw;background:radial-gradient(circle at 90% 18%,rgba(18,191,174,.09),transparent 30%),linear-gradient(145deg,#0a1827,#0b1928)}
.knowledge-editorial-anchor:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(116,175,204,.32),transparent)}
.knowledge-editorial-anchor .eyebrow{color:#69d8ce}
.knowledge-editorial-anchor h2{margin:17px 0 13px;color:#f5f9fc;font-size:clamp(32px,3vw,42px);line-height:1.08;letter-spacing:-.03em}
.knowledge-editorial-anchor p{margin:0;color:#91a8ba;font-size:12px;line-height:1.8}
.knowledge-anchor-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:18px}
.knowledge-anchor-meta span{padding:5px 7px;border:1px solid rgba(146,188,216,.16);border-radius:7px;background:rgba(255,255,255,.035);color:#8fa8ba;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.knowledge-editorial-anchor .text-link{margin-top:auto;padding-top:24px;color:#77dfd6;font-size:12px}
.knowledge-stream{min-width:0;padding:3px 0}
.knowledge-stream-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:17px}
.knowledge-topic-wrap{min-width:0}
.knowledge-stream-label{display:block;color:#72889a;font-size:8px;font-weight:900;letter-spacing:.16em}
.knowledge-signal-section .home-knowledge-topics{padding:8px 0 0}
.knowledge-signal-section .home-knowledge-topics a{min-height:30px;padding:6px 10px;border-color:#dce7ef;border-radius:9px;background:#fff;color:#526b7f;font-size:9px}
.knowledge-signal-section .home-knowledge-controls{padding-bottom:1px}
.knowledge-signal-section .home-knowledge-controls button{width:40px;height:40px;border-radius:11px}
.knowledge-signal-section .home-knowledge-rail{gap:14px;padding:3px 2px 10px}
.knowledge-signal-section .home-knowledge-card{flex:0 0 min(360px,78vw)}
.knowledge-signal-section .home-knowledge-card-link{
  position:relative;
  min-height:206px;
  padding:20px 20px 18px;
  border-color:#dbe6ed;
  border-radius:20px;
  background:linear-gradient(150deg,#fff,#f9fcff);
  box-shadow:0 14px 38px rgba(27,59,87,.07);
  overflow:hidden;
}
.knowledge-signal-section .home-knowledge-card-link:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--aurora);opacity:.82}
.knowledge-signal-section .home-knowledge-card-link:hover{transform:translateY(-3px);border-color:#b7cdee;box-shadow:0 20px 44px rgba(27,59,87,.11)}
.knowledge-signal-section .home-knowledge-card-meta{font-size:9px}
.knowledge-signal-section .home-knowledge-product{max-width:67%;padding:5px 8px;border-radius:8px}
.knowledge-signal-line{position:relative;display:block;width:100%;height:22px;margin:15px 0 3px}
.knowledge-signal-line:before{content:"";position:absolute;left:0;right:0;top:10px;height:1px;background:linear-gradient(90deg,rgba(18,191,174,.55),rgba(47,110,229,.28),transparent)}
.knowledge-signal-line i{position:absolute;left:0;top:6px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(18,191,174,.12)}
.knowledge-signal-section .home-knowledge-card h3{margin:6px 0 17px;font-size:19px;line-height:1.42}
.knowledge-signal-section .home-knowledge-card-foot{margin-top:auto;color:#6e8496;font-size:9px}
.knowledge-signal-section .home-knowledge-card-foot>span{display:flex;align-items:center;gap:8px;color:var(--blue);font-weight:800}
.knowledge-signal-section .home-knowledge-card-foot i{font-style:normal}
.knowledge-swipe-hint{margin:2px 0 0;color:#8295a5;font-size:9px;text-align:right}
.knowledge-signal-section .home-knowledge-empty{min-height:206px;border-radius:20px;background:#fff}
.knowledge-empty-signal{display:block;width:32px;height:3px;margin-bottom:13px;border-radius:99px;background:var(--aurora)}

/* Delivery / Access Rail */
.delivery-access-section{position:relative;background:#fff}
.delivery-access-section:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#cbdde8,transparent)}
.delivery-board{overflow:hidden;border:1px solid #cadbe6;border-radius:27px;background:#f9fcfe;box-shadow:0 22px 58px rgba(27,59,87,.07)}
.delivery-board-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:45px;padding:0 23px;background:#0b1928;color:#89a2b5;font-size:8px;font-weight:850;letter-spacing:.15em}
.delivery-board-header span:first-child{color:#73ded4}
.delivery-access-rail{padding:0;margin:0;list-style:none}
.delivery-path{
  position:relative;
  display:grid;
  grid-template-columns:48px 165px minmax(0,1fr) 160px;
  gap:22px;
  align-items:center;
  min-height:142px;
  padding:25px 24px;
  border-bottom:1px solid #dce7ee;
  background:linear-gradient(90deg,rgba(255,255,255,.7),#fff);
}
.delivery-path:last-child{border-bottom:0}
.delivery-path:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 99px 99px 0;background:var(--delivery-tone,var(--blue));opacity:.85}
.delivery-cloud{--delivery-tone:#2f6ee5}.delivery-local{--delivery-tone:#12bfae}.delivery-service{--delivery-tone:#6558d9}
.delivery-index{color:#98aab8;font-size:11px;font-weight:900;letter-spacing:.1em}
.delivery-kind{display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:8px}
.delivery-kind>i{width:7px;height:7px;border-radius:50%;background:var(--delivery-tone);box-shadow:0 0 0 5px color-mix(in srgb,var(--delivery-tone) 12%,transparent)}
.delivery-kind>span{color:#476276;font-size:9px;font-weight:900;letter-spacing:.1em}
.delivery-kind>b{grid-column:2;display:block;color:var(--delivery-tone);font-size:11px;line-height:1.3}
.delivery-copy{min-width:0}
.delivery-copy h3{margin:0 0 8px;font-size:21px;line-height:1.3}
.delivery-copy p{max-width:680px;margin:0;color:#60778a;font-size:12px;line-height:1.75}
.delivery-copy strong{color:#385b77;font-weight:800}
.delivery-path>a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:0 13px;border:1px solid #d7e3eb;border-radius:11px;background:#fff;color:#315e91;font-size:11px;font-weight:850;transition:.18s}
.delivery-path>a:hover{border-color:#a9c5ee;box-shadow:0 9px 22px rgba(34,76,109,.08);transform:translateY(-1px)}
.delivery-path>a span{color:var(--delivery-tone);font-size:15px}

/* Homepage Six Product Showcase */
.home-products-section{
  position:relative;
  background:
    radial-gradient(circle at 8% 18%,rgba(18,191,174,.07),transparent 20%),
    radial-gradient(circle at 94% 74%,rgba(101,88,217,.065),transparent 23%),
    linear-gradient(180deg,#f3f7fa,#f7fafc);
}
.home-products-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(54,91,121,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(54,91,121,.026) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}
.home-products-section .shell{position:relative}
.home-products-head{margin-bottom:42px}
.home-product-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.home-product-showcase{
  --product-tone:#2f6ee5;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(250px,1.12fr);
  grid-template-rows:1fr auto;
  gap:22px 25px;
  min-width:0;
  min-height:430px;
  padding:26px 26px 20px;
  border:1px solid rgba(184,204,218,.86);
  border-radius:27px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,252,255,.97));
  box-shadow:0 16px 46px rgba(30,64,93,.065);
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-product-showcase:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--product-tone),transparent 70%)}
.home-product-showcase:after{content:"";position:absolute;right:-52px;top:-60px;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--product-tone) 14%,transparent);border-radius:50%;pointer-events:none}
.home-product-showcase:hover{transform:translateY(-3px);border-color:#aac5dc;box-shadow:0 24px 60px rgba(30,64,93,.1)}
.home-product-ai-content{--product-tone:#0da998}.home-product-ai-video-generation{--product-tone:#258fd4}.home-product-ai-auto-editing{--product-tone:#2f6ee5}.home-product-ai-digital-human{--product-tone:#6558d9}.home-product-ai-digital-employee{--product-tone:#4478bf}.home-product-geo-ai-search{--product-tone:#148b9c}
.home-product-copy{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}
.home-product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-product-num{display:grid;place-items:center;width:39px;height:39px;border:1px solid color-mix(in srgb,var(--product-tone) 20%,#dbe7ee);border-radius:11px;background:color-mix(in srgb,var(--product-tone) 7%,#fff);color:var(--product-tone);font-size:10px;font-weight:900;letter-spacing:.1em}
.home-product-state{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid color-mix(in srgb,var(--product-tone) 16%,#dbe7ee);border-radius:8px;background:#fff;color:#557086;font-size:9px;font-weight:850}
.home-product-state:before{content:"";width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--product-tone)}
.home-product-copy h3{margin:21px 0 10px;font-size:clamp(22px,2vw,28px);line-height:1.18;letter-spacing:-.025em}
.home-product-copy h3 a{transition:color .18s ease}
.home-product-copy h3 a:hover{color:var(--product-tone)}
.home-product-copy>p{margin:0;color:#5a7184;font-size:12px;line-height:1.8}
.home-product-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:20px}
.home-product-tags span{padding:5px 7px;border:1px solid #e1e9ef;border-radius:7px;background:#f7fafc;color:#5d7487;font-size:9px;font-weight:750}
.product-mini-visual{
  position:relative;
  z-index:1;
  min-width:0;
  min-height:244px;
  padding:14px;
  margin:0;
  border:1px solid #dbe6ed;
  border-radius:20px;
  background:
    linear-gradient(rgba(64,103,134,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(64,103,134,.035) 1px,transparent 1px),
    linear-gradient(145deg,#f8fbfd,#f2f7fa);
  background-size:22px 22px,22px 22px,auto;
  overflow:hidden;
}
.product-mini-visual:before{content:"";position:absolute;right:-40px;bottom:-55px;width:140px;height:140px;border-radius:50%;background:color-mix(in srgb,var(--product-tone) 8%,transparent);filter:blur(2px)}
.product-mini-visual figcaption{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #dce7ee}
.product-mini-visual figcaption span{color:var(--product-tone);font-size:7px;font-weight:900;letter-spacing:.13em}
.product-mini-visual figcaption strong{color:#526b7e;font-size:8px;line-height:1.35;text-align:right}
.home-product-footer{position:relative;z-index:1;grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-top:17px;border-top:1px solid #dce6ed}
.home-product-footer>div:first-child span,.home-product-footer>div:first-child strong{display:block}
.home-product-footer>div:first-child span{color:#8396a5;font-size:7px;font-weight:900;letter-spacing:.13em}
.home-product-footer>div:first-child strong{margin-top:4px;color:#47657b;font-size:11px}
.home-product-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.home-product-actions a{color:var(--product-tone);font-size:10px;font-weight:850}
.home-product-actions>a:first-child{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid color-mix(in srgb,var(--product-tone) 22%,#dbe5ec);border-radius:9px;background:#fff}
.home-product-entry{color:#60768a!important}

/* Product visual 01 — content */
.mini-content-canvas{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:1fr 1fr;gap:12px;height:185px;padding-top:13px}
.mini-query-block,.mini-review-gate,.mini-draft-stack>div{position:relative;display:flex;flex-direction:column;justify-content:center;padding:10px;border:1px solid #cedfe8;border-radius:11px;background:rgba(255,255,255,.88)}
.mini-query-block span,.mini-review-gate span,.mini-draft-stack span{color:#7890a2;font-size:7px;font-weight:900;letter-spacing:.1em}
.mini-query-block b,.mini-review-gate b,.mini-draft-stack b{margin-top:4px;color:#304e65;font-size:10px}
.mini-query-block i{position:absolute;right:-13px;top:50%;width:13px;height:1px;background:var(--product-tone)}
.mini-evidence-stack{display:grid;gap:5px;align-content:center}
.mini-evidence-stack span{display:block;padding:6px 8px;border-left:2px solid var(--product-tone);border-radius:0 7px 7px 0;background:#fff;color:#5e788c;font-size:7px;font-weight:850;box-shadow:0 4px 10px rgba(31,65,93,.05)}
.mini-draft-stack{position:relative;display:grid;align-items:center;padding:5px 0 0 8px}
.mini-draft-stack>i{position:absolute;left:2px;right:7px;height:56px;border:1px solid #cfdee8;border-radius:10px;background:#f0f6f9}
.mini-draft-stack>i:first-child{transform:translate(-3px,-4px)}.mini-draft-stack>i:nth-child(2){transform:translate(2px,1px)}
.mini-draft-stack>div{z-index:1;min-height:56px}
.mini-review-gate{border-color:color-mix(in srgb,var(--product-tone) 30%,#cfdee8)}
.mini-review-gate b{display:flex;align-items:center;gap:6px}.mini-review-gate b i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--product-tone);color:#fff;font-style:normal;font-size:9px}

/* Product visual 02 — video generation */
.mini-video-canvas{display:grid;grid-template-columns:.72fr 1.28fr;grid-template-rows:1fr auto 1fr;gap:9px 11px;height:185px;padding-top:13px}
.mini-prompt{grid-row:1/3;display:flex;flex-direction:column;padding:10px;border:1px solid #cfdee8;border-radius:11px;background:#fff}
.mini-prompt span,.mini-motion-track span,.mini-video-output span{color:#71899c;font-size:7px;font-weight:900;letter-spacing:.1em}
.mini-prompt i{display:block;width:100%;height:4px;margin-top:7px;border-radius:9px;background:#dce7ed}.mini-prompt i:nth-of-type(2){width:72%}.mini-prompt i:nth-of-type(3){width:48%;background:color-mix(in srgb,var(--product-tone) 35%,#dce7ed)}
.mini-frames{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.mini-frames>span{position:relative;overflow:hidden;min-height:48px;border:1px solid #d2e0e8;border-radius:8px;background:linear-gradient(145deg,#dff6f3,#e7efff)}
.mini-frames i{position:absolute;left:50%;top:45%;width:22px;height:14px;border:1px solid rgba(47,110,229,.28);border-radius:50%;transform:translate(-50%,-50%)}
.mini-frames b{position:absolute;right:4px;bottom:3px;color:#567084;font-size:6px}
.mini-motion-track{display:flex;align-items:center;gap:4px;padding:6px 7px;border:1px solid #d6e3ea;border-radius:8px;background:#fff}
.mini-motion-track span{margin-right:auto}.mini-motion-track i{width:5px;height:5px;border-radius:50%;background:var(--product-tone);opacity:.35}.mini-motion-track i:nth-last-child(2){opacity:.65}.mini-motion-track i:last-child{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--product-tone) 12%,transparent)}
.mini-video-output{grid-column:1/-1;position:relative;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid color-mix(in srgb,var(--product-tone) 26%,#d5e2e9);border-radius:10px;background:linear-gradient(100deg,#fff,color-mix(in srgb,var(--product-tone) 7%,#fff))}
.mini-video-output b{color:#36566e;font-size:9px}.mini-video-output i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--product-tone);color:#fff;font-style:normal;font-size:7px}

/* Product visual 03 — automatic editing */
.mini-edit-canvas{display:grid;grid-template-columns:72px minmax(0,1fr) 47px;gap:9px;align-items:stretch;height:185px;padding-top:13px}
.mini-edit-preview{position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:8px;border:1px solid #cedee8;border-radius:10px;background:linear-gradient(145deg,#dceef2,#e5e9fb)}
.mini-edit-preview span{color:#4e6b7f;font-size:7px;font-weight:900}.mini-edit-preview i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.86);color:var(--product-tone);font-size:7px;font-style:normal}
.mini-timeline{position:relative;display:grid;gap:7px;padding:9px 7px;border:1px solid #d5e2e9;border-radius:10px;background:#fff;overflow:hidden}
.mini-timeline>div{display:grid;grid-template-columns:46px repeat(3,1fr);align-items:center;gap:3px}.mini-timeline>div:nth-child(2){grid-template-columns:46px 1.2fr .8fr}.mini-timeline>div:nth-child(3){grid-template-columns:46px 1fr}
.mini-timeline span{color:#71899b;font-size:6px;font-weight:850}.mini-timeline i{height:11px;border-radius:3px;background:color-mix(in srgb,var(--product-tone) 20%,#e8eff4)}.mini-timeline>div:nth-child(2) i{background:#dff3ef}.mini-timeline>div:nth-child(3) i{background:#ece9fb}
.mini-timeline>b{position:absolute;left:58%;top:8px;bottom:8px;width:1px;background:#e06a62;box-shadow:0 0 0 2px rgba(224,106,98,.08)}
.mini-render{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--product-tone) 28%,#d5e2e9);border-radius:10px;background:color-mix(in srgb,var(--product-tone) 7%,#fff)}
.mini-render span{color:#70889b;font-size:6px;font-weight:900}.mini-render b{margin-top:7px;color:var(--product-tone);font-size:10px}

/* Product visual 04 — digital human */
.mini-human-canvas{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;grid-template-rows:repeat(3,1fr);gap:7px 9px;height:185px;padding-top:13px}
.mini-avatar{grid-row:1/-1;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:10px;border:1px solid #d0dfe8;border-radius:12px;background:radial-gradient(circle at 50% 42%,rgba(101,88,217,.12),transparent 45%),#fff;overflow:hidden}
.mini-avatar>span{position:absolute;left:9px;top:8px;color:#728a9c;font-size:7px;font-weight:900;letter-spacing:.1em}
.mini-avatar>i:first-of-type{position:absolute;left:50%;top:34%;width:42px;height:42px;border:2px solid color-mix(in srgb,var(--product-tone) 48%,#d6e2ea);border-radius:50%;transform:translate(-50%,-50%)}
.mini-avatar>i:nth-of-type(2){width:76px;height:62px;margin-bottom:-27px;border:2px solid color-mix(in srgb,var(--product-tone) 40%,#d6e2ea);border-radius:50% 50% 12px 12px;background:color-mix(in srgb,var(--product-tone) 5%,#fff)}
.mini-voice,.mini-expression,.mini-human-output{padding:8px 9px;border:1px solid #d4e1e9;border-radius:10px;background:#fff}
.mini-voice span,.mini-expression span,.mini-human-output span{display:block;color:#728a9c;font-size:6px;font-weight:900;letter-spacing:.09em}
.mini-voice>div{display:flex;align-items:center;gap:3px;height:28px;margin-top:5px}.mini-voice i{width:3px;height:9px;border-radius:3px;background:var(--product-tone);opacity:.5}.mini-voice i:nth-child(2),.mini-voice i:nth-child(6){height:16px}.mini-voice i:nth-child(3),.mini-voice i:nth-child(5){height:23px;opacity:.8}.mini-voice i:nth-child(4){height:29px;opacity:1}
.mini-expression{display:flex;align-items:center;justify-content:space-between;gap:8px}.mini-expression>div{display:flex;gap:4px}.mini-expression b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:color-mix(in srgb,var(--product-tone) 9%,#f4f8fb);color:var(--product-tone);font-size:6px}
.mini-human-output{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:6px}.mini-human-output b{color:#42617a;font-size:8px}.mini-human-output i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--product-tone);color:#fff;font-size:6px;font-style:normal}

/* Product visual 05 — digital employee */
.mini-agent-canvas{position:relative;display:grid;grid-template-columns:1fr 72px 1fr;grid-template-rows:1fr auto;gap:10px 8px;align-items:center;height:185px;padding-top:13px}
.mini-knowledge-nodes,.mini-tool-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:9px;border:1px solid #d3e1e9;border-radius:11px;background:#fff}
.mini-knowledge-nodes span,.mini-tool-nodes span{grid-column:1/-1;color:#728a9c;font-size:6px;font-weight:900;letter-spacing:.08em}
.mini-knowledge-nodes i{height:24px;border-radius:7px;background:color-mix(in srgb,var(--product-tone) 10%,#eef4f7);border:1px solid color-mix(in srgb,var(--product-tone) 15%,#dce7ed)}
.mini-agent-core{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border:1px solid color-mix(in srgb,var(--product-tone) 35%,#cfdfe8);border-radius:50%;background:radial-gradient(circle,#fff,color-mix(in srgb,var(--product-tone) 8%,#fff));box-shadow:0 0 0 6px color-mix(in srgb,var(--product-tone) 6%,transparent)}
.mini-agent-core span{color:#71899b;font-size:6px;font-weight:900}.mini-agent-core b{color:var(--product-tone);font-size:16px}.mini-agent-core i{position:absolute;inset:-12px;border:1px dashed color-mix(in srgb,var(--product-tone) 30%,transparent);border-radius:50%}
.mini-tool-nodes b{display:grid;place-items:center;height:24px;border-radius:7px;background:#eef4f8;color:#526f84;font-size:6px}
.mini-task-complete{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border:1px solid color-mix(in srgb,var(--product-tone) 23%,#d6e3ea);border-radius:10px;background:#fff}
.mini-task-complete span{color:#70889a;font-size:6px;font-weight:900}.mini-task-complete b{display:flex;align-items:center;gap:6px;color:#3d5c72;font-size:8px}.mini-task-complete i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--product-tone);color:#fff;font-style:normal}

/* Product visual 06 — GEO */
.mini-geo-canvas{position:relative;display:grid;gap:3px;height:185px;padding-top:8px}
.mini-geo-node{position:relative;z-index:1;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:31px;padding:3px 8px;border:1px solid #d3e1e9;border-radius:10px;background:#fff}
.mini-geo-node>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:color-mix(in srgb,var(--product-tone) 9%,#f3f7fa);color:var(--product-tone);font-size:7px;font-weight:900}
.mini-geo-node b,.mini-geo-node small{display:block}.mini-geo-node b{color:#3d5d74;font-size:8px;letter-spacing:.06em}.mini-geo-node small{margin-top:1px;color:#8497a6;font-size:6px}
.mini-geo-canvas>i{justify-self:center;width:1px;height:3px;background:var(--product-tone);opacity:.45}
.mini-citation-node{border-color:color-mix(in srgb,var(--product-tone) 28%,#d3e1e9);background:color-mix(in srgb,var(--product-tone) 6%,#fff)}
.home-products-more{text-align:right}

/* Enterprise AI Production Chain */
.production-chain-section{position:relative;background:#fff}
.production-circuit{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:1.02fr 1fr 1.02fr 1.14fr;
  grid-template-rows:1fr 1fr;
  grid-template-areas:"content video edit distribute" "content human edit employee";
  gap:27px 58px;
  min-height:460px;
  padding:66px 44px 42px;
  border:1px solid rgba(142,182,211,.2);
  border-radius:32px;
  background:
    radial-gradient(circle at 50% 48%,rgba(47,110,229,.15),transparent 28%),
    radial-gradient(circle at 10% 82%,rgba(18,191,174,.1),transparent 23%),
    linear-gradient(145deg,#091725,#0b1928 68%,#0b1a2d);
  box-shadow:0 30px 72px rgba(10,34,55,.15);
  overflow:hidden;
}
.production-circuit:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(135,180,212,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(135,180,212,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000,transparent 88%)}
.circuit-frame-label{position:absolute;z-index:2;top:22px;color:#708da3;font-size:8px;font-weight:900;letter-spacing:.15em}
.circuit-input-label{left:27px}.circuit-output-label{right:27px;text-align:right}
.production-connectors{position:absolute;z-index:0;left:3.5%;right:3.5%;top:8%;width:93%;height:84%;overflow:visible}
.production-connectors path{fill:none;stroke:url(#tg-circuit-gradient);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:4 7;opacity:.62;animation:tg-circuit-flow 9s linear infinite}
.circuit-node{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:20px 18px;border:1px solid rgba(144,189,220,.17);border-radius:18px;background:linear-gradient(145deg,rgba(20,43,61,.94),rgba(12,29,45,.95));box-shadow:0 15px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035);color:#9eb3c3}
.circuit-node:before{content:"";position:absolute;left:-4px;top:50%;width:7px;height:7px;border:2px solid #0b1928;border-radius:50%;background:var(--circuit-tone,#4abec2);box-shadow:0 0 12px color-mix(in srgb,var(--circuit-tone,#4abec2) 70%,transparent);transform:translateY(-50%)}
.circuit-node>span{color:var(--circuit-tone,#69d8ce);font-size:7px;font-weight:900;letter-spacing:.13em}
.circuit-node h3{margin:11px 0 6px;color:#f1f7fb;font-size:17px;line-height:1.25}
.circuit-node p{margin:0;color:#91a7b8;font-size:9px;line-height:1.65}
.circuit-node>i{position:absolute;right:10px;top:10px;width:22px;height:22px;border-top:1px solid color-mix(in srgb,var(--circuit-tone,#4abec2) 46%,transparent);border-right:1px solid color-mix(in srgb,var(--circuit-tone,#4abec2) 46%,transparent);border-radius:0 7px 0 0}
.circuit-content{--circuit-tone:#41d0c3;grid-area:content}.circuit-video{--circuit-tone:#43a9e4;grid-area:video}.circuit-human{--circuit-tone:#8c7eea;grid-area:human}.circuit-edit{--circuit-tone:#5f8df2;grid-area:edit}.circuit-distribute{--circuit-tone:#52b6ca;grid-area:distribute}.circuit-employee{--circuit-tone:#70d9ce;grid-area:employee}
.circuit-content,.circuit-edit{align-self:center;min-height:178px}
@keyframes tg-circuit-flow{to{stroke-dashoffset:-88}}

/* Selected Video Cases — Evidence Stage */
.home-cases-section{position:relative;background:linear-gradient(180deg,#f1f6f9,#f7fafc)}
.home-case-stage{position:relative;padding:44px;border:1px solid rgba(140,180,210,.18);border-radius:34px;background:radial-gradient(circle at 90% 4%,rgba(101,88,217,.15),transparent 24%),linear-gradient(145deg,#0a1826,#0b1929 70%,#0b1b2d);box-shadow:0 30px 78px rgba(10,35,57,.16);color:#d7e4ee;overflow:hidden}
.home-case-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(137,179,208,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(137,179,208,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}
.home-case-stage>*{position:relative;z-index:1}
.case-stage-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}
.case-stage-header h2{max-width:780px;margin:12px 0 12px;color:#f5f9fc;font-size:clamp(34px,3.3vw,47px);line-height:1.15;letter-spacing:-.03em}
.case-stage-header p{max-width:780px;margin:0;color:#9bb0c0;font-size:13px}
.home-case-stage .eyebrow.on-dark{color:#6eddd4}
.home-case-stage .case-carousel-controls{margin:0}
.home-case-stage .case-carousel-btn{width:46px;height:46px;border-color:rgba(164,198,222,.2);background:rgba(255,255,255,.07);color:#dce8f1;box-shadow:none}
.home-case-stage .case-carousel-btn:hover{border-color:rgba(105,221,212,.52);background:rgba(255,255,255,.11);color:#7be3da}
.case-evidence-standard{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0 23px;padding:11px 0;border-top:1px solid rgba(154,192,219,.11);border-bottom:1px solid rgba(154,192,219,.11)}
.case-evidence-standard span{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border:1px solid rgba(145,187,216,.14);border-radius:7px;background:rgba(255,255,255,.035);color:#819bac;font-size:7px;font-weight:850;letter-spacing:.08em}
.case-evidence-standard span:first-child{border-color:rgba(91,216,205,.22);color:#75dbd2}
.home-case-stage .case-carousel{gap:20px;margin-right:-44px;padding:3px 44px 15px 1px}
.home-case-stage .case-card{flex:0 0 min(510px,78vw);border-color:rgba(174,204,225,.2);border-radius:22px;background:#f9fcfe;box-shadow:0 18px 44px rgba(0,0,0,.19)}
.home-case-stage .case-body{padding:20px 22px 23px}
.home-case-stage .case-body>span{font-size:9px;letter-spacing:.04em}
.home-case-stage .case-body h3{font-size:21px}
.home-case-stage .case-body p{font-size:12px}
.home-case-stage .case-carousel-hint{color:#748da0;text-align:left}
.home-evidence-empty{min-height:230px;padding:30px;border-color:rgba(153,191,218,.25);background:rgba(255,255,255,.035)}
.home-evidence-empty h3{margin:11px 0 8px;color:#f1f7fb;font-size:24px}
.home-evidence-empty p{color:#96adbd}
.evidence-empty-index{display:block;color:#65d8ce;font-size:11px;font-weight:900;letter-spacing:.14em}
.home-evidence-empty .btn.secondary{border-color:rgba(163,198,221,.25);background:rgba(255,255,255,.07);color:#eef7fc;box-shadow:none}
.home-case-stage .section-more{margin-top:22px;text-align:right}
.home-case-stage .section-more .text-link{color:#73ded5}

/* Solutions Preview — Problem First */
.home-solutions-section{position:relative;background:#fff}
.solutions-editorial-head{padding-bottom:30px;border-bottom:1px solid #d9e5ed}
.problem-first-list{border-bottom:1px solid #d9e5ed}
.problem-first-panel{
  display:grid;
  grid-template-columns:48px minmax(210px,.88fr) minmax(280px,1.2fr) 160px 58px;
  gap:24px;
  align-items:center;
  min-height:178px;
  padding:25px 0;
  border-top:1px solid #d9e5ed;
}
.problem-first-panel:first-child{border-top:0}
.problem-first-panel.no-cover{grid-template-columns:48px minmax(210px,.88fr) minmax(360px,1.35fr) 58px}
.problem-index{align-self:start;padding-top:5px;color:#9badba;font-size:10px;font-weight:900;letter-spacing:.1em}
.problem-title-block{min-width:0}
.problem-title-block>span{color:#0d9488;font-size:8px;font-weight:900;letter-spacing:.1em}
.problem-title-block h3{margin:10px 0 0;font-size:clamp(20px,2vw,27px);line-height:1.3;letter-spacing:-.02em}
.problem-title-block h3 a:hover{color:var(--blue)}
.problem-context{min-width:0;padding-left:24px;border-left:1px solid #dce6ed}
.problem-context>span{color:#7d92a2;font-size:7px;font-weight:900;letter-spacing:.12em}
.problem-context p{display:-webkit-box;overflow:hidden;margin:8px 0 0;color:#5c7487;font-size:12px;line-height:1.75;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.problem-cover{display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid #d6e2e9;border-radius:13px;background:#eef4f7}
.problem-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.problem-cover:hover img{transform:scale(1.035)}
.problem-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;border:1px solid #d7e3eb;border-radius:13px;background:#f9fbfd;color:#315f91;font-size:8px;font-weight:850}
.problem-link i{font-size:16px;font-style:normal;color:var(--blue)}
.problem-link:hover{border-color:#aac5ee;background:#f2f7ff}
.solution-problem-empty{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:32px;align-items:center;min-height:210px;padding:32px;border:1px dashed #b8cad6;border-radius:24px;background:linear-gradient(145deg,#f9fcfd,#f4f8fb)}
.solution-empty-kicker{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.13em}
.solution-problem-empty h3{margin:0 0 8px;font-size:23px}.solution-problem-empty p{max-width:720px;margin:0;color:#60778a;font-size:12px}

/* Homepage consultation gateway — footer structure remains frozen */
.home .conversion-section{
  position:relative;
  isolation:isolate;
  padding:88px 0 82px;
  border-top:1px solid rgba(139,182,211,.18);
  background:
    radial-gradient(circle at 15% 20%,rgba(18,191,174,.13),transparent 27%),
    radial-gradient(circle at 86% 84%,rgba(101,88,217,.12),transparent 25%),
    linear-gradient(145deg,#0b1b2b,#091522 70%,#0a1828);
  color:#d8e4ed;
  overflow:hidden;
}
.home .conversion-section:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(137,180,211,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(137,180,211,.038) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 84%)}
.home .conversion-section:after{content:"";position:absolute;z-index:-1;left:calc(50% - 640px);top:34px;width:86px;height:2px;background:var(--aurora);box-shadow:0 0 22px rgba(47,110,229,.35)}
.home .conversion-grid{grid-template-columns:minmax(0,1fr) 330px;gap:80px}
.home .conversion-copy .eyebrow{color:#70ded5}
.home .conversion-copy h2{max-width:800px;color:#f4f8fb}
.home .conversion-copy p{color:#9db1c0}
.home .conversion-actions .btn.primary{box-shadow:0 13px 30px rgba(47,110,229,.24)}
.home .conversion-actions .btn.secondary{border-color:rgba(164,197,221,.22);background:rgba(255,255,255,.07);color:#eef6fb;box-shadow:none}
.home .wechat-card{border-color:rgba(161,196,220,.19);background:rgba(255,255,255,.06);box-shadow:0 18px 42px rgba(0,0,0,.17)}
.home .wechat-card img{border:1px solid rgba(255,255,255,.12);border-radius:10px}
.home .wechat-card strong{color:#f2f7fb}.home .wechat-card span{color:#91a8b9}

/* TASK10 compact desktop and tablet */
@media(max-width:1180px){
  .home-hero-system .hero-grid{grid-template-columns:minmax(0,1fr) 455px;gap:40px}
  .home-hero-system h1{font-size:clamp(48px,5.2vw,62px)}
  .stage-product-node{width:130px;padding:7px}
  .stage-product-node span{font-size:9px}
  .knowledge-signal-layout{grid-template-columns:245px minmax(0,1fr);gap:34px}
  .delivery-path{grid-template-columns:42px 145px minmax(0,1fr) 145px;gap:17px}
  .home-product-showcase{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0}
  .product-mini-visual{min-height:236px}
  .production-circuit{gap:24px 38px;padding-inline:32px}
  .problem-first-panel{grid-template-columns:42px minmax(180px,.8fr) minmax(240px,1.15fr) 130px 54px;gap:18px}
  .problem-first-panel.no-cover{grid-template-columns:42px minmax(180px,.8fr) minmax(300px,1.3fr) 54px}
}
@media(min-width:981px) and (max-width:1024px){
  .home-hero-system{padding:66px 0 76px}
  .home-hero-system .hero-grid{grid-template-columns:minmax(0,1fr) 430px;gap:30px}
  .home-hero-system h1{font-size:45px;line-height:1.1}
  .home-hero-system .hero-lead{font-size:15px;line-height:1.8}
  .hero-system-stage{border-radius:28px}
  .hero-stage-canvas{min-height:438px}
  .stage-product-node{width:119px;grid-template-columns:23px minmax(0,1fr);gap:5px;min-height:47px}
  .stage-product-node b{width:23px;height:23px}
  .stage-orbit-outer{width:370px;height:320px}.stage-orbit-inner{width:308px;height:258px}
  .hero-video-core{width:84%}
  .knowledge-signal-layout{grid-template-columns:225px minmax(0,1fr);gap:27px}
  .delivery-path{grid-template-columns:38px 132px minmax(0,1fr) 132px;gap:14px;padding-inline:19px}
  .delivery-copy h3{font-size:18px}
  .production-circuit{grid-template-columns:.95fr 1fr 1fr 1.16fr;gap:20px 30px;min-height:430px;padding:62px 24px 36px}
  .circuit-node{padding:16px 13px}.circuit-node h3{font-size:15px}
  .home-case-stage{padding:36px}.home-case-stage .case-carousel{margin-right:-36px;padding-right:36px}
  .home .conversion-grid{gap:46px}
}
@media(max-width:980px){
  .home-hero-system .hero-grid{grid-template-columns:1fr;gap:48px}
  .home-hero-system .hero-copy{max-width:790px}
  .home-hero-system .hero-copy:after{display:none}
  .hero-system-stage{justify-self:center;max-width:690px}
  .knowledge-signal-section{background:#f5f8fb}
  .knowledge-signal-layout{grid-template-columns:1fr;gap:25px}
  .knowledge-editorial-anchor{min-height:230px;padding:28px;border-radius:24px;background:linear-gradient(145deg,#0a1928,#0b1a2a);overflow:hidden}
  .knowledge-editorial-anchor:before{display:none}
  .knowledge-editorial-anchor:after{top:auto;left:28px;right:28px;bottom:0;width:auto;height:1px;background:linear-gradient(90deg,rgba(18,191,174,.42),rgba(47,110,229,.24),transparent)}
  .knowledge-editorial-anchor p{max-width:620px}.knowledge-editorial-anchor .text-link{margin-top:auto}
  .delivery-path{grid-template-columns:40px 140px minmax(0,1fr);gap:15px;padding:22px 20px}
  .delivery-path>a{grid-column:3;width:max-content;min-width:145px}
  .production-circuit{gap:20px 27px;padding-inline:24px}
  .problem-first-panel{grid-template-columns:38px minmax(180px,.9fr) minmax(240px,1.2fr) 54px}
  .problem-first-panel.no-cover{grid-template-columns:38px minmax(180px,.9fr) minmax(240px,1.2fr) 54px}
  .problem-cover{display:none}
  .home-case-stage{padding:32px}.home-case-stage .case-carousel{margin-right:-32px;padding-right:32px}
  .home .conversion-grid{grid-template-columns:minmax(0,1fr) 300px;gap:38px}
}
@media(max-width:820px){
  .home-product-showcase-grid{grid-template-columns:1fr}
  .home-product-showcase{grid-template-columns:minmax(0,.88fr) minmax(260px,1.12fr);grid-template-rows:1fr auto}
  .production-circuit{display:grid;grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"content" "video" "human" "edit" "distribute" "employee";gap:13px;min-height:0;padding:54px 22px 27px 60px}
  .production-circuit:before{content:"";position:absolute;z-index:0;left:34px;top:60px;bottom:31px;width:1px;background:linear-gradient(#41d0c3,#43a9e4,#8c7eea,#5f8df2,#52b6ca,#70d9ce)}
  .production-connectors{display:none}
  .circuit-output-label{display:none}
  .circuit-node,.circuit-content,.circuit-edit{align-self:stretch;min-height:112px}
  .circuit-node:before{left:-32px;width:9px;height:9px;border-width:3px}
  .problem-first-panel{grid-template-columns:36px minmax(0,.9fr) minmax(0,1.1fr) 50px;gap:15px}
  .problem-first-panel.no-cover{grid-template-columns:36px minmax(0,.9fr) minmax(0,1.1fr) 50px}
}
@media(max-width:768px){
  .home-hero-system{padding:54px 0 62px}
  .home-hero-system .hero-grid{gap:40px}
  .home-hero-system h1{font-size:clamp(40px,8.5vw,55px)}
  .home-hero-system .hero-lead{font-size:16px}
  .hero-system-stage{max-width:660px}
  .knowledge-signal-section{padding:58px 0}
  .knowledge-stream-toolbar{grid-template-columns:1fr}
  .knowledge-signal-section .home-knowledge-controls{display:none}
  .knowledge-signal-section .home-knowledge-card{flex-basis:min(360px,80vw)}
  .knowledge-swipe-hint{text-align:left}
  .delivery-path{grid-template-columns:36px minmax(0,1fr);gap:10px 14px;min-height:0;padding:22px 19px}
  .delivery-kind{grid-column:2}.delivery-copy{grid-column:2}.delivery-path>a{grid-column:2;width:max-content}
  .home-product-showcase{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:24px}
  .product-mini-visual{min-height:245px}
  .home-product-footer{align-items:flex-start;flex-direction:column}
  .home-product-actions{justify-content:flex-start}
  .home-products-more{text-align:left}
  .case-stage-header{grid-template-columns:1fr}
  .home-case-stage .case-carousel-controls{display:none}
  .home-case-stage .case-card{flex-basis:min(500px,82vw)}
  .solution-problem-empty{grid-template-columns:1fr;gap:18px;padding:27px}
  .solution-problem-empty .btn{width:max-content}
  .problem-first-panel{grid-template-columns:34px minmax(0,1fr) 48px;gap:12px 15px;padding:24px 0}
  .problem-first-panel.no-cover{grid-template-columns:34px minmax(0,1fr) 48px}
  .problem-title-block{grid-column:2}.problem-context{grid-column:2;padding:0;border:0}.problem-link{grid-column:3;grid-row:1/3}
  .home .conversion-grid{grid-template-columns:1fr;gap:34px}
  .home .wechat-card{max-width:430px}
}
@media(max-width:600px){
  .hero-system-stage{padding:10px;border-radius:26px}
  .hero-stage-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;padding:10px 0 2px}
  .stage-orbit,.stage-star,.stage-product-node:after{display:none}
  .stage-product-node,.stage-node-ai-video-generation,.stage-node-ai-digital-employee{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;min-height:48px;transform:none;order:2}
  .stage-product-node:hover,.stage-product-node:focus-visible,.stage-node-ai-video-generation:hover,.stage-node-ai-video-generation:focus-visible,.stage-node-ai-digital-employee:hover,.stage-node-ai-digital-employee:focus-visible{transform:translateY(-1px)}
  .hero-video-core{position:relative;left:auto;top:auto;grid-column:1/-1;grid-row:1;width:100%;transform:none;order:1;margin-bottom:3px}
  .hero-system-stage .hero-video-card{padding:7px;border-radius:19px}
  .hero-stage-footer{margin-top:7px}
  .home-product-showcase{padding:21px}
  .product-mini-visual{min-height:230px;padding:12px}
  .product-mini-visual figcaption{display:grid;gap:4px}.product-mini-visual figcaption strong{text-align:left}
  .home-product-actions{align-items:flex-start;flex-direction:column}
  .home-case-stage{padding:22px;border-radius:26px}.home-case-stage .case-carousel{margin-right:-22px;padding-right:22px}
  .case-evidence-standard{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.case-evidence-standard span{flex:0 0 auto}
  .home-evidence-empty{align-items:flex-start;min-height:0;padding:23px}
  .home .conversion-section{padding:68px 0}
}
@media(max-width:430px){
  .home-hero-system{padding:42px 0 50px}
  .home-hero-system h1{font-size:clamp(36px,10.4vw,45px);line-height:1.14}
  .home-hero-system .hero-actions{display:grid;grid-template-columns:1fr}
  .home-hero-system .hero-trust{display:grid;grid-template-columns:1fr}
  .home-hero-system .hero-trust span{width:100%;min-height:36px}
  .hero-stage-topbar small{display:none}
  .hero-stage-canvas{gap:7px}
  .stage-product-node{grid-template-columns:25px minmax(0,1fr);padding:7px 8px}
  .stage-product-node b{width:25px;height:25px}
  .stage-product-node span{font-size:9px}
  .hero-system-stage .hero-video-overlay{padding:8px 9px}
  .hero-system-stage .hero-video-overlay strong{font-size:11px}
  .hero-system-stage .hero-video-overlay small{display:none}
  .hero-system-stage .hero-play-badge{width:48px;height:48px;font-size:16px}
  .knowledge-signal-section{padding:48px 0 50px}
  .knowledge-editorial-anchor{min-height:250px;padding:23px}
  .knowledge-editorial-anchor h2{font-size:34px}
  .knowledge-signal-section .home-knowledge-card{flex-basis:84vw}
  .knowledge-signal-section .home-knowledge-card-link{min-height:196px;padding:18px}
  .knowledge-signal-section .home-knowledge-card h3{font-size:17px}
  .delivery-board{border-radius:21px}
  .delivery-board-header{padding-inline:17px}.delivery-board-header span:last-child{display:none}
  .delivery-path{grid-template-columns:30px minmax(0,1fr);padding:20px 16px;gap:9px 12px}
  .delivery-copy h3{font-size:19px}.delivery-copy p{font-size:11px}
  .delivery-path>a{width:100%;max-width:220px}
  .home-product-showcase-grid{gap:16px}
  .home-product-showcase{padding:20px 18px;border-radius:23px}
  .home-product-copy h3{font-size:24px}
  .home-product-copy>p{font-size:11.5px}
  .product-mini-visual{min-height:222px}
  .mini-content-canvas,.mini-video-canvas,.mini-edit-canvas,.mini-human-canvas,.mini-agent-canvas,.mini-geo-canvas{height:170px}
  .mini-edit-canvas{grid-template-columns:60px minmax(0,1fr) 42px}
  .mini-agent-canvas{grid-template-columns:1fr 60px 1fr}.mini-agent-core{width:60px;height:60px}
  .production-circuit{padding:50px 16px 22px 48px;border-radius:25px}
  .production-circuit:before{left:27px}
  .circuit-node{min-height:105px;padding:17px 15px}.circuit-node:before{left:-27px}.circuit-node h3{font-size:17px}
  .home-case-stage{padding:19px;border-radius:24px}.home-case-stage .case-carousel{margin-right:-19px;padding-right:19px}
  .case-stage-header h2{font-size:31px}.case-stage-header p{font-size:11px}
  .home-case-stage .case-card{flex-basis:84vw}
  .home-case-stage .case-body{padding:17px 18px 20px}.home-case-stage .case-body h3{font-size:18px}
  .home-evidence-empty{padding:20px}.home-evidence-empty h3{font-size:21px}
  .problem-first-panel{grid-template-columns:29px minmax(0,1fr) 45px;gap:10px 12px}
  .problem-title-block h3{font-size:20px}.problem-context p{font-size:11px}
  .solution-problem-empty{padding:22px;border-radius:20px}.solution-problem-empty h3{font-size:21px}
  .home .conversion-copy h2{font-size:31px}
  .home .conversion-actions{display:grid;grid-template-columns:1fr}
  .home .conversion-actions .btn{width:100%}
  .home .wechat-card{display:grid;grid-template-columns:108px minmax(0,1fr);width:100%}
  .home .wechat-card img{width:108px;height:106px}
}
@media(max-width:390px){
  .home-hero-system h1{font-size:38px}
  .stage-product-node span{font-size:8.5px}
  .hero-stage-footer span{font-size:7px}
  .knowledge-editorial-anchor h2{font-size:32px}
  .home-product-showcase{padding-inline:17px}
  .product-mini-visual{padding:11px}
  .mini-timeline>div{grid-template-columns:39px repeat(3,1fr)}.mini-timeline>div:nth-child(2){grid-template-columns:39px 1.2fr .8fr}.mini-timeline>div:nth-child(3){grid-template-columns:39px 1fr}
  .home .wechat-card{grid-template-columns:100px minmax(0,1fr)}.home .wechat-card img{width:100px;height:98px}
}
@media(max-width:375px){
  .home-hero-system h1{font-size:36px}
  .hero-system-stage{padding:8px}
  .stage-product-node{grid-template-columns:23px minmax(0,1fr);min-height:46px;padding:6px}.stage-product-node b{width:23px;height:23px}
  .home-product-showcase{padding:18px 15px}
  .home-product-footer{gap:13px}
  .mini-edit-canvas{grid-template-columns:52px minmax(0,1fr) 38px;gap:6px}
  .mini-agent-canvas{grid-template-columns:1fr 54px 1fr;gap:7px}.mini-agent-core{width:54px;height:54px}.mini-agent-core b{font-size:14px}
  .production-circuit{padding-left:44px}.production-circuit:before{left:24px}.circuit-node:before{left:-25px}
  .home-case-stage{padding:17px}.home-case-stage .case-carousel{margin-right:-17px;padding-right:17px}
  .home .conversion-copy h2{font-size:29px}
  .home .wechat-card{grid-template-columns:100px minmax(0,1fr);gap:12px}.home .wechat-card img{width:100px;height:98px}
}

@media(prefers-reduced-motion:reduce){
  .hero-stage-topbar>span i,.stage-orbit-outer,.stage-orbit-inner,.production-connectors path{animation:none!important}
}


/* ==========================================================
   TASK10-FIX1 — TIANGONG FUTURE COLOR SYSTEM V2
   Enterprise Minimal Tech: neutral white body, deep navy frame,
   restrained teal/blue signal accents, no purple-led SaaS wash.
   Structural layout and business logic are intentionally unchanged.
   ========================================================== */

:root{
  --frame:#0b1220;
  --frame-soft:#121b2b;
  --bg:#ffffff;
  --bg-soft:#f7f9fc;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --ink:#101828;
  --text:#344054;
  --muted:#667085;
  --line:#e4e7ec;
  --green:#14b8a6;
  --cyan:#0891b2;
  --blue:#2563eb;
  --violet:#3b82f6;
  --blue-soft:#eff6ff;
  --green-soft:#ecfdf5;
  --violet-soft:#eff6ff;
  --aurora:linear-gradient(115deg,#14b8a6 0%,#2563eb 62%,#3b82f6 100%);
}

body{background:#fff;color:var(--text)}
.eyebrow{color:#1d4ed8}

/* Dark frame: neutral navy instead of blue-black. */
.site-header,.site-footer{background:#0b1220}
.nav-cta,.btn.primary,.knowledge-search button{background:linear-gradient(120deg,#14b8a6,#2563eb)}

/* Hero: white first, color only as a controlled signal around the system stage. */
.hero{background:#fff}
.hero:before{background-image:linear-gradient(rgba(15,23,42,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.026) 1px,transparent 1px)}
.hero-aurora-a{background:rgba(20,184,166,.075)}
.hero-aurora-b{background:rgba(37,99,235,.055)}
.hero-lead{color:#475467}
.hero-trust span{border-color:#e4e7ec;background:rgba(255,255,255,.9);color:#667085}
.btn.secondary{color:#344054;border-color:#d0d5dd;box-shadow:0 6px 18px rgba(16,24,40,.045)}

/* Knowledge: keep editorial contrast but remove blue-purple tint. */
.knowledge-signal-line:before{background:linear-gradient(90deg,rgba(20,184,166,.48),rgba(37,99,235,.22),transparent)}
.knowledge-signal-section .home-knowledge-card-foot{color:#667085}
.knowledge-swipe-hint{color:#98a2b3}

/* Delivery rail: one enterprise board, teal/blue only. */
.delivery-board{border-color:#e4e7ec;background:#fff;box-shadow:0 18px 48px rgba(16,24,40,.055)}
.delivery-board-header{background:#111827;color:#94a3b8}
.delivery-board-header span:first-child{color:#5eead4}
.delivery-path{border-bottom-color:#eaecf0;background:#fff}
.delivery-cloud{--delivery-tone:#2563eb}
.delivery-local{--delivery-tone:#0f9f8f}
.delivery-service{--delivery-tone:#1d4ed8}
.delivery-index{color:#98a2b3}
.delivery-kind>span{color:#667085}
.delivery-copy p{color:#667085}
.delivery-copy strong{color:#344054}
.delivery-path>a{border-color:#e4e7ec;color:#344054;box-shadow:none}
.delivery-path>a:hover{border-color:#bfdbfe;box-shadow:0 8px 20px rgba(16,24,40,.055)}

/* Products: neutral white cards; product identity lives inside the mini visual. */
.home-products-section{background:#f7f9fc}
.home-products-section:before{background-image:linear-gradient(rgba(15,23,42,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.02) 1px,transparent 1px)}
.home-product-showcase{border-color:#e4e7ec;background:#fff;box-shadow:0 12px 34px rgba(16,24,40,.05)}
.home-product-showcase:hover{border-color:#d0d5dd;box-shadow:0 18px 42px rgba(16,24,40,.075)}
.home-product-ai-content{--product-tone:#0f9f8f}
.home-product-ai-video-generation{--product-tone:#0284c7}
.home-product-ai-auto-editing{--product-tone:#2563eb}
.home-product-ai-digital-human{--product-tone:#3b82f6}
.home-product-ai-digital-employee{--product-tone:#1d4ed8}
.home-product-geo-ai-search{--product-tone:#0e7490}
.home-product-state{color:#667085}
.home-product-copy>p{color:#667085}
.home-product-tags span{border-color:#eaecf0;background:#f9fafb;color:#667085}
.product-mini-visual{border-color:#e4e7ec;background:linear-gradient(rgba(15,23,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px),#f8fafc;background-size:22px 22px,22px 22px,auto}
.product-mini-visual figcaption{border-bottom-color:#e4e7ec}
.product-mini-visual figcaption strong{color:#667085}
.home-product-footer{border-top-color:#eaecf0}
.home-product-footer>div:first-child span{color:#98a2b3}
.home-product-footer>div:first-child strong{color:#475467}
.home-product-entry{color:#667085!important}

/* Remove remaining purple-coded product artifacts from the homepage. */
.mini-avatar{background:radial-gradient(circle at 50% 42%,rgba(59,130,246,.10),transparent 45%),#fff}
.mini-timeline>div:nth-child(3) i{background:#eff6ff}

/* Legacy section/card colors align to the same neutral system. */
.products-section,.knowledge-types-section{background:#f7f9fc}
.entry-card,.service-card,.knowledge-card,.solution-card,.workflow-card,.case-card,.capability-card{border-color:#e4e7ec;background:#fff}
.service-tags span,.knowledge-product-tags span{background:#f9fafb;color:#667085}
.service-state.build,.status-note.status-build,.status-pill.build{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}
.service-state.expand,.status-note.status-expand,.status-pill.expand,.status-pill.planned{background:#eff6ff;color:#2563eb;border-color:#dbeafe}
.service-state.focus,.status-note.status-focus,.status-pill.focus,.status-pill.active,.service-state.core,.status-note.status-core,.status-pill.core,.service-state.consult,.status-note.status-consult,.status-pill.consult{background:#ecfdf5;color:#0f766e;border-color:#d1fae5}
.entry-link.local,.entry-link.planned{color:#2563eb}
.service-icon{background:#eff6ff;color:#2563eb}

/* Knowledge and article surfaces: less blue-gray, more neutral white. */
.knowledge-search,.consultation-form-card,.contact-info-card,.direct-answer-box{border-color:#e4e7ec;background:#fff}
.knowledge-search input,.form-field input,.form-field select,.form-field textarea{border-color:#d0d5dd;background:#fff}
.knowledge-topic-card,.knowledge-type-explain-grid article,.knowledge-card,.key-points-box li,.knowledge-evidence-columns a{border-color:#e4e7ec;background:#fff}
.knowledge-type-tabs a{border-color:#e4e7ec;background:#fff;color:#475467}
.knowledge-type-tabs a.is-active,.knowledge-type-tabs a:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.knowledge-active-filters b{background:#eff6ff;color:#1d4ed8}
.knowledge-empty{border-color:#d0d5dd;background:#f9fafb}
.knowledge-system-section{background:#f7f9fc}
.direct-answer-box{background:#f8fafc}

/* CTA: dark transition remains, but uses navy + restrained teal/blue, not purple. */
.home .conversion-section{background:#0b1220}

@media (prefers-reduced-motion:reduce){
  .hero-aurora-a,.hero-aurora-b{filter:none}
}

/* ==========================================================
   TASK10-FIX2 — FRAME / SURFACE REDESIGN
   Goal: replace large dark slabs with a light enterprise frame system.
   Layout remains code-owned; colors inherit existing Design Settings tokens.
   ========================================================== */

/* Shared framed-surface language: light body, quiet border, compact signal bars. */
.hero-system-stage,
.knowledge-signal-layout,
.delivery-board,
.home-product-showcase,
.production-circuit,
.home-case-stage{
  border-color:var(--line);
  background:var(--surface);
  color:var(--text);
  box-shadow:0 20px 54px rgba(16,24,40,.07);
}

/* HERO SYSTEM STAGE — slim dark signal header, light instrument body. */
.hero-system-stage{
  padding:0 12px 12px;
  border:1px solid var(--line);
  border-radius:34px;
  background:var(--surface);
  overflow:hidden;
}
.hero-system-stage:before{
  inset:39px 0 32px;
  background-image:linear-gradient(color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(circle at 50% 46%,#000,transparent 86%);
}
.hero-stage-topbar{
  margin:0 -12px 0;
  padding:0 20px;
  border-bottom:0;
  background:var(--frame);
}
.hero-stage-topbar>span{color:var(--frame-text)}
.hero-stage-topbar>span i{background:var(--frame-accent);box-shadow:0 0 12px color-mix(in srgb,var(--frame-accent) 70%,transparent)}
.hero-stage-topbar small{color:var(--frame-muted)}
.hero-stage-footer{
  margin:0;
  padding:0 8px;
  border-top:1px solid var(--line);
  color:var(--muted);
}
.hero-stage-footer i{background:linear-gradient(90deg,color-mix(in srgb,var(--green) 38%,transparent),color-mix(in srgb,var(--blue) 52%,transparent),transparent)}
.stage-orbit{border-color:color-mix(in srgb,var(--blue) 14%,transparent)}
.stage-orbit-inner{border-color:color-mix(in srgb,var(--green) 13%,transparent)}
.stage-orbit:before,.stage-orbit:after{background:var(--green);box-shadow:0 0 10px color-mix(in srgb,var(--green) 45%,transparent)}
.stage-orbit-outer:after,.stage-orbit-inner:before{background:var(--blue)}
.stage-star{background:var(--blue);box-shadow:0 0 9px color-mix(in srgb,var(--blue) 30%,transparent)}
.stage-star:before,.stage-star:after{background:color-mix(in srgb,var(--blue) 28%,transparent)}
.stage-product-node{
  border-color:var(--line);
  background:color-mix(in srgb,var(--surface) 94%,var(--blue) 6%);
  box-shadow:0 8px 20px rgba(16,24,40,.045);
  color:var(--ink);
  backdrop-filter:none;
}
.stage-product-node:after{background:linear-gradient(color-mix(in srgb,var(--green) 48%,transparent),transparent)}
.stage-product-node b{
  border-color:color-mix(in srgb,var(--blue) 18%,var(--line));
  background:color-mix(in srgb,var(--blue) 7%,var(--surface));
  color:var(--blue);
}
.stage-product-node:hover,.stage-product-node:focus-visible{
  border-color:color-mix(in srgb,var(--blue) 40%,var(--line));
  background:color-mix(in srgb,var(--surface) 92%,var(--blue) 8%);
  color:var(--ink);
  box-shadow:0 12px 28px rgba(16,24,40,.075);
}
.hero-system-stage .hero-video-card{
  padding:10px;
  border-color:var(--line);
  background:var(--surface-2);
  box-shadow:0 14px 34px rgba(16,24,40,.07);
}
.hero-system-stage .hero-video-label{background:color-mix(in srgb,var(--green) 9%,var(--surface));color:color-mix(in srgb,var(--green) 75%,var(--ink))}
.hero-system-stage .hero-video-format{color:var(--muted)}
.hero-system-stage .hero-video-frame{border-color:var(--line);background:var(--surface)}

/* KNOWLEDGE — one unified framed board instead of a full-height dark slab. */
.knowledge-signal-section{background:var(--bg-soft)}
.knowledge-signal-section:before{background:linear-gradient(90deg,color-mix(in srgb,var(--green) 5%,transparent),transparent 42%,color-mix(in srgb,var(--blue) 4%,transparent))}
.knowledge-signal-layout{
  grid-template-columns:290px minmax(0,1fr);
  gap:0;
  border:1px solid var(--line);
  border-radius:30px;
  overflow:hidden;
}
.knowledge-editorial-anchor{
  min-height:100%;
  padding:34px 32px;
  border-right:1px solid var(--line);
  background:var(--surface-2);
  color:var(--text);
}
.knowledge-editorial-anchor:before{display:none}
.knowledge-editorial-anchor:after{top:28px;right:auto;bottom:28px;left:0;width:3px;background:linear-gradient(var(--green),var(--blue));border-radius:0 99px 99px 0}
.knowledge-editorial-anchor .eyebrow{color:var(--blue)}
.knowledge-editorial-anchor h2{color:var(--ink)}
.knowledge-editorial-anchor p{color:var(--muted);font-size:12px}
.knowledge-anchor-meta span{border-color:var(--line);background:var(--surface);color:var(--muted)}
.knowledge-editorial-anchor .text-link{color:var(--blue)}
.knowledge-stream{padding:30px 32px 24px;background:var(--surface)}
.knowledge-signal-section .home-knowledge-topics a{border-color:var(--line);background:var(--surface-2);color:var(--text)}
.knowledge-signal-section .home-knowledge-empty{border:1px dashed var(--line);background:var(--surface-2)}

/* DELIVERY — keep the approved light board, but let the signal header inherit backend frame color. */
.delivery-board-header{background:var(--frame);color:var(--frame-muted)}
.delivery-board-header span:first-child{color:var(--frame-accent)}
.delivery-path{background:var(--surface);border-bottom-color:var(--line)}

/* PRODUCTION CHAIN — light circuit board with a narrow frame header, not a navy slab. */
.production-chain-section{background:var(--bg)}
.production-circuit{
  padding-top:72px;
  border:1px solid var(--line);
  background:linear-gradient(to bottom,var(--frame) 0 48px,var(--surface) 48px 100%);
  box-shadow:0 22px 58px rgba(16,24,40,.065);
}
.production-circuit:after{
  inset:48px 0 0;
  background-image:linear-gradient(color-mix(in srgb,var(--line) 48%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 48%,transparent) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,#000,transparent 96%);
}
.circuit-frame-label{top:17px;color:var(--frame-muted)}
.circuit-node{
  border-color:var(--line);
  background:var(--surface-2);
  box-shadow:0 11px 28px rgba(16,24,40,.055);
  color:var(--text);
}
.circuit-node:before{border-color:var(--surface);box-shadow:0 0 10px color-mix(in srgb,var(--circuit-tone,#14b8a6) 38%,transparent)}
.circuit-node h3{color:var(--ink)}
.circuit-node p{color:var(--muted)}
.circuit-node>i{opacity:.65}
.circuit-content{--circuit-tone:var(--green)}
.circuit-video{--circuit-tone:#0284c7}
.circuit-human{--circuit-tone:#3b82f6}
.circuit-edit{--circuit-tone:var(--blue)}
.circuit-distribute{--circuit-tone:#0e7490}
.circuit-employee{--circuit-tone:#0f9f8f}
.production-connectors path{opacity:.52}

/* CASES — evidence gallery becomes a light framed gallery. */
.home-cases-section{background:var(--bg-soft)}
.home-case-stage{
  border:1px solid var(--line);
  background:var(--surface);
  box-shadow:0 22px 58px rgba(16,24,40,.065);
  color:var(--text);
}
.home-case-stage:before{
  background-image:linear-gradient(color-mix(in srgb,var(--line) 42%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 42%,transparent) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom,#000,transparent 88%);
}
.case-stage-header{padding-bottom:26px;border-bottom:1px solid var(--line)}
.case-stage-header h2{color:var(--ink)}
.case-stage-header p{color:var(--muted)}
.home-case-stage .eyebrow.on-dark{color:var(--blue)}
.home-case-stage .case-carousel-btn{border-color:var(--line);background:var(--surface-2);color:var(--text)}
.home-case-stage .case-carousel-btn:hover{border-color:color-mix(in srgb,var(--blue) 36%,var(--line));background:color-mix(in srgb,var(--blue) 5%,var(--surface));color:var(--blue)}
.case-evidence-standard{border-color:var(--line)}
.case-evidence-standard span{border-color:var(--line);background:var(--surface-2);color:var(--muted)}
.case-evidence-standard span:first-child{border-color:color-mix(in srgb,var(--green) 30%,var(--line));background:color-mix(in srgb,var(--green) 6%,var(--surface));color:color-mix(in srgb,var(--green) 78%,var(--ink))}
.home-case-stage .case-card{border-color:var(--line);background:var(--surface);box-shadow:0 12px 30px rgba(16,24,40,.055)}
.home-case-stage .case-carousel-hint{color:var(--muted)}
.home-evidence-empty{border-color:var(--line);background:var(--surface-2)}
.home-evidence-empty h3{color:var(--ink)}
.home-evidence-empty p{color:var(--muted)}
.evidence-empty-index{color:var(--green)}
.home-evidence-empty .btn.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}
.home-case-stage .section-more .text-link{color:var(--blue)}

/* Keep solutions in the same light surface family. */
.home-solutions-section{background:var(--bg)}
.solutions-editorial-head,.problem-first-list,.problem-first-panel{border-color:var(--line)}
.problem-context{border-left-color:var(--line)}
.solution-problem-empty{border-color:var(--line);background:var(--surface-2)}

/* Responsive integration for the new framed boards. */
@media(max-width:980px){
  .knowledge-signal-layout{grid-template-columns:1fr;gap:0}
  .knowledge-editorial-anchor{min-height:0;padding:30px;border-right:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface-2)}
  .knowledge-editorial-anchor:after{top:0;left:30px;right:30px;bottom:auto;width:auto;height:3px;background:linear-gradient(90deg,var(--green),var(--blue),transparent);border-radius:0 0 99px 99px}
  .knowledge-stream{padding:26px 30px}
}
@media(max-width:820px){
  .production-circuit{padding-top:70px;background:linear-gradient(to bottom,var(--frame) 0 46px,var(--surface) 46px 100%)}
  .production-circuit:before{background:linear-gradient(var(--green),var(--blue),#0e7490,var(--green))}
  .circuit-node:before{border-color:var(--surface)}
}
@media(max-width:600px){
  .hero-system-stage{padding:0 9px 9px}
  .hero-stage-topbar{margin:0 -9px;padding-inline:14px}
  .knowledge-editorial-anchor{padding:26px 23px}
  .knowledge-stream{padding:23px}
  .home-case-stage{padding:22px}
}
@media(max-width:430px){
  .hero-system-stage{border-radius:24px}
  .knowledge-signal-layout{border-radius:24px}
  .knowledge-editorial-anchor{padding:24px 21px}
  .knowledge-stream{padding:20px}
  .production-circuit{border-radius:25px;padding-top:64px}
  .home-case-stage{border-radius:24px}
}

/* ==========================================================
   TASK10-FIX3 — HOMEPAGE VISUAL POLISH / SECTION CAP SYSTEM
   Scope: visual-only refinement. No homepage structure, data,
   Registry, GEO/SEO, JS, consultation or secondary-page logic.
   All cap/surface colors derive from existing Design Settings.
   ========================================================== */

.home{
  --tg-cap-bg:linear-gradient(100deg,
    color-mix(in srgb,var(--frame) 78%,var(--blue) 22%),
    color-mix(in srgb,var(--frame) 90%,var(--blue) 10%));
  --tg-cap-text:var(--frame-text);
  --tg-cap-muted:color-mix(in srgb,var(--frame-muted) 88%,#fff 12%);
  --tg-panel-border:color-mix(in srgb,var(--line) 92%,var(--blue) 8%);
  --tg-panel-soft:color-mix(in srgb,var(--surface) 97%,var(--blue) 3%);
  --tg-panel-soft-2:color-mix(in srgb,var(--surface) 98%,var(--green) 2%);
  --tg-shadow-soft:0 18px 48px rgba(16,24,40,.06);
  --tg-shadow-card:0 10px 28px rgba(16,24,40,.045);
}

/* Global homepage surface rhythm: cleaner white body, quieter separators. */
.home .section-head{margin-bottom:34px}
.home .section-head h2{color:var(--ink)}
.home .section-head p{color:var(--muted)}
.home .eyebrow{letter-spacing:.13em}
.home .text-link{font-weight:800}
.home .btn.secondary{border-color:var(--line);background:var(--surface);color:var(--text);box-shadow:none}
.home .btn.secondary:hover{border-color:color-mix(in srgb,var(--blue) 34%,var(--line));background:color-mix(in srgb,var(--blue) 4%,var(--surface));color:var(--blue)}

/* HERO — preserve the light stage; make the top cap the visual anchor. */
.hero-system-stage{
  border-color:var(--tg-panel-border);
  box-shadow:var(--tg-shadow-soft);
}
.hero-stage-topbar{
  min-height:58px;
  background:var(--tg-cap-bg);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.06);
}
.hero-stage-topbar>span{color:var(--tg-cap-text);font-size:10px;letter-spacing:.13em}
.hero-stage-topbar small{color:var(--tg-cap-muted);font-size:9px;letter-spacing:.12em}
.hero-stage-canvas{background:radial-gradient(circle at 76% 12%,color-mix(in srgb,var(--green) 5%,transparent),transparent 34%)}
.stage-product-node{border-color:var(--tg-panel-border);background:var(--tg-panel-soft);box-shadow:var(--tg-shadow-card)}
.hero-system-stage .hero-video-card{border-color:var(--tg-panel-border);box-shadow:0 12px 30px rgba(16,24,40,.055)}

/* KNOWLEDGE — editorial frame, not dashboard dark block. */
.knowledge-signal-section{background:color-mix(in srgb,var(--bg) 96%,var(--text) 4%)}
.knowledge-signal-layout{border-color:var(--tg-panel-border);box-shadow:var(--tg-shadow-soft)}
.knowledge-signal-layout:before{
  content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--green),var(--blue),color-mix(in srgb,var(--blue) 35%,transparent),transparent 82%);
}
.knowledge-editorial-anchor{background:var(--tg-panel-soft-2)}
.knowledge-stream{background:var(--surface)}
.knowledge-anchor-meta span,
.knowledge-signal-section .home-knowledge-topics a{border-color:var(--line);box-shadow:none}
.knowledge-signal-section .home-knowledge-card-link{border-color:var(--tg-panel-border);box-shadow:var(--tg-shadow-card)}
.knowledge-signal-section .home-knowledge-card-link:hover{box-shadow:0 16px 38px rgba(16,24,40,.075)}

/* DELIVERY — use the same branded cap language as Hero. */
.delivery-board{border-color:var(--tg-panel-border);box-shadow:var(--tg-shadow-soft)}
.delivery-board-header{
  min-height:56px;
  background:var(--tg-cap-bg);
  color:var(--tg-cap-muted);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.06);
}
.delivery-board-header span:first-child{color:var(--frame-accent)}
.delivery-path{background:var(--surface);border-bottom-color:var(--line)}
.delivery-path:hover{background:color-mix(in srgb,var(--surface) 98%,var(--blue) 2%)}
.delivery-service{--delivery-tone:var(--blue)}
.delivery-copy p{color:var(--muted)}
.delivery-path>a{border-color:var(--line);box-shadow:none}

/* SIX PRODUCTS — same shell, less decorative noise, stronger product visual hierarchy. */
.home-products-section{
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 97%,var(--text) 3%),var(--bg));
}
.home-products-section:before{opacity:.52}
.home-product-showcase{
  border-color:var(--tg-panel-border);
  background:var(--surface);
  box-shadow:var(--tg-shadow-soft);
}
.home-product-showcase:hover{border-color:color-mix(in srgb,var(--blue) 26%,var(--line));box-shadow:0 20px 46px rgba(16,24,40,.075)}
.home-product-num{background:var(--tg-panel-soft);border-color:var(--line)}
.home-product-state{background:var(--surface);border-color:var(--line)}
.product-mini-visual{border-color:var(--tg-panel-border);background:var(--tg-panel-soft);box-shadow:none}
.product-mini-visual:after{opacity:.45}
.product-mini-visual figcaption{border-bottom-color:var(--line)}
.home-product-tags span{border-color:var(--line);background:color-mix(in srgb,var(--surface) 97%,var(--text) 3%)}
.home-product-footer{border-top-color:var(--line)}
.home-product-actions>a{box-shadow:none}

/* PRODUCTION CHAIN — branded cap + light circuit body. */
.production-circuit{
  padding-top:84px;
  border-color:var(--tg-panel-border);
  background:linear-gradient(to bottom,var(--tg-cap-bg) 0 60px,var(--surface) 60px 100%);
  box-shadow:var(--tg-shadow-soft);
}
.production-circuit:after{
  inset:60px 0 0;
  opacity:.82;
  background-image:linear-gradient(color-mix(in srgb,var(--line) 52%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 52%,transparent) 1px,transparent 1px);
}
.circuit-frame-label{top:21px;color:var(--tg-cap-muted);font-size:9px;letter-spacing:.13em}
.circuit-input-label{color:var(--tg-cap-text)}
.circuit-input-label:before{content:"";display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--frame-accent);box-shadow:0 0 10px color-mix(in srgb,var(--frame-accent) 55%,transparent);vertical-align:1px}
.circuit-node{border-color:var(--tg-panel-border);background:var(--tg-panel-soft);box-shadow:var(--tg-shadow-card)}
.circuit-node:hover{border-color:color-mix(in srgb,var(--circuit-tone,#14b8a6) 28%,var(--line));box-shadow:0 14px 30px rgba(16,24,40,.065)}
.circuit-node>span{letter-spacing:.11em}
.production-connectors path{opacity:.42;stroke-dasharray:4 8}

/* CASES — light evidence board with a real section cap, avoiding a dark empty slab. */
.home-cases-section{background:color-mix(in srgb,var(--bg) 96%,var(--text) 4%)}
.home-case-stage{
  padding:104px 44px 44px;
  border-color:var(--tg-panel-border);
  background:var(--surface);
  box-shadow:var(--tg-shadow-soft);
}
.home-case-stage:before{top:60px;opacity:.72}
.home-case-stage:after{
  content:"VERIFIED CASE EVIDENCE";
  position:absolute;z-index:2;left:0;right:0;top:0;height:60px;
  display:flex;align-items:center;padding:0 32px;
  border-radius:33px 33px 0 0;
  background:var(--tg-cap-bg);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.06);
  color:var(--tg-cap-text);
  font-size:10px;font-weight:900;letter-spacing:.14em;
}
.case-stage-header{position:relative;padding-bottom:24px}
.case-stage-header:before{
  content:"REAL PROJECTS → PROOF";
  position:absolute;right:0;top:-83px;z-index:4;
  color:var(--tg-cap-muted);font-size:9px;font-weight:850;letter-spacing:.12em;
}
.case-stage-header h2{color:var(--ink)}
.case-stage-header p{color:var(--muted)}
.home-case-stage .eyebrow.on-dark{color:var(--blue)}
.case-evidence-standard{margin-top:20px;border-color:var(--line)}
.case-evidence-standard span{border-color:var(--line);background:var(--tg-panel-soft);color:var(--muted)}
.home-evidence-empty{border-color:var(--line);background:var(--tg-panel-soft);box-shadow:none}
.home-evidence-empty h3{color:var(--ink)}
.home-evidence-empty p{color:var(--muted)}
.home-evidence-empty .btn.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}

/* SOLUTIONS — lighter editorial rows, same frame language without another dark cap. */
.home-solutions-section{background:var(--bg)}
.solutions-editorial-head{border-bottom-color:var(--line)}
.problem-first-list{border-bottom-color:var(--line)}
.problem-first-panel{border-top-color:var(--line)}
.problem-first-panel:hover{background:color-mix(in srgb,var(--surface) 98%,var(--blue) 2%)}
.solution-problem-empty{border-color:var(--line);background:var(--tg-panel-soft)}

/* CTA — keep one deliberate dark closing anchor before Footer. */
.home .conversion-section{
  background:linear-gradient(110deg,color-mix(in srgb,var(--frame) 92%,var(--blue) 8%),var(--frame));
}
.home .conversion-section:before{opacity:.56}

/* Responsive cap/system adjustments. */
@media(max-width:1024px){
  .hero-stage-topbar,.delivery-board-header{min-height:54px}
  .production-circuit{padding-top:79px;background:linear-gradient(to bottom,var(--tg-cap-bg) 0 56px,var(--surface) 56px 100%)}
  .production-circuit:after{inset:56px 0 0}
  .circuit-frame-label{top:20px}
  .home-case-stage{padding:98px 36px 36px}
  .home-case-stage:before{top:56px}
  .home-case-stage:after{height:56px;padding-inline:28px}
  .case-stage-header:before{top:-77px}
}
@media(max-width:820px){
  .production-circuit{padding-top:75px;background:linear-gradient(to bottom,var(--tg-cap-bg) 0 54px,var(--surface) 54px 100%)}
  .production-circuit:after{inset:54px 0 0}
  .production-circuit:before{top:70px}
  .circuit-frame-label{top:19px}
  .home-case-stage{padding:92px 28px 30px}
  .home-case-stage:before{top:54px}
  .home-case-stage:after{height:54px;padding-inline:24px}
  .case-stage-header:before{top:-71px}
}
@media(max-width:600px){
  .hero-stage-topbar,.delivery-board-header{min-height:50px}
  .delivery-board-header{padding-inline:17px}
  .production-circuit{padding-top:70px;background:linear-gradient(to bottom,var(--tg-cap-bg) 0 50px,var(--surface) 50px 100%)}
  .production-circuit:after{inset:50px 0 0}
  .production-circuit:before{top:66px}
  .circuit-frame-label{top:17px;font-size:8px}
  .circuit-output-label{display:none}
  .home-case-stage{padding:84px 22px 24px}
  .home-case-stage:before{top:50px}
  .home-case-stage:after{height:50px;padding-inline:20px;border-radius:23px 23px 0 0;font-size:9px}
  .case-stage-header:before{display:none}
}
@media(max-width:430px){
  .knowledge-signal-layout,.delivery-board,.production-circuit,.home-case-stage{box-shadow:0 12px 30px rgba(16,24,40,.05)}
  .hero-stage-topbar>span,.delivery-board-header{letter-spacing:.1em}
  .production-circuit{padding-top:66px}
  .home-case-stage{padding-top:78px}
}


/* TASK10 FIX4 / V1.2.11 — Production Chain explicit Section Cap
   Keep the approved circuit layout; add a real branded cap so the light board has a clear visual anchor. */
.production-circuit{
  padding-top:118px;
  background:var(--surface);
}
.production-circuit-cap{
  position:absolute;z-index:4;left:-1px;right:-1px;top:-1px;
  min-height:62px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:0 30px;
  border:1px solid color-mix(in srgb,var(--line) 68%,transparent);
  border-bottom-color:color-mix(in srgb,var(--frame-accent) 24%,var(--line));
  border-radius:32px 32px 0 0;
  background:var(--tg-cap-bg);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.07);
  color:var(--tg-cap-text);
  pointer-events:none;
}
.production-circuit-cap>span{
  display:inline-flex;align-items:center;gap:11px;
  color:var(--tg-cap-text);font-size:10px;font-weight:900;letter-spacing:.14em;white-space:nowrap;
}
.production-circuit-cap>span i{
  width:8px;height:8px;border-radius:50%;
  background:var(--frame-accent);
  box-shadow:0 0 12px color-mix(in srgb,var(--frame-accent) 62%,transparent);
}
.production-circuit-cap small{
  color:var(--tg-cap-muted);font-size:9px;font-weight:850;letter-spacing:.13em;white-space:nowrap;
}
.production-circuit:after{inset:62px 0 0}
.circuit-frame-label{top:82px;color:var(--muted)}
.circuit-input-label{color:color-mix(in srgb,var(--green) 76%,var(--text))}
.circuit-input-label:before{display:none}
.circuit-node{background:color-mix(in srgb,var(--surface) 95%,var(--blue) 5%)}

/* Media-ready presentation contract: future real screenshots can be introduced without replacing
   the semantic HTML circuit. No media is rendered until an explicit media implementation is added. */
.production-circuit[data-media-ready="true"]{--production-media-gap:24px}
.production-circuit.has-media .production-media-slot{
  border:1px solid var(--tg-panel-border);border-radius:20px;background:var(--surface);overflow:hidden;
}
.production-circuit.has-media .production-media-slot img{display:block;width:100%;height:auto;object-fit:cover}

@media(max-width:1024px){
  .production-circuit{padding-top:109px;background:var(--surface)}
  .production-circuit-cap{min-height:58px;padding-inline:26px}
  .production-circuit:after{inset:58px 0 0}
  .circuit-frame-label{top:76px}
}
@media(max-width:820px){
  .production-circuit{padding-top:103px;background:var(--surface)}
  .production-circuit-cap{min-height:56px;padding-inline:22px;border-radius:25px 25px 0 0}
  .production-circuit:after{inset:56px 0 0}
  .circuit-frame-label{top:73px}
}
@media(max-width:600px){
  .production-circuit{padding-top:94px;background:var(--surface)}
  .production-circuit-cap{min-height:52px;padding-inline:18px;border-radius:23px 23px 0 0}
  .production-circuit-cap>span{font-size:9px;letter-spacing:.11em}
  .production-circuit-cap small{font-size:8px;letter-spacing:.1em}
  .production-circuit:after{inset:52px 0 0}
  .circuit-frame-label{top:67px}
}
@media(max-width:430px){
  .production-circuit{padding-top:88px}
  .production-circuit-cap{padding-inline:15px}
  .production-circuit-cap small{display:none}
  .circuit-frame-label{top:65px}
}

/* V1.2.11 mobile timeline alignment under the explicit cap. */
@media(max-width:820px){.production-circuit:before{top:92px}}
@media(max-width:600px){.production-circuit:before{top:84px}}
@media(max-width:430px){.production-circuit:before{top:80px}}

/* ==========================================================
   V1.2.12 — Brand Positioning + Logo Lockup + Audience Split
   Scope: copy hierarchy and visual emphasis only. IA / registry / GEO structure unchanged.
   ========================================================== */

/* Header logo lockup: official TG mark + live HTML wordmark. */
.brand{gap:12px}
.brand img{width:48px;height:48px}
.brand-copy{display:grid;align-content:center;line-height:1}
.brand-copy strong{font-size:18px;font-weight:850;letter-spacing:.055em;color:#f8fafc}
.brand-copy small{margin-top:6px;font-size:7.5px;font-weight:750;letter-spacing:.20em;color:#9fb0c2}
.site-header.is-scrolled .brand-copy strong{font-size:17px}

/* Hero: category definition first, brand promise second. */
.home-hero-system h1{max-width:780px;margin-bottom:18px}
.home-hero-system h1 span,.home-hero-system h1 em{display:block}
.home-hero-system .hero-brand-statement{
  max-width:720px;
  margin:0 0 18px;
  color:var(--blue);
  font-size:clamp(20px,1.65vw,26px);
  line-height:1.45;
  font-weight:850;
  letter-spacing:-.015em;
}
.home-hero-system .hero-lead{max-width:760px;font-size:17px;line-height:1.88}
.home-hero-system .hero-trust{max-width:760px}
.home-hero-system .hero-trust span{background:color-mix(in srgb,var(--surface) 92%,var(--blue) 8%);color:#475467}
.home-hero-system .hero-trust span:nth-child(1){background:color-mix(in srgb,var(--green) 9%,var(--surface));color:#0f766e}
.home-hero-system .hero-trust span:nth-child(2){background:color-mix(in srgb,var(--blue) 8%,var(--surface));color:#1d4ed8}

/* Solutions preview keeps its frozen position, but now clearly branches by audience. */
.solution-audience-split{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:0 0 34px;
}
.audience-path-card{
  position:relative;
  overflow:hidden;
  min-height:182px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
  padding:26px 28px;
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--surface);
  box-shadow:var(--tg-shadow-card);
}
.audience-path-card:before{
  content:"";
  position:absolute;
  top:0;left:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--green),var(--blue));
}
.audience-path-enterprise:before{background:linear-gradient(180deg,var(--blue),#1d4ed8)}
.audience-kicker{display:block;margin-bottom:9px;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.15em}
.audience-path-card h3{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.025em}
.audience-path-card p{margin:7px 0 0;color:#475467;font-size:16px;font-weight:700}
.audience-tags{display:flex;flex-wrap:wrap;gap:7px}
.audience-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--tg-panel-soft);color:var(--muted);font-size:10px;font-weight:750}

@media(max-width:1024px){
  .brand img{width:44px;height:44px}
  .brand-copy strong{font-size:17px}
  .home-hero-system .hero-brand-statement{font-size:22px}
}
@media(max-width:768px){
  .solution-audience-split{grid-template-columns:1fr}
  .audience-path-card{min-height:160px}
}
@media(max-width:430px){
  .brand{gap:9px}
  .brand img{width:40px;height:40px}
  .brand-copy strong{font-size:16px;letter-spacing:.04em}
  .brand-copy small{display:none}
  .home-hero-system h1{margin-bottom:16px}
  .home-hero-system .hero-brand-statement{font-size:20px;line-height:1.5;margin-bottom:14px}
  .home-hero-system .hero-lead{font-size:15px;line-height:1.82}
  .home-hero-system .hero-trust{grid-template-columns:1fr 1fr}
  .home-hero-system .hero-trust span{width:auto;min-height:38px;padding:7px 9px;font-size:10px}
  .audience-path-card{min-height:150px;padding:22px 21px}
  .audience-path-card h3{font-size:26px}
  .audience-path-card p{font-size:15px}
}
@media(max-width:375px){
  .brand-copy strong{font-size:15px}
  .home-hero-system .hero-trust{grid-template-columns:1fr}
}