/* Review revision: people + product, and the interactive integration journey. */
.hero{padding-top:clamp(52px,5vw,76px);padding-bottom:52px}
.home-photo{position:relative;isolation:isolate}
.home-photo>img{filter:brightness(.92)}
.collaboration-ui{position:absolute;right:10px;bottom:10px;width:58%;max-width:300px;border:1px solid #ffffff42;border-radius:8px;overflow:hidden;background:#12151d;color:#f5f2eb;box-shadow:0 8px 24px #0007;pointer-events:none;text-align:left}
.collaboration-ui>span{display:block;padding:6px 8px;font:700 8px/1.3 Arial,sans-serif;letter-spacing:.04em;color:#edbd57;background:#20232c}
.collaboration-ui>img{display:block;width:100%;height:auto;aspect-ratio:1484/736;object-fit:contain;filter:none}
.collaboration-ui .mini-evidence{padding:8px;background:#f6f2eb;color:#232733;font:10px/1.4 Arial,sans-serif}
.mini-evidence b{display:block;font-size:10px;margin:0 0 6px;color:#313444}
.mini-evidence i{display:block;font-style:normal;padding:4px 6px;margin:4px 0;border-radius:4px;background:#eae4f5;color:#554771}
.mini-evidence small{font-size:8px;display:block;color:#5d6570}.mini-evidence .mini-line{display:block;padding:4px 0;border-bottom:1px solid #ded9d0}
.hero-people{max-width:510px}.hero-people .home-photo{width:174px;height:108px}.hero-people .collaboration-ui{width:58%;right:5px;bottom:5px}.hero-people .collaboration-ui>span{font-size:6px;padding:4px}
.people-context .home-photo{height:290px}.people-context .collaboration-ui{width:58%;bottom:18px;right:18px}
.people-context .collaboration-ui>span{font-size:10px;padding:9px 12px}
.difference-proof .home-photo{height:230px}.difference-proof .home-photo>img{object-position:40% center}
.difference-proof .collaboration-ui{width:68%;bottom:10px;right:10px}
.managed-bottom{grid-template-columns:220px 1fr auto}.managed-bottom .home-photo{height:148px}
.integration-preview .home-photo{height:240px}
.pricing-people .home-photo{width:150px;height:104px}.pricing-people .collaboration-ui{right:5px;bottom:5px}.pricing-people .collaboration-ui>span{font-size:6px;padding:4px}
.faq-people .home-photo{height:250px}.faq-people .collaboration-ui{width:57%}
.closing-product-proof{position:relative;width:min(340px,100%);margin:0 0 28px;border:1px solid #ffffff40;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #0004;background:#151820}
.closing-product-proof img{width:100%;height:auto}.closing-product-proof figcaption{font-size:11px;color:#e6c87e;padding:10px 14px}
.integration-preview{display:block}.integration-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;margin-bottom:30px}.integration-intro .home-photo{margin:0}.integration-intro h3{font-size:36px;margin:0 0 18px}
.journey{padding:28px;border:1px solid #41444f;border-radius:18px;background:linear-gradient(130deg,#1c2029,#12151c);overflow:hidden}
.journey-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.journey-toolbar p{margin:0!important;font-size:12px!important;color:#b8beca!important}.journey-toolbar b{display:block;color:var(--paper);font-size:17px;margin-bottom:6px}
.journey-play{border:1px solid #5b526b;background:#292333;padding:11px 16px;border-radius:8px;color:#e7dff7;font-size:12px;white-space:nowrap}
.journey-grid{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:34px;align-items:stretch}
.journey-step{display:block;font:700 10px/1.4 monospace;letter-spacing:.09em;color:#a6a4bb;margin-bottom:16px}
.journey-source-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.journey-source-list button{display:flex;align-items:center;gap:9px;padding:12px 10px;min-height:61px;border:1px solid #3a3f4b;border-radius:9px;background:#20242e;text-align:left;color:#ccd0da;transition:transform .2s,border-color .2s,background .2s}
.journey-source-list button:hover{transform:translateY(-2px);border-color:#9388c6}.journey-source-list button[aria-pressed=true]{border-color:var(--gold);background:#3a3020;color:#ffe1a0}
.source-glyph{font:700 17px/1 Arial,sans-serif;display:grid;place-items:center;width:27px;height:29px;flex-shrink:0;border-radius:6px;background:#ffffff0b;color:var(--gold)}
.journey-source-list b{display:block;font-size:11px}.journey-source-list small{font-size:9px;display:block;margin-top:4px;color:#acadb5}
.journey-core{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0}
.journey-core:before,.journey-core:after{content:"";position:absolute;top:45%;height:2px;width:34px;background:linear-gradient(90deg,#776bff,var(--gold));left:-34px}.journey-core:after{left:auto;right:-34px}
.journey[data-playing=true] .journey-core:before,.journey[data-playing=true] .journey-core:after{background:linear-gradient(90deg,#776bff20,var(--gold),#776bff20);background-size:200% 100%;animation:journey-wire 1.4s linear infinite}
.journey[data-playing=true] .journey-window{animation:journey-glow 3.6s ease-in-out infinite}
.journey-window{border:1px solid #776bff70;border-radius:13px;overflow:hidden;background:#12151b;box-shadow:0 0 36px #776bff13}
.journey-window>header{display:flex;gap:9px;padding:13px;background:#292637;font-size:13px;font-weight:700}.journey-window>header img{width:20px;height:20px}.journey-window>img{width:100%;height:auto}
.journey-window .journey-status{padding:16px}.journey-status>span{font:700 9px monospace;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.journey-status h4{font-size:21px;margin:10px 0}.journey-status p{font-size:12px!important;line-height:1.6!important;margin:0!important;color:#b4bbca!important}
.journey-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 16px}.journey-actions span{font-size:9px;border:1px solid #3d424f;border-radius:20px;padding:6px 9px;color:#c9c2e1}
.journey-output-list{display:grid;gap:9px}.journey-output-list button{display:flex;gap:12px;width:100%;border:1px solid #3d4250;border-radius:9px;padding:13px;background:#1d222c;text-align:left;color:#d3d7df;transition:border-color .2s,background .2s}
.journey-output-list button[aria-pressed=true]{border-color:#9f94e5;background:#2b263e}.journey-output-list button:hover{border-color:#a69bdd}.journey-output-list b{display:block;font-size:13px;margin-bottom:5px}.journey-output-list small{font-size:10px;line-height:1.5;display:block;color:#a9b0bd}
.journey-progress{height:3px;margin:24px 0 0;background:#333544;overflow:hidden;border-radius:4px}.journey-progress i{display:block;width:30%;height:100%;background:linear-gradient(90deg,#776bff,var(--gold));animation:journey-flow 3s linear infinite;animation-play-state:paused}.journey[data-playing=true] .journey-progress i{animation-play-state:running}
.journey-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #383d49;padding-top:22px;margin-top:22px}.journey-detail h4{font-size:16px;margin:0 0 9px}.journey-detail p{font-size:12px!important;line-height:1.7!important;margin:0!important;color:#b8bfca!important}.journey-detail .eyebrow{color:var(--gold)!important;font-size:9px!important;margin-bottom:9px!important}
.integration-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.integration-facts article{padding:18px;border:1px solid #343946;border-radius:10px}.integration-facts h4{font-size:14px;margin:0 0 10px}.integration-facts p{font-size:12px!important;line-height:1.7!important;margin:0!important}.integration-facts small{display:block;font-size:10px;color:var(--gold);margin-top:12px;line-height:1.5}
.journey-disclosure{font-size:11px!important;line-height:1.7!important;margin:18px 0 0!important;color:#a9adb7!important}
@keyframes journey-flow{from{transform:translateX(-100%)}to{transform:translateX(435%)}}
@keyframes journey-wire{from{background-position:200% 0}to{background-position:0 0}}
@keyframes journey-glow{0%,100%{box-shadow:0 0 20px #776bff10}50%{box-shadow:0 0 35px #776bff38}}
@media(max-width:1080px){.managed-bottom{grid-template-columns:190px 1fr}.journey{padding:22px}.journey-grid{gap:20px}.journey-core:before,.journey-core:after{width:20px}.journey-core:before{left:-20px}.journey-core:after{right:-20px}}
@media(max-width:860px){.journey-grid{grid-template-columns:1fr}.journey-core:before,.journey-core:after{display:none}.journey-source-list{grid-template-columns:repeat(5,minmax(0,1fr))}.journey-source-list button{flex-direction:column;align-items:start}.journey-core{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:20px}.journey-output-list{grid-template-columns:1fr 1fr}.integration-facts{grid-template-columns:1fr}.journey-detail{gap:18px}.integration-intro{gap:26px}}
@media(max-width:760px){.hero{padding-top:44px;padding-bottom:40px}.hero-people .home-photo{width:154px;height:106px}.hero-people p{font-size:11px}.hero-people b{font-size:13px}.managed-bottom{grid-template-columns:160px 1fr}.managed-bottom .home-photo{height:135px}.difference-proof .home-photo{height:220px}.difference-proof .collaboration-ui{width:88%;right:6%;bottom:9px}.people-context .home-photo{height:270px}.integration-intro{grid-template-columns:1fr}.integration-intro h3{font-size:30px}.pricing-people .home-photo{width:130px;height:108px}.journey{padding:18px}.journey-source-list{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-source-list button{flex-direction:row}.journey-core{display:block}.journey-window{max-width:440px;margin:0 auto}.journey-output-list{grid-template-columns:1fr 1fr}.journey-detail{grid-template-columns:1fr}.journey-toolbar{align-items:start;gap:12px}.journey-play{padding:10px;font-size:11px}.closing-product-proof{width:280px}.collaboration-ui>span{font-size:8px}}
@media(max-width:480px){.hero-people .home-photo{width:138px}.managed-bottom{grid-template-columns:1fr}.managed-bottom .home-photo{height:190px}.managed-bottom .collaboration-ui{width:55%}.pricing-people{align-items:flex-start}.pricing-people p{font-size:12px}.pricing-people .home-photo{width:115px}.journey-output-list{grid-template-columns:1fr}.journey-source-list b{font-size:11px}.difference-proof .home-photo>img{object-position:35% center}}
/* Feature-card UI sits below the people photo so it never covers faces. */
.difference-proof .home-photo{height:290px;display:flex;flex-direction:column}
.difference-proof .home-photo>img{height:148px;flex:none;object-position:center 30%}
.difference-proof .collaboration-ui{position:static;width:100%;max-width:none;flex:1;border:0;border-top:1px solid #ffffff30;border-radius:0;box-shadow:none}
.difference-proof .mini-evidence{height:calc(100% - 23px);font-size:11px;padding:10px}
.difference-proof .mini-evidence b{font-size:11px}
.managed-bottom .home-photo>img{object-position:center 28%}
@media(max-width:760px){.difference-proof .home-photo{height:292px}.difference-proof .home-photo>img{height:140px}}
@media(prefers-reduced-motion:reduce){.journey-progress i{animation:none!important}.journey-source-list button{transition:none}.journey-source-list button:hover{transform:none}}
