/* Full-width Eplus opening with a particle brand backdrop. */
html{overflow-x:clip}
.hero{isolation:isolate;min-height:max(850px,100svh);padding:135px max(6vw,28px) 145px;background:#050b15;color:#eef3ff;justify-content:center}
.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,#050b1538 0,transparent 60%),linear-gradient(0deg,#050b15,transparent 22%,transparent 82%,#050b1544)}
.hero-atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 15%,#1a3853 0,#142237 32%,#090f20 65%,#050b15 100%)}
.hero-atmosphere::after{content:'';position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#abbafa .65px,transparent .65px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-inner{width:100%;max-width:1400px;text-align:center;z-index:3;text-shadow:0 2px 28px #050b1590}
.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;letter-spacing:.24em;color:#b2c8de;margin-bottom:23px;animation:heroEnter 1s .1s both}
.hero-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#69e7ef;box-shadow:0 0 15px #20d4f4}
.hero h1{margin:0;line-height:1;letter-spacing:-.055em;font-weight:650;animation:heroEnter 1.2s .2s both}
.hero-title-main{display:block;font-size:clamp(100px,12vw,184px);background:linear-gradient(125deg,#fff 10%,#dce7ff 45%,#a6baf6 85%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.title-plus{display:inline-block;font-weight:300;color:#81e8f3;font-size:.7em;vertical-align:top;margin:0 0 0 .06em;text-shadow:0 0 45px #4182b870}
.hero-title-sub{display:block;font-size:clamp(26px,3.1vw,44px);letter-spacing:.15em;line-height:1.5;margin-top:17px;font-weight:500}
.hero-title-sub>span{display:inline-block;margin-left:.8em;color:#acb9da}
.hero-intro{font-size:14px;line-height:1.95;letter-spacing:.08em;color:#a4b2c8;margin-top:18px;animation:heroEnter 1.1s .35s both}
.hero .meaning-player{margin:25px auto 27px;padding:0;border:0;animation:heroEnter 1.1s .5s both}
.meaning-label{display:block;font-size:8px;letter-spacing:.24em;color:#8d9fba;margin-bottom:9px}
.hero .meaning-stage{min-height:66px;align-items:center;justify-content:flex-start}
.hero .meaning-word{font-size:30px;font-weight:450;line-height:1.2;color:#c5b6ff;letter-spacing:-.025em}
.hero .meaning-e{color:#86eafa}
.hero .meaning-cn{font-size:10px;color:#8d9bb9;min-height:18px;letter-spacing:.28em;margin-top:7px}
.hero .subtitle{font-size:13px;margin:0 auto;text-align:center;line-height:2}
.hero .subtitle .sub-pair{margin:0 8px 0 0}
.hero .subtitle .cn{color:#c0cce1}
.hero .subtitle .en{-webkit-text-fill-color:#b6c8ff}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;animation:heroEnter 1.1s .65s both}
.hero .hero-cta{font-size:12px;letter-spacing:.1em;padding:15px 26px;border:1px solid #d2dcff66;border-radius:5px;background:linear-gradient(115deg,#e4ecff,#c3d6fa);color:#152442;box-shadow:0 0 28px #88a9ff22;font-weight:600}
.hero .hero-cta::before{background:linear-gradient(115deg,#fff,#9cedf4)}
.hero-secondary{color:#c0cae0;text-decoration:none;font-size:12px;letter-spacing:.06em}
.hero-secondary span{margin-left:12px;color:#84ddec}
.hero-secondary:hover{color:white}
.hero-art{position:absolute;inset:0;z-index:0;overflow:hidden;animation:particleEnter 2s ease both;pointer-events:none}
#hero-universe{position:absolute;inset:0;width:100%;height:100%}
.particle-mist{position:absolute;width:85%;height:48%;border-radius:50%;filter:blur(70px);opacity:.38;animation:mistDrift 22s ease-in-out infinite alternate;will-change:transform}
.mist-cyan{top:0;left:-20%;background:radial-gradient(ellipse,#76bace5c,transparent 67%);transform:rotate(-28deg)}
.mist-purple{bottom:9%;right:-22%;background:radial-gradient(ellipse,#777be45c,transparent 67%);animation-delay:-11s}
.hero-bottom{position:absolute;z-index:3;left:6vw;right:6vw;bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:23px;border-top:1px solid #c1d0ff1a;color:#697791;animation:heroEnter 1s 1s both}
.hero-bottom-label{font-size:10px;letter-spacing:.15em}
.hero-disciplines{display:flex;gap:35px}
.hero-disciplines a{color:#98a5bf;text-decoration:none;font-size:10px;letter-spacing:.08em;transition:color .2s}
.hero-disciplines a:hover{color:#93eaf5}
.hero-bottom-index{font-size:8px;letter-spacing:.15em}
.hero .scroll-indicator{left:auto;right:6vw;bottom:105px;flex-direction:row;gap:12px;transform:none;font-size:8px;color:#9caacd;animation:none;opacity:.65;letter-spacing:.18em}
.hero .scroll-line{height:1px;width:45px;background:linear-gradient(90deg,#819fc0,transparent)}
.nav.on-hero{background:rgba(5,7,17,.5);border-bottom:1px solid #b5ceff12;backdrop-filter:blur(18px)}
.nav.on-hero .nav-logo span{color:#e4ebff}
.nav.on-hero .nav-logo img{content:url('eplus.svg');filter:invert(1);height:31px}
.nav.on-hero .nav-links a{color:#9aa7c1;font-size:12px}
.nav.on-hero .nav-links a:hover{color:#fff}
.nav.on-hero .nav-links li:last-child a{border:1px solid #bfd0ff33;border-radius:4px;padding:7px 17px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero+.section-divider{padding-top:44px}
@keyframes heroEnter{from{opacity:0;transform:translateY(25px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes particleEnter{from{opacity:0}to{opacity:1}}
@keyframes mistDrift{to{transform:translate(12%,-10%) rotate(18deg) scale(1.18);opacity:.65}}
@media(max-width:1000px){.hero{min-height:max(820px,100svh)}.hero-disciplines{gap:20px}.hero-bottom-index{display:none}}
@media(max-width:640px){
  .about-grid>*{min-width:0}.stats-row{flex-wrap:wrap}.contact-info{min-width:0;max-width:100%}.contact-num{font-size:clamp(1.25rem,6vw,2rem);overflow-wrap:anywhere}
  .hero{min-height:max(740px,100svh);padding:125px 24px 125px;align-items:center}
  .hero-inner{width:100%;max-width:none}.hero-eyebrow{font-size:8px;margin-bottom:19px}
  .hero-title-main{font-size:clamp(74px,21vw,120px)}.hero-title-sub{font-size:clamp(20px,5.8vw,32px);line-height:1.5;margin-top:16px;letter-spacing:.04em}
  .hero-title-sub>span{margin-left:.5em}.hero-intro{font-size:11px;margin-top:18px;letter-spacing:.02em}
  .hero .meaning-player{margin:27px auto}.hero .meaning-word{font-size:27px}.hero-actions{gap:25px}
  .particle-mist{width:150%;filter:blur(45px)}
  .hero .hero-cta{padding:13px 22px}.hero-bottom{left:26px;right:26px;bottom:24px;padding-top:17px}.hero-bottom-label,.hero .scroll-indicator{display:none}
  .hero-disciplines{width:100%;justify-content:space-between;gap:8px}.hero-disciplines a{font-size:9px;letter-spacing:0}
  .nav-inner{padding:0 26px}.nav-logo span{font-size:16px}.hero+.section-divider{padding-top:30px}
}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-inner>*{animation:none}.hero .meaning-stage{display:none}.hero .subtitle{display:block}.hero{scroll-behavior:auto}}