.pi-experience{display:block;padding:0;grid-template-columns:none;gap:0;align-items:initial;background:#080f17;color:#edf4fc;overflow:hidden}
.pi-shell{display:grid;grid-template-columns:minmax(310px,.4fr) minmax(0,1fr);grid-template-rows:auto auto;gap:0 clamp(28px,3.5vw,64px);padding:clamp(48px,5vw,76px) var(--gutter) clamp(30px,4vw,58px);max-width:1800px;margin:auto}
.pi-copy{grid-column:1;grid-row:1/3;align-self:center;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:40px}
.pi-wordmark{width:clamp(165px,15vw,230px);height:auto;margin:0 0 clamp(42px,6vh,80px)}
.pi-title{font:750 clamp(2.9rem,4.4vw,5.6rem)/1.02 Manrope,'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:-.038em;max-width:11ch;margin:0 0 28px;text-wrap:balance}
.pi-experience .pi-copy .pi-body{font-size:clamp(15px,1.15vw,18px);line-height:1.65;color:#b8cad8;max-width:39ch;margin:0 0 32px}
.pi-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap}
.pi-primary,.pi-secondary,.pi-company-link{font:750 13px/1.2 Manrope,'Segoe UI','Microsoft YaHei',sans-serif;text-decoration:none;display:inline-flex;align-items:center;min-height:48px}
.pi-primary{padding:15px 20px;background:#00becc;color:#06131d}.pi-primary:hover{background:#57dce8;text-decoration:none}
.pi-secondary{border-bottom:1px solid #7d9bab;color:#edf4fc}.pi-secondary:hover{border-color:#57dce8}
.pi-artifact{grid-column:2;grid-row:1;min-width:0;background:#111c2a;box-shadow:0 26px 75px rgba(0,0,0,.4);align-self:center;position:relative}
.pi-artifact:before{content:"";position:absolute;left:-21px;top:10%;bottom:11%;width:1px;background:#00becc}
.pi-screen-head,.pi-screen-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 17px;color:#9fb9c8;font:650 10px/1.2 Manrope,'Segoe UI',sans-serif}
.pi-screen-head{height:35px;border-bottom:1px solid #2b4052}.pi-screen-led{width:7px;height:7px;flex:none;border-radius:50%;background:#00becc;margin-right:-7px}.pi-screen-right{margin-left:auto;letter-spacing:.08em;color:#c6dce7}
.pi-focus-toggle{margin-left:auto;border:1px solid #527182;background:#1c3040;color:#d9edf4;font-size:10px;font-weight:750;line-height:1;padding:6px 9px;min-height:25px}.pi-focus-toggle:hover,.pi-focus-toggle[aria-pressed=true]{background:#00becc;border-color:#00becc;color:#07151d}
.pi-screen{aspect-ratio:1426/933;overflow:hidden;background:#07121c;position:relative}.pi-screen img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:top left;transform:translate(0,0) scale(1)}
.pi-screen[data-focused=true][data-scene="0"] img{transform:translate(-18%,-12%) scale(1.49)}.pi-screen[data-focused=true][data-scene="1"] img{transform:translate(-38%,-13%) scale(1.5)}.pi-screen[data-focused=true][data-scene="2"] img{transform:translate(-15%,-12%) scale(1.49)}
.pi-focus-panel{position:absolute;left:15px;bottom:15px;width:min(310px,43%);padding:13px 15px;background:#101d2bf0;border:1px solid #4a6b7d;box-shadow:0 14px 30px rgba(0,0,0,.26);opacity:0;visibility:hidden;pointer-events:none}.pi-screen[data-focused=true] .pi-focus-panel{opacity:1;visibility:visible}.pi-focus-panel>span{display:block;color:#57dce8;font:750 11px/1.2 Manrope,'Segoe UI',sans-serif;margin-bottom:10px}.pi-focus-panel>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.pi-focus-panel strong{font:750 clamp(11px,1vw,14px)/1.2 Manrope,'Segoe UI',sans-serif;color:#edf4fc;font-variant-numeric:tabular-nums}.pi-focus-panel small{display:block;color:#afc6d3;font-size:10px;margin-top:7px}
.pi-screen-foot{min-height:37px;border-top:1px solid #2b4052}.pi-screen-foot strong{font-weight:750;color:#d4e5ec;text-align:right}
.pi-selector{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:end;padding-top:20px}
.pi-selector-label{grid-column:1/-1;color:#8faebd;font-size:11px;font-weight:700;margin-bottom:9px}
.pi-scene-buttons{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #345062}
.pi-scene-buttons button{position:relative;text-align:left;border:0;border-right:1px solid #345062;border-bottom:1px solid #345062;background:none;color:#9cb3c0;padding:13px 13px 15px 0;min-height:70px}
.pi-scene-buttons button+button{padding-left:17px}.pi-scene-buttons button:last-child{border-right:0}
.pi-scene-buttons button[aria-pressed=true]{color:#effaff}.pi-scene-buttons button[aria-pressed=true]:before{content:"";height:2px;background:#00becc;position:absolute;top:-1px;left:0;right:0}
.pi-scene-name{display:block;font-size:14px;font-weight:750;line-height:1.3}.pi-scene-source{display:block;font-size:10px;line-height:1.45;margin-top:5px;color:#8fa9b8}
.pi-experience .pi-selector .pi-scene-detail{grid-column:2;max-width:205px;color:#abc0cd;font-size:12px;line-height:1.5;margin:0 0 1px}
.pi-experience-company{background:transparent}.pi-experience-company .pi-shell{grid-template-columns:minmax(0,1fr) minmax(240px,.31fr);grid-template-rows:auto;gap:clamp(25px,4vw,75px);padding-block:12px 52px}
.pi-experience-company .pi-artifact{grid-column:1;grid-row:1}.pi-experience-company .pi-artifact:before{left:auto;right:-21px}.pi-experience-company .pi-selector{grid-column:2;grid-row:1;align-self:center;display:block;padding:0}.pi-experience-company .pi-selector-label{font-size:13px;margin-bottom:20px}.pi-experience-company .pi-scene-buttons{grid-template-columns:1fr;border-top:0}.pi-experience-company .pi-scene-buttons button,.pi-experience-company .pi-scene-buttons button+button{border-right:0;border-bottom:1px solid #345062;padding:17px 0 19px 0;min-height:0}.pi-experience-company .pi-scene-buttons button[aria-pressed=true]:before{height:auto;width:2px;top:16px;bottom:16px;left:-15px;right:auto}.pi-experience-company .pi-scene-name{font-size:19px}.pi-experience-company .pi-scene-source{font-size:11px}.pi-experience-company .pi-selector .pi-scene-detail{max-width:34ch;margin:22px 0;color:#abc0cd;font-size:13px}.pi-company-link{border-bottom:1px solid #7d9bab;color:#edf4fc}.pi-company-link:hover{border-color:#57dce8}
.pi-experience .intro-static{display:none}.intro-static{display:grid;grid-template-columns:minmax(250px,.4fr) minmax(0,1fr);gap:4vw;align-items:center;padding:70px var(--gutter);background:#080f17;color:#edf4fc}.intro-static h1{font:750 clamp(3rem,5vw,5.8rem)/1.03 Manrope,'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:-.035em;max-width:12ch}.intro-static p{color:#c2d4de}.intro-static a{display:inline-block;background:#00becc;color:#07151d;padding:13px 18px;text-decoration:none;font-size:13px;font-weight:750}.intro-static>img{width:100%}
[data-variant="company"] .intro-static{grid-template-columns:minmax(0,1fr) minmax(240px,.31fr);gap:clamp(25px,4vw,75px);padding-block:12px 52px}
[data-variant="company"] .intro-static>img{aspect-ratio:1426/933;object-fit:contain;background:#111c2a;border-block:35px solid #111c2a}
[data-variant="company"] .intro-static>a{justify-self:start;background:none;color:#edf4fc;padding:14px 0;border-bottom:1px solid #7d9bab}
@media(max-width:1050px){.pi-shell{grid-template-columns:minmax(250px,.38fr) minmax(0,1fr);gap:25px}.pi-title{font-size:clamp(2.55rem,4.4vw,4.5rem)}.pi-copy{padding-bottom:0}.pi-wordmark{margin-bottom:35px}.pi-selector{grid-template-columns:1fr}.pi-scene-detail{grid-column:1;max-width:65ch;margin-top:13px}.pi-experience-company .pi-shell{grid-template-columns:minmax(0,1fr) minmax(200px,.33fr)}}
@media(max-width:760px){.pi-shell{display:flex;flex-direction:column;padding:40px 0 39px;gap:0}.pi-copy{display:block;padding:0 var(--gutter) 36px}.pi-wordmark{width:170px;margin:0 0 35px}.pi-title{font-size:clamp(2.25rem,9vw,4.4rem);max-width:12ch;margin-bottom:18px}.pi-actions{gap:16px}.pi-artifact{width:calc(100% - var(--gutter));margin-left:var(--gutter);overflow:hidden}.pi-artifact:before{display:none}.pi-screen-head{height:28px;font-size:8px}.pi-screen-right{font-size:8px}.pi-screen-foot{font-size:8px;min-height:32px}.pi-selector{display:block;width:100%;padding:22px var(--gutter) 0}.pi-selector-label{margin-bottom:8px}.pi-scene-buttons button{min-height:65px;padding:11px 8px 12px 0}.pi-scene-buttons button+button{padding-left:9px}.pi-scene-name{font-size:12px}.pi-scene-source{font-size:9px}.pi-scene-detail{margin:14px 0 0}.pi-experience-company .pi-shell{display:flex;flex-direction:column;padding:0 0 45px;gap:0}.pi-experience-company .pi-artifact{width:calc(100% - var(--gutter));margin-left:var(--gutter)}.pi-experience-company .pi-selector{padding:20px var(--gutter) 0}.pi-experience-company .pi-scene-buttons{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #345062}.pi-experience-company .pi-scene-buttons button,.pi-experience-company .pi-scene-buttons button+button{padding:11px 8px 12px;border-right:1px solid #345062}.pi-experience-company .pi-scene-buttons button:first-child{padding-left:0}.pi-experience-company .pi-scene-buttons button:last-child{border-right:0}.pi-experience-company .pi-scene-buttons button[aria-pressed=true]:before{height:2px;width:auto;top:-1px;bottom:auto;left:0;right:0}.pi-experience-company .pi-scene-name{font-size:12px}.pi-experience-company .pi-scene-source{font-size:9px}.pi-experience-company .pi-scene-detail{margin:17px 0}.intro-static{display:block;padding:40px var(--gutter)}.intro-static>img{margin-top:25px}}
@media(prefers-reduced-motion:no-preference){html[data-motion=playing] .pi-screen img{transition:transform .55s var(--ease-out)}html[data-motion=playing] .pi-focus-panel{transition:opacity .22s ease-out,visibility .22s ease-out}}
@media(max-width:760px){
  .pi-focus-toggle{font-size:11px;padding:6px 8px;min-height:27px}
  .pi-screen-head{height:34px}.pi-screen-head [data-pi="capture"]{font-size:9px}
  .pi-scene-name,.pi-experience-company .pi-scene-name{font-size:13px}
  .pi-scene-source,.pi-experience-company .pi-scene-source{font-size:11px}
  .pi-screen[data-focused=true]{height:clamp(315px,94vw,385px);aspect-ratio:auto}
  .pi-screen[data-focused=true] img{height:auto;object-fit:initial}
  .pi-screen[data-focused=true][data-scene="0"] img{transform:translate(-98%,-70%) scale(2.8)}
  .pi-screen[data-focused=true][data-scene="1"] img{transform:translate(-260%,-205%) scale(3.7)}
  .pi-screen[data-focused=true][data-scene="2"] img{transform:translate(-275%,-105%) scale(3.8)}
  .pi-focus-panel{left:8px;right:8px;bottom:8px;width:auto;padding:9px 11px;background:#101d2bf5}
  .pi-focus-panel>span{font-size:11px;margin-bottom:6px}
  .pi-focus-panel strong{font-size:12px}
  .pi-focus-panel small{font-size:11px;margin-top:5px}
  .pi-screen-head{height:44px;font-size:10px;padding-inline:10px;gap:8px}
  .pi-focus-toggle{min-height:36px;font-size:11px;padding:8px 10px}
}
@media(min-width:761px) and (max-width:1050px){
  .pi-experience:not(.pi-experience-company) .pi-selector{grid-template-columns:minmax(0,1fr)}
  .pi-experience:not(.pi-experience-company) .pi-selector .pi-scene-detail{grid-column:1;max-width:none;margin:10px 0 0}
}