/* The existing face demonstration leads the page beside the product message. */
.product-intro{padding-block:42px 52px}.product-intro-grid{gap:54px;grid-template-columns:1.03fr 1fr}.product-demo-link{border:0;padding:0;background:none;cursor:pointer;text-align:left}.intro-portrait.cinematic-hero{min-width:0;width:100%;height:590px;min-height:590px;max-height:none;border-radius:22px;background:radial-gradient(ellipse at 50% 33%,#36353455,transparent 69%);overflow:hidden;border:1px solid #afaead2b}.intro-portrait:before,.intro-portrait:after{display:none}.portrait-intro-label{position:absolute;z-index:5;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:10px;color:#d9d8d7;font-size:10px;letter-spacing:1.25px;font-weight:900}.portrait-intro-label>span{font-size:8px;letter-spacing:.8px;color:#bcbbba;border:1px solid #a6a5a444;border-radius:5px;padding:3px 6px}.intro-portrait .portrait-frame{left:21%;top:14%;width:58%;height:57%;opacity:.5}.intro-portrait .portrait-frame>small{display:none}.intro-portrait .portrait-fallback{left:20%;top:12%;width:60%;height:64%}.intro-portrait .identity-card{right:auto;left:20px;top:auto;bottom:126px;width:auto;max-width:calc(100% - 40px);padding:8px 12px;transform:none;animation:none;box-shadow:none;background:#1b1a19e8;border-radius:8px}.intro-portrait .identity-card .scene-card-label,.intro-portrait .identity-content{display:none}.intro-portrait .identity-status{border:0;margin:0;padding:0;font-size:11px;line-height:1.5;gap:7px}.intro-portrait .scene-chart-card{display:none}.intro-portrait .scene-companion{right:12px;left:auto;bottom:115px;width:110px;max-width:none}.intro-portrait .scene-companion>.mascot{width:110px;height:114px}.intro-portrait .scene-xp-card{display:none}.intro-portrait .scene-family-card{right:20px;left:auto;bottom:173px;width:215px;max-width:none;padding:12px;gap:9px;border-radius:10px;transform:translateY(14px);box-shadow:0 12px 30px #0c0b0a33}.intro-portrait[data-scene=connected] .scene-family-card{transform:translateY(0)}.intro-portrait .scene-family-card .scene-card-label{font-size:7px;letter-spacing:.6px}.intro-portrait .scene-family-card b{font-size:11px}.intro-portrait .scene-family-card p{font-size:9px;line-height:1.65}.intro-portrait .scene-family-icon{width:25px;height:28px;margin:0;align-self:center}.intro-portrait .scene-message-dot{display:none}.intro-portrait .scene-bottom{left:16px;right:16px;bottom:12px;width:auto;display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin:0}.intro-portrait .scene-flow{grid-column:1 / -1;width:100%;justify-content:space-between;padding:5px 8px;gap:3px;backdrop-filter:none}.intro-portrait .scene-flow button{font-size:10px;gap:5px;padding-inline:2px}.intro-portrait .scene-flow>i{flex:1;max-width:17px;width:7px}.intro-portrait .scene-flow button>span{width:17px;height:17px;font-size:7px}.intro-portrait .scene-motion{margin:0;min-height:36px;font-size:10px}.intro-portrait .scene-motion>span:first-child{width:21px;height:21px}.portrait-demo-note{font-size:9px;color:#c0bfbe;align-self:center;text-align:right;line-height:1.6}.product-intro .portrait-demo-note{letter-spacing:0}
@media(min-width:1500px){.product-intro{padding-block:50px 58px}.intro-portrait.cinematic-hero{height:630px;min-height:630px}}
@media(min-width:801px) and (max-width:1050px){.product-intro-grid{gap:28px}.intro-portrait.cinematic-hero{height:590px;min-height:590px}.intro-portrait .scene-family-card{right:12px;width:190px;bottom:180px}.intro-portrait .identity-card{left:12px}.intro-portrait .scene-bottom{left:10px;right:10px}.intro-portrait .scene-flow button{font-size:9px}.intro-portrait .scene-flow>i{max-width:9px}.portrait-demo-note{font-size:8px}.intro-portrait .scene-companion{right:8px;width:96px}.intro-portrait .scene-companion>.mascot{width:96px;height:100px}}
@media(max-width:800px){.product-intro{padding:36px 0 48px}.product-intro-grid{display:flex;flex-direction:column;align-items:stretch;gap:19px;max-width:650px}.product-intro-copy{display:contents}.product-intro-copy>.eyebrow{order:0;margin:0}.product-intro-copy>h1{order:1}.intro-portrait.cinematic-hero{order:2;height:460px;min-height:460px;margin:2px 0 4px}.product-definition{order:3;margin:0;max-width:none}.product-description{order:4;margin:0;max-width:none}.product-actions{order:5;margin-top:3px}.product-pilot-note{order:6;margin-top:0}.intro-portrait .portrait-frame{height:62%;top:11%}.intro-portrait .scene-bottom{grid-template-columns:1fr auto}.intro-portrait .identity-card{bottom:112px}.intro-portrait .scene-family-card{bottom:154px}.intro-portrait .scene-companion{bottom:106px}}
@media(max-width:560px){.product-intro{padding:25px 0 36px}.product-intro-grid{gap:14px}.product-intro h1{font-size:37px;line-height:1.12;letter-spacing:-1.3px}.product-intro-copy>.eyebrow{font-size:8px;letter-spacing:1.1px}.intro-portrait.cinematic-hero{height:348px;min-height:348px;border-radius:16px;margin:2px 0 3px}.portrait-intro-label{top:13px;left:14px;right:14px;font-size:8px;letter-spacing:1px}.portrait-intro-label>span{font-size:6px;letter-spacing:.5px;padding:2px 4px}.intro-portrait .portrait-frame{top:15%;left:24%;width:52%;height:59%}.intro-portrait .portrait-fallback{height:70%;top:11%}.intro-portrait .identity-card{left:12px;bottom:52px;padding:7px 9px;max-width:calc(100% - 24px)}.intro-portrait .identity-status{font-size:9px}.intro-portrait .identity-status>span:first-child{width:12px;height:12px}.intro-portrait .scene-companion{right:9px;bottom:40px;width:74px}.intro-portrait .scene-companion>.mascot{width:74px;height:77px;aspect-ratio:auto}.intro-portrait .scene-family-card{right:12px;bottom:107px;width:166px;padding:10px 9px;gap:7px}.intro-portrait .scene-family-card .scene-card-label{font-size:6px;letter-spacing:.3px}.intro-portrait .scene-family-card b{font-size:9px;line-height:1.6}.intro-portrait .scene-family-card p{font-size:8px;line-height:1.6}.intro-portrait .scene-family-icon{width:20px;height:23px;font-size:10px;display:flex}.intro-portrait .scene-bottom{left:12px;right:12px;bottom:6px;display:flex;justify-content:space-between;gap:7px}.intro-portrait .scene-flow{display:none}.intro-portrait .scene-motion{min-height:32px;font-size:8px;gap:5px}.intro-portrait .scene-motion>span:first-child{width:19px;height:19px;font-size:8px}.portrait-demo-note{font-size:7px;max-width:160px}.product-definition{font-size:18px;line-height:1.5}.product-description{font-size:14px;line-height:1.75}.product-actions{display:flex;flex-wrap:wrap;gap:8px 16px}.product-actions .button{font-size:13px;min-height:48px;gap:15px;padding:12px 15px;justify-content:center}.product-demo-link{font-size:12px;min-height:44px;justify-content:flex-start}.product-pilot-note{font-size:10px;line-height:1.8;gap:6px}}
@media(prefers-reduced-motion:reduce){.intro-portrait .scene-card,.intro-portrait .scene-companion{transition:none;animation:none}}
.intro-portrait .scene-family-card{left:20px;right:auto;width:250px}
@media(min-width:801px) and (max-width:1050px){.intro-portrait .scene-family-card{left:12px;right:auto;width:215px}}
@media(max-width:560px){.intro-portrait .scene-family-card{left:12px;right:auto;width:184px}}
.intro-portrait .scene-family-card,.intro-portrait .scene-companion{opacity:0}
.intro-portrait[data-scene=grow] .scene-companion,.intro-portrait[data-scene=connected] .scene-companion,.intro-portrait[data-scene=connected] .scene-family-card{opacity:1}
