:root{--blue:#087cf0;--cyan:#15c6f4;--navy:#061a34;--ink:#10213c;--muted:#75849a;--line:#e8eef5;--shell:1180px;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-size:16px;line-height:1.65}img{display:block;max-width:100%}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}sup{font-size:.52em}.section{padding:78px 0}.section-head{text-align:center;margin-bottom:40px}.section-head>span,.conference-copy>span{display:inline-block;padding:4px 17px;border-radius:999px;color:#147fe3;background:#eaf4ff;font-size:.76rem;font-weight:700}.section-head h2{margin:10px 0 5px;font-size:2rem;line-height:1.22}.section-head p{margin:0;color:#8490a1;font-size:.95rem}
.hero{position:relative;height:560px;overflow:hidden;color:#fff;background:linear-gradient(105deg,#06172f 0%,#0a2849 57%,#0a4776 100%)}.hero-grid,.footer-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(75,151,208,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(75,151,208,.11) 1px,transparent 1px);background-size:58px 58px}.hero-visual{position:absolute;inset:0 0 0 auto;width:60%;background:url("reference-layout-final.png") right top/auto 1672px no-repeat}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#092746 0%,rgba(9,39,70,.45) 17%,transparent 48%)}.hero-inner{position:relative;z-index:2;height:100%;padding-top:35px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:46px;height:38px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:1.15rem;letter-spacing:.08em}.brand small{margin-top:5px;font-size:.5rem;letter-spacing:.09em;opacity:.58}.brand-light img{filter:brightness(0) invert(1)}.hero-copy{width:52%;margin-top:70px}.hero-copy h1{margin:0;font-size:3.35rem;line-height:1.1;letter-spacing:-.04em}.hero-copy h1 em{color:var(--cyan);font-style:normal}.hero-copy>p{max-width:610px;margin:24px 0 32px;color:rgba(231,240,249,.84);font-size:1rem;line-height:1.9}.hero-stats{display:flex}.hero-stats>div{min-width:145px;padding-right:35px;margin-right:35px;border-right:1px solid rgba(118,196,240,.34);display:flex;flex-direction:column}.hero-stats>div:last-child{border:0}.hero-stats b{font-size:2rem;line-height:1}.hero-stats span{margin-top:9px;color:rgba(224,237,247,.67);font-size:.82rem}
.products{padding-top:60px;background:linear-gradient(180deg,#fff,#fbfdff)}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.info-card{min-height:230px;padding:28px 26px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 16px 40px rgba(21,54,91,.08);transition:transform .25s ease,box-shadow .25s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(21,81,135,.14)}.product-icon,.research-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:18px;border-radius:11px;font-style:normal;font-size:1.35rem}.product-icon.cyan{color:#069fe7;background:#e4f6ff}.product-icon.magenta{color:#d447dc;background:#f7e9ff}.product-icon.blue{color:#356ee8;background:#e8efff}.research-icon{color:#147fe8;background:#eaf3ff}.info-card h3{margin:0 0 10px;font-size:1.1rem}.info-card p{margin:0;color:#728096;font-size:.91rem;line-height:1.78}.research{padding-top:64px;background:linear-gradient(180deg,#fbfdff,#fff)}.research-card{min-height:270px}
.reputation{padding-top:64px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-grid>div{height:138px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(21,54,91,.08)}.stat-grid i{color:#ff982c;font-style:normal;font-size:1.3rem}.stat-grid b{color:#0874e8;font-size:2rem;line-height:1.2}.stat-grid span{color:#738195;font-size:.82rem}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 14px;margin-top:36px}.client-card{min-width:0;height:62px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #eef2f6;border-radius:7px;background:#fff;box-shadow:0 10px 22px rgba(37,76,122,.10)}.client-card img{width:38px;height:38px;flex:0 0 auto;object-fit:contain}.client-card span{min-width:0;color:#1f2b3d;font-size:.76rem;line-height:1.25;white-space:nowrap}.client-card.more span{font-size:1.1rem;font-weight:700;letter-spacing:.12em}
.conference{position:relative;height:360px;overflow:hidden;color:#fff;background:linear-gradient(105deg,#061832,#083151 60%,#07517e)}.conference:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,45,.99) 0%,rgba(5,28,52,.9) 48%,rgba(5,31,57,.06) 83%)}.conference-visual{position:absolute;right:0;top:0;width:60%;height:100%;background:url("reference-layout-final.png") right bottom/auto 1672px no-repeat}.conference-copy{position:relative;z-index:2;padding-top:44px}.conference-copy>span{color:#27d0e8;background:rgba(31,193,214,.14)}.conference-copy h2{width:58%;margin:12px 0;font-size:2rem;line-height:1.22}.conference-copy>p{width:58%;margin:0;color:rgba(226,238,248,.76);font-size:.83rem;line-height:1.78}.conference-stats{display:flex;margin-top:21px}.conference-stats>div{min-width:130px;padding-right:32px;margin-right:32px;border-right:1px solid rgba(255,255,255,.28);display:flex;flex-direction:column}.conference-stats>div:last-child{border:0}.conference-stats b{font-size:1.55rem;line-height:1.15}.conference-stats small{margin-top:4px;color:rgba(224,237,247,.69);font-size:.72rem}
.contact{padding:52px 0 48px}.contact .section-head{margin-bottom:25px}.contact-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,.75fr);gap:42px;align-items:center}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px;padding-right:40px;border-right:1px solid #e0e8f1}.contact-grid>div{min-height:58px;display:flex;align-items:center;gap:12px}.contact-grid i{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #dce7f2;border-radius:50%;color:#214e83;background:#f9fcff;font-style:normal}.contact-grid p{min-width:0;display:flex;flex-direction:column;margin:0}.contact-grid small{color:#778596;font-size:.73rem}.contact-grid b{overflow-wrap:anywhere;color:#1477ca;font-size:.82rem;font-weight:500}.wechat-card{display:flex;align-items:center;gap:18px}.wechat-card img{width:132px;height:132px;flex:0 0 auto;object-fit:contain;background:#fff}.wechat-card div{display:flex;flex-direction:column}.wechat-card strong{font-size:1rem}.wechat-card span{margin-top:7px;color:#7b8798;font-size:.78rem}
footer{position:relative;height:122px;overflow:hidden;color:#fff;background:radial-gradient(ellipse at center bottom,#07618e 0%,#071d37 54%,#050f22 100%)}footer:after{content:"";position:absolute;left:0;right:0;bottom:28px;height:1px;background:linear-gradient(90deg,transparent,#22b4ef,transparent);box-shadow:0 0 22px #10a6e8}.footer-grid{opacity:.16;transform:perspective(260px) rotateX(65deg) scale(1.4);transform-origin:bottom}.footer-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center;gap:28px}.footer-brand img{width:45px;height:40px}.footer-inner>p{margin:0;padding-left:28px;border-left:1px solid rgba(255,255,255,.2);font-size:.82rem;letter-spacing:.08em}.footer-inner>small{margin-left:auto;color:rgba(255,255,255,.58);font-size:.68rem;text-align:right}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
@media(max-width:980px){:root{--shell:880px}.hero-copy{width:58%}.hero-copy h1{font-size:2.8rem}.client-grid{grid-template-columns:repeat(4,1fr)}.conference-copy h2,.conference-copy>p{width:65%}.contact-layout{grid-template-columns:1fr}.contact-grid{padding-right:0;border-right:0}.wechat-card{justify-content:center;padding-top:22px;border-top:1px solid #e0e8f1}}
@media(max-width:700px){body{font-size:15px}.shell{width:min(calc(100% - 30px),var(--shell))}.hero{height:680px}.hero-visual{width:100%;opacity:.25}.hero-inner{padding-top:24px}.hero-copy{width:100%;margin-top:145px}.hero-copy h1{font-size:2.45rem}.hero-copy>p{font-size:.92rem}.hero-stats>div{min-width:0;flex:1;margin-right:13px;padding-right:13px}.hero-stats b{font-size:1.45rem}.hero-stats span{font-size:.7rem}.section{padding:56px 0}.section-head h2{font-size:1.65rem}.three-grid{grid-template-columns:1fr}.info-card,.research-card{min-height:0}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid>div{height:120px}.client-grid{grid-template-columns:1fr 1fr;gap:10px}.client-card{height:66px}.client-card span{font-size:.72rem;white-space:normal}.conference{height:auto;min-height:500px}.conference-visual{width:100%;opacity:.28}.conference-copy{padding:52px 0}.conference-copy h2,.conference-copy>p{width:100%}.conference-stats>div{min-width:0;flex:1;margin-right:13px;padding-right:13px}.conference-stats b{font-size:1.3rem}.contact-grid{grid-template-columns:1fr}.wechat-card{align-items:flex-start}.wechat-card img{width:118px;height:118px}.footer-inner{gap:14px}.footer-inner>p{display:none}.footer-inner>small{font-size:.58rem}}

/* Dedicated crops prevent the reference artwork from shifting between breakpoints. */
.hero-visual{background-image:url("hero-visual.png");background-position:center;background-size:cover}
.conference-visual{background-image:url("conference-visual.png");background-position:center;background-size:cover}

/* Five-screen desktop presentation */
.hero-visual{background-image:url("hero-shield-hd.png")}
.conference-visual{background-image:url("cctc-stage-hd.png")}

@media(min-width:701px){
  html{scroll-snap-type:y proximity}
  .hero,.products,.research,.reputation,.final-screen{min-height:100vh;scroll-snap-align:start;scroll-snap-stop:normal}
  .hero{height:100vh;min-height:720px}
  .hero-inner{display:flex;flex-direction:column;padding-top:34px}
  .hero-copy{margin-top:auto;margin-bottom:auto}
  .hero-visual{width:63%;background-position:center;background-size:cover}
  .products,.research,.reputation{display:flex;align-items:center;padding:48px 0}
  .products>.shell,.research>.shell,.reputation>.shell{width:min(calc(100% - 48px),var(--shell))}
  .reputation .section-head{margin-bottom:24px}
  .reputation .stat-grid>div{height:112px}
  .reputation .client-grid{gap:9px 13px;margin-top:25px}
  .reputation .client-card{height:55px;padding:7px 10px}
  .reputation .client-card img{width:34px;height:34px}
  .final-screen{height:100vh;min-height:760px;display:grid;grid-template-rows:52% 36% 12%;overflow:hidden}
  .final-screen .conference{height:100%;min-height:0}
  .final-screen .conference-visual{width:100%;background-position:center;background-size:cover}
  .final-screen .conference-copy{height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:0}
  .final-screen .conference-copy h2{margin-top:10px}
  .final-screen .contact{height:100%;display:flex;align-items:center;padding:24px 0}
  .final-screen .contact .section-head{margin-bottom:17px}
  .final-screen .contact .section-head h2{font-size:1.65rem;margin-top:6px}
  .final-screen .contact .section-head p{font-size:.8rem}
  .final-screen .contact-layout{gap:34px}
  .final-screen .contact-grid{gap:4px 24px}
  .final-screen .contact-grid>div{min-height:46px}
  .final-screen .wechat-card img{width:104px;height:104px}
  .final-screen footer{height:100%}
}

@media(max-width:700px){
  html{scroll-snap-type:none}
  .final-screen{display:block;min-height:0}
  .final-screen .conference{min-height:500px}
  .final-screen .contact{height:auto}
  .hero-visual,.conference-visual{background-position:center;background-size:cover}
}

/* Combined capability screen and restrained light-tech surfaces */
.capability-screen,.reputation,.contact{
  background-color:#fbfdff;
  background-image:
    radial-gradient(circle at 8% 12%,rgba(21,198,244,.08),transparent 28%),
    radial-gradient(circle at 92% 86%,rgba(8,124,240,.065),transparent 30%),
    linear-gradient(rgba(28,137,211,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(28,137,211,.032) 1px,transparent 1px);
  background-size:auto,auto,48px 48px,48px 48px;
}
.capability-screen{position:relative;overflow:hidden}
.capability-screen:before,.reputation:before,.contact:before{content:"";position:absolute;pointer-events:none;width:280px;height:280px;border:1px solid rgba(25,139,219,.075);border-radius:50%;box-shadow:0 0 0 38px rgba(25,139,219,.018),0 0 0 76px rgba(25,139,219,.012)}
.capability-screen:before{right:-110px;top:calc(50% - 140px)}
.reputation,.contact{position:relative;overflow:hidden}
.reputation:before{left:-130px;bottom:-105px}.contact:before{right:-140px;top:-110px}
.capability-screen>.products,.capability-screen>.research{position:relative;z-index:1;background:transparent}
.capability-screen .info-card,.reputation .stat-grid>div,.reputation .client-card,.contact-layout{backdrop-filter:blur(2px)}
.footer-inner a{color:rgba(255,255,255,.76);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.34);transition:color .2s ease,border-color .2s ease}.footer-inner a:hover{color:#fff;border-color:#27c8f3}.footer-inner a:focus-visible{outline:2px solid #27c8f3;outline-offset:3px;border-radius:2px}

@media(min-width:701px){
  .hero,.capability-screen,.reputation,.final-screen{min-height:100vh;scroll-snap-align:start}
  .products,.research{min-height:0;scroll-snap-align:none}
  .capability-screen{height:100vh;min-height:720px;display:grid;grid-template-rows:1fr 1fr;align-items:stretch;padding:18px 0}
  .capability-screen>.products,.capability-screen>.research{min-height:0;display:flex;align-items:center;padding:18px 0}
  .capability-screen .section-head{margin-bottom:18px}
  .capability-screen .section-head>span{padding:2px 13px;font-size:.68rem}
  .capability-screen .section-head h2{margin:6px 0 3px;font-size:1.58rem}
  .capability-screen .section-head p{font-size:.8rem}
  .capability-screen .info-card{min-height:164px;padding:18px 20px}
  .capability-screen .research-card{min-height:190px}
  .capability-screen .product-icon,.capability-screen .research-icon{width:42px;height:42px;margin-bottom:10px;font-size:1.08rem}
  .capability-screen .info-card h3{margin-bottom:6px;font-size:.98rem}
  .capability-screen .info-card p{font-size:.78rem;line-height:1.68}
}

@media(min-width:701px) and (max-height:850px){
  .capability-screen{padding:8px 0}
  .capability-screen>.products,.capability-screen>.research{padding:10px 0}
  .capability-screen .section-head{margin-bottom:12px}
  .capability-screen .info-card{min-height:148px;padding:14px 18px}
  .capability-screen .research-card{min-height:168px}
  .capability-screen .product-icon,.capability-screen .research-icon{width:36px;height:36px;margin-bottom:7px}
  .capability-screen .info-card p{font-size:.72rem;line-height:1.58}
}

@media(max-width:700px){
  .capability-screen{display:block;height:auto;min-height:0;padding:0}
  .capability-screen>.products,.capability-screen>.research{background:transparent}
}