:root{--ink:#1d1d1f;--secondary:#657080;--blue:#0071e3;--paper:#f5f5f7;--px:0deg;--py:0deg;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:58px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:white;padding:12px}.skip:focus{top:8px}
.nav{height:58px;background:#fafafbdc;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid #cdd4dd60}.nav nav{height:100%;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px}.brand{display:flex;gap:10px;align-items:center;font-size:17px;letter-spacing:-.6px}.brand img{width:31px;height:23px;object-fit:contain}.nav-links{display:flex;gap:34px;font-size:13px;color:#4e5661}.nav-links a:hover{color:var(--blue)}.nav-action{font-size:13px;padding:7px 14px;border-radius:18px;background:#e9edf3}
.hero{overflow:hidden;text-align:center;background:linear-gradient(180deg,#f8f9fb,#f0f3f8 82%,#edf1f8)}.hero-copy{position:relative;z-index:5;padding:46px 20px 0}.hero h1{font-size:48px;font-weight:700;letter-spacing:-2px;line-height:1.3}.hero-tagline{font-size:23px;line-height:1.55;margin-top:13px;font-weight:500}.hero-detail{font-size:16px;line-height:1.8;margin:10px 0 0;color:#647080}.actions{display:flex;justify-content:center;gap:16px;margin-top:23px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 23px;font-size:15px;border-radius:30px;background:var(--blue);color:white;border:1px solid var(--blue);line-height:1.4;transition:background .18s,box-shadow .18s}.primary:hover{background:#0077ed;box-shadow:0 5px 20px #0071e31c}.secondary{background:transparent;color:var(--blue)}.secondary:hover{background:#e6efff}
.hero-scene{position:relative;max-width:1320px;height:570px;margin:20px auto 0;perspective:2000px;--px:0deg;--py:0deg}.brand-sculpture{position:absolute;inset:12px 0 auto;font-size:clamp(130px,13.3vw,210px);font-weight:800;letter-spacing:7px;white-space:nowrap;line-height:1.1;background:linear-gradient(175deg,#d8e1ec 18%,#aebed3 59%,#edf2fa 73%,#c0cddd);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #b1c0d640;filter:drop-shadow(0 2px 0 #fefefe) drop-shadow(0 4px 1px #a3b2c044)}.light-floor{position:absolute;left:10%;right:10%;height:290px;bottom:30px;border-radius:50%;background:radial-gradient(ellipse,#70a9ff36,transparent 65%);transform:rotateX(62deg);filter:blur(22px)}.scene-shadow{position:absolute;left:16%;width:74%;height:70px;bottom:14px;border-radius:50%;background:#293e6620;filter:blur(26px);transform:rotate(-4deg)}
.screen-solid{position:absolute;padding:5px;background:linear-gradient(130deg,#f5f8fc,#aebacb 44%,#5e7190);border:1px solid #fff;border-radius:13px;box-shadow:1px 1px 0 #7d8ba7,3px 4px 0 #8293b1,5px 7px 0 #768bad,0 34px 55px -24px #14284863;transform-style:preserve-3d;will-change:auto}.screen-solid>img{width:100%;height:auto;border-radius:8px;background:#f4f5f8}.hero-client{width:76%;left:10%;top:145px;z-index:3;transform:rotateX(calc(7deg + var(--py))) rotateY(calc(-13deg + var(--px))) rotateZ(-3deg);transform-origin:center;transition:transform .3s ease-out}.panel-solid{position:absolute;padding:3px;background:linear-gradient(140deg,#f6f9ff,#9eaec6);border:1px solid #fefefe;border-radius:12px;box-shadow:2px 3px 0 #8ca1c1,4px 5px 0 #718bad,0 26px 45px -15px #182e5352}.crop{position:relative;overflow:hidden;border-radius:8px;background:#f6f7fb;aspect-ratio:340 / 1001}.crop>img{position:absolute;max-width:none;width:554.12%;height:auto;top:0;left:0}.reception-crop>img{left:-452.94%}.stores-crop{aspect-ratio:265 / 1001}.stores-crop>img{width:710.94%}.hero-sidepanel{width:200px;right:4%;top:204px;z-index:4;transform:rotateX(5deg) rotateY(-20deg) rotateZ(3deg);height:355px;overflow:hidden}.hero-sidepanel .crop{height:100%;aspect-ratio:auto}.hero-sidepanel .crop>img{height:100%;width:auto;left:auto;right:0}.scene-label{position:absolute;left:0;right:0;bottom:5px;font-size:13px;color:#677a93;z-index:5}
.platforms{max-width:1280px;margin:auto;padding:35px 28px 40px;text-align:center}.platforms>p{font-size:15px;color:#606e81;margin-bottom:24px}.platform-line{display:flex;justify-content:space-between;gap:24px;overflow:auto;scrollbar-width:none}.platform-line span{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;white-space:nowrap}.platform-line img{width:32px;height:32px;object-fit:contain;flex:none}
.poster-section{position:relative}.feature-poster{display:grid;grid-template-columns:36% 64%;min-height:640px;max-width:1600px;margin:12px auto;overflow:hidden}.section-copy{position:relative;z-index:5}.feature-poster>.section-copy{align-self:center;padding:40px 0 40px max(44px,calc((100vw - 1240px)/2))}.section-name{font-size:16px;color:#637389;font-weight:600;margin-bottom:18px;line-height:1.6}.section-copy h2{font-size:48px;line-height:1.25;letter-spacing:-2px;font-weight:700}.description{font-size:18px;line-height:1.8;margin-top:23px;color:#647080;letter-spacing:-.3px}.learn{display:inline-flex;font-size:16px;color:var(--blue);align-items:center;gap:9px;margin-top:25px}.learn:hover{text-decoration:underline}.learn span{font-size:24px;line-height:1}.quiet-note{font-size:12px;color:#7d8796;line-height:1.7;margin-top:14px}.feature-art{position:relative;perspective:1700px;min-width:0;--px:0deg;--py:0deg}.stores-poster{background:#f5f5f7}.stores-orbit{position:absolute;font-size:64px;letter-spacing:-3px;font-weight:700;color:#dde1e8;top:87px;left:3%;white-space:nowrap}.stores-screen{width:95%;left:0;top:190px;transform:rotateX(9deg) rotateY(-20deg) rotateZ(-5deg);z-index:2}.stores-panel{width:168px;left:4%;top:93px;z-index:3;transform:rotateX(7deg) rotateY(16deg) rotateZ(-6deg)}
.reception-poster{background:linear-gradient(115deg,#edf4fe,#f6f8fb 64%);min-height:630px}.reception-chat{width:620px;left:2%;top:128px;transform:rotateX(6deg) rotateY(-15deg) rotateZ(-3deg);z-index:2}.chat-crop{aspect-ratio:890 / 760}.chat-crop>img{width:211.69%;left:-65.73%;top:-10%}.reception-panel{width:210px;right:12%;top:96px;transform:rotateX(5deg) rotateY(-12deg) rotateZ(5deg);z-index:3}
.workflow-poster{min-height:870px;background:radial-gradient(ellipse at 50% 82%,#133664 0,#101925 32%,#090e17 68%);color:#f5f8ff;margin:12px auto;max-width:1600px;overflow:hidden;text-align:center;padding-top:58px}.workflow-poster .section-name{color:#92b6e6}.workflow-poster h2{font-size:48px}.workflow-poster .description{color:#b2bfce}.workflow-scene{position:relative;perspective:1600px;height:540px;max-width:1200px;margin:30px auto 0}.workflow-halo{position:absolute;inset:0 10%;background:radial-gradient(ellipse,#2787ff46,transparent 65%);filter:blur(25px)}.workflow-screen{width:83%;top:47px;left:8.5%;transform:rotateX(12deg) rotateY(7deg) rotateZ(-3deg);box-shadow:2px 3px 0 #567090,5px 8px 0 #304967,0 0 0 1px #426187,0 25px 80px -20px #276bdb60}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1600px;margin:12px auto}.tile{height:770px;position:relative;text-align:center;overflow:hidden;background:#f5f5f7;padding-top:45px;min-width:0}.tile .section-copy{padding:0 20px}.tile .section-name{font-size:15px;margin-bottom:12px}.tile h2{font-size:40px;line-height:1.3;letter-spacing:-1.5px}.tile .description{font-size:16px;line-height:1.85;margin-top:18px}.tile-scene{position:relative;height:430px;margin-top:35px;perspective:1600px;--px:0deg;--py:0deg}.intelligence-tile{background:linear-gradient(150deg,#f5f6f9,#edf2ff)}.knowledge-back{width:76%;left:13%;top:0;transform:rotateX(15deg) rotateY(14deg) rotateZ(-8deg);z-index:1;opacity:.92}.knowledge-front{width:85%;left:7%;top:120px;transform:rotateX(7deg) rotateY(-12deg) rotateZ(4deg);z-index:2}.intent-tile{background:#f5f5f7}.intent-chat{width:63%;left:4%;top:65px;transform:rotateX(7deg) rotateY(15deg) rotateZ(-5deg);z-index:1}.intent-chat-crop{aspect-ratio:650 / 730}.intent-chat-crop>img{width:289.85%;left:-90%;top:-15%}.intent-panel{width:31%;right:8%;top:13px;transform:rotateX(7deg) rotateY(-16deg) rotateZ(6deg);z-index:2}.assistant-tile{background:radial-gradient(ellipse at 50% 90%,#263b62,#111b2b 68%);color:#f0f6ff}.assistant-tile .section-name{color:#b9cef0}.assistant-tile .description{color:#aebfd5}.assistant-tile .quiet-note{color:#93a5bf}.preview-chip{display:inline-block;font-size:11px;font-weight:400;padding:2px 7px;border:1px solid #7b95bf;border-radius:12px;margin-left:6px;vertical-align:middle}.assistant-screen{width:88%;left:6%;top:30px;transform:rotateX(7deg) rotateY(14deg) rotateZ(-4deg)}.tickets-tile{background:#f5f5f7}.tickets-screen{width:88%;left:6%;top:50px;transform:rotateX(8deg) rotateY(-14deg) rotateZ(4deg)}
.contact{max-width:1160px;margin:0 auto;padding:90px 30px;display:flex;justify-content:space-between;align-items:center;gap:50px}.contact h2{font-size:52px;line-height:1.25;letter-spacing:-2px}.contact .actions{justify-content:flex-start}.contact-card{text-align:center;flex:none;background:#f5f5f7;padding:22px 28px;border-radius:20px}.contact-card>img{width:170px;height:170px;margin:0 auto 17px}.contact-card strong{font-size:16px}.contact-card>p{font-size:13px;line-height:1.8;color:#667185;margin-top:9px}footer{background:#f5f5f7;padding:28px max(28px,calc((100vw - 1100px)/2));font-size:12px;line-height:1.8;color:#787e88}footer p+p{margin-top:8px}
@media(min-width:1601px){.feature-poster>.section-copy{padding-left:90px}}
@media(max-width:1100px){.nav-links{gap:20px}.hero h1{font-size:43px}.hero-scene{height:480px}.brand-sculpture{font-size:145px;top:33px}.hero-client{top:160px;left:11%;width:75%}.hero-sidepanel{top:218px;width:155px;height:275px;right:5%}.scene-label{bottom:0}.feature-poster{grid-template-columns:40% 60%;min-height:550px}.feature-poster>.section-copy{padding-left:34px;padding-right:10px}.section-copy h2,.workflow-poster h2{font-size:40px}.description{font-size:16px}.stores-screen{top:175px;left:-4%;width:115%}.stores-orbit{font-size:40px;top:82px}.stores-panel{width:120px;top:90px}.reception-chat{width:90%;top:145px}.reception-panel{width:155px;right:7%;top:123px}.workflow-poster{min-height:730px}.workflow-scene{height:420px}.tile{height:650px}.tile h2{font-size:34px}.tile .description{font-size:15px}.tile-scene{height:340px}.intent-panel{right:3%;width:33%}.knowledge-front{top:95px}.contact{padding:65px 40px}.contact h2{font-size:44px}}
@media(max-width:760px){.nav{height:54px}.nav nav{padding:0 18px}.nav-links{display:none}.brand{font-size:16px}.hero-copy{padding-top:35px}.hero h1{font-size:32px;letter-spacing:-1px}.hero-tagline{font-size:17px;line-height:1.65;margin-top:12px}.hero-detail{font-size:14px;max-width:330px;margin:10px auto 0}.actions{gap:10px;margin-top:20px}.primary,.secondary{font-size:13px;padding:10px 14px;min-height:42px}.hero-scene{height:340px;margin-top:18px;width:100%}.brand-sculpture{font-size:17vw;letter-spacing:1px;top:16px}.hero-client{width:86%;left:5%;top:90px;transform:rotateX(8deg) rotateY(-13deg) rotateZ(-4deg)}.hero-sidepanel{width:21%;height:46vw;right:3%;top:121px;max-height:228px;padding:2px}.scene-label{font-size:10px;bottom:12px;padding:0 10px}.screen-solid{padding:3px;border-radius:8px;box-shadow:2px 3px 0 #8ca1c1,4px 6px 0 #8293b1,0 20px 35px -18px #20395b63}.screen-solid>img{border-radius:5px}.light-floor{bottom:30px}.scene-shadow{bottom:45px}.platforms{padding:27px 20px 30px}.platforms>p{font-size:14px;margin-bottom:19px}.platform-line{gap:25px;justify-content:flex-start}.platform-line span{font-size:13px}.platform-line img{width:28px;height:28px}.feature-poster{display:block;margin:8px 0;min-height:0;padding-top:33px}.feature-poster>.section-copy{padding:0 23px;text-align:center}.section-name{font-size:14px;margin-bottom:12px}.section-copy h2,.workflow-poster h2{font-size:32px;letter-spacing:-1px}.description{font-size:15px;line-height:1.85;margin-top:17px}.description br{display:none}.learn{font-size:14px;margin-top:17px}.quiet-note{font-size:11px}.feature-art{height:340px;margin-top:15px}.stores-orbit{font-size:30px;top:40px;left:18%}.stores-screen{width:96%;left:7%;top:105px}.stores-panel{width:84px;left:6%;top:33px}.reception-poster .feature-art{height:380px;margin-top:25px}.reception-chat{width:81%;left:3%;top:66px}.reception-panel{width:30%;right:5%;top:29px}.workflow-poster{padding-top:36px;margin:8px 0;min-height:0}.workflow-poster .section-copy{padding:0 24px}.workflow-scene{height:310px;margin-top:22px}.workflow-screen{width:90%;left:5%;top:36px}.feature-grid{grid-template-columns:1fr;gap:8px;margin:8px 0}.tile{height:620px;padding-top:35px}.tile h2{font-size:32px}.tile .description{font-size:15px}.tile-scene{height:330px;max-width:580px;margin:30px auto 0}.knowledge-back{width:77%;left:11%;top:0}.knowledge-front{width:85%;left:7%;top:98px}.intent-panel{width:30%;right:10%;top:3px}.intent-chat{top:60px;width:62%;left:6%}.assistant-tile,.tickets-tile{height:570px}.assistant-screen,.tickets-screen{top:20px}.contact{display:block;padding:48px 24px;text-align:center}.contact h2{font-size:35px;letter-spacing:-1px}.contact .actions{justify-content:center}.contact-card{width:250px;margin:35px auto 0;padding:20px}.contact-card>img{width:156px;height:156px}footer{font-size:11px;padding:24px}}
@media(max-width:400px){.hero-scene{height:305px}.hero-tagline{font-size:16px}.tile{height:580px}.assistant-tile,.tickets-tile{height:530px}.feature-art{height:315px}.reception-poster .feature-art{height:355px}}
/* Finish the first scene above the floor, so the client visibly floats. */
.hero-scene{height:600px}
.hero-client{width:62%;left:17%;top:105px}
.hero-sidepanel{width:146px;height:auto;right:9%;top:139px;overflow:visible}
.isolated-panel{width:100%;height:auto;border-radius:8px}
.stores-panel{width:132px;top:83px;left:6%}
.stores-screen{width:85%;left:8%;top:165px}
.stores-orbit{font-size:54px;left:8%;top:68px}
.reception-panel{width:184px;right:10%;top:76px}
.assistant-screen,.tickets-screen{width:76%;left:12%;top:30px}
.assistant-tile,.tickets-tile{height:820px}
@media(max-width:1100px){
  .hero-scene{height:485px}.hero-client{width:68%;left:14%;top:112px}.hero-sidepanel{width:108px;top:138px;right:5%}
  .stores-panel{width:105px;left:5%;top:85px}.stores-screen{width:97%;left:5%;top:170px}.stores-orbit{font-size:38px;top:68px}
  .reception-panel{width:143px;right:6%;top:100px}.assistant-tile,.tickets-tile{height:700px}
}
@media(max-width:760px){
  .hero-scene{height:calc(55vw + 110px)}.hero-client{width:82%;left:7%;top:89px}.hero-sidepanel{width:17%;top:105px;right:3%}
  .stores-screen{width:89%;left:12%;top:105px}.stores-panel{width:73px;top:30px;left:6%}.stores-orbit{font-size:25px;top:38px;left:23%}
  .reception-panel{width:28%;right:6%;top:25px}.assistant-tile,.tickets-tile{height:590px}
  .assistant-screen,.tickets-screen{width:80%;left:10%;top:15px}.scene-label{display:none}
}
@media(max-width:400px){.hero-scene{height:310px}.assistant-tile,.tickets-tile{height:550px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.hero-client{transition:none}}
/* Keep every supported platform readable on phones without a clipped horizontal strip. */
@media (max-width: 760px) {
  .platforms { padding: 30px 20px 34px; }
  .platforms > p { font-size: 14px; line-height: 1.7; margin-bottom: 24px; }
  .platform-line {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 16px;
    max-width: 560px;
    margin: 0 auto;
    overflow: visible;
  }
  .platform-line span {
    justify-content: flex-start;
    min-width: 0;
    min-height: 36px;
    gap: 10px;
    font-size: 14px;
    line-height: 1.6;
    white-space: nowrap;
  }
  .platform-line img { width: 32px; height: 32px; flex: 0 0 32px; object-fit: contain; }
}