/* Connected product demonstrations, scoped below the existing hero. */
.story-lab,.outside-lab,.start-lab{padding-top:92px;padding-bottom:70px}
.story-intro.intro{padding-bottom:58px}
.story-intro .intro-grid h2{line-height:1.16}
.story-intro .intro-copy p{max-width:490px}
.story-lab .section-heading,.start-lab .section-heading{margin-bottom:38px;align-items:flex-end}
.story-lab .section-heading>p,.start-lab .section-heading>p{font-size:15px;line-height:1.7;max-width:370px}
.start-lab{padding-top:85px}.start-steps{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.start-steps li{border-top:1px solid #e3e3e8;padding-top:20px}.start-steps li>span{color:#a4a1af;font-size:11px}.start-steps h3{font-size:17px;font-weight:500;margin:25px 0 10px;letter-spacing:-.35px}.start-steps p{font-size:13px;color:#84818d;line-height:1.6;max-width:245px}.start-foot{display:flex;align-items:center;justify-content:space-between;margin-top:35px;gap:18px}.start-foot p{font-size:13px;color:#84818d}.start-foot .button{font-size:13px}.useful-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:65px;border-top:1px solid #e9e8ec;padding-top:25px;font-size:11px;color:#8b8795}.useful-facts strong{font-weight:500;display:block;color:#57515e;margin-bottom:6px;font-size:14px}
.motion-dock{position:fixed;bottom:18px;left:18px;z-index:30;display:flex;align-items:center;gap:0;padding:5px;border:1px solid #dfdce7;border-radius:9px;background:#fffefef2;box-shadow:0 4px 20px #24203410;backdrop-filter:blur(8px)}.motion-dock a,.motion-dock button{font-size:11px;padding:7px 10px;color:#726b83}.motion-dock button{background:none;border:0;border-left:0}.motion-dock a:hover{color:#38303e}
.forms-lab{padding-top:110px;padding-bottom:110px;color:#30323a}
.forms-lab .fl-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:37px}
.forms-lab .fl-heading h2{font-size:clamp(31px,3.8vw,50px);font-weight:500;letter-spacing:-2px;line-height:1.14;margin:18px 0 0}
.forms-lab .fl-heading h2 span{color:#697080}.forms-lab .fl-heading>p{max-width:325px;color:#697080;font-size:15px;line-height:1.7;margin:0}
.outside-lab{padding-top:65px;padding-bottom:65px}
.outside-lab .outside-feature{display:block;margin:0;padding:44px;background:#fafafa}
.outside-lab .outside-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;margin-bottom:32px;align-items:start}
.outside-lab .outside-copy .eyebrow{grid-column:1/-1}
.outside-lab .outside-copy h3{grid-column:1;grid-row:2/5;font-size:42px;line-height:1.17;letter-spacing:-1.7px;margin:18px 0 0}
.outside-lab .outside-copy p{grid-column:2;font-size:15px;line-height:1.8;max-width:420px;margin:18px 0 0}
.outside-lab .outside-punchline{font-size:14px!important}
.outside-path{display:none}
@media(max-width:640px){
.story-lab,.outside-lab,.start-lab,.forms-lab{padding-top:50px;padding-bottom:35px}
.story-lab .section-heading,.start-lab .section-heading,.forms-lab .fl-heading{display:block}
.story-lab .section-heading>p,.start-lab .section-heading>p,.forms-lab .fl-heading>p{margin-top:20px;font-size:14px;max-width:none}
.story-intro .intro-grid{gap:20px}.story-intro .role-row{margin-top:30px}
.outside-lab .outside-feature{padding:20px 12px}.outside-lab .outside-copy{display:block;padding:0 4px}.outside-lab .outside-copy h3{font-size:34px}.outside-lab .outside-copy p{font-size:14px}
.start-steps{grid-template-columns:1fr;gap:16px;margin-top:24px}.start-steps li{padding:18px 0 0;position:relative;padding-left:40px}.start-steps li>span{position:absolute;left:0;top:23px}.start-steps h3{margin:0 0 8px;font-size:16px}.start-steps p{margin:0 0 8px;max-width:none}.start-foot{align-items:flex-start;flex-direction:column;margin-top:20px}.useful-facts{grid-template-columns:1fr 1fr;margin-top:40px;row-gap:25px}.motion-dock{bottom:10px;left:10px}.desktop-break{display:none}
}

/* A compact companion to the existing email scene. */
.text-capture{margin-top:28px;padding:32px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;background:#fafafa}
.text-capture-copy .eyebrow{font-size:10px;letter-spacing:1.3px}
.text-capture h3{font-size:28px;letter-spacing:-1px;font-weight:500;line-height:1.2;margin:12px 0}
.text-capture-copy p{font-size:14px;line-height:1.7;color:#62626b;max-width:370px;margin:0 0 17px}
.text-capture-copy .text-link{font-size:13px;display:inline-flex;align-items:center;gap:9px}
.text-capture-copy>small{display:block;font-size:11px;line-height:1.6;color:#72727b;margin-top:13px}
.text-capture-example{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.15fr);align-items:center;gap:16px}
.text-capture-message>span,.text-capture-result>span{font-size:11px;color:#72727b}
.text-capture-message p{background:#303239;color:white;padding:15px 18px;border-radius:17px 17px 4px 17px;font-size:14px;line-height:1.5;margin:10px 0 0;overflow-wrap:anywhere}
.text-capture-arrow{width:24px;height:24px;color:#999ba3}
.text-capture-result{background:white;border:1px solid #e5e5ea;border-radius:10px;padding:18px;min-width:0}
.text-capture-result>span b{font-weight:400;color:#b5b5bd;padding:0 4px}
.text-capture-result p{font-size:14px;line-height:1.5;margin:14px 0 8px;display:flex;align-items:flex-start;gap:8px}
.text-capture-checkbox{height:14px;width:14px;flex:0 0 14px;border:1px solid #a8aab2;border-radius:3px;margin-top:3px}
.text-capture-result>small{font-size:11px;color:#72727b;padding-left:22px}
@media(max-width:1000px){.text-capture{grid-template-columns:1fr;gap:28px}.text-capture-copy p{max-width:540px}}
@media(max-width:480px){.text-capture{padding:24px 20px;gap:24px}.text-capture-example{grid-template-columns:1fr;gap:12px}.text-capture-arrow{justify-self:center;transform:rotate(90deg)}.text-capture-message{width:100%;max-width:none;justify-self:stretch}.text-capture h3{font-size:26px}}

/* Outlook capture stays a quiet, static companion to the existing scenes. */
.outlook-capture{margin-top:28px;padding:32px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;background:#f7f9fb}
.outlook-capture-copy .eyebrow{font-size:10px;letter-spacing:1.3px;color:#4a6382}
.outlook-capture h3{font-size:28px;letter-spacing:-1px;font-weight:500;line-height:1.2;margin:12px 0}
.outlook-capture-copy p{font-size:14px;line-height:1.7;color:#62626b;max-width:390px;margin:0 0 17px}
.outlook-capture-copy p strong{font-weight:500;color:#42434b}
.outlook-capture-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;font-size:13px}
.outlook-capture-links .text-link{font-size:13px;display:inline-flex;align-items:center;gap:9px}
.outlook-capture-links>a:last-child{color:#576d88;text-decoration:underline;text-underline-offset:4px}
.outlook-capture-copy>small{display:block;font-size:11px;line-height:1.6;color:#72727b;margin-top:15px}
.outlook-capture-example{min-width:0;background:white;border:1px solid #dce2e9;border-radius:11px;overflow:hidden;max-width:480px;width:100%;justify-self:end;box-shadow:0 5px 20px #25364c06}
.outlook-capture-example svg{width:16px;height:16px;flex:0 0 16px}
.outlook-pane-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #e9edf1}
.outlook-pane-head>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:#344a66}
.outlook-pane-head>small{font-size:10px;color:#727b88}
.outlook-pane-body{padding:20px}
.outlook-pane-label{font-size:9px;letter-spacing:1px;color:#7a808b}
.outlook-pane-title{margin:8px 0 12px;font-size:16px;font-weight:500;color:#393f49}
.outlook-pane-message{font-size:12px;line-height:1.7;color:#72727b;margin:0 0 18px}
.outlook-pane-context,.outlook-pane-destination{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px}
.outlook-pane-context{padding:12px 0;border-top:1px solid #edf0f3;color:#777e89}
.outlook-pane-context>span:first-child,.outlook-pane-destination>span:first-child{display:flex;align-items:center;gap:8px}
.outlook-pane-context>span:first-child{color:#4c586b}
.outlook-pane-destination{background:#eff5f1;border-radius:6px;padding:10px;color:#557261}
.outlook-pane-foot{font-size:10px;line-height:1.6;color:#858b94;padding:0 20px 14px}
.connections-overview{margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}
.connections-overview .eyebrow{font-size:10px;letter-spacing:1.2px}
.connections-overview h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:10px 0 24px}
.connections-overview ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.connections-overview li{min-width:0}
.connections-overview li>a{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:1.5;color:#42434b}
.connections-overview li>a>span{color:#9196a0;font-weight:400}
.connections-overview li>a:hover{color:#526a88;text-decoration:underline;text-underline-offset:4px}
.connections-overview li>a>small{font-size:9px;font-weight:400;white-space:nowrap;color:#72727b;padding:2px 4px;border:1px solid #e3e6eb;border-radius:3px}
.connections-overview li>span{display:block;font-size:11px;line-height:1.7;color:#72727b;margin-top:7px;max-width:160px}
.connections-overview+.useful-facts{margin-top:35px}
@media(max-width:1000px){.outlook-capture{grid-template-columns:1fr;gap:28px}.outlook-capture-copy p{max-width:540px}.outlook-capture-example{max-width:none}.connections-overview ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}}
@media(max-width:640px){.connections-overview{margin-top:35px;padding-top:25px}.connections-overview ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.connections-overview h3{font-size:22px}}
@media(max-width:480px){.outlook-capture{padding:24px 20px;gap:24px}.outlook-capture h3{font-size:26px}.outlook-pane-head{align-items:flex-start;flex-direction:column;gap:5px;padding:14px 16px}.outlook-pane-body{padding:16px}.outlook-pane-foot{padding:0 16px 14px}.outlook-pane-title{font-size:15px}.outlook-pane-context,.outlook-pane-destination{font-size:10px}}