/* BasicX product surface. All visuals are illustrative. */
#basicx1{--bx-bg:#f5f5f7;--bx-card:#fff;--bx-ink:#202124;--bx-muted:#676b73;--bx-line:rgba(58,67,80,.14);--bx-accent:#426c88;--bx-ease:cubic-bezier(.22,1,.36,1);width:100%;max-width:none;margin:0;padding:0;color:var(--bx-ink);background:var(--bx-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;text-align:left;line-height:1.7;isolation:isolate}
html[data-theme="dark"] #basicx1{--bx-bg:#000;--bx-card:#101114;--bx-ink:#f5f5f7;--bx-muted:#a1a6af;--bx-line:rgba(205,219,239,.17);--bx-accent:#a9cce4}
#basicx1 *,#basicx1 *::before,#basicx1 *::after{box-sizing:border-box}#basicx1 :is(h1,h2,h3,h4,p,figure){margin:0;font-family:inherit}#basicx1 :is(h1,h2,h3,h4){color:inherit;text-wrap:balance}#basicx1 h2{font-size:clamp(36px,5.1vw,66px);line-height:1.2;font-weight:650;letter-spacing:-.055em}#basicx1 h3{font-size:23px;line-height:1.4;font-weight:600;letter-spacing:-.035em}#basicx1 p{color:inherit}#basicx1 a{color:inherit;text-decoration:none}#basicx1 button{font:inherit;cursor:pointer}#basicx1 :is(a,button):focus-visible{outline:3px solid #82b0e2;outline-offset:5px}#basicx1 section[id]{scroll-margin-top:32px}.bx-inner{width:min(1120px,calc(100% - 64px));margin-inline:auto}#basicx1 .bx-section{padding-block:120px}#basicx1 .bx-eyebrow{font-size:11px;line-height:1.7;letter-spacing:.18em;font-weight:600;text-transform:uppercase;color:var(--bx-muted)}#basicx1 .bx-lead{color:var(--bx-muted);font-size:19px;line-height:1.85;letter-spacing:-.015em;max-width:38em;margin-top:28px}#basicx1 .bx-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:var(--bx-accent);min-height:44px}.bx-link span{transition:transform .45s var(--bx-ease)}.bx-link:hover span{transform:translate(2px,2px)}
#basicx1 .bx-hero{position:relative;overflow:hidden;background:#000;color:#f5f5f7;padding:92px 0 24px}.bx-hero-copy{position:relative;text-align:center;z-index:2}#basicx1 .bx-hero .bx-eyebrow{color:#9ba5b7}#basicx1 .bx-hero h1{font-size:clamp(78px,12.5vw,164px);font-weight:600;letter-spacing:-.08em;line-height:1.12;margin-top:13px}#basicx1 .bx-hero h1 span{display:inline-block;background:linear-gradient(140deg,#fff 10%,#a7b8dd 48%,#bca4db 84%);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-.09em}#basicx1 .bx-tagline{font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:-.04em;margin-top:20px}#basicx1 .bx-hero-sub{font-size:15px;color:#a4a9b4;margin-top:12px}#basicx1 .bx-hero .bx-link{color:#bbd5f0;margin-top:16px}.bx-sculpture{position:relative;height:430px;max-width:980px;margin:-16px auto 0;perspective:1200px;contain:layout style}.bx-halo{position:absolute;inset:8% 17% 0;background:radial-gradient(ellipse at 50% 55%,rgba(106,129,214,.18),rgba(88,72,151,.06) 38%,transparent 66%);filter:blur(20px)}.bx-object{position:absolute;width:270px;height:270px;left:50%;top:70px;margin-left:-135px;transform:rotateX(57deg) rotateZ(-32deg);transform-style:preserve-3d}.bx-plane{position:absolute;inset:0;border-radius:49px;border:1px solid rgba(217,233,255,.6);background:linear-gradient(135deg,rgba(197,219,252,.5),rgba(83,113,169,.16) 22%,rgba(31,34,57,.55) 58%,rgba(203,187,238,.32));box-shadow:inset 0 0 1px 1px rgba(220,232,255,.12),inset 0 -10px 25px rgba(10,14,30,.45),0 7px 0 #12151f,0 8px 0 rgba(186,211,243,.4);transition:transform 1.2s var(--bx-ease)}.bx-plane-back{transform:translateZ(-45px) translate(26px,26px);opacity:.35}.bx-plane-mid{transform:translateZ(0px);opacity:.65}.bx-plane-front{transform:translateZ(45px) translate(-26px,-26px);background:linear-gradient(130deg,#dbe8f9 0%,#7799c0 9%,#253246 27%,#10131d 48%,#263349 77%,#a8b9cf 100%);display:grid;place-items:center}.bx-x{font-size:146px;font-weight:500;line-height:1;color:#b8cde7;text-shadow:0 2px 2px #060a10;transform:translateZ(2px);opacity:.85}.bx-reflection{position:absolute;left:29%;right:29%;height:12px;bottom:54px;background:linear-gradient(90deg,transparent,#6280ac,transparent);filter:blur(16px);opacity:.4}.bx-object-caption{position:absolute;bottom:18px;width:100%;text-align:center;color:#7f8a9b;font-size:9px;letter-spacing:.24em}.bx-hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #20232a;padding-top:19px;font-size:10px;color:#818995;letter-spacing:.04em}
.bx-intro{text-align:center}.bx-intro h2{margin-top:23px}.bx-intro .bx-lead{margin-inline:auto}.bx-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;margin-top:82px;text-align:left}.bx-pillars article{border-top:1px solid var(--bx-line);padding-top:26px}.bx-index{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--bx-accent);margin-bottom:24px}#basicx1 .bx-pillars p{font-size:14px;color:var(--bx-muted);margin-top:15px;max-width:24em}.bx-next{background:var(--bx-card)}.bx-section-head h2{margin-top:20px}.bx-benefits{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px}.bx-benefit{overflow:hidden;padding:0 40px 42px;border:1px solid var(--bx-line);border-radius:30px;background:var(--bx-bg)}#basicx1 .bx-benefit h3{font-size:29px;margin-top:10px}#basicx1 .bx-benefit>p:last-child{font-size:15px;color:var(--bx-muted);margin-top:18px;max-width:28em}.bx-benefit-art{height:220px;position:relative;margin:0 -40px 28px;display:flex;justify-content:center;align-items:center;gap:16px;background:radial-gradient(ellipse at 50% 75%,rgba(136,170,214,.14),transparent 66%)}.bx-art-flow i{width:56px;height:56px;border-radius:15px;transform:rotate(-22deg);border:1px solid #8fa4bf;background:linear-gradient(140deg,rgba(204,223,246,.6),rgba(102,126,159,.09));box-shadow:0 5px 0 rgba(64,89,124,.16)}.bx-art-flow i:nth-child(2){transform:translateY(-15px) rotate(-22deg)}.bx-art-flow i:nth-child(3){transform:translateY(14px) rotate(-22deg);opacity:.65}.bx-art-flow i:nth-child(4){opacity:.35}.bx-art-orbit i{position:absolute;width:160px;height:108px;border:1px solid #8fa4bf;border-radius:50%;transform:rotate(-30deg);box-shadow:inset 0 1px 9px rgba(126,163,211,.14)}.bx-art-orbit i:nth-child(2){transform:rotate(30deg)}.bx-art-orbit i:nth-child(3){width:50px;height:50px;border-radius:14px;transform:rotate(-20deg);background:linear-gradient(130deg,#c7d5e8,#526f94)}
.bx-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}.bx-mode-card{padding:44px;border:1px solid var(--bx-line);border-radius:30px;background:linear-gradient(140deg,var(--bx-card),var(--bx-bg));position:relative;overflow:hidden;transition:transform .65s var(--bx-ease),box-shadow .65s var(--bx-ease)}.bx-mode-icon{width:64px;height:64px;margin-bottom:44px;color:var(--bx-accent)}.bx-mode-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3}#basicx1 .bx-mode-card h3{font-size:29px;margin-top:11px}#basicx1 .bx-mode-card>p:not(.bx-eyebrow){font-size:15px;color:var(--bx-muted);margin-top:20px;max-width:25em}.bx-card-foot{display:block;margin-top:42px;border-top:1px solid var(--bx-line);padding-top:20px;font-size:11px;color:var(--bx-muted)}.bx-hub{background:var(--bx-card)}.bx-center{text-align:center}.bx-center .bx-lead{margin-inline:auto}.bx-workspace{margin-top:70px;border:1px solid var(--bx-line);border-radius:24px;overflow:hidden;background:var(--bx-bg);box-shadow:0 35px 95px rgba(22,35,65,.11),0 1px 0 rgba(255,255,255,.05) inset}.bx-workspace-bar{padding:23px 28px;border-bottom:1px solid var(--bx-line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--bx-muted)}.bx-workspace-bar strong{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:550;color:var(--bx-ink)}.bx-hub-mark{display:grid;place-items:center;border:1px solid var(--bx-line);border-radius:7px;width:27px;height:27px;color:var(--bx-accent);background:var(--bx-card)}.bx-workspace-body{display:grid;grid-template-columns:190px 1fr;min-height:385px}.bx-workspace-sidebar{padding:30px 18px;border-right:1px solid var(--bx-line);display:flex;flex-direction:column}.bx-sidebar-label{font-size:9px;letter-spacing:.14em;color:var(--bx-muted);padding-inline:14px}.bx-hub-tabs{margin-top:23px;display:grid;gap:8px}.bx-hub-tabs button{min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;color:var(--bx-muted);font-size:13px!important;transition:background .35s,color .35s,border-color .35s}.bx-hub-tabs button[aria-pressed=true]{background:var(--bx-card);border-color:var(--bx-line);color:var(--bx-ink)}.bx-sidebar-foot{font-size:10px;color:var(--bx-muted);margin-top:auto;padding:30px 14px 0}.bx-hub-panel{padding:39px 35px 24px;min-width:0}.bx-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}#basicx1 .bx-panel-heading h3{font-size:23px;margin-top:8px}.bx-panel-dot{width:8px;height:8px;flex:0 0 8px;background:#85a4bd;border-radius:50%;box-shadow:0 0 16px #7191bc80}#basicx1 #bx-panel-copy{color:var(--bx-muted);font-size:12px;line-height:1.85;margin-top:14px;min-height:23px}.bx-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:27px}.bx-service-grid article{background:var(--bx-card);border:1px solid var(--bx-line);border-radius:15px;padding:24px 20px;min-height:143px}.bx-service-symbol{display:block;font-size:24px;line-height:1;color:var(--bx-accent);height:42px}#basicx1 .bx-service-grid h4{font-size:14px;font-weight:550}#basicx1 .bx-service-grid p{font-size:10px;color:var(--bx-muted);margin-top:6px}.bx-panel-footer{margin-top:26px;display:flex;justify-content:space-between;color:var(--bx-muted);font-size:10px}.bx-caption{text-align:center;font-size:11px!important;color:var(--bx-muted)!important;margin:23px auto 0!important;max-width:48em;line-height:1.8}.bx-hub-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:75px}#basicx1 .bx-hub-summary h3{font-size:20px}#basicx1 .bx-hub-summary p{color:var(--bx-muted);font-size:14px;margin-top:14px}.bx-close{text-align:center}.bx-close h2{margin-top:25px}.bx-close .bx-lead{margin-inline:auto}.bx-closing-links{display:flex;justify-content:center;gap:35px;margin-top:30px}#basicx1 .bx-status{font-size:11px;line-height:1.9;color:var(--bx-muted);max-width:61em;margin:75px auto 0;padding-top:30px;border-top:1px solid var(--bx-line)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.bx-mode-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(98,139,201,.09)}.bx-sculpture:hover .bx-plane-front{transform:translateZ(64px) translate(-31px,-31px)}.bx-sculpture:hover .bx-plane-back{transform:translateZ(-64px) translate(31px,31px)}}
@media(prefers-reduced-motion:no-preference){.bx-motion [data-bx-reveal]{transition:opacity .8s var(--bx-ease),transform 1s var(--bx-ease)}.bx-motion [data-bx-reveal].bx-await{opacity:0;transform:translateY(24px)}.bx-panel-enter{animation:bx-panel-enter .45s var(--bx-ease) both}@keyframes bx-panel-enter{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(max-width:820px){.bx-inner{width:calc(100% - 44px)}#basicx1 .bx-section{padding-block:85px}#basicx1 .bx-hero{padding-top:70px}.bx-sculpture{height:365px}.bx-object{width:230px;height:230px;margin-left:-115px;top:60px}.bx-plane{border-radius:42px}.bx-x{font-size:125px}.bx-pillars{gap:26px;margin-top:60px}.bx-benefit{padding-inline:28px}.bx-benefit-art{margin-inline:-28px}.bx-mode-card{padding:30px}.bx-workspace-body{grid-template-columns:148px 1fr}.bx-hub-panel{padding:30px 24px 24px}.bx-service-grid{gap:9px}.bx-service-grid article{padding:20px 12px}.bx-hub-summary{gap:25px}#basicx1 .bx-mode-card h3{font-size:25px}}
@media(max-width:600px){.bx-inner{width:calc(100% - 40px)}#basicx1 .bx-section{padding-block:72px}#basicx1 .bx-hero{padding-top:56px}#basicx1 .bx-hero h1{font-size:clamp(70px,20vw,110px)}#basicx1 .bx-hero-sub{font-size:13px}#basicx1 .bx-lead{font-size:16px;line-height:1.9;margin-top:23px}.bx-wide-only{display:none}.bx-sculpture{height:325px;margin-top:5px}.bx-object{width:205px;height:205px;margin-left:-102px;top:50px}.bx-plane{border-radius:36px}.bx-x{font-size:110px}.bx-object-caption{font-size:8px;bottom:14px}.bx-hero-bottom{font-size:9px;padding-top:17px}.bx-pillars,.bx-mode-grid,.bx-benefits,.bx-hub-summary{grid-template-columns:1fr}.bx-pillars{gap:30px;margin-top:48px}.bx-pillars article{display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding-top:22px}.bx-index{margin:3px 0;grid-row:span 2}.bx-pillars article p{grid-column:2;max-width:none!important;margin-top:10px!important}.bx-pillars h3{font-size:21px!important}.bx-benefits{margin-top:38px;gap:18px}.bx-benefit{border-radius:24px;padding:0 28px 32px}.bx-benefit-art{height:175px;margin-bottom:22px}.bx-art-flow i{width:46px;height:46px;border-radius:13px}.bx-art-flow{gap:12px}#basicx1 .bx-benefit h3{font-size:25px}.bx-mode-grid{margin-top:40px;gap:18px}.bx-mode-card{padding:32px 28px;border-radius:24px}.bx-mode-icon{margin-bottom:30px;width:52px;height:52px}.bx-card-foot{margin-top:30px}.bx-workspace{margin-top:40px;border-radius:19px}.bx-workspace-bar{padding:18px}.bx-workspace-bar strong{font-size:12px}.bx-workspace-bar>span{font-size:9px}.bx-workspace-body{display:block;min-height:425px}.bx-workspace-sidebar{display:block;padding:12px 14px;border-right:0;border-bottom:1px solid var(--bx-line)}.bx-sidebar-label,.bx-sidebar-foot{display:none}.bx-hub-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:0;gap:7px}.bx-hub-tabs button{text-align:center;padding:9px 10px;min-height:44px}.bx-hub-panel{padding:25px 18px 22px;min-height:340px}#basicx1 .bx-panel-heading h3{font-size:21px}#basicx1 #bx-panel-copy{font-size:12px;min-height:45px}.bx-service-grid{gap:7px;margin-top:20px}.bx-service-grid article{padding:17px 9px;min-height:122px;border-radius:11px}#basicx1 .bx-service-grid h4{font-size:12px}#basicx1 .bx-service-grid p{font-size:9px}.bx-service-symbol{font-size:21px;height:36px}.bx-panel-footer{margin-top:20px;font-size:9px}.bx-caption{font-size:10px!important;text-align:left}.bx-hub-summary{margin-top:43px;gap:25px}.bx-hub-summary article{border-top:1px solid var(--bx-line);padding-top:22px}#basicx1 .bx-hub-summary p{margin-top:9px}.bx-closing-links{gap:12px;flex-direction:column;align-items:center;margin-top:25px}#basicx1 .bx-status{margin-top:45px;font-size:10px;text-align:left}}
@media(prefers-reduced-motion:reduce){#basicx1 *,#basicx1 *::before,#basicx1 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bx-await{opacity:1!important;transform:none!important}}
@media(forced-colors:active){.bx-plane,.bx-mode-card,.bx-benefit,.bx-workspace,.bx-service-grid article{border:1px solid CanvasText}.bx-hero h1 span{-webkit-text-fill-color:CanvasText!important}.bx-hub-tabs button[aria-pressed=true]{outline:2px solid Highlight}.bx-halo,.bx-reflection{display:none}}
/* Keep the hero readable beneath the shared translucent navigation in both themes. */
html[data-theme="light"] #basicx1 .bx-hero{background:#f5f5f7;color:#202124}
html[data-theme="light"] #basicx1 .bx-hero .bx-eyebrow,html[data-theme="light"] #basicx1 .bx-hero-sub{color:#626976}
html[data-theme="light"] #basicx1 .bx-hero h1 span{background-image:linear-gradient(140deg,#314c70,#657eab 52%,#8c6eaa)}
html[data-theme="light"] #basicx1 .bx-hero .bx-link{color:#426c88}
html[data-theme="light"] #basicx1 .bx-hero-bottom{border-color:#d8dce4;color:#626976}
html[data-theme="light"] #basicx1 .bx-object-caption{color:#626976}
#basicx1 .bx-intro h2,#basicx1 .bx-section-head h2{margin-top:23px}
#basicx1 .bx-intro .bx-lead,#basicx1 .bx-center .bx-lead,#basicx1 .bx-close .bx-lead{margin-inline:auto}
#basicx1 .bx-close h2{margin-top:25px}