/* Homepage platform hierarchy; native selector and player behavior is unchanged. */
body.mvp-home #ssu-platforms.hp-pyramid{padding-inline:28px;background:#dce6d9!important;color:#282720}
#ssu-platforms.hp-pyramid>.inner{width:min(1120px,100%);max-width:1120px;margin-inline:auto;padding:0}
#ssu-platforms.hp-pyramid #ssu-moed-title{margin:0 auto 6px}
#ssu-platforms.hp-pyramid .hp-pyramid-subtitle{margin:6px 0 24px;font:400 17px/1.6 var(--home-font);color:#526052;text-align:center}
#ssu-platforms.hp-pyramid .hp-flow-tabs{display:block;width:min(880px,100%);max-width:880px;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;direction:inherit}
#ssu-platforms.hp-pyramid .hp-flow-tabs button{font-family:var(--home-font)!important;white-space:normal;cursor:pointer;box-sizing:border-box;border:5px solid #fff!important;background:#faf7f2;color:#282720;outline:none!important;box-shadow:none!important;transform:none;filter:none;transition:none!important}
#ssu-platforms.hp-pyramid .hp-flow-tabs button *{font-family:var(--home-font)!important;transition:none!important}
#ssu-platforms.hp-pyramid .hp-flow-tabs button[aria-pressed=true]{background:#607565!important;color:#fff!important}
#ssu-platforms.hp-pyramid .hp-flow-tabs button[aria-pressed=false]:hover{background:#eef1e9}
#ssu-platforms.hp-pyramid .hp-flow-tabs button[aria-pressed=false]:focus-visible{background:#d7e1d2}
#ssu-platforms.hp-pyramid .hp-flow-tabs button[aria-pressed=true]:is(:hover,:focus-visible){background:#536b59!important}
#ssu-platforms.hp-pyramid #ssu-platform-web{display:block;width:min(540px,100%);max-width:540px;margin:auto;padding:22px 26px;border-radius:24px;text-align:center}
#ssu-platforms.hp-pyramid .hp-pyramid-hub-name{display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;font-weight:800;line-height:1.3;letter-spacing:-.6px}
#ssu-platforms.hp-pyramid .hp-pyramid-description{display:block;margin-top:12px;font-size:15px;line-height:1.6;font-weight:400}
#ssu-platforms.hp-pyramid #ssu-platform-web .hp-web-symbol{display:block;flex:0 0 38px;width:38px;height:38px;overflow:visible}
#ssu-platforms.hp-pyramid #ssu-platform-web .hp-web-symbol img{width:38px;height:38px;object-fit:contain}
#ssu-platforms.hp-pyramid .hp-pyramid-connectors{height:60px;color:#839889}
#ssu-platforms.hp-pyramid .hp-pyramid-connectors>svg{display:block;width:100%;height:100%;overflow:visible}
#ssu-platforms.hp-pyramid .hp-pyramid-base{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
#ssu-platforms.hp-pyramid .hp-pyramid-base>button{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 14px;border-radius:17px;min-height:81px;font-size:16px;font-weight:750;line-height:1.4}
#ssu-platforms.hp-pyramid .hp-pyramid-base>button>svg{width:31px;height:31px;flex:none}
#ssu-platforms.hp-pyramid #ssu-platform-windows>svg{color:#168eea}
#ssu-platforms.hp-pyramid .hp-browser-pair{display:flex;align-items:center;flex:none;width:52px;height:35px;direction:ltr}
#ssu-platforms.hp-pyramid .hp-browser-disc{display:flex;width:31px;height:31px;padding:0;margin:0;border:0;background:transparent}
#ssu-platforms.hp-pyramid .hp-browser-disc+span{margin-left:-10px}
#ssu-platforms.hp-pyramid .hp-browser-pair img{width:31px;height:31px;max-width:none;padding:0;background:transparent;object-fit:contain}
#ssu-platforms.hp-pyramid>.mvp-section-bridge{display:none!important}
body.mvp-home:has(.hp-pyramid) :is(#ssu-platforms,#ssu-web-tools,#ssu-platform-guide,#ssu-windows-guide,#ssu-ios-guide) :is(h1,h2,h3,h4,p,button,a,label,span){font-family:var(--home-font)!important}
body.mvp-home:has(.hp-pyramid) #hp-ios-product-title{font-size:var(--home-heading)!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.025em!important}
body.mvp-home .hp-pyramid-content-heading{display:flex!important;align-items:center;gap:14px}
.hp-pyramid-heading-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;letter-spacing:normal}
.hp-pyramid-heading-icon img,.hp-pyramid-heading-icon svg{display:block;width:38px;height:38px;object-fit:contain}
.hp-pyramid-heading-icon .hp-web-symbol{display:flex;width:38px;height:38px;overflow:visible}
.hp-pyramid-heading-icon .hp-browser-pair{display:flex;width:49px;direction:ltr}
.hp-pyramid-heading-icon .hp-browser-disc{width:30px;height:30px;display:flex}
.hp-pyramid-heading-icon .hp-browser-disc+span{margin-left:-10px}
.hp-pyramid-heading-icon .hp-browser-pair img{width:30px;height:30px;background:transparent;padding:0}
.hp-pyramid-heading-icon[data-platform=chrome]{flex-basis:49px;width:49px}
.hp-pyramid-heading-icon[data-platform=windows]{color:#168eea}
@media(min-width:601px) and (max-width:900px){#ssu-platforms.hp-pyramid .hp-pyramid-base>button{flex-direction:column;gap:9px;min-height:104px;font-size:14px}}
@media(max-width:600px){
 #ssu-platforms.hp-pyramid .hp-pyramid-subtitle{font-size:15px;line-height:1.5;margin-bottom:22px}
 #ssu-platforms.hp-pyramid #ssu-platform-web{padding:20px 16px;border-width:5px!important}
 #ssu-platforms.hp-pyramid .hp-pyramid-hub-name{font-size:20px;gap:9px;text-align:start}
 #ssu-platforms.hp-pyramid #ssu-platform-web .hp-web-symbol,#ssu-platforms.hp-pyramid #ssu-platform-web .hp-web-symbol img{width:30px;height:30px;flex-basis:30px}
 #ssu-platforms.hp-pyramid .hp-pyramid-description{font-size:14px;margin-top:10px;line-height:1.5}
 #ssu-platforms.hp-pyramid .hp-pyramid-connectors{height:46px}
 #ssu-platforms.hp-pyramid .hp-pyramid-base{gap:9px}
 #ssu-platforms.hp-pyramid .hp-pyramid-base>button{flex-direction:column;gap:7px;font-size:12px;min-height:101px;padding:15px 5px;border-width:3px!important;border-radius:13px}
 #ssu-platforms.hp-pyramid .hp-pyramid-base>button>svg{width:25px;height:25px}
 #ssu-platforms.hp-pyramid .hp-browser-pair{height:25px;width:42px}
 #ssu-platforms.hp-pyramid .hp-browser-disc,#ssu-platforms.hp-pyramid .hp-browser-pair img{width:25px;height:25px}
 #ssu-platforms.hp-pyramid .hp-browser-disc+span{margin-left:-8px}
 body.mvp-home .hp-pyramid-content-heading{gap:11px}
 .hp-pyramid-heading-icon,.hp-pyramid-heading-icon .hp-web-symbol,.hp-pyramid-heading-icon>svg,.hp-pyramid-heading-icon img{width:30px;height:30px;flex-basis:30px}
}
html[data-theme=dark] body#ss-shell.rf-original #ssu-platforms.hp-pyramid{background:var(--ss-surface,#233330)!important;color:var(--ss-text,#f4f1ea)!important}
html[data-theme=dark] body#ss-shell.rf-original #ssu-platforms.hp-pyramid .hp-pyramid-subtitle{color:var(--ss-muted,#c0ccc3)!important}
html[data-theme=dark] body#ss-shell.rf-original #ssu-platforms.hp-pyramid .hp-flow-tabs{background:transparent!important;border:0!important}
html[data-theme=dark] body#ss-shell.rf-original #ssu-platforms.hp-pyramid .hp-flow-tabs button{background:var(--ss-raised,#2c3d34)!important;border-color:var(--ss-border,#536659)!important;color:var(--ss-text,#f4f1ea)!important;box-shadow:none!important;outline:none!important}
html[data-theme=dark] body#ss-shell.rf-original #ssu-platforms.hp-pyramid .hp-flow-tabs button[aria-pressed=true]{background:var(--ss-nav-active,#607565)!important;color:var(--ss-on-nav-active,#fff)!important}
html[data-theme=dark] body#ss-shell.rf-original #ssu-platforms.hp-pyramid .hp-flow-tabs button[aria-pressed=false]:is(:hover,:focus-visible){background:#41594a!important}

#ssu-platforms.hp-pyramid #ssu-platform-windows[aria-pressed=true]>svg{color:#fff!important}