/* Connected product overview. Uses the homepage's current day/night palette. */
.suite-overview{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:64px}
.suite-copy h2{font-size:clamp(36px,4.4vw,58px);line-height:1.08;letter-spacing:-1.9px;font-weight:800;margin:20px 0 22px}
.suite-copy h2>span{display:block;color:var(--icon-ink)}
.suite-intro{max-width:480px;font-size:17px;line-height:1.75;color:var(--muted)}
.suite-promises{list-style:none;padding:0;margin:25px 0;display:grid;gap:14px;font-size:14px;line-height:1.55;color:var(--ink)}
.suite-promises li{display:flex;gap:10px;align-items:flex-start}.suite-promises .home-icon{width:18px;height:18px;margin-top:2px;flex:none;color:var(--icon-ink)}
.suite-explore{display:inline-flex;gap:12px;align-items:center;min-height:44px;color:var(--icon-ink)}
.suite-explore .home-icon{width:18px;height:18px}
.suite-map-card{min-width:0;border:1px solid var(--visual-border);border-radius:23px;background:var(--visual-surface);overflow:hidden}
.suite-map-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;font-size:11px;color:var(--muted)}
.suite-map-heading>span:first-child{display:flex;align-items:center;gap:8px;color:var(--ink)}.suite-map-heading .home-icon{width:16px;height:16px}
.suite-map-controls{display:flex;align-items:center;gap:10px;flex:none}
.suite-motion-toggle{display:grid;place-items:center;width:34px;height:34px;padding:7px;border:1px solid var(--visual-border);border-radius:50%;background:var(--paper);color:var(--icon-ink);cursor:pointer}
.suite-motion-toggle[hidden]{display:none}.suite-motion-toggle:hover{border-color:var(--icon-ink)}.suite-motion-toggle:focus-visible{outline:2px solid var(--icon-ink);outline-offset:3px}
.suite-motion-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.suite-motion-toggle .suite-play-icon{display:none}.suite-motion-toggle[data-playing=false] .suite-play-icon{display:block}.suite-motion-toggle[data-playing=false] .suite-pause-icon{display:none}
.suite-map{position:relative;aspect-ratio:600/530;margin:0 10px 10px}
.suite-connections{position:absolute;inset:0;width:100%;height:100%;color:var(--icon-ink);pointer-events:none}
.suite-connections ellipse{stroke:var(--visual-border);stroke-width:1.4}.suite-connections .suite-inner-ring{stroke-dasharray:3 8}
.suite-connections path{stroke:currentColor;stroke-width:1.5;opacity:.22;transition:opacity .2s,stroke-width .2s}
.suite-connections path.is-active{opacity:1;stroke-width:2.4}
.suite-connections .suite-flow{opacity:0;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:2 98;transition:none;pointer-events:none}
.suite-connections .suite-flow.is-active{opacity:1;stroke:#fff;animation:suite-signal 1.3s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 3px var(--icon-ink))}
.suite-map-card.is-running .suite-flow.is-active{animation-play-state:running}
.suite-map-card.is-running .suite-node[aria-current=true] .suite-node-icon{animation:suite-node-glow 2.6s ease-out infinite}
.suite-map-card.is-running .suite-hub{animation:suite-hub-glow 2.6s ease-in-out infinite}
.suite-map-card.is-running .suite-map-caption p:not([hidden]){animation:suite-caption-in .4s ease-out both}
@keyframes suite-signal{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes suite-node-glow{0%,100%{box-shadow:0 0 0 0 transparent}25%{box-shadow:0 0 0 7px color-mix(in srgb,var(--icon-ink) 12%,transparent)}65%{box-shadow:0 0 0 12px transparent}}
@keyframes suite-hub-glow{0%,100%{box-shadow:0 8px 32px #0000000b}50%{box-shadow:0 0 25px color-mix(in srgb,var(--icon-ink) 15%,transparent)}}
@keyframes suite-caption-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.suite-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:27%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px solid var(--icon-ink);border-radius:20px;background:var(--paper);box-shadow:0 8px 32px #0000000b}
.suite-hub img{width:34%;height:auto}.suite-hub strong{font-size:clamp(14px,1.5vw,20px);letter-spacing:-.7px}.suite-hub strong>span{color:var(--icon-ink);font-weight:400}.suite-hub small{font-size:10px;color:var(--muted)}
.suite-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translate(-50%,-50%);width:24%;text-decoration:none;text-align:center;color:var(--ink);font-size:12px;font-weight:500;line-height:1.3;border-radius:12px;padding:5px 0}
.suite-node-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--visual-border);border-radius:13px;background:var(--paper);color:var(--icon-ink);box-shadow:0 3px 0 #00000005;transition:background .2s,color .2s,border-color .2s}
.suite-node-icon .home-icon{width:25px;height:25px}.suite-node:hover .suite-node-icon,.suite-node[aria-current=true] .suite-node-icon{background:var(--action);color:var(--action-text);border-color:var(--action)}
.suite-node[aria-current=true]{color:var(--icon-ink)}.suite-node:focus-visible{outline:2px solid var(--icon-ink);outline-offset:3px}
.suite-node-import{left:50%;top:12%}.suite-node-studio{left:77%;top:22%}.suite-node-posts{left:86%;top:50%}.suite-node-customers{left:77%;top:78%}.suite-node-quotes{left:50%;top:88%}.suite-node-finance{left:23%;top:78%}.suite-node-delivery{left:14%;top:50%}.suite-node-team{left:23%;top:22%}
.suite-map-caption{padding:18px 22px;border-top:1px solid var(--visual-border);background:var(--paper);min-height:95px;display:flex;align-items:center}
.suite-map-caption p{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.65;margin:0;color:var(--muted)}.suite-map-caption p[hidden]{display:none}.suite-map-caption strong{color:var(--icon-ink);font-weight:600}.suite-caption-dot{width:6px;height:6px;flex:none;background:var(--icon-ink);border-radius:50%;margin-top:8px}
.suite-consolidation{display:grid;grid-template-columns:1.15fr 40px 1fr;align-items:center;gap:24px;margin-top:45px;padding:25px 28px;border:1px solid var(--visual-border);border-radius:16px;background:var(--visual-surface)}
.suite-consolidation p{font-size:10px;letter-spacing:1.2px;font-weight:600;color:var(--muted);margin-bottom:12px}.suite-scattered>div{display:flex;flex-wrap:wrap;gap:8px}
.suite-scattered>div>span{display:flex;align-items:center;gap:6px;padding:9px 10px;border:1px solid var(--visual-border);border-radius:7px;background:var(--paper);font-size:11px;color:var(--muted)}
.suite-consolidation .home-icon{width:17px;height:17px;flex:none}.suite-merge-arrow{display:grid;place-items:center;color:var(--icon-ink)}.suite-merge-arrow .home-icon{width:30px;height:30px}
.suite-unified strong{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 13px;border:1px solid var(--icon-ink);border-radius:8px;background:var(--paper);font-size:13px;font-weight:500}.suite-unified strong>.home-icon{color:var(--icon-ink)}.suite-unified strong>.home-icon:last-child{margin-left:auto}.suite-unified strong>span{color:var(--muted);font-weight:400}
.suite-connection-note{display:flex;align-items:flex-start;gap:8px;margin:16px 0 32px;font-size:12px;line-height:1.65;color:var(--muted)}.suite-connection-note .home-icon{flex:none;width:15px;height:15px;margin-top:2px}
#suite-features{scroll-margin-top:110px}.suite-category-title{font-size:21px;letter-spacing:-.3px;margin:0 0 18px}.feature-group-panel{scroll-margin-top:110px}
#suite-features .feature-group-tabs{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:16px;overflow:visible}#suite-features .feature-group-tabs[hidden]{display:none}#suite-features .feature-group-tabs>button{flex:0 1 auto;white-space:normal;min-height:44px;font-size:12px;padding:10px 12px}
#suite-features .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#suite-features .feature-sketch{height:95px}#suite-features .feature-card-title{padding:18px 20px}#suite-features .feature-card-title h3{font-size:19px}#suite-features .feature-description{padding:0 20px 20px}#suite-features .feature-description p{font-size:15px;line-height:1.7}
@media(min-width:1100px){#suite-features .feature-card-details>summary{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center}#suite-features .feature-sketch{height:108px;border-bottom:0;border-right:1px solid var(--visual-border)}#suite-features .feature-description{padding-top:14px}.suite-map-caption{min-height:100px}}
@media(max-width:1050px){.suite-overview{gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.suite-copy h2{font-size:40px}.suite-intro{font-size:16px}.suite-promises{font-size:13px}.suite-node{font-size:11px;gap:6px}.suite-node-icon{width:44px;height:44px}.suite-node-icon .home-icon{width:22px;height:22px}.suite-hub{gap:7px}.suite-consolidation{gap:15px;padding:22px}.suite-map-heading{padding:15px;font-size:10px}}
@media(max-width:800px){.suite-overview{grid-template-columns:1fr;gap:28px}.suite-copy h2{font-size:clamp(34px,6vw,46px)}.suite-intro{max-width:600px}.suite-promises{margin:19px 0 12px;font-size:14px;gap:10px}.suite-map-card{width:100%;max-width:620px;margin-inline:auto}.suite-node{font-size:13px}.suite-node-icon{width:52px;height:52px}.suite-hub strong{font-size:20px}.suite-hub small{font-size:11px}.suite-consolidation{grid-template-columns:1fr;gap:17px;margin-top:28px}.suite-merge-arrow{display:none}.suite-unified strong{width:100%;min-height:46px}.suite-scattered>div>span{font-size:12px}.suite-consolidation p{font-size:10px}.suite-map-caption{min-height:85px}}
@media(max-width:520px){.suite-copy h2{font-size:36px;letter-spacing:-1.1px;margin:14px 0 17px}.suite-intro{font-size:16px;line-height:1.7}.suite-promises{font-size:13px}.suite-map-card{border-radius:16px}.suite-map-heading{font-size:10px}.suite-map{aspect-ratio:auto;margin:0 13px 15px;display:flex;flex-direction:column;gap:19px}.suite-connections{display:none}.suite-hub{position:static;transform:none;width:auto;aspect-ratio:auto;flex-direction:row;padding:15px;gap:9px;border-radius:12px}.suite-hub img{width:29px;height:29px}.suite-hub strong{font-size:21px}.suite-hub small{margin-left:auto;font-size:10px}.suite-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.suite-node{position:static;transform:none;width:auto;flex-direction:row;text-align:left;gap:9px;padding:10px 8px;border:1px solid var(--visual-border);border-radius:9px;background:var(--paper);font-size:12px;min-height:62px}.suite-node-icon{width:32px;height:32px;border-radius:8px;flex:none;box-shadow:none;background:var(--icon-surface);border-color:transparent}.suite-node-icon .home-icon{width:19px;height:19px}.suite-node[aria-current=true]{border-color:var(--icon-ink);background:var(--icon-surface)}.suite-map-caption{padding:14px;min-height:95px}.suite-map-caption p{font-size:13px}.suite-consolidation{padding:18px}.suite-scattered>div>span{font-size:11px}.suite-unified strong{font-size:12px;gap:7px}.suite-connection-note{font-size:12px;margin-bottom:24px}#suite-features .benefit-grid{grid-template-columns:1fr}#suite-features .feature-card-details>summary{display:grid;grid-template-columns:85px minmax(0,1fr);align-items:center}#suite-features .feature-sketch{height:95px;border-right:1px solid var(--visual-border);border-bottom:0;overflow:hidden}#suite-features .feature-sketch>*:not(:first-child){display:none}#suite-features .feature-card-title{padding:14px;gap:8px}#suite-features .feature-card-title h3{font-size:18px}#suite-features .feature-description{padding:14px 16px 18px}#suite-features .feature-group-tabs{gap:6px}#suite-features .feature-group-tabs>button{font-size:11px;padding:8px;gap:6px}#suite-features .feature-group-tabs .home-icon{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.suite-node-icon,.suite-connections path{transition:none}.suite-map-card.is-running .suite-node-icon,.suite-map-card.is-running .suite-hub,.suite-map-card .suite-flow.is-active,.suite-map-card.is-running .suite-map-caption p:not([hidden]){animation:none}.suite-connections .suite-flow{display:none}}
/* Override the older mobile swipe rail: this catalogue shows every card. */
#suite-features .benefit-grid{display:grid;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
#suite-features .benefit-card{width:auto;min-width:0;flex:none;scroll-snap-align:none}
.suite-compact-icon{display:none}
@media(max-width:520px){#suite-features .feature-card-details>summary{grid-template-columns:54px minmax(0,1fr);min-height:82px;padding-left:14px}#suite-features .feature-sketch{display:none}.suite-compact-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--visual-border);border-radius:11px;background:var(--icon-surface);color:var(--icon-ink)}.suite-compact-icon .home-icon{width:24px;height:24px}#suite-features .feature-card-title{padding-left:4px}}