/* OwnerOS relationship diagram: the Steep composition in the site's paper palette. */
.platform-section{background:var(--paper)}
.platform-section .section-heading{align-items:flex-end;margin-bottom:56px;gap:48px}
.platform-section .section-heading>p{max-width:365px;font-size:15px;line-height:1.85}
.platform-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:40px;align-items:center}
.platform-editorial-label{font-size:9px;letter-spacing:.09em;line-height:1.7;color:var(--quiet);margin-bottom:20px}
.platform-lenses{display:flex;flex-direction:column;align-items:stretch}
.platform-lenses button{display:block;width:100%;padding:23px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;text-align:left;font-weight:400;color:var(--quiet)}
.platform-lenses button:last-child{border-bottom:1px solid var(--line)}
.lens-title{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px;line-height:1.5;letter-spacing:-.009em}
.lens-title>span{font-size:16px;opacity:0;transition:opacity .2s,transform .2s;transform:translate(-3px,3px)}
.lens-description{display:none;font-size:13px;line-height:1.85;color:var(--muted);margin-top:13px}
.platform-lenses button[aria-selected=true]{color:var(--ink)}
.platform-lenses button[aria-selected=true] .lens-description{display:block}
.platform-lenses button[aria-selected=true] .lens-title>span{opacity:1;transform:none}
.platform-lenses button:hover{color:var(--ink)}
.platform-lenses button:hover .lens-title>span{opacity:1;transform:none}
.platform-editorial-note{font-size:10px;line-height:1.85;color:var(--quiet);margin-top:24px;max-width:190px}
.platform-mobile-description{display:none}
.platform-canvas{position:relative;isolation:isolate;min-width:0;margin:0;border:1px solid var(--line);border-radius:24px;background:var(--fog);padding:24px 28px 20px;overflow:hidden}
.platform-canvas-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--quiet);font-size:8px;line-height:1.5;letter-spacing:.075em}
.platform-canvas-heading>span:last-child{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:0;white-space:nowrap}
.platform-canvas-heading i{width:4px;height:4px;border-radius:50%;background:#898e96}
.platform-diagram{position:relative;height:480px;margin-top:26px;isolation:isolate}
.platform-links{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.platform-connection{stroke:#c6c9cf;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:2 4;transition:stroke .45s,opacity .45s;opacity:.65}
.platform-connection.is-planned{stroke-dasharray:1 6;opacity:.45}
.platform-sources,.platform-destinations{position:absolute;top:50%;transform:translateY(-50%)}
.platform-sources{left:0;width:18%}
.platform-destinations{left:81%;width:19%}
.diagram-column-label{position:absolute;bottom:calc(100% + 20px);left:-10px;right:-10px;text-align:center;color:var(--quiet);font-size:7px;letter-spacing:.07em;line-height:1.6;white-space:nowrap}
.platform-source-list{display:grid;gap:10px}
.platform-source{display:flex;align-items:center;gap:8px;min-width:0;height:38px;padding:0 12px;border:1px solid #e0e1e5;background:white;border-radius:9999px;color:var(--muted);font-size:11px;line-height:1.4;white-space:nowrap;transition:border-color .45s,color .45s,opacity .45s}
.platform-icon{width:17px;height:17px;flex:none;display:block}
.platform-source small,.platform-output small{font-size:7px;line-height:1.5;color:var(--quiet);font-weight:400}
.platform-source small{margin-left:auto;border-left:1px solid var(--line);padding-left:6px}
.platform-source.is-planned{background:var(--fog);border-style:dashed;color:var(--quiet)}
.platform-core{position:absolute;top:50%;left:33%;width:34%;transform:translateY(-50%);padding:22px;border:1px solid #d9dce1;border-radius:24px;background:white;box-shadow:0 14px 26px -24px #17191c30}
.platform-core-brand{display:flex;align-items:center;gap:7px;font-size:23px;letter-spacing:-.9px;line-height:1.3;white-space:nowrap}
.platform-core-brand img{width:26px;height:26px}
.platform-core-subtitle{font-size:11px;color:var(--quiet);line-height:1.5;margin-top:4px}
.platform-playbooks{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--fog);transition:border-color .45s,background .45s}
.playbook-node-label{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.5;letter-spacing:-.015em;white-space:normal}
.playbook-node-label>.platform-icon{width:17px;height:17px}
.platform-playbooks>p{font-size:10px;line-height:1.7;color:var(--quiet);margin-top:7px}
.platform-playbook-types{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.platform-playbook-types>span{display:inline-block;border:1px solid #e3e4e7;border-radius:9999px;font-size:8px;line-height:1.5;padding:3px 7px;background:white;color:var(--muted)}
.platform-foundation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}
.platform-foundation>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:65px;padding:10px 4px;border:1px solid var(--line);border-radius:16px;background:var(--fog);font-size:10px;color:var(--muted);transition:border-color .45s,color .45s,background .45s}
.platform-foundation .platform-icon{width:18px;height:18px}
.platform-core-review{font-size:9px;line-height:1.6;text-align:center;color:var(--quiet);margin-top:16px}
.platform-output-list{display:grid;gap:4px;padding:14px;border:1px solid #e1e2e6;background:white;border-radius:20px}
.platform-output{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;font-size:11px;line-height:1.5;color:var(--muted);transition:color .45s,opacity .45s}
.platform-output .platform-icon{width:16px;height:16px}
.platform-output.is-planned{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:8px;row-gap:0;padding-top:5px;color:var(--quiet)}
.platform-output.is-planned .platform-icon{grid-row:1/3}
.platform-output.is-planned small{grid-column:2;align-self:start;margin-top:-2px}
.platform-figure-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:16px;font-size:9px;line-height:1.8;color:var(--quiet);min-height:49px}
.platform-figure-caption>span:first-child{max-width:70%}
.platform-figure-caption>span:last-child{font-size:8px;white-space:nowrap;align-self:flex-end}
.platform-canvas[data-lens=context] .platform-source:not(.is-planned){border-color:#c0c3ca;color:var(--ink)}
.platform-canvas[data-lens=context] [data-foundation=context]{border-color:#aeb3bc;background:var(--mist);color:var(--ink)}
.platform-canvas[data-lens=context] .input-link:not(.is-planned){stroke:#9299a3;opacity:.95}
.platform-canvas[data-lens=playbooks] .platform-playbooks{border-color:#999fa9;background:var(--mist)}
.platform-canvas[data-lens=playbooks] .platform-playbook-types>span{border-color:#c2c5cd;color:var(--ink)}
.platform-canvas[data-lens=playbooks] .platform-connection:not(.is-planned){stroke:#a2a8b1;opacity:.9}
.platform-canvas[data-lens=assist] [data-foundation=people],.platform-canvas[data-lens=assist] [data-foundation=ai]{border-color:#aeb3bc;background:var(--mist);color:var(--ink)}
.platform-canvas[data-lens=assist] .platform-output:not(.is-planned){color:var(--ink)}
.platform-canvas[data-lens=assist] .output-link:not(.is-planned){stroke:#9299a3;opacity:.95}
.motion-ready .concept-in-view[data-lens=context] .input-link:not(.is-planned),.motion-ready .concept-in-view[data-lens=playbooks] .platform-connection:not(.is-planned),.motion-ready .concept-in-view[data-lens=assist] .output-link:not(.is-planned){animation:platform-flow 28s linear infinite}
.motion-paused .platform-connection,.motion-page-hidden .platform-connection{animation-play-state:paused!important}
.motion-paused .platform-canvas *{transition:none!important}
@keyframes platform-flow{to{stroke-dashoffset:-120}}
@media(max-width:1200px) and (min-width:1101px){.platform-layout{grid-template-columns:184px minmax(0,1fr);gap:32px}.platform-canvas{padding-inline:24px}.platform-core{padding:18px}.platform-playbooks{padding:14px}.platform-core-brand{font-size:21px}.platform-playbook-types{gap:4px}.platform-playbook-types>span{font-size:7px;padding-inline:6px}.platform-source{font-size:10px;padding-inline:10px;gap:7px}.platform-source .platform-icon{width:15px;height:15px}.platform-output-list{padding:12px}.platform-output{font-size:10px;gap:6px}.platform-output.is-planned{column-gap:6px}.playbook-node-label{font-size:13px;gap:6px}.platform-lenses button{padding-block:21px}.lens-title{font-size:15px}.lens-description{font-size:12px}}
@media(max-width:1100px){.platform-section .section-heading{display:block;margin-bottom:40px}.platform-section .section-heading>p{max-width:540px;font-size:15px;margin-top:24px}.platform-section .desktop-break{display:none}.platform-layout{display:block}.platform-editorial-label{margin-bottom:14px}.platform-lenses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.platform-lenses button{border-bottom:1px solid var(--line);padding:18px 0}.platform-lenses button[aria-selected=true]{border-top-color:var(--ink);border-bottom-color:var(--ink)}.platform-lenses button .lens-description{display:none}.platform-mobile-description{display:block;max-width:600px;font-size:14px;color:var(--muted);line-height:1.8;margin:20px 0 28px;min-height:51px}.platform-editorial-note{display:none}.platform-canvas{padding:24px 28px 18px}.platform-diagram{height:460px;margin-top:34px}.platform-figure-caption{font-size:10px}.diagram-column-label{font-size:8px}}
@media(min-width:641px) and (max-width:800px){.platform-core{padding:18px;left:32%;width:36%}.platform-source{font-size:9px;padding-inline:9px;gap:6px}.platform-source .platform-icon{width:14px;height:14px}.platform-source small{font-size:6px;padding-left:4px}.platform-core-brand{font-size:20px}.platform-core-subtitle{font-size:10px}.platform-playbooks{padding:12px}.playbook-node-label{font-size:12px;gap:6px}.playbook-node-label .platform-icon{width:15px;height:15px}.platform-playbooks>p{font-size:9px}.platform-playbook-types{gap:4px}.platform-playbook-types>span{font-size:7px;padding:3px 5px}.platform-foundation>div{font-size:9px;min-height:58px}.platform-output-list{padding:10px}.platform-output{font-size:9px;gap:6px}.platform-output .platform-icon{width:14px;height:14px}.platform-output.is-planned{column-gap:6px;grid-template-columns:14px minmax(0,1fr)}.diagram-column-label{font-size:6px}.platform-figure-caption{font-size:9px}.platform-figure-caption>span:first-child{max-width:63%}.platform-lenses .lens-title{font-size:14px}.platform-canvas{padding-inline:22px}}
@media(max-width:640px){.platform-section .section-heading{margin-bottom:36px}.platform-section .section-heading>p{font-size:14px;line-height:1.8;margin-top:22px}.platform-editorial-label{font-size:8px}.platform-lenses{gap:12px}.platform-lenses button{padding:15px 0}.lens-title{font-size:12px;line-height:1.7;gap:5px;align-items:flex-start}.lens-title>span{font-size:12px}.platform-mobile-description{font-size:13px;line-height:1.8;margin-block:18px 26px;min-height:70px}.platform-canvas{padding:20px 18px 18px;border-radius:24px}.platform-canvas-heading{font-size:7px;gap:10px;letter-spacing:.04em}.platform-canvas-heading>span:last-child{font-size:8px}.platform-diagram{display:flex;flex-direction:column;align-items:center;gap:48px;height:auto;margin-top:52px}.platform-links{display:none}.platform-sources,.platform-destinations,.platform-core{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:310px}.diagram-column-label{font-size:7px;bottom:calc(100% + 14px);left:0;right:0;white-space:normal}.platform-source-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.platform-source{font-size:10px;padding-inline:10px;gap:7px;height:39px}.platform-source:last-child{grid-column:1/-1;justify-self:center;min-width:150px}.platform-source small{font-size:7px}.platform-sources:after,.platform-core:after{content:'';position:absolute;left:50%;width:1px;top:100%;height:48px;background:repeating-linear-gradient(to bottom,#c3c7ce 0 3px,transparent 3px 7px)}.platform-core{padding:22px;max-width:310px;border-radius:24px}.platform-core-brand{font-size:24px}.platform-core-subtitle{font-size:12px}.platform-playbooks{padding:17px;margin-top:20px}.playbook-node-label{font-size:15px}.platform-playbooks>p{font-size:11px}.platform-playbook-types>span{font-size:9px;padding:3px 8px}.platform-playbook-types{gap:5px}.platform-foundation>div{font-size:11px;min-height:70px}.platform-core-review{font-size:10px}.platform-destinations>.diagram-column-label{display:none}.platform-output-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;padding:16px}.platform-output{font-size:10px;min-height:43px}.platform-output.is-planned{grid-column:1/-1;justify-self:center;min-width:135px}.platform-output small{font-size:8px}.platform-figure-caption{flex-direction:column;gap:10px;font-size:10px;padding-top:18px;margin-top:28px;min-height:0}.platform-figure-caption>span:first-child{max-width:none}.platform-figure-caption>span:last-child{font-size:9px;align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.platform-connection{animation:none!important}.platform-canvas *{transition:none!important}}
@media(max-width:1100px){.platform-lenses button[aria-selected=true] .lens-description{display:none}}