@font-face{font-family:"HouZun";src:url("/assets/houzun.ttf") format("truetype");font-display:swap}
@font-face{font-family:"DeyiBlack";src:url("/assets/deyiblack.ttf") format("truetype");font-display:swap}
:root{--mk-blue:#1769ff;--mk-blue-dark:#0d4fcb;--mk-ink:#172033;--mk-muted:#637083;--mk-line:#e5ebf3;--mk-soft:#f4f8ff}
.marketing-page{overflow:hidden;color:var(--mk-ink);background:#fff}
.marketing-page h1,.marketing-page h2,.marketing-page h3,.marketing-page .display-font{font-family:"HouZun","EverskyFont","PingFang SC",sans-serif}
.marketing-page .accent-font{font-family:"DeyiBlack","EverskyFont","PingFang SC",sans-serif}
.marketing-shell{width:calc(100% - var(--site-gutter)*2);max-width:96.25rem;margin:0 auto}
.marketing-hero{position:relative;min-height:31rem;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #e8eef7;background:linear-gradient(122deg,#f5f9ff 0,#fff 58%,#edf5ff 100%)}
.marketing-hero::before{position:absolute;right:-8rem;bottom:-18rem;width:46rem;height:46rem;border:5rem solid rgba(37,99,235,.055);border-radius:50%;content:""}
.marketing-hero::after{position:absolute;top:-10rem;right:22%;width:26rem;height:26rem;border-radius:50%;background:radial-gradient(circle,rgba(78,141,255,.15),transparent 68%);content:"";filter:blur(12px)}
.marketing-hero-copy{position:relative;z-index:2;max-width:47rem;padding:6rem 0}
.marketing-eyebrow{display:block;margin-bottom:1.2rem;color:var(--mk-blue);font-size:.72rem;font-weight:700;letter-spacing:.2em}
.marketing-hero h1{max-width:45rem;margin:0;color:#14213a;font-size:3.4rem;font-weight:500;line-height:1.2;letter-spacing:-.035em}
.marketing-hero p{max-width:42rem;margin:1.5rem 0 0;color:var(--mk-muted);font-size:1.02rem;line-height:1.9}
.marketing-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.marketing-button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.55rem;padding:0 1.35rem;border:1px solid #bfd2f5;border-radius:.2rem;color:var(--mk-blue);background:#fff;font-size:.82rem;font-weight:600;text-decoration:none;transition:.2s}
.marketing-button:hover{border-color:var(--mk-blue);box-shadow:0 .75rem 1.8rem rgba(37,99,235,.12)}
.marketing-button.is-primary{border-color:var(--mk-blue);color:#fff;background:var(--mk-blue)}
.marketing-button.is-primary:hover{background:var(--mk-blue-dark)}
.hero-metric-cloud{position:absolute;z-index:1;right:6%;width:31rem;height:21rem}
.hero-metric-cloud span{position:absolute;display:block;border:1px solid rgba(129,169,239,.32);background:rgba(255,255,255,.68);box-shadow:0 2rem 5rem rgba(55,103,183,.11);backdrop-filter:blur(18px)}
.hero-metric-cloud span:nth-child(1){right:0;bottom:1rem;width:22rem;height:13rem;border-radius:50% 50% 42% 58%/60% 50% 50% 40%;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(218,233,255,.55))}
.hero-metric-cloud span:nth-child(2){top:1rem;right:7rem;width:9rem;height:9rem;border-radius:50%}
.hero-metric-cloud span:nth-child(3){top:6rem;left:0;width:11rem;height:7rem;border-radius:1.2rem;transform:rotate(-8deg)}
.hero-metric-cloud span:nth-child(3)::before{position:absolute;inset:1.5rem;border-radius:.45rem;background:repeating-linear-gradient(90deg,#dce9ff 0 1.4rem,transparent 1.4rem 2rem);content:""}
.hero-metric-cloud i{position:absolute;z-index:2;right:7rem;bottom:4.3rem;color:#1769ff;font-size:7rem;filter:drop-shadow(0 1rem 2rem rgba(37,99,235,.18))}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}
.section-heading h2{margin:.55rem 0 0;font-size:2.45rem;font-weight:500;line-height:1.28}
.section-heading p{max-width:35rem;margin:0;color:var(--mk-muted);line-height:1.85}
.industry-nav{position:sticky;z-index:30;top:4rem;border-bottom:1px solid var(--mk-line);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.industry-nav .marketing-shell{display:flex;overflow-x:auto;gap:2.2rem;scrollbar-width:none}
.industry-nav a{display:flex;min-width:max-content;height:4rem;align-items:center;border-bottom:2px solid transparent;color:#5e6b7e;font-size:.82rem;text-decoration:none}
.industry-nav a:hover{color:var(--mk-blue);border-color:var(--mk-blue)}
.industry-stack{display:grid;gap:1.5rem;padding:4.5rem 0 5.5rem}
.industry-panel{position:relative;min-height:27rem;overflow:hidden;border:1px solid #e4ebf4;border-radius:.45rem;background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0,rgba(255,255,255,.94) 38%,rgba(255,255,255,.18) 68%,rgba(255,255,255,0) 100%),var(--panel-image);background-position:center;background-size:cover;box-shadow:0 1.8rem 4.5rem rgba(38,82,148,.07);scroll-margin-top:9rem}
.industry-panel-copy{position:relative;z-index:2;width:48%;padding:4rem 4.2rem}
.industry-panel small{color:var(--mk-blue);font-size:.68rem;font-weight:700;letter-spacing:.18em}
.industry-panel h2{margin:.75rem 0 1.1rem;font-size:2.15rem;font-weight:500}
.industry-panel p{margin:0;color:#58667a;font-size:.9rem;line-height:1.9}
.industry-products{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.4rem 0 1.8rem}
.industry-products span{padding:.5rem .75rem;border:1px solid #d8e5f8;border-radius:10rem;color:#3c5f95;background:rgba(247,250,255,.9);font-size:.7rem}
.custom-solution{padding:0 0 6rem}
.custom-solution-card{position:relative;overflow:hidden;display:grid;min-height:30rem;grid-template-columns:1.1fr .9fr;padding:4.5rem;border:1px solid #d9e7fb;border-radius:.5rem;background:radial-gradient(circle at 85% 20%,rgba(65,132,255,.2),transparent 30%),linear-gradient(135deg,#eef5ff,#fff 48%,#edf4ff);box-shadow:0 2.5rem 6rem rgba(35,83,161,.1)}
.custom-solution-card::after{position:absolute;right:-8rem;bottom:-10rem;width:30rem;height:30rem;border:3.5rem solid rgba(37,99,235,.06);border-radius:50%;content:""}
.custom-copy{position:relative;z-index:2}
.custom-copy h2{margin:.8rem 0 1.2rem;font-size:3rem;font-weight:500}
.custom-copy p{max-width:38rem;color:#5b6980;line-height:1.9}
.custom-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:2.2rem 0}
.custom-spec{padding:1.2rem;border:1px solid rgba(178,204,245,.7);background:rgba(255,255,255,.66);backdrop-filter:blur(10px)}
.custom-spec strong{display:block;color:#174fa9;font-family:"DeyiBlack","EverskyFont",sans-serif;font-size:1.8rem}
.custom-spec span{display:block;margin-top:.35rem;color:#758197;font-size:.68rem}
.bandwidth-display{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;text-align:right}
.bandwidth-display small{color:#6f7e95;font-size:.72rem;letter-spacing:.15em}
.bandwidth-display strong{color:#1769ff;font-family:"DeyiBlack","EverskyFont",sans-serif;font-size:6.2rem;font-weight:400;line-height:1}
.bandwidth-display span{margin-top:.8rem;color:#43516a;font-size:1rem}

.benefit-section,.pricing-section,.ecosystem-section,.about-section{padding:6rem 0}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.benefit-card{min-height:17rem;padding:2rem;border:1px solid var(--mk-line);background:#fff;transition:.22s}
.benefit-card:hover{border-color:#b9cef3;box-shadow:0 1.3rem 3rem rgba(31,73,142,.07)}
.benefit-card i{display:grid;width:3.2rem;height:3.2rem;border-radius:.35rem;color:var(--mk-blue);background:#edf4ff;font-size:1.45rem;place-items:center}
.benefit-card strong{display:block;margin-top:2.3rem;color:#17233a;font-size:1.55rem}
.benefit-card h3{margin:.55rem 0 .8rem;font-size:1.15rem}
.benefit-card p{margin:0;color:#718095;font-size:.8rem;line-height:1.8}
.pricing-section{background:#f6f9fd}
.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.billing-card{position:relative;overflow:hidden;min-height:32rem;padding:3rem;border:1px solid #dfe7f2;background:#fff}
.billing-card.is-featured{border-top:3px solid var(--mk-blue);box-shadow:0 1.8rem 4.5rem rgba(33,78,148,.09)}
.billing-label{display:inline-flex;padding:.4rem .7rem;color:#1769ff;background:#edf4ff;font-size:.68rem;font-weight:700;letter-spacing:.12em}
.billing-card h3{margin:1.2rem 0 .85rem;font-size:2rem;font-weight:500}
.billing-card>p{color:#6e7b90;line-height:1.8}
.billing-price{display:flex;align-items:flex-end;gap:.55rem;margin:2rem 0;color:#17223a}
.billing-price strong{font-family:"DeyiBlack","EverskyFont",sans-serif;font-size:3.5rem;font-weight:400;line-height:1}
.billing-price span{color:#8b96a8;font-size:.75rem}
.billing-card ul{display:grid;gap:.9rem;margin:2rem 0;padding:1.6rem 0 0;border-top:1px solid var(--mk-line);list-style:none}
.billing-card li{display:flex;gap:.65rem;color:#4e5e75;font-size:.82rem}
.billing-card li i{color:#12a56a}

.support-hero{position:relative;min-height:39rem;overflow:hidden;display:flex;align-items:center;text-align:center;background:linear-gradient(180deg,#f1f7ff 0,#fff 88%)}
.support-hero-content{position:relative;z-index:5;width:100%;padding:5rem 0 8rem}
.support-hero h1{margin:0;font-size:4rem;font-weight:500;letter-spacing:-.04em}
.support-hero p{margin:1rem 0 0;color:#66758b;font-size:1rem}
.support-search{display:flex;width:min(100%,42rem);height:3.7rem;margin:2rem auto 0;padding:0 .55rem 0 1.2rem;border:1px solid #cddcf0;border-radius:.3rem;background:rgba(255,255,255,.9);box-shadow:0 1.4rem 3.6rem rgba(44,88,159,.11);backdrop-filter:blur(12px)}
.support-search i{align-self:center;color:#8c9aad;font-size:1.15rem}
.support-search input{min-width:0;flex:1;border:0;outline:0;padding:0 1rem;background:transparent;font-size:.85rem}
.support-search button{align-self:center;height:2.7rem;padding:0 1.3rem;border:0;color:#fff;background:var(--mk-blue);font-size:.78rem}
.support-hero-stage{position:absolute;z-index:1;inset:0;pointer-events:none}
.support-glow{position:absolute;border-radius:50%;filter:blur(10px)}
.support-glow.one{top:6%;left:8%;width:19rem;height:19rem;background:radial-gradient(circle,rgba(86,150,255,.18),transparent 68%)}
.support-glow.two{right:6%;bottom:-4rem;width:24rem;height:24rem;background:radial-gradient(circle,rgba(105,124,255,.16),transparent 68%)}
.support-orbit{position:absolute;top:8%;left:50%;width:44rem;height:44rem;margin-left:-22rem;border:1px solid rgba(91,143,230,.15);border-radius:50%}
.support-orbit::before,.support-orbit::after{position:absolute;inset:5rem;border:1px solid rgba(91,143,230,.13);border-radius:50%;content:""}.support-orbit::after{inset:10rem}
.support-network-node{position:absolute;width:.7rem;height:.7rem;border:2px solid #fff;border-radius:50%;background:#4083f5;box-shadow:0 0 1.4rem rgba(37,99,235,.55)}
.support-network-node:nth-child(1){top:14%;left:20%}.support-network-node:nth-child(2){top:30%;right:17%}.support-network-node:nth-child(3){right:31%;bottom:20%}.support-network-node:nth-child(4){bottom:17%;left:24%}.support-network-node:nth-child(5){top:18%;right:38%}
.support-cloud-piece{position:absolute;width:8rem;height:3.4rem;border:1px solid rgba(143,177,230,.3);border-radius:60% 60% 45% 45%;background:rgba(255,255,255,.7);box-shadow:0 1rem 3rem rgba(74,116,181,.09);backdrop-filter:blur(10px)}
.support-cloud-piece.one{top:21%;left:6%;transform:rotate(-7deg)}.support-cloud-piece.two{top:18%;right:4%;width:11rem;transform:rotate(8deg)}.support-cloud-piece.three{right:13%;bottom:13%;width:7rem}
.support-categories{position:relative;z-index:8;margin-top:-5rem;padding-bottom:6rem}
.support-category-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e2e9f2;background:#fff;box-shadow:0 1.8rem 4.5rem rgba(32,70,132,.09)}
.support-category{min-height:10.5rem;padding:2rem;border-right:1px solid #e8edf4;text-decoration:none;transition:.2s}
.support-category:last-child{border-right:0}.support-category:hover{background:#f4f8ff}
.support-category i{color:var(--mk-blue);font-size:1.8rem}.support-category strong{display:block;margin-top:1.5rem;font-size:1rem}.support-category span{display:block;margin-top:.45rem;color:#8290a4;font-size:.72rem}
.journey-section{padding:6rem 0;background:#f8fafc;scroll-margin-top:5rem}
.journey-list{display:grid;gap:1.4rem;margin-top:3rem}
.journey-card{display:grid;min-height:27rem;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #e2e9f2;background:#fff;box-shadow:0 1.4rem 3.5rem rgba(26,64,125,.055)}
.journey-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:4rem}
.journey-number{color:#1769ff;font-family:"DeyiBlack","EverskyFont",sans-serif;font-size:.78rem;letter-spacing:.15em}
.journey-copy h3{margin:1rem 0;font-size:2rem;font-weight:500;line-height:1.35}
.journey-copy p{max-width:34rem;margin:0;color:#68778d;line-height:1.9}
.journey-copy a{margin-top:1.7rem;color:#1769ff;font-size:.8rem;font-weight:600;text-decoration:none}
.journey-visual{min-width:0;background:linear-gradient(145deg,#f7faff,#edf4ff)}
.journey-visual img{display:block;width:100%;height:100%;object-fit:cover}
.contact-section{padding:6rem 0;scroll-margin-top:5rem}
.contact-grid{display:grid;min-height:28rem;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:1rem}
.contact-card{position:relative;overflow:hidden;padding:2.4rem;border:1px solid #dfe7f1;background:#fff}
.contact-card.is-primary{grid-row:1/3;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(73,139,255,.55),transparent 32%),linear-gradient(145deg,#173d80,#0f64db)}
.contact-card.is-primary::after{position:absolute;right:-7rem;bottom:-9rem;width:26rem;height:26rem;border:3rem solid rgba(255,255,255,.08);border-radius:50%;content:""}
.contact-card i{font-size:2rem}.contact-card h3{margin:2rem 0 .7rem;font-size:1.65rem;font-weight:500}.contact-card p{margin:0;color:#748197;line-height:1.8}.contact-card.is-primary p{max-width:31rem;color:#dbe8ff}.contact-card strong{display:block;margin-top:1.3rem;font-family:"DeyiBlack","EverskyFont",sans-serif;font-size:1.8rem;font-weight:400}.contact-card .marketing-button{position:relative;z-index:2;margin-top:2rem}

.ecosystem-hero-grid,.about-hero-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:5rem}
.ecosystem-network{position:relative;height:26rem}
.ecosystem-network span{position:absolute;display:grid;width:6rem;height:6rem;border:1px solid #d8e4f6;border-radius:50%;color:#1769ff;background:#fff;box-shadow:0 1.2rem 3rem rgba(41,81,145,.09);font-size:1.8rem;place-items:center}
.ecosystem-network span:nth-child(1){top:9rem;left:10rem;width:8rem;height:8rem;background:#edf4ff}.ecosystem-network span:nth-child(2){top:1rem;right:3rem}.ecosystem-network span:nth-child(3){right:0;bottom:1rem}.ecosystem-network span:nth-child(4){bottom:0;left:1rem}.ecosystem-network span:nth-child(5){top:0;left:0}
.ecosystem-network::before,.ecosystem-network::after{position:absolute;top:12rem;left:8rem;width:18rem;height:1px;background:#b9cef2;content:"";transform:rotate(-24deg)}.ecosystem-network::after{transform:rotate(33deg)}
.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ecosystem-card{min-height:19rem;padding:2.3rem;border:1px solid var(--mk-line);background:#fff}
.ecosystem-card i{color:#1769ff;font-size:2rem}.ecosystem-card h3{margin:2rem 0 .9rem;font-size:1.35rem}.ecosystem-card p{color:#718095;line-height:1.85}
.partner-wall{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--mk-line);border-left:1px solid var(--mk-line)}
.partner-wall div{display:grid;min-height:8rem;border-right:1px solid var(--mk-line);border-bottom:1px solid var(--mk-line);background:#fff;place-items:center}
.partner-wall img{max-width:7rem;max-height:2.5rem;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.2s}.partner-wall div:hover img{filter:none;opacity:1}
.about-quote{padding:2.5rem;border-left:3px solid #1769ff;color:#40506a;background:#f4f8ff;font-size:1.25rem;line-height:1.8}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.value-card{padding:2.5rem;border:1px solid var(--mk-line)}
.value-card span{color:#1769ff;font-family:"DeyiBlack","EverskyFont",sans-serif;font-size:3rem}.value-card h3{margin:1.3rem 0 .8rem}.value-card p{color:#738196;line-height:1.8}
.milestone-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccd9ed}
.milestone{position:relative;padding:2.4rem 2rem}.milestone::before{position:absolute;top:-.38rem;left:2rem;width:.7rem;height:.7rem;border:2px solid #fff;border-radius:50%;background:#1769ff;box-shadow:0 0 0 1px #1769ff;content:""}.milestone strong{font-size:1.4rem}.milestone p{color:#76849a;line-height:1.75}

[data-reveal]{opacity:0;transform:translateY(1.5rem)}
@media(max-width:1100px){.marketing-hero h1{font-size:2.9rem}.hero-metric-cloud{right:-4rem;opacity:.7}.industry-panel-copy{width:57%;padding:3.2rem}.custom-solution-card{padding:3.3rem}.benefit-grid{grid-template-columns:1fr 1fr}.partner-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.marketing-shell{width:calc(100% - 40px)}.marketing-hero{min-height:auto}.marketing-hero-copy{padding:4.5rem 0}.marketing-hero h1,.support-hero h1{font-size:2.35rem}.marketing-hero p{font-size:.9rem}.hero-metric-cloud{right:-12rem;width:25rem;opacity:.34}.industry-nav{top:60px}.industry-nav .marketing-shell{gap:1.5rem}.industry-panel{min-height:34rem;background-image:linear-gradient(180deg,rgba(255,255,255,.98) 0,rgba(255,255,255,.93) 52%,rgba(255,255,255,.08) 100%),var(--panel-image);background-position:68% center}.industry-panel-copy{width:100%;padding:2.2rem 1.5rem}.industry-panel h2{font-size:1.75rem}.custom-solution-card{display:block;min-height:0;padding:2.2rem 1.5rem}.custom-copy h2{font-size:2.1rem}.custom-specs{grid-template-columns:1fr}.bandwidth-display{align-items:flex-start;margin-top:2.5rem;text-align:left}.bandwidth-display strong{font-size:4rem}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:1.95rem}.benefit-section,.pricing-section,.ecosystem-section,.about-section,.journey-section,.contact-section{padding:4rem 0}.benefit-grid,.billing-grid,.support-category-grid,.ecosystem-grid,.value-grid,.milestone-list{grid-template-columns:1fr}.support-hero{min-height:34rem}.support-hero-content{padding:4rem 0 7rem}.support-search{height:auto;min-height:3.5rem}.support-search button{padding:0 .9rem}.support-orbit{left:50%;width:30rem;height:30rem;margin-left:-15rem}.support-categories{margin-top:-4rem;padding-bottom:4rem}.support-category-grid{grid-template-columns:1fr 1fr}.support-category{min-height:8.5rem;padding:1.4rem;border-bottom:1px solid #e8edf4}.journey-card{grid-template-columns:1fr}.journey-copy{padding:2.2rem 1.5rem}.journey-copy h3{font-size:1.65rem}.journey-visual{min-height:18rem}.contact-grid{grid-template-columns:1fr;grid-template-rows:auto}.contact-card.is-primary{grid-row:auto;min-height:22rem}.ecosystem-hero-grid,.about-hero-grid{grid-template-columns:1fr}.ecosystem-network{display:none}.partner-wall{grid-template-columns:1fr 1fr}.milestone-list{border-top:0}.milestone{border-left:1px solid #ccd9ed}.milestone::before{top:2.8rem;left:-.4rem}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}
