/* Landing extensions share the original site's fonts, colors and spacing. */
.expanded-page .lp-section{animation:none}
.xp-heading{min-width:0;max-width:950px;margin-bottom:36px}.xp-heading>p{max-width:850px}
.xp-proof-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:42px;align-items:center}
.xp-video{margin:0;min-width:0}.xp-video video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#161616;border-radius:22px}
.xp-video figcaption,.xp-caption{font:14px/1.65 Inter,Arial,sans-serif!important;color:#666!important;margin-top:16px!important}
.xp-observations{display:grid;gap:24px}.xp-observations article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding-bottom:24px;border-bottom:1px solid #dedfe5}.xp-observations article:last-child{padding-bottom:0;border-bottom:0}
.xp-index{font-size:14px;font-weight:650;color:#086de8;line-height:1.6}.xp-observations h3{font-size:22px;margin-bottom:10px}.xp-observations p{font-size:16px}
.xp-portrait .xp-proof-layout,.xp-product .xp-proof-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);max-width:1050px;gap:70px}
.xp-portrait .xp-video video,.xp-product .xp-video video,.xp-social .xp-video video{aspect-ratio:4/5;max-height:590px}
.xp-social .xp-proof-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.xp-social .xp-video{order:2}.xp-social .xp-observations{order:1}
.xp-cinema .xp-proof-layout{grid-template-columns:1fr;gap:30px}.xp-cinema .xp-video video{aspect-ratio:2.2/1}.xp-cinema .xp-observations{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.xp-cinema .xp-observations article{border-bottom:0;padding:0}
.xp-table-wrap{border:1px solid #dac7ef;border-radius:22px;overflow:hidden}.xp-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.xp-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.xp-table th,.xp-table td{padding:24px 28px;vertical-align:top;font-size:17px;line-height:1.6;overflow-wrap:break-word;border-bottom:1px solid #e5e5eb}.xp-table thead{background:#f7f8fa}.xp-table thead th{font-size:15px;font-weight:600;color:#626262}.xp-table tbody th{font-weight:600;color:#222}.xp-table td{color:#626262}.xp-table tbody tr:last-child>*{border-bottom:0}.xp-table tbody tr:hover{background:#fafbfe}.xp-cell-label{display:none}
.xp-scene{border:1px solid #dac7ef;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);background:#f7f8fa}
.xp-reference{margin:0;position:relative;min-height:440px;overflow:hidden;background:#e6e7eb}.xp-reference img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.xp-reference figcaption{position:absolute;bottom:20px;left:20px;right:20px;color:#fff;font-size:14px;line-height:1.4;z-index:1;text-shadow:0 1px 6px #000}.xp-reference:after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(transparent,#0008);pointer-events:none}.xp-frame{position:absolute;inset:11%;border:1px solid #ffffffa0;border-radius:4px;pointer-events:none}
.xp-scene-editor{padding:34px;display:flex;flex-direction:column;min-width:0}.xp-scene-controls{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:28px;border-bottom:1px solid #dfe2e9;margin-bottom:30px}.xp-scene-controls button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;min-height:44px;border:1px solid #d1d9e4;border-radius:10px;background:white;color:#333;font:600 14px/1.3 Inter,Arial,sans-serif;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.xp-scene-controls button span{font-weight:400}.xp-scene-controls button:hover{border-color:#086de8}.xp-scene-controls button[aria-pressed=true]{background:#086de8;border-color:#086de8;color:#fff}.xp-scene-controls button:focus-visible{outline:3px solid #222;outline-offset:3px}
.expanded-page [hidden]{display:none!important}.xp-scene-panel+.xp-scene-panel{margin-top:28px}.scene-ready .xp-scene-panel{margin-top:0}.xp-scene-panel h3{font-size:28px;line-height:1.25}.xp-scene-panel p{font-size:17px}.xp-scene-label{display:block;margin-bottom:15px;color:#086de8;font-size:14px;font-weight:600}.scene-ready .xp-scene-label{display:none}.xp-scene-panel blockquote{font-size:18px;line-height:1.6;color:#222;background:white;border-left:3px solid #086de8;margin:24px 0 0;padding:20px 24px;border-radius:0 12px 12px 0}.scene-ready .xp-scene-panels{min-height:290px}.xp-sequence{display:none;gap:8px;margin-top:auto;padding-top:28px}.scene-ready .xp-sequence{display:flex}.xp-sequence span{height:4px;background:#d9dde5;flex:1;border-radius:4px;transition:background .25s}.xp-sequence .is-active{background:#086de8}.scene-ready .xp-scene-panel:not([hidden]){animation:scene-in .3s ease both}
.xp-product .xp-reference img,.xp-portrait .xp-reference img{object-fit:contain}.xp-product .xp-reference,.xp-portrait .xp-reference{background:#ecebe8}.xp-product .xp-frame,.xp-portrait .xp-frame{display:none}
.xp-cinema .xp-scene{grid-template-columns:1fr}.xp-cinema .xp-reference{min-height:430px}.xp-cinema .xp-scene-editor{display:grid;grid-template-columns:.65fr 1.35fr;column-gap:42px}.xp-cinema .xp-scene-controls{flex-direction:column;align-self:start;border:0;margin:0;padding:0}.xp-cinema .xp-scene-controls button{justify-content:flex-start;padding:14px 18px}.xp-cinema .xp-scene-panels{min-height:230px}.xp-cinema .xp-sequence{grid-column:1/-1}
.xp-prompts .xp-scene{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.xp-prompts .xp-reference img{object-position:32% center}.xp-prompts .xp-scene-panel blockquote{font-family:Inter,Arial,sans-serif;font-size:21px}
.xp-limits-shell{border-top:1px solid #d7d9e0;padding-top:42px}.xp-limits .xp-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:60px;max-width:none;align-items:start}.xp-limits .xp-heading h2{margin-bottom:0}.xp-fixes article{display:grid;grid-template-columns:32px minmax(0,.8fr) minmax(0,1.3fr);gap:24px;padding:26px 0;border-top:1px solid #e2e2e7;align-items:start}.xp-fixes h3{font-size:22px;margin:0}.xp-fixes p{font-size:17px}.xp-takeaway{padding:26px 32px;background:#f7f8fa;border-radius:18px;margin-top:12px;border-left:3px solid #086de8}.xp-takeaway p{font-size:18px;color:#333}
/* Motion is finite and progressively enhanced; nothing is hidden without JS. */
.motion-ready [data-reveal]{transition:opacity .65s ease,transform .65s ease,clip-path .8s cubic-bezier(.2,.65,.3,1)}
.motion-ready [data-reveal=type]:not(.is-visible){opacity:.2}.motion-ready [data-reveal=side]:not(.is-visible){opacity:0;transform:translateX(16px)}.motion-ready [data-reveal=mask]:not(.is-visible){clip-path:inset(0 0 9% 0 round 22px);opacity:.25;transform:scale(.987)}
.motion-ready [data-reveal=lines] article,.motion-ready [data-reveal=lines] tbody tr{transition:opacity .55s ease}.motion-ready [data-reveal=lines]:not(.is-visible) article,.motion-ready [data-reveal=lines]:not(.is-visible) tbody tr{opacity:.15}.motion-ready [data-reveal=lines] article:nth-child(2),.motion-ready [data-reveal=lines] tbody tr:nth-child(2){transition-delay:.09s}.motion-ready [data-reveal=lines] article:nth-child(3),.motion-ready [data-reveal=lines] tbody tr:nth-child(3){transition-delay:.18s}
@keyframes scene-in{from{opacity:.25;transform:translateX(6px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.xp-proof-layout,.xp-portrait .xp-proof-layout,.xp-product .xp-proof-layout{gap:30px}.xp-observations{gap:20px}.xp-observations h3{font-size:20px}.xp-table th,.xp-table td{padding:22px 20px;font-size:16px}.xp-scene-editor{padding:26px}.xp-scene-panel h3{font-size:25px}.xp-scene-controls{gap:6px}.xp-scene-controls button{padding:10px;font-size:14px}.xp-scene-panel blockquote{padding:18px;font-size:17px}.scene-ready .xp-scene-panels{min-height:360px}.xp-limits .xp-heading{gap:35px}.xp-fixes article{gap:18px}.xp-cinema .xp-observations{gap:20px}.xp-cinema .xp-observations article{grid-template-columns:1fr;gap:8px}.xp-cinema .xp-reference{min-height:340px}.xp-cinema .xp-scene-panels{min-height:230px}}
@media(max-width:767px){.xp-heading{margin-bottom:28px}.xp-proof-layout,.xp-portrait .xp-proof-layout,.xp-product .xp-proof-layout,.xp-social .xp-proof-layout,.xp-cinema .xp-observations{grid-template-columns:1fr;gap:28px}.xp-social .xp-video,.xp-social .xp-observations{order:initial}.xp-portrait .xp-video,.xp-product .xp-video,.xp-social .xp-video{max-width:430px;width:100%;margin-inline:auto}.xp-observations article,.xp-cinema .xp-observations article{grid-template-columns:26px minmax(0,1fr);gap:12px}.xp-cinema .xp-observations article{border-bottom:1px solid #dedfe5;padding-bottom:24px}.xp-cinema .xp-observations article:last-child{border:0;padding:0}.xp-observations h3{font-size:21px}.xp-video video,.xp-cinema .xp-video video{aspect-ratio:16/10}.xp-video figcaption,.xp-caption{font-size:14px!important}.xp-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.xp-table,.xp-table tbody,.xp-table tr,.xp-table th,.xp-table td{display:block;width:100%}.xp-table tr{padding:24px;border-bottom:1px solid #dac7ef}.xp-table tr:last-child{border:0}.xp-table th,.xp-table td{padding:0;border:0}.xp-table td{margin-top:18px}.xp-table tbody th{font-size:21px;line-height:1.35}.xp-cell-label{display:block;font-size:14px;font-weight:500;color:#626262;margin-bottom:5px}.xp-table tbody th .xp-cell-label{color:#086de8}.xp-scene,.xp-prompts .xp-scene{grid-template-columns:1fr}.xp-reference{min-height:260px}.xp-reference img{object-position:center}.xp-product .xp-reference,.xp-portrait .xp-reference{min-height:340px}.xp-scene-editor{padding:24px}.xp-scene-controls{gap:8px;margin-bottom:24px;padding-bottom:24px}.xp-scene-controls button{flex:1 1 auto;min-height:44px}.xp-scene-controls button span{display:none}.xp-scene-panel h3{font-size:25px}.xp-scene-panel p{font-size:16px}.xp-scene-panel blockquote,.xp-prompts .xp-scene-panel blockquote{font-size:17px;padding:18px}.scene-ready .xp-scene-panels{min-height:300px}.xp-cinema .xp-scene-editor{display:flex;gap:0}.xp-cinema .xp-scene-controls{flex-direction:row;align-self:stretch;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #dfe2e9}.xp-cinema .xp-scene-controls button{padding:10px;justify-content:center}.xp-cinema .xp-reference{min-height:260px}.xp-cinema .xp-scene-panels{min-height:300px}.xp-limits-shell{padding-top:30px}.xp-limits .xp-heading{grid-template-columns:1fr;gap:20px}.xp-fixes article{grid-template-columns:26px minmax(0,1fr);gap:12px;padding:24px 0}.xp-fixes p{grid-column:2;font-size:16px}.xp-fixes h3{font-size:21px}.xp-takeaway{padding:22px}.xp-takeaway p{font-size:16px}}
@media(max-width:359px){.xp-scene-editor{padding:20px}.xp-reference{min-height:220px}.xp-scene-controls{gap:6px}.xp-scene-controls button{padding:10px 8px;font-size:14px}.scene-ready .xp-scene-panels{min-height:360px}.xp-scene-panel h3{font-size:23px}.xp-table tr{padding:22px}.xp-takeaway{padding:20px}.xp-product .xp-reference,.xp-portrait .xp-reference{min-height:300px}}
@media(prefers-reduced-motion:reduce){.expanded-page *, .expanded-page *:before,.expanded-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready [data-reveal],.motion-ready [data-reveal] article,.motion-ready [data-reveal] tbody tr{opacity:1!important;transform:none!important;clip-path:none!important}}
/* Distinct concept photography replaces duplicated gallery frames. */
.xp-photo img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:22px;background:#eceef1}
.xp-portrait .xp-photo img,.xp-product .xp-photo img,.xp-social .xp-photo img{aspect-ratio:4/5;max-height:590px}
.xp-cinema .xp-photo img{aspect-ratio:2.2/1}
.xp-product .xp-reference img{object-fit:contain}.xp-portrait .xp-reference img{object-fit:cover}
.xp-prompts .xp-reference img{object-position:center}
@media(max-width:767px){.xp-photo img,.xp-cinema .xp-photo img{aspect-ratio:4/3}.xp-portrait .xp-photo img,.xp-product .xp-photo img,.xp-social .xp-photo img{aspect-ratio:4/5}}
.expanded-page .check-layout .lp-media>img{aspect-ratio:4/3;max-height:none}
.xp-cinema .xp-reference img{object-position:center 15%}
.xp-product .xp-reference img{object-fit:cover}
@media(max-width:1100px){.xp-product .xp-scene{grid-template-columns:1fr}.xp-product .xp-reference{min-height:0;aspect-ratio:3/2}}
@media(min-width:768px) and (max-width:1100px){.xp-product .scene-ready .xp-scene-panels{min-height:220px}}
