/* Connected component platform */
.platform-preview{background:#f7f3eb}.platform-preview .section-head{margin-bottom:52px}.recovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.recovery-grid>article{padding:30px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 42px rgba(7,21,38,.07)}.recovery-grid h3{font:700 23px Manrope;margin:18px 0}.signal{display:inline-flex;padding:6px 10px;border-radius:20px;background:var(--sky);color:#167e72;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.signal.live{background:#fff0e7;color:#a95523}.phone-flow,.opening-flow,.due-flow{padding:18px;background:#f7f9fa;border-left:3px solid var(--aqua);min-height:145px}.phone-flow b,.phone-flow small,.opening-flow b,.opening-flow small,.due-flow strong,.due-flow small{display:block}.phone-flow p,.opening-flow p,.due-flow p{margin:8px 0;color:var(--muted);font-size:14px}.phone-flow small,.opening-flow small,.due-flow small{font-size:11px;color:#168074}.opening-flow button{border:0;background:var(--navy);color:#fff;padding:9px 12px;font-weight:700}.due-flow strong{font:700 36px Manrope;color:var(--copper)}
.platform-hero{padding-bottom:115px}.platform-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.platform-hero h1{font-size:clamp(50px,5.6vw,82px)}.platform-hero h1 em{font-style:normal;color:var(--aqua)}.platform-map{position:relative;min-height:520px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:radial-gradient(circle,rgba(98,213,200,.13),transparent 55%)}.map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--copper);box-shadow:0 0 0 18px rgba(210,125,70,.1)}.map-core b{font:700 20px/1.2 Manrope}.map-core small{margin-top:10px;color:#fff1e7}.map-node{position:absolute;padding:12px 17px;background:#12314f;border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700;border-radius:24px}.map-node:after{content:"";position:absolute;width:55px;height:1px;background:rgba(98,213,200,.35);top:50%}.map-node.customer{left:8%;top:17%}.map-node.conversation{right:4%;top:18%}.map-node.business{left:0;top:52%}.map-node.growth{right:2%;top:54%}.map-node.commerce{left:15%;bottom:12%}.map-node.automation{right:8%;bottom:12%}.map-node:nth-child(even):after{left:100%;transform:rotate(20deg)}.map-node:nth-child(odd):after{right:100%;transform:rotate(-20deg)}
.recovery-stories{background:var(--paper)}.recovery-story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:55px}.recovery-story-grid>article{padding:34px;background:var(--cream);border-top:4px solid var(--copper)}.recovery-story-grid>article:nth-child(2),.recovery-story-grid>article:nth-child(4){background:var(--sky);border-color:var(--aqua)}.recovery-story-grid>article>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}.recovery-story-grid h3{font:700 27px/1.18 Manrope;margin:18px 0}.recovery-story-grid>article>strong{display:inline-block;margin-top:18px;color:var(--copper);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.flow-card{padding:20px;background:#fff;box-shadow:0 12px 35px rgba(7,21,38,.08)}.flow-card small,.flow-card b,.flow-card em{display:block}.flow-card b{margin:8px 0;font:700 17px Manrope}.flow-card i{display:block;width:24px;height:2px;background:var(--aqua);margin:12px 0}.flow-card p{color:var(--muted);margin-bottom:10px}.flow-card em{font-style:normal;font-size:11px;color:#168074;font-weight:700}
.platform-workbench{padding:105px clamp(24px,7vw,112px);background:var(--navy2);color:#fff;display:grid;grid-template-columns:.65fr 1.35fr;gap:5vw}.workbench-intro{align-self:start;position:sticky;top:120px}.workbench-intro h2{font:700 clamp(38px,4.2vw,60px)/1.06 Manrope;letter-spacing:-.045em}.workbench-intro>p{color:#aebdca;font-size:18px}.platform-tabs{display:flex;flex-direction:column;margin-top:38px;border:1px solid rgba(255,255,255,.12)}.platform-tab{padding:16px 18px;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;color:#aebdca;font:700 13px DM Sans;cursor:pointer}.platform-tab:last-child{border-bottom:0}.platform-tab.active{background:var(--copper);color:#fff}.workbench-screen{min-height:650px;background:#f4f7f8;color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.28)}.platform-panel{display:none}.platform-panel.active{display:block}.screen-top{height:62px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #dbe3e7;font-weight:700}.screen-top b{padding:7px 10px;background:var(--sky);color:#167e72;border-radius:20px;font-size:11px}.customer-layout{display:grid;grid-template-columns:190px 1fr;min-height:588px}.customer-layout aside{padding:20px;background:#e9eef1}.customer-layout aside>label{display:block;margin-bottom:12px;font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--muted)}.customer-chip{width:100%;padding:13px;margin-bottom:8px;border:0;background:#fff;text-align:left}.customer-chip.active{border-left:3px solid var(--copper)}.customer-chip b,.customer-chip small{display:block}.customer-chip small{color:var(--muted);font-size:10px}.timeline-card{padding:30px}.profile-row{display:flex;gap:13px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.profile-row>span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:700}.profile-row>div{flex:1}.profile-row h3{margin:0;font:700 20px Manrope}.profile-row small{color:var(--muted)}.profile-row>b{font-size:10px;color:#a95523;background:#fff0e7;padding:7px}.customer-timeline{list-style:none;padding:15px 0 0;margin:0}.customer-timeline li{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.customer-timeline time{font-size:11px;color:var(--muted)}.customer-timeline b,.customer-timeline small{display:block}.customer-timeline small{color:var(--muted);font-size:11px}.campaign-layout,.publishing-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;padding:26px}.audience-builder,.attribution-card,.publish-source,.version-card{background:#fff;padding:25px;box-shadow:0 10px 35px rgba(7,21,38,.07)}.audience-builder>small,.attribution-card>small,.publish-source>small,.version-card>small{font-size:10px;letter-spacing:.13em;color:var(--copper);font-weight:700}.audience-builder h3,.attribution-card h3,.publish-source h3{font:700 22px Manrope}.rule{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.rule span{color:var(--muted)}.audience-builder>strong{display:block;margin:22px 0;color:#168074}.audience-builder button,.publish-source button,.version-card button{width:100%;border:0;padding:12px;background:var(--navy);color:#fff;font-weight:700}.funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.funnel span{padding:13px 8px;background:#f2f5f6}.funnel b,.funnel small{display:block}.funnel b{font:700 18px Manrope}.funnel small{color:var(--muted);font-size:9px}.source-bars{margin-top:25px}.source-bars p{display:grid;grid-template-columns:70px 1fr 75px;gap:8px;align-items:center;font-size:10px}.source-bars i{height:7px;background:linear-gradient(90deg,var(--aqua) var(--w),#e7edef var(--w));border-radius:5px}.source-bars b{text-align:right}.publish-source p{padding:17px;background:var(--cream);color:var(--muted)}.channel-pills{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.channel-pills span{padding:7px 9px;background:var(--sky);font-size:10px;color:#167e72;font-weight:700}.version-card ol{list-style:none;padding:0;margin:18px 0}.version-card li{padding:13px 0;border-top:1px solid var(--line)}.version-card li>*{display:block}.version-card li span{font-size:12px}.version-card li em{font-size:10px;color:var(--muted);font-style:normal}.version-card .quiet{margin-top:7px;background:#e9eef1;color:var(--ink)}
.building-blocks{background:#f7f3eb}.block-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.block-grid>article{padding:30px;background:#fff;min-height:450px}.block-grid>article>span{color:var(--copper);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.block-grid h3{font:700 26px Manrope;margin:17px 0 10px}.block-grid>article>p{color:var(--muted)}.form-preview,.location-preview,.knowledge-preview{margin-top:28px;padding:18px;background:#f4f7f8}.form-preview label{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.form-preview .conditional{display:block;padding:10px;background:var(--sky);color:#167e72;border:0;margin-top:10px}.location-preview>b,.location-preview>small{display:block}.location-preview>small{color:#168074}.location-preview p{display:flex;justify-content:space-between;margin:12px 0;font-size:11px}.location-preview em{display:block;padding:9px;background:#fff0e7;color:#a95523;font-size:10px;font-style:normal}.knowledge-preview>p{display:flex;gap:10px;padding:9px 0;margin:0;border-bottom:1px solid var(--line)}.knowledge-preview i{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--aqua)}.knowledge-preview b,.knowledge-preview small{display:block}.knowledge-preview small{color:var(--muted);font-size:10px}
.engine-section{padding:105px clamp(24px,7vw,112px);background:var(--navy);color:#fff}.engine-copy{max-width:850px}.engine-copy h2{font:700 clamp(40px,4.5vw,66px)/1.05 Manrope;letter-spacing:-.045em}.engine-copy>p{max-width:700px;color:#aebdca;font-size:18px}.engine-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-left:1px solid rgba(255,255,255,.13);border-top:1px solid rgba(255,255,255,.13)}.engine-grid article{padding:30px;min-height:220px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.engine-grid article>b{color:var(--aqua);font-size:11px}.engine-grid h3{font:700 22px Manrope;margin:26px 0 9px}.engine-grid p{color:#aebdca;font-size:14px}.foundation-rail{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.foundation-rail span{padding:10px 13px;background:#112d48;color:var(--aqua);font-size:11px;font-weight:700}
.connector-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw;align-items:center}.connector-copy>p{font-size:18px;color:var(--muted)}.connector-copy>small{color:var(--muted)}.connector-board{position:relative;min-height:430px;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,var(--sky),transparent 62%)}.connector-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--navy);color:#fff}.connector-center b,.connector-center small{display:block}.connector-center small{color:#9fb0c1}.connector-board>span{position:absolute;padding:10px 15px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(7,21,38,.08);font-size:12px;font-weight:700}.connector-board>span:nth-of-type(1){left:7%;top:17%}.connector-board>span:nth-of-type(2){right:4%;top:16%}.connector-board>span:nth-of-type(3){left:0;top:50%}.connector-board>span:nth-of-type(4){right:2%;top:50%}.connector-board>span:nth-of-type(5){left:13%;bottom:13%}.connector-board>span:nth-of-type(6){right:9%;bottom:12%}
.component-directory{padding:100px clamp(24px,7vw,112px);background:var(--cream)}.component-directory-head{max-width:760px}.component-directory-head h2{font:700 clamp(38px,4.3vw,62px)/1.06 Manrope;letter-spacing:-.045em}.directory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:45px}.directory-grid article{padding:34px;background:var(--paper)}.directory-grid b{font:700 23px Manrope;color:var(--copper)}.directory-grid p{margin:12px 0 0;color:var(--muted)}
@media(max-width:1000px){.recovery-grid,.block-grid{grid-template-columns:1fr 1fr}.platform-hero-grid,.platform-workbench,.connector-section{grid-template-columns:1fr}.platform-map{max-width:650px;width:100%}.workbench-intro{position:static}.platform-tabs{flex-direction:row}.platform-tab{flex:1;border-bottom:0;border-right:1px solid rgba(255,255,255,.12)}.engine-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.recovery-grid,.recovery-story-grid,.block-grid,.engine-grid,.directory-grid{grid-template-columns:1fr}.platform-hero{padding:35px 24px 78px}.platform-map{min-height:410px;margin-top:30px}.map-core{width:150px;height:150px}.map-node{font-size:10px;padding:8px 10px}.map-node:after{display:none}.platform-workbench,.engine-section,.component-directory{padding:78px 24px}.platform-tabs{flex-direction:column}.platform-tab{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.workbench-screen{min-height:0}.customer-layout,.campaign-layout,.publishing-layout{grid-template-columns:1fr}.customer-layout aside{display:none}.timeline-card{padding:20px}.profile-row{align-items:flex-start;flex-wrap:wrap}.profile-row>div{min-width:170px}.funnel{grid-template-columns:1fr 1fr}.block-grid>article{min-height:auto}.connector-board{min-height:390px}.connector-center{width:140px;height:140px}.connector-board>span{font-size:10px;padding:8px 10px}}