/* A quiet, readable product chapter, with layouts based on available space. */
body.social-home .landing-scene-work{
 background:#f7f8f5;background-attachment:scroll;
 border-block:1px solid #e5e8e1;
}
body.social-home #product{
 font-family:var(--body,Arial,sans-serif);padding-block:clamp(56px,6vw,96px);container-type:inline-size;container-name:product;
 --type-body:clamp(1rem,.975rem + .15vw,1.075rem);--type-reading-leading:1.65;
}
body.social-home #product .home-product-heading{
 display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:48px;
 max-width:none;margin-bottom:40px;
 --type-h2:clamp(2rem,1.5rem + 1.4vw,3.25rem);
}
body.social-home #product .home-product-heading h2{margin:14px 0 0;letter-spacing:-.05em;color:#1c2a3a}
body.social-home #product .home-product-heading h2 span{color:#5e488b}
body.social-home #product .home-product-heading .social-eyebrow{margin:0;color:#655186;--type-meta:.8125rem}
body.social-home #product .home-product-lead{margin:0;max-width:46ch;color:#4c5969;--type-body:clamp(1.125rem,1rem + .3vw,1.25rem)}
body.social-home #product .home-product-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.social-home #product .social-feature{
 min-width:0;display:flex;flex-direction:column;padding:0;overflow:hidden;
 border:1px solid #dce1d9;border-radius:22px;background:#fff;
 box-shadow:0 4px 8px #21342903,0 14px 32px #21342906;
 --feature-ink:#5b4681;--feature-wash:#eeebf8;
 --type-body:clamp(1rem,.975rem + .15vw,1.075rem);--type-h3:clamp(1.375rem,1.15rem + .4vw,1.5rem);
 transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
body.social-home #product #feature-updates{background:#fff;border-color:#dce1d9;--feature-ink:#2e6656;--feature-wash:#e8f3ed}
body.social-home #product #feature-bookings{background:#fff;border-color:#dce1d9;--feature-ink:#855232;--feature-wash:#fcf0e5}
body.social-home #product .social-feature::before{display:none}
body.social-home #product .home-feature-visual{
 position:relative;isolation:isolate;padding:18px 22px 8px;overflow:hidden;
 background:var(--feature-wash);border-bottom:1px solid #253a4110;
}
body.social-home #product .home-feature-visual::before{
 content:"";position:absolute;z-index:-1;width:240px;height:240px;right:-70px;top:-90px;
 border:1px solid #ffffffb0;border-radius:50%;box-shadow:0 0 0 28px #ffffff26,0 0 0 56px #ffffff20;
}
body.social-home #product .home-feature-top{gap:16px;color:var(--feature-ink)}
body.social-home #product .home-feature-top>svg{flex:none;width:20px;height:20px;opacity:.8}
body.social-home #product .home-feature-number{
 display:flex;align-items:center;gap:10px;border:0;border-radius:0;padding:0;
 font-size:.75rem;letter-spacing:.08em;opacity:1;color:var(--feature-ink);line-height:1.5;
}
body.social-home #product .home-feature-number>span{border-left:1px solid #28344925;padding-left:10px;text-transform:uppercase;font-weight:650}
body.social-home #product .home-feature-art{display:block;width:100%;height:142px;margin:6px 0 0;object-fit:contain}
body.social-home #product .home-feature-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:26px 26px 20px}
body.social-home #product .home-feature-copy h3{color:#223043;margin:0 0 14px;letter-spacing:-.025em;min-height:1.3em}
body.social-home #product .home-feature-copy p{color:#4c5969;margin:0 0 24px}
body.social-home #product .home-feature-link{
 justify-content:space-between;gap:16px;min-height:48px;margin-top:auto;padding-top:14px;
 border-top:1px solid #e8ebe5;color:var(--feature-ink);font-size:1rem;font-weight:750;text-decoration:none;
}
body.social-home #product .home-feature-link svg{flex:none}
body.social-home #product .social-next-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
body.social-home #product .social-next-card{
 display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:24px;
 min-width:0;padding:32px;border:1px solid #1d4944;border-radius:22px;background:#1d4944;
 box-shadow:0 12px 28px #1d49440a;--type-body:clamp(1rem,.975rem + .15vw,1.075rem);--type-h3:1.625rem;
 transition:transform .3s ease,box-shadow .3s ease;
}
body.social-home #product .social-next-card::before{display:none}
body.social-home #product .social-next-spacey{background:#f0ecfa;border-color:#dcd4ed}
body.social-home #product .social-next-copy{align-items:stretch}
body.social-home #product .social-next-label{color:#d4e9df;font-size:.8125rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
body.social-home #product .social-next-spacey .social-next-label{color:#654f87}
body.social-home #product .social-next-copy h3{margin:12px 0 14px;letter-spacing:-.035em;color:#fff}
body.social-home #product .social-next-spacey h3{color:#352a4b}
body.social-home #product .social-next-copy p{color:#dcebe5;margin:0 0 24px}
body.social-home #product .social-next-spacey p{color:#554c65}
body.social-home #product .home-next-visual{align-self:center}
body.social-home #product .home-next-visual img{width:100%;max-height:150px;object-fit:contain;filter:drop-shadow(0 12px 14px #071c1a10)}
body.social-home #product .social-next-copy a{
 display:inline-flex;justify-content:space-between;align-items:center;align-self:flex-start;
 gap:18px;padding:11px 15px;min-height:46px;max-width:100%;box-sizing:border-box;
 border:1px solid #ffffff45;border-radius:10px;color:#fff;background:#ffffff0d;
 font-size:1rem;font-weight:750;line-height:1.5;text-decoration:none;
}
body.social-home #product .social-next-spacey a{color:#fff;background:#695096;border-color:#695096}
body.social-home #product .social-next-copy a svg{flex:none}
body.social-home #product a:focus-visible{outline:3px solid #ab8cdc;outline-offset:5px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.social-home #product :is(.social-feature,.social-next-card):is(:hover,:focus-within){transform:translateY(-4px);box-shadow:0 16px 38px #21342914}
 body.social-home #product .home-feature-link:hover{color:#253142;text-decoration:underline;text-underline-offset:4px}
 body.social-home #product .social-next-copy a:hover{background:#ffffff1c;text-decoration:none}
 body.social-home #product .social-next-spacey a:hover{background:#513875}
}
@media(max-width:980px){
 body.social-home #product .home-product-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}
 body.social-home #product .home-product-features{grid-template-columns:1fr;gap:20px}
 body.social-home #product .social-feature{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
 body.social-home #product .home-feature-visual{display:flex;flex-direction:column;justify-content:center;border-bottom:0;border-right:1px solid #253a4110}
 body.social-home #product .home-feature-copy h3{min-height:0}
 body.social-home #product .social-next-grid{grid-template-columns:1fr;gap:20px}
 body.social-home #product .social-next-card{grid-template-columns:minmax(0,1fr) 140px}
}
@media(max-width:560px){
 body.social-home #product .social-feature{display:flex}
 body.social-home #product .home-feature-visual{border-right:0;border-bottom:1px solid #253a4110;padding:16px 22px 6px}
 body.social-home #product .home-feature-art{height:122px}
 body.social-home #product .home-feature-copy{padding:24px 22px 18px}
 body.social-home #product .social-next-card{display:block;padding:26px 22px}
 body.social-home #product .home-next-visual{position:absolute;right:20px;top:30px;width:72px}
 body.social-home #product .social-next-copy h3{padding-right:82px;min-height:2.6em}
 body.social-home #product .social-next-label{max-width:calc(100% - 80px)}
 body.social-home #product .social-next-copy a{align-self:stretch}
}
/* Container fallback also keeps the chapter readable beside an open chat panel. */
@container product (max-width:900px) and (min-width:561px){
 body.social-home #product .home-product-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}
 body.social-home #product .home-product-features{grid-template-columns:1fr;gap:20px}
 body.social-home #product .social-feature{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
 body.social-home #product .home-feature-visual{display:flex;flex-direction:column;justify-content:center;border-bottom:0;border-right:1px solid #253a4110}
 body.social-home #product .home-feature-copy h3{min-height:0}
 body.social-home #product .social-next-grid{grid-template-columns:1fr}
 body.social-home #product .social-next-card{grid-template-columns:minmax(0,1fr) 140px}
}
@container product (max-width:560px){
 body.social-home #product .home-product-heading{grid-template-columns:1fr;gap:20px}
 body.social-home #product .home-product-features,body.social-home #product .social-next-grid{grid-template-columns:1fr}
 body.social-home #product .social-feature{display:flex}
 body.social-home #product .home-feature-copy h3{min-height:0}
 body.social-home #product .social-next-card{display:block;padding:26px 22px}
 body.social-home #product .home-next-visual{position:absolute;right:20px;top:30px;width:72px}
 body.social-home #product .social-next-copy h3{padding-right:82px;min-height:2.6em}
 body.social-home #product .social-next-label{max-width:calc(100% - 80px)}
}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){
 body.social-home #product :is(.social-feature,.social-next-card){transition:none}
 body.social-home #product :is(.social-feature,.social-next-card):is(:hover,:focus-within){transform:none}
}

@container product (min-width:901px) and (max-width:1100px){body.social-home #product .home-feature-copy h3{min-height:2.6em}}