/* The homepage sharing scene: source -> Windows PC -> connected devices. */
.sharing-scene{background:#edf4ff;border-block:1px solid #dce8f9;padding:48px 0 44px;scroll-margin-top:12px}
.sharing-heading{text-align:center;max-width:950px;margin:0 auto 28px}
.sharing-heading .eyebrow{color:var(--blue);margin-bottom:13px}
.sharing-heading h2{font-size:clamp(32px,3.3vw,46px);line-height:1.18;margin-bottom:17px;letter-spacing:-.035em}
.sharing-heading h2 span{color:var(--blue)}
.sharing-heading>p:last-child{font-size:19px;line-height:1.6;color:var(--muted);margin:0}
.sharing-flow{display:grid;grid-template-columns:155px minmax(34px,66px) minmax(0,510px) minmax(34px,66px) 155px;justify-content:center;align-items:center;max-width:1050px;margin:auto}
.sharing-source,.sharing-devices{position:relative;text-align:center;min-width:0}
.sharing-source-icon{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 20px;background:white;border:1px solid #cfdef3;border-radius:50%;color:var(--blue);box-shadow:0 8px 24px #143b6e08}
.sharing-source-icon .icon{width:47px;height:47px;stroke-width:1.5}
.sharing-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:750;color:var(--blue);margin:0 0 8px;line-height:1.4}
.sharing-source h3,.sharing-devices h3{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin:0 0 8px}
.sharing-source-detail{display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.sharing-source-detail .icon{width:17px;height:17px}
.sharing-connector{position:relative;height:2px;border-top:2px dashed #91b4e6;margin-inline:9px;pointer-events:none;color:var(--blue)}
.sharing-connector>.icon{position:absolute;right:-5px;top:-12px;width:23px;height:23px;background:#edf4ff;stroke-width:2}
.sharing-out>span{position:absolute;left:50%;top:-38px;transform:translateX(-50%)}
.sharing-out>span .icon{width:25px;height:25px}
.sharing-computer{min-width:0;width:100%;margin:0}
.sharing-pc-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;line-height:1.5;font-weight:650;color:var(--ink);margin:0 0 13px}
.sharing-pc-label .icon{width:21px;height:21px;color:var(--blue)}
.sharing-monitor{position:relative;padding:6px;background:#243851;border:1px solid #4a6380;border-radius:12px;box-shadow:0 18px 40px #17427920}
.sharing-monitor>a{position:relative;display:block;border-radius:6px;line-height:0;cursor:zoom-in}
.sharing-monitor img{display:block;width:100%;height:auto;border-radius:6px}
.sharing-enlarge{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;width:34px;height:34px;border-radius:6px;color:white;background:#203956e8;border:1px solid #8099b066}
.sharing-enlarge .icon{width:18px;height:18px}
.sharing-monitor-base{width:105px;height:20px;margin:0 auto 10px;border-bottom:5px solid #69809a;background:linear-gradient(90deg,transparent 30%,#8da2ba 30%,#9fb0c3 70%,transparent 70%);border-radius:0 0 4px 4px}
.sharing-computer figcaption{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 15px;font-size:14px;line-height:1.5;color:var(--muted)}
.sharing-computer figcaption a{display:inline-flex;align-items:center;gap:5px;font-size:14px;min-height:30px}
.sharing-computer figcaption .icon{width:14px;height:14px}
.sharing-devices{padding-inline-start:8px}
.sharing-devices ul{padding:0;margin:20px 0 0;list-style:none;display:grid;gap:18px}
.sharing-devices li{display:flex;align-items:center;gap:12px;text-align:start;margin:0;font-size:15px;line-height:1.4;font-weight:550}
.sharing-devices li .icon{width:37px;height:37px;stroke-width:1.6;color:var(--blue)}
.sharing-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1100px;margin:24px auto 0;padding-top:22px;border-top:1px solid #ccddf2}
.sharing-benefits>div{display:flex;align-items:flex-start;gap:12px;min-width:0}
.sharing-benefits>div>.icon{width:26px;height:26px;color:var(--blue);margin-top:1px}
.sharing-benefits h3{font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:0 0 4px;font-weight:700}
.sharing-benefits p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}
.sharing-download{text-align:center;margin-top:22px}
.sharing-download p{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0 0}
@media(max-width:1100px){
 .sharing-flow{grid-template-columns:138px 40px minmax(0,580px) 40px 138px}
 .sharing-source h3,.sharing-devices h3{font-size:18px}.sharing-source-detail{font-size:13px}
 .sharing-devices li{font-size:14px;gap:9px}.sharing-devices li .icon{width:32px;height:32px}
 .sharing-benefits{gap:19px}.sharing-benefits h3{font-size:17px}
}
@media(max-width:900px){
 .sharing-scene{padding:48px 0 42px}
 .sharing-heading{max-width:620px;margin-bottom:28px}.sharing-heading h2{font-size:34px;line-height:1.2}.sharing-title-break{display:none}.sharing-heading>p:last-child{font-size:17px}
 .sharing-flow{grid-template-columns:minmax(0,1fr);max-width:530px;justify-items:center}
 .sharing-source{display:flex;align-items:center;justify-content:center;gap:15px;text-align:start}
 .sharing-source-icon{width:62px;height:62px;margin:0}.sharing-source-icon .icon{width:35px;height:35px}
 .sharing-source .sharing-label{font-size:11px;margin-bottom:3px}.sharing-source h3{font-size:18px;margin-bottom:4px}.sharing-source-detail{font-size:14px;justify-content:flex-start}
 .sharing-connector{height:30px;width:0;border-top:0;border-inline-start:2px dashed #91b4e6;margin:10px 0 12px}
 .sharing-connector>.icon{top:auto;bottom:-7px;right:auto;left:-12px;transform:rotate(90deg)}
 .sharing-out>span{top:5px;left:23px;transform:none}.sharing-out>span .icon{width:23px;height:23px}
 .sharing-pc-label{font-size:15px;margin-bottom:10px}
 .sharing-monitor{padding:4px;border-radius:9px}.sharing-monitor>a,.sharing-monitor img{border-radius:5px}
 .sharing-monitor-base{height:15px;width:85px;margin-bottom:8px}
 .sharing-computer figcaption{font-size:14px;gap:2px 10px}.sharing-computer figcaption a{font-size:14px;min-height:30px}
 .sharing-devices{padding:0;width:100%;max-width:430px}.sharing-devices h3{font-size:18px;margin-bottom:0}.sharing-devices .sharing-label{font-size:11px;margin-bottom:4px}
 .sharing-devices ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}
 .sharing-devices li{flex-direction:column;gap:7px;font-size:14px;text-align:center}.sharing-devices li .icon{width:38px;height:38px}
 .sharing-benefits{grid-template-columns:1fr;max-width:530px;gap:20px;margin-top:28px;padding-top:26px}.sharing-benefits>div{gap:13px}.sharing-benefits h3{font-size:18px}.sharing-benefits p{font-size:15px}
 .sharing-download{margin-top:27px}.sharing-download p{max-width:340px;margin-inline:auto}
}
@media(max-width:400px){.sharing-heading h2{font-size:31px}.sharing-download .button{width:100%;font-size:16px}}
@media(max-width:360px){
 .header-inner{gap:6px}.header-inner .brand{font-size:16px;gap:7px}.header-inner .brand-mark{width:30px;height:30px}
 .download-band .button{max-width:100%;width:100%;white-space:normal;font-size:16px;padding-inline:16px}
}