/* Approved V2: pearl white / blue brand overview. Only the right workspace is styled. */
.p1-brand-overview:has(.bx-experience){padding:0!important;max-width:none!important;background:transparent!important}
.plane-page:has(.bx-experience){padding:0!important;background:#fafbfc!important}
.bx-experience{--bx-ink:#202632;--bx-muted:#626d7d;--bx-accent:#006399;--bx-line:#e6e8ed;--bx-surface:#fff;--bx-ground:#fafbfc;--bx-mint:#edf4f8;--bx-tilt-x:0deg;--bx-tilt-y:0deg;--bx-parallax:0px;background:var(--bx-ground);color:var(--bx-ink);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;position:relative;isolation:isolate;min-height:100dvh;overflow:clip;font-size:14px;line-height:1.6}
.bx-experience *{box-sizing:border-box}
.bx-experience :is(h1,h2,h3,p,figure){margin:0}
.bx-experience :is(button,a,input,select){font:inherit}
.bx-experience button{cursor:pointer}
.bx-experience button:disabled{cursor:wait;opacity:.6}
.bx-experience a{color:inherit;text-decoration:none}
.bx-experience svg{flex-shrink:0}
.bx-experience [hidden]{display:none!important}
.bx-experience :is(button,a,select,[tabindex]):focus-visible{outline:2px solid #006399;outline-offset:5px}
.bx-experience :is(section):focus{outline:none}
.bx-content{max-width:1456px;padding:0 clamp(24px,4.1vw,76px);margin:auto}
.bx-reading-progress{height:3px;position:absolute;top:0;left:0;right:0;z-index:3;pointer-events:none}
.bx-reading-progress i{display:block;height:100%;background:#006399;transform:scaleX(0);transform-origin:left}
.bx-topbar{height:65px;margin:0 clamp(24px,4.1vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bx-line);gap:16px;font-size:13px}
.bx-topbar>span{display:flex;align-items:center;gap:12px;min-width:0;white-space:nowrap}
.bx-topbar strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.bx-top-divider{color:#8c9b95}
.bx-topbar>div{display:flex;align-items:center;gap:20px}
.bx-topbar time{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.bx-topbar time span{color:var(--bx-muted);margin-left:12px}
.bx-topbar button{background:transparent;border:0;color:var(--bx-muted);font-size:12px;padding:8px 0;white-space:nowrap}
.bx-topbar button:hover{color:var(--bx-accent)}
.bx-local-nav{display:flex;justify-content:center;gap:30px;padding:20px 24px 0;white-space:nowrap}
.bx-local-nav button{border:0;background:none;color:var(--bx-muted);font-size:12px;padding:6px 0;position:relative}
.bx-local-nav button:after{content:'';height:1px;position:absolute;bottom:0;left:0;right:0;background:var(--bx-accent);transform:scaleX(0);transition:transform 200ms}
.bx-local-nav button:hover{color:var(--bx-ink)}
.bx-local-nav button:hover:after{transform:scaleX(1)}
.bx-hero{padding-top:28px}
.bx-hero-layout{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;min-height:500px;gap:22px}
.bx-experience .bx-hero-copy h1{font-size:clamp(38px,3.7vw,64px);line-height:1.3;font-weight:550;letter-spacing:-.035em;max-width:14ch;text-wrap:balance;overflow-wrap:anywhere}
.bx-hero-copy h1 span{color:var(--bx-accent)}
.bx-hero-copy>p{font-size:15px;line-height:1.95;margin-top:26px;color:var(--bx-muted);max-width:34em}
.bx-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.bx-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;border:1px solid var(--bx-line);border-radius:7px;padding:10px 18px;background:var(--bx-surface);color:var(--bx-ink);font-size:13px!important;transition:background 180ms,box-shadow 180ms}
.bx-button:hover{background:var(--bx-mint);box-shadow:0 5px 15px #173b3510}
.bx-button.bx-primary{background:#006399;color:#fff;border-color:#006399}
.bx-button.bx-primary:hover{background:#005580}
.bx-experience :is(.bx-button,.bx-link,.bx-text-button,.bx-gallery a,.bx-brand-story>footer a,.bx-gallery-selector button)>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform 220ms}
.bx-experience :is(.bx-button,.bx-link,.bx-text-button):hover>svg{transform:translateX(4px)}
.bx-text-button,.bx-link{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;color:inherit;padding:10px 0;font-size:13px!important}
.bx-text-button:hover,.bx-link:hover{color:var(--bx-accent)}
.bx-hero-caption{display:flex;align-items:center;gap:9px;color:var(--bx-muted);font-size:12px;margin-top:24px}
.bx-live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--bx-accent);flex:none}
.bx-universe{height:470px;position:relative;perspective:1000px;contain:layout}
.bx-universe-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(var(--bx-tilt-x)) rotateY(var(--bx-tilt-y)) translateY(var(--bx-parallax));transition:transform 350ms ease-out}
.bx-orbit{position:absolute;left:50%;top:44%;border:1px solid #c7dcd2;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.bx-orbit-one{width:70%;aspect-ratio:1}
.bx-orbit-two{width:91%;aspect-ratio:1;border-style:dashed;opacity:.55}
.bx-orbit-three{width:47%;aspect-ratio:1;background:radial-gradient(circle,#dfece4 0,transparent 70%);border-color:#dbe6df}
.bx-brand-core{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:158px;height:158px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff 0,#edf4ef 45%,#c6dcd0 100%);box-shadow:12px 20px 35px #1c48351c,inset -4px -6px 15px #77998726,inset 3px 3px 10px #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#23394b}
.bx-brand-core>span{font-size:38px;font-weight:500;letter-spacing:-.03em}
.bx-brand-core small{font-size:12px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bx-brand-core>img{max-width:88px;max-height:65px;object-fit:contain}
.bx-satellite{position:absolute;border:0;background:#fff;box-shadow:0 8px 24px #143d2c0e,inset 0 0 0 1px #dfe9e2;border-radius:18px;width:60px;height:60px;display:grid;place-items:center;animation:bx-float 7s ease-in-out infinite;animation-delay:var(--delay,0s);transition:box-shadow 200ms,background 200ms}
.bx-satellite:hover{background:#ecf4ef;box-shadow:0 10px 28px #143d2c22}
.bx-satellite .platform-icon{width:32px!important;height:32px!important}
.bx-satellite-0{left:44%;top:1%;--delay:-1s}
.bx-satellite-1{left:76%;top:12%;--delay:-2.2s}
.bx-satellite-2{left:86%;top:40%;--delay:-4s}
.bx-satellite-3{left:73%;top:66%;--delay:-.3s}
.bx-satellite-4{left:43%;top:79%;--delay:-3.5s}
.bx-satellite-5{left:11%;top:68%;--delay:-2.5s}
.bx-satellite-6{left:0;top:38%;--delay:-5s}
.bx-satellite-7{left:15%;top:10%;--delay:-1.5s}
.bx-satellite-8{left:45%;top:62%;width:43px;height:43px;border-radius:13px;--delay:-4.5s}
.bx-satellite-8 .platform-icon{width:25px!important;height:25px!important}
.bx-signal{position:absolute;right:3%;top:-12px;font-size:12px;color:var(--bx-muted);display:flex;align-items:center;gap:7px}
.bx-signal i{width:5px;height:5px;background:#4f9875;border-radius:50%}
.bx-mini-photo{position:absolute;width:164px;height:118px;left:2%;bottom:34px;transform:rotate(-9deg);border:5px solid #fff;border-radius:5px;background:#fff;box-shadow:0 12px 28px #173b3520;pointer-events:none}
.bx-mini-photo img{width:100%;height:85px;object-fit:cover}
.bx-mini-photo figcaption{font-size:12px;line-height:20px;color:#325044;text-align:center}
.bx-mini-product{position:absolute;right:8%;bottom:8px;width:92px;height:140px;pointer-events:none;transform:rotate(9deg);filter:drop-shadow(5px 14px 10px #2026321c)}
.bx-mini-product img{width:100%;height:100%;object-fit:contain}
.bx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--bx-line);border-bottom:1px solid var(--bx-line);padding:28px 0;margin-top:20px}
.bx-stat{padding:0 28px;border-right:1px solid var(--bx-line)}
.bx-stat:first-child{padding-left:0}
.bx-stat:last-child{border:0;padding-right:0}
.bx-stat>span{display:block;font-size:13px;color:var(--bx-muted)}
.bx-stat>strong{display:block;font-size:clamp(32px,3vw,48px);font-weight:450;line-height:1.4;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:4px 0}
.bx-stat>small{font-size:12px;color:var(--bx-muted);display:block;line-height:1.8}
.bx-stat small b{font-size:12px;color:#276b50;font-weight:500;display:block}
.bx-stat small b.is-down{color:#a95838}
.bx-hero-foot{display:flex;justify-content:space-between;align-items:center;color:var(--bx-muted);font-size:12px;padding:18px 0}
.bx-hero-foot button{display:flex;align-items:center;gap:14px;border:0;background:none;font-size:12px;color:inherit}
.bx-scroll-cue{font-size:18px;animation:bx-scroll 2s ease-in-out infinite}
.bx-performance{padding-top:86px;scroll-margin:24px}
.bx-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
.bx-experience .bx-section-heading h2,.bx-experience .bx-platform-intro h2,.bx-experience .bx-brand-story-empty h2{font-size:clamp(28px,2.5vw,40px);font-weight:500;line-height:1.45;letter-spacing:-.035em}
.bx-section-heading h2 span,.bx-brand-story-empty h2 span{color:var(--bx-muted)}
.bx-section-heading>p,.bx-platform-intro>p,.bx-brand-story-empty p{font-size:14px;line-height:1.9;color:var(--bx-muted);max-width:33em}
.bx-performance-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px}
.bx-trend-panel{background:var(--bx-surface);border-radius:14px;padding:30px 24px 24px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.bx-chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.bx-metric-options{display:flex;gap:16px}
.bx-metric-options button{padding:8px 0;background:none;border:0;border-bottom:2px solid transparent;color:var(--bx-muted);font-size:12px}
.bx-metric-options button[aria-pressed=true]{color:var(--bx-ink);border-color:var(--bx-accent)}
.bx-chart-toolbar select{background:var(--bx-ground);border:1px solid var(--bx-line);padding:5px 8px;color:var(--bx-ink);font-size:12px;border-radius:5px}
.bx-chart-wrap{position:relative;width:100%;min-width:0}
.bx-chart{display:block;width:100%;height:auto;min-height:220px;overflow:visible}
.bx-chart text{font-family:inherit;font-size:13px;fill:var(--bx-muted)}
.bx-chart-grid line{stroke:var(--bx-line);stroke-dasharray:3 5;stroke-width:1}
.bx-chart-path{stroke:#006399;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.bx-chart-dot{fill:var(--bx-surface);stroke:#006399;stroke-width:3;vector-effect:non-scaling-stroke}
.bx-chart-hit{fill:transparent;cursor:crosshair;outline:none}
.bx-chart-hit:focus{stroke:#006399;stroke-width:1;stroke-dasharray:3 2}
.bx-chart-tooltip{position:absolute;font-size:12px;padding:7px 10px;border-radius:6px;color:#fff;background:#202632;max-width:calc(100% - 12px);pointer-events:none;z-index:2;box-shadow:0 5px 15px #20263220}
.bx-chart-note{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--bx-muted);margin-top:14px;line-height:1.7}
.bx-chart-note>span:first-child{display:flex;align-items:center;gap:8px;white-space:nowrap}
.bx-chart-note i{width:16px;height:2px;display:inline-block;background:#006399}
.bx-observation{--bx-muted:#52685d;background:var(--bx-mint);border-radius:14px;padding:26px 24px;display:flex;flex-direction:column}
.bx-observation>span{font-size:12px;color:var(--bx-muted)}
.bx-observation>strong{font-size:46px;line-height:1.5;letter-spacing:-.035em;font-weight:450}
.bx-observation>p{font-size:12px;line-height:1.8;margin-bottom:22px;color:var(--bx-muted)}
.bx-observation dl{margin:0 0 24px}
.bx-observation dl>div{display:flex;justify-content:space-between;gap:12px;margin:11px 0;font-size:12px}
.bx-observation dt{color:var(--bx-muted)}
.bx-observation dd{margin:0;font-weight:500;font-size:14px}
.bx-observation dd small{font-size:12px;font-weight:400;margin-left:5px}
.bx-observation .bx-button{background:transparent;border-color:#b0cabd;min-height:38px;font-size:12px!important;margin-top:auto}
.bx-observation>small{font-size:12px;color:var(--bx-muted);line-height:1.75;margin-top:16px}
.bx-platforms{display:grid;grid-template-columns:.85fr 1.4fr;gap:60px;padding:90px 0;align-items:center;scroll-margin:24px}
.bx-platform-intro>p{margin:20px 0 24px}
.bx-platform-explorer{min-width:0}
.bx-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bx-platform-grid>button{display:flex;align-items:center;justify-content:center;padding:17px 12px;border:1px solid transparent;border-radius:9px;background:var(--bx-surface);color:var(--bx-ink);transition:background 180ms,border-color 180ms,box-shadow 180ms;min-height:65px;min-width:0}
.bx-platform-grid>button:hover{box-shadow:0 5px 15px #173b350d;background:var(--bx-mint)}
.bx-platform-grid>button[aria-pressed=true]{border-color:var(--bx-accent);background:var(--bx-mint)}
.bx-platform-grid .platform-name{gap:9px;font-size:13px;white-space:nowrap}
.bx-platform-grid .platform-icon{width:24px!important;height:24px!important}
.bx-platform-detail{border-top:1px solid var(--bx-line);margin-top:22px;padding-top:22px}
.bx-platform-identity{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.bx-platform-identity>span:last-child{font-size:12px;color:var(--bx-muted)}
.bx-platform-readings{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;gap:16px}
.bx-platform-readings span{font-size:12px;display:block;color:var(--bx-muted)}
.bx-platform-readings strong{font-size:26px;letter-spacing:-.02em;font-weight:450;display:block;margin-top:4px}
.bx-platform-detail>p{font-size:12px;color:var(--bx-muted);margin-top:12px}
.bx-brand-story{padding:44px 0 80px;scroll-margin:24px}
.bx-gallery{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:20px}
.bx-gallery-stage{border-radius:14px;overflow:hidden;background:#f0f3f6;min-width:0}
.bx-gallery-slide{position:relative;height:440px;overflow:hidden}
.bx-gallery-slide>img{height:100%;width:100%;object-fit:cover;display:block;transition:transform 900ms cubic-bezier(.16,1,.3,1)}
.bx-gallery-slide.is-landscape>img{transform:scale(1.02) translateY(calc(var(--bx-parallax)*.2))}
.bx-gallery-stage:hover .is-landscape>img{transform:scale(1.07)}
.bx-gallery-slide figcaption{position:absolute;left:32px;right:28px;bottom:28px;color:#fff;z-index:1}
.bx-gallery-slide.is-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#10241bdd)}
.bx-gallery-slide figcaption>span{font-size:12px}
.bx-experience .bx-gallery-slide h3{font-size:32px;font-weight:500;line-height:1.6;margin:7px 0 18px}
.bx-gallery-slide figcaption a{font-size:12px;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff66;padding-bottom:5px}
.bx-gallery-slide.is-product{background:radial-gradient(ellipse at 65% 30%,#fff 0,#f3f6f8 65%,#e6edf2 100%)}
.bx-gallery-slide.is-product>img{object-fit:contain;width:52%;margin-left:43%;padding:30px 10px 30px;filter:drop-shadow(10px 20px 15px #24422d1c)}
.bx-gallery-slide.is-product figcaption{color:#243344;right:52%;bottom:60px}
.bx-gallery-slide.is-product figcaption a{border-color:#24334466}
.bx-gallery-selector{display:flex;flex-direction:column;gap:12px}
.bx-gallery-selector button{display:grid;grid-template-columns:64px 1fr 16px;align-items:center;gap:12px;padding:10px;background:var(--bx-surface);border:1px solid transparent;border-radius:9px;flex:1;color:var(--bx-ink);text-align:left;min-width:0}
.bx-gallery-selector button[aria-pressed=true]{border-color:var(--bx-accent);background:var(--bx-mint)}
.bx-gallery-selector button:hover{background:var(--bx-mint)}
.bx-gallery-selector button>div{height:72px;overflow:hidden;background:#f1f4ef;border-radius:4px}
.bx-gallery-selector img{width:100%;height:100%;object-fit:contain}
.bx-gallery-selector button:first-child img{object-fit:cover}
.bx-gallery-selector span{font-size:12px;line-height:1.7}
.bx-brand-story>footer{display:flex;justify-content:space-between;color:var(--bx-muted);font-size:12px;padding-top:16px}
.bx-brand-story>footer a{display:flex;align-items:center;gap:8px}
.bx-brand-story-empty{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.bx-brand-story-empty p{margin:20px 0}
.bx-identity-sheet{background:var(--bx-mint);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;border-radius:14px}
.bx-identity-sheet strong{font-size:40px;font-weight:500;overflow-wrap:anywhere}
.bx-identity-sheet>img{max-width:100%;max-height:190px;object-fit:contain}
.bx-identity-sheet>span{font-size:13px;margin-top:16px}
.bx-identity-sheet>p{font-size:12px;color:var(--bx-muted);margin:10px 0 0}
.bx-progress{background:#252a32;color:#f6f8fb;padding:52px 44px 28px;border-radius:16px;scroll-margin:24px;overflow:hidden;position:relative}
.bx-progress-top{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:40px;margin-bottom:40px}
.bx-experience .bx-progress h2{font-size:clamp(28px,2.6vw,40px);font-weight:450;line-height:1.5;letter-spacing:-.03em}
.bx-progress h2 span{color:#bec8d5}
.bx-progress-top p{color:#c1cbd8;font-size:13px;line-height:1.9;margin:20px 0 8px}
.bx-progress .bx-link{color:#e3eaf2}
.bx-progress .bx-link:hover{color:#fff}
.bx-progress-ring{position:relative;width:220px;height:220px;justify-self:center}
.bx-progress-ring>svg{width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke:#424e5e;stroke-width:7}
.bx-progress-ring .bx-ring-value{stroke:#a8cfe3;stroke-linecap:round}
.bx-progress-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bx-progress-ring strong{font-size:60px;line-height:1.3;font-weight:400;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.bx-progress-ring strong small{font-size:22px;margin-left:3px}
.bx-progress-ring span{font-size:12px;color:#bec8d5}
.bx-progress-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #4c5868;padding-top:30px;gap:24px}
.bx-progress-ledger strong{display:block;font-size:34px;font-weight:400;line-height:1.5;letter-spacing:-.03em}
.bx-progress-ledger strong small{font-size:12px;margin-left:7px;color:#c1cbd8}
.bx-experience .bx-progress-ledger h3{font-size:13px;font-weight:500;margin:10px 0 5px}
.bx-progress-ledger p{font-size:12px;color:#c1cbd8}
.bx-progress-ledger .bx-link{font-size:12px!important;margin-top:10px}
.bx-phase-track{display:flex;gap:20px;margin-top:32px;border-top:1px solid #4c5868;padding-top:28px}
.bx-phase-track>div{flex:1;min-width:0}
.bx-phase-track span{font-size:12px;color:#c1cbd8;display:block}
.bx-phase-track .is-current span{color:#fff}
.bx-phase-bar{height:3px;background:#4c5868;margin:12px 0 8px;border-radius:3px;overflow:hidden}
.bx-phase-bar i{display:block;height:100%;background:#a8cfe3}
.bx-phase-track small{font-size:12px;color:#c1cbd8}
.bx-progress-note{color:#c1cbd8;font-size:12px;margin-top:28px!important}
.bx-next{display:flex;justify-content:space-between;align-items:center;padding:65px 0;gap:24px}
.bx-experience .bx-next h2{font-size:24px;font-weight:500;line-height:1.5;letter-spacing:-.02em}
.bx-next p{font-size:13px;color:var(--bx-muted);margin-top:10px}
.bx-next>.bx-link{border-bottom:1px solid var(--bx-ink);font-size:14px!important;white-space:nowrap}
.bx-footer{border-top:1px solid var(--bx-line);padding:22px 0 30px;display:flex;align-items:center;gap:18px;color:var(--bx-muted);font-size:12px}
.bx-footer>span:first-child{margin-right:auto}
.bx-footer button{color:inherit;font-size:12px;border:0;background:none;text-decoration:underline;text-underline-offset:4px}
@keyframes bx-float{0%,100%{translate:0 -3px}50%{translate:0 5px}}
@keyframes bx-scroll{0%,100%{translate:0 -2px}50%{translate:0 3px}}
@keyframes bx-arrive{from{opacity:.75;transform:translateY(24px);clip-path:inset(0 0 8px 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@keyframes bx-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
.bx-hero-copy{animation:bx-arrive 850ms cubic-bezier(.16,1,.3,1) both}
.bx-reveal.bx-seen{animation:bx-arrive 850ms cubic-bezier(.16,1,.3,1) both}
.bx-performance.bx-seen .bx-chart-path{animation:bx-draw 1400ms cubic-bezier(.16,1,.3,1) both}
.bx-universe:not(.bx-inview) .bx-satellite{animation-play-state:paused}
.bx-experience:is(.bx-paused,.bx-reduced,.bx-suspended) *{animation-play-state:paused!important}
.bx-experience:is(.bx-paused,.bx-reduced) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.bx-experience:is(.bx-paused,.bx-reduced) .bx-universe-inner{transform:none}
[data-theme=dark] .bx-experience,.dark .bx-experience{--bx-ink:#e7edf5;--bx-muted:#b1bfce;--bx-line:#3d4857;--bx-surface:#222d3b;--bx-ground:#171e28;--bx-mint:#293b4a;--bx-accent:#9bcae3}
[data-theme=dark] .plane-page:has(.bx-experience),.dark .plane-page:has(.bx-experience){background:#171e28!important}
[data-theme=dark] .bx-observation,.dark .bx-observation{--bx-muted:#becbd9}
[data-theme=dark] .bx-stat small b,.dark .bx-stat small b{color:#9bcae3}
[data-theme=dark] .bx-stat small b.is-down,.dark .bx-stat small b.is-down{color:#efaa85}
@media(min-width:1700px){.bx-hero-layout{min-height:550px}.bx-universe{height:490px}.bx-hero{padding-top:40px}}
@media(max-width:1250px){.bx-content{padding:0 32px}.bx-topbar{margin:0 32px}.bx-hero-layout{min-height:450px;gap:0}.bx-universe{height:400px}.bx-brand-core{width:135px;height:135px}.bx-satellite{width:49px;height:49px;border-radius:14px}.bx-satellite .platform-icon{width:27px!important;height:27px!important}.bx-mini-photo{width:135px;height:100px;bottom:20px}.bx-mini-photo img{height:68px}.bx-mini-photo figcaption{font-size:12px}.bx-mini-product{width:75px;height:115px}.bx-stat{padding:0 18px}.bx-platforms{gap:32px;grid-template-columns:.9fr 1.3fr}.bx-performance-layout{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.bx-chart-toolbar{gap:16px}.bx-trend-panel{padding:22px 18px}.bx-metric-options{gap:12px}.bx-gallery{grid-template-columns:minmax(0,1fr) 190px}.bx-gallery-selector button{grid-template-columns:50px 1fr;gap:8px}.bx-gallery-selector button>svg{display:none}.bx-progress{padding:40px 30px 26px}}
@media(max-width:1050px){.bx-content{padding:0 26px}.bx-topbar{margin:0 26px}.bx-topbar>div{gap:14px}.bx-topbar time span{display:none}.bx-experience .bx-hero-copy h1{font-size:38px}.bx-hero-copy>p{font-size:13px}.bx-hero-actions{gap:12px}.bx-universe{height:350px}.bx-brand-core{width:115px;height:115px}.bx-brand-core>span{font-size:28px}.bx-brand-core small{font-size:12px;max-width:100px}.bx-satellite{width:43px;height:43px;border-radius:12px}.bx-satellite .platform-icon{width:24px!important;height:24px!important}.bx-satellite-8{display:none}.bx-mini-photo{width:115px;height:88px;bottom:10px}.bx-mini-photo img{height:57px}.bx-mini-product{right:0;bottom:0;width:60px;height:95px}.bx-hero-layout{min-height:405px}.bx-hero-caption{max-width:250px;line-height:1.8}.bx-stat{padding:0 12px}.bx-stat strong{font-size:32px}.bx-performance-layout{grid-template-columns:1fr}.bx-observation{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.bx-observation>strong{grid-column:1;grid-row:2;font-size:40px}.bx-observation>p{grid-column:1;grid-row:3}.bx-observation dl{grid-column:2;grid-row:1/4;margin:0}.bx-observation .bx-button{grid-column:1;align-self:start}.bx-observation>small{grid-column:2;margin:0}.bx-platforms{grid-template-columns:1fr;gap:28px;padding-top:65px}.bx-platform-intro{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bx-platform-intro>p{margin:0;align-self:center}.bx-platform-intro .bx-button{justify-self:start;grid-column:2}.bx-gallery{grid-template-columns:1fr}.bx-gallery-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bx-gallery-selector button{display:flex;flex-direction:column;align-items:stretch;padding:8px;gap:8px}.bx-gallery-selector button>div{height:70px}.bx-gallery-selector span{text-align:center}.bx-progress-top{grid-template-columns:1fr 175px;gap:20px}.bx-progress-ring{width:175px;height:175px}.bx-progress-ring strong{font-size:48px}.bx-progress-ledger{gap:14px}.bx-next{align-items:flex-start}.bx-experience .bx-next h2{font-size:21px}}
@media(max-width:760px){.bx-content{padding:0 22px}.bx-topbar{margin:0 22px;height:auto;min-height:62px;flex-wrap:wrap;padding:12px 0;gap:8px}.bx-topbar>span{font-size:12px;gap:8px}.bx-topbar>div{gap:13px}.bx-topbar time{font-size:12px}.bx-manage{display:none}.bx-local-nav{gap:20px;padding:12px 22px 0;justify-content:flex-start;overflow:auto}.bx-local-nav button{font-size:12px}.bx-hero{padding-top:34px}.bx-hero-layout{grid-template-columns:1fr;gap:28px}.bx-experience .bx-hero-copy h1{font-size:clamp(35px,7vw,48px);max-width:17ch;line-height:1.35}.bx-hero-copy>p{font-size:14px;margin-top:20px}.bx-hero-actions{margin-top:22px;gap:20px}.bx-hero-caption{max-width:none;margin-top:18px}.bx-universe{width:min(100%,410px);height:360px;justify-self:center;margin:12px 0 6px}.bx-brand-core{width:130px;height:130px}.bx-satellite{width:48px;height:48px}.bx-satellite .platform-icon{width:28px!important;height:28px!important}.bx-mini-photo{width:130px;height:95px;bottom:12px}.bx-mini-photo img{height:65px}.bx-mini-product{right:5%;width:70px;height:106px}.bx-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 0;margin-top:12px}.bx-stat{padding:18px 14px!important}.bx-stat:nth-child(2){border:0}.bx-stat:nth-child(-n+2){border-bottom:1px solid var(--bx-line)}.bx-stat:nth-child(odd){padding-left:0!important}.bx-stat strong{font-size:36px;margin:4px 0}.bx-hero-foot{font-size:12px;gap:12px}.bx-performance{padding-top:52px}.bx-section-heading{display:block;margin-bottom:24px}.bx-section-heading>p{margin-top:16px;font-size:13px}.bx-experience .bx-section-heading h2,.bx-experience .bx-platform-intro h2,.bx-experience .bx-brand-story-empty h2{font-size:29px}.bx-trend-panel{padding:20px 16px}.bx-chart-toolbar{margin-bottom:12px}.bx-metric-options{gap:16px}.bx-metric-options button{font-size:12px}.bx-chart{min-height:190px}.bx-chart text{font-size:24px}.bx-chart .bx-chart-empty{font-size:25px}.bx-chart-note{display:block}.bx-chart-note>span+span{display:block;margin-top:8px}.bx-chart-tooltip{font-size:12px}.bx-observation{padding:22px 20px;column-gap:20px}.bx-observation>strong{font-size:36px}.bx-observation dl>div{margin:8px 0}.bx-observation .bx-button{font-size:12px!important;gap:10px;padding:8px 10px}.bx-observation>small{font-size:12px}.bx-platforms{padding:60px 0 40px;gap:24px}.bx-platform-intro{display:block}.bx-platform-intro>p{margin:16px 0}.bx-platform-grid{gap:8px}.bx-platform-grid>button{padding:14px 6px;min-height:64px}.bx-platform-grid .platform-name{flex-direction:column;gap:6px;font-size:12px}.bx-platform-grid .platform-icon{width:25px!important;height:25px!important}.bx-platform-detail{padding-top:18px;margin-top:18px}.bx-platform-readings{gap:8px}.bx-platform-readings strong{font-size:25px}.bx-brand-story{padding:32px 0 45px}.bx-gallery-slide{height:345px}.bx-gallery-slide figcaption{left:22px;bottom:22px;right:22px}.bx-experience .bx-gallery-slide h3{font-size:27px;margin-bottom:12px}.bx-gallery-slide.is-product>img{width:65%;margin-left:32%;padding:24px 6px 82px}.bx-gallery-slide.is-product figcaption{right:35%;bottom:25px}.bx-gallery-slide.is-product figcaption>span{font-size:12px}.bx-gallery-selector button>div{height:62px}.bx-gallery-selector span{font-size:12px}.bx-gallery-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.bx-gallery-selector button{flex-direction:row;align-items:center;text-align:left;gap:8px}.bx-gallery-selector button>div{width:47px;flex-shrink:0}.bx-gallery-selector span{text-align:left}.bx-brand-story-empty{grid-template-columns:1fr;gap:25px}.bx-identity-sheet{min-height:240px}.bx-identity-sheet strong{font-size:32px}.bx-progress{padding:30px 22px 24px;border-radius:12px}.bx-progress-top{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.bx-progress-ring{width:180px;height:180px;justify-self:center}.bx-experience .bx-progress h2{font-size:27px}.bx-progress-top p{margin-top:16px;font-size:12px}.bx-progress-ledger{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding-top:22px}.bx-progress-ledger strong{font-size:32px}.bx-progress-ledger .bx-link{margin-top:4px}.bx-phase-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.bx-next{padding:40px 0;display:block}.bx-next>.bx-link{margin-top:22px}.bx-footer{flex-wrap:wrap;gap:10px 16px;padding:20px 0 26px}.bx-footer>span:first-child{flex-basis:100%;margin:0}.bx-footer>span:nth-child(2){margin-right:auto}}
@media(prefers-reduced-motion:reduce){.bx-experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bx-universe-inner{transform:none!important}.bx-gallery-slide.is-landscape>img{transform:none!important}}
