/* A shared visual language, with a different composition for each service. */
.service-enterprise{--scene-accent:#b52e62;--scene-soft:#fbe6ef;--scene-ink:#192d42}
.service-enterprise[data-composition] .enterprise-hero{background:#f7f9fc;color:var(--scene-ink)}
.service-enterprise[data-composition] .enterprise-topline{border-color:#243e5720;color:#465b70}.service-enterprise[data-composition] .enterprise-topline>span{color:var(--scene-accent)}
.service-enterprise[data-composition] .enterprise-copy>p{color:#4c6176}.service-enterprise[data-composition] .enterprise-copy>small{color:#617489}.service-enterprise[data-composition] .enterprise-copy h1 em{background:none;-webkit-text-fill-color:currentColor;color:var(--scene-accent)}
.service-enterprise[data-composition] .enterprise-copy .button{background:#ae2b58;border-color:#ae2b58;color:white}.service-enterprise[data-composition] .enterprise-copy .text-link{color:#233a50}
body:has([data-composition]) .site-header{background:#f7f9fc;color:#192d42;border-color:#1a314b15}body:has([data-composition]) .site-header .brand{color:#192d42}body:has([data-composition]) .site-header .brand-symbol img{filter:none}body:has([data-composition]) .site-header .button{background:#a82955;color:#fff;border-color:#a82955}
.service-scene{min-width:0;position:relative;color:#263c52;transform:perspective(1200px) rotateY(var(--scene-tilt,0deg));transition:transform .5s ease-out}.scene-art{position:relative;min-height:360px}.scene-label{display:block;font-size:12px;font-weight:550;color:#8c3156;line-height:1.4}.scene-art h3{font-size:27px;line-height:1.2;letter-spacing:-.035em;font-weight:550;margin:16px 0}.scene-art p{font-size:14px;line-height:1.55;color:#566b80}.scene-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.scene-controls>div{display:flex;gap:4px;flex-wrap:wrap}.scene-controls button{font:500 12px var(--body);padding:9px 12px;border:1px solid transparent;border-radius:22px;background:transparent;color:inherit;cursor:pointer}.scene-controls [aria-pressed=true]{background:var(--scene-ink);color:white}.scene-controls .scene-motion{border-color:#526c8540;white-space:nowrap;font-size:11px}.scene-description{min-height:57px;margin-top:16px}.scene-description p{font-size:14px;line-height:1.6;margin:0;color:inherit}.scene-disclaimer{font-size:10px;color:#6a7c8e}.scene-check{font-size:12px;color:#963251;font-weight:550}.service-scene *{animation-play-state:paused!important}.service-scene.is-running *{animation-play-state:running!important}.scene-art *{box-sizing:border-box}.scene-art svg{display:block;width:100%}
/* CRM: a conversation flowing across two connected surfaces. */
[data-composition=conversation] .enterprise-hero{background:linear-gradient(125deg,#fff 28%,#fff2f4)!important}[data-composition=conversation] .enterprise-hero-grid{grid-template-columns:.9fr 1.1fr;gap:65px;padding-block:80px}.scene-conversation .scene-art{padding:12px 0 30px}.conversation-source{width:88%;padding:27px;background:#fff;border:1px solid #eadce2;border-radius:10px;box-shadow:0 18px 60px #6c244d0d}.conversation-source h3{max-width:290px}.message-response{margin:23px -44px 0 38px;padding:20px 23px;background:#f7dce7;border:1px solid #edbfd1;border-radius:10px;box-shadow:0 10px 25px #97335910;animation:response-arrive 7s infinite}.message-response>span{font-size:11px;color:#90274f}.message-response p{color:#69344c;margin:9px 0 0}.conversation-path{display:flex;flex-direction:column;gap:12px;padding:22px 0 22px 48px;font-size:11px;position:relative}.conversation-path:before{content:'';position:absolute;left:24px;top:0;bottom:0;width:1px;background:#c887a1}.conversation-path i{position:absolute;left:20px;top:4px;width:9px;height:9px;background:#b22f61;border-radius:50%;animation:crm-progress 7s infinite}.conversation-booking{margin-left:100px;padding:23px;background:#233950;color:#fff;border-radius:8px;box-shadow:0 15px 30px #182d4520;animation:booking-arrive 7s infinite}.conversation-booking .scene-label{color:#ffc2d7}.booking-date{display:flex;align-items:center;gap:18px;margin-top:12px}.booking-date b{font:500 46px var(--display)}.booking-date span{font-size:13px;line-height:1.7}.conversation-booking p{color:#c4d4e4}.conversation-booking .scene-check{color:#f3b8ce}.scene-conversation .scene-art{min-height:560px}
@keyframes response-arrive{0%,12%{transform:translateX(-8px);opacity:.45}25%,100%{transform:none;opacity:1}}@keyframes crm-progress{0%,25%{transform:translateY(0)}70%,100%{transform:translateY(88px)}}@keyframes booking-arrive{0%,50%{transform:translateY(6px);opacity:.55}75%,100%{transform:none;opacity:1}}
/* Reporting: an expansive dashboard below a compact editorial introduction. */
[data-composition=observatory]{--scene-accent:#6550a0;--scene-soft:#ece8f6}[data-composition=observatory] .enterprise-hero-grid{display:block;padding:60px 0 65px}[data-composition=observatory] .enterprise-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:start;margin-bottom:55px}[data-composition=observatory] .enterprise-copy h1{grid-row:span 3;font-size:66px}[data-composition=observatory] .enterprise-copy>p{margin-top:6px;max-width:530px}[data-composition=observatory] .enterprise-copy .page-actions{margin-top:15px}[data-composition=observatory] .enterprise-copy>small{margin-top:18px}.scene-observatory .scene-art{display:grid;grid-template-columns:190px 1fr;border:1px solid #d6dce7;border-radius:12px;background:#fff;box-shadow:0 25px 65px #283c5912;overflow:hidden}.report-sidebar{display:flex;flex-direction:column;gap:24px;padding:28px 24px;background:#eef0f8;font-size:12px}.scene-monogram{font:650 26px var(--display);color:#a02c58;letter-spacing:-2px}.report-sidebar strong{font-weight:550;line-height:1.5}.report-sidebar .selected{background:#ded8ef;color:#58418d;padding:10px 12px;margin-inline:-12px;border-radius:5px}.report-sidebar small{margin-top:auto;color:#6e7a91;font-size:10px}.report-main{padding:32px 36px}.report-heading{display:flex;justify-content:space-between;gap:25px}.report-heading h3{font-size:25px;max-width:370px}.report-status{font-size:10px;color:#547a72;white-space:nowrap}.report-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:35px;margin-top:25px}.report-trend>span{font-size:12px;color:#62758c}.report-trend svg{margin-top:17px;overflow:visible}.chart-grid{fill:none;stroke:#e7eaf0}.chart-area{fill:#ece6f580}.chart-line{fill:none;stroke:#8957b2;stroke-width:3;stroke-dasharray:100;animation:chart-draw 8s infinite}.chart-period{display:flex;justify-content:space-between;font-size:10px;color:#7b8ba0}.report-quality{border-left:1px solid #e5e9f0;padding-left:26px}.report-quality>div{font-size:12px;padding:15px 0;border-bottom:1px solid #eef1f6}.report-quality i{font-style:normal;color:#8b5daf;margin-right:9px}.report-quality strong{display:block;font-size:17px;font-weight:500;margin-top:25px}.scene-observatory .scene-controls{justify-content:flex-start;gap:30px}.scene-observatory .scene-description{min-height:30px}.scene-observatory .scene-disclaimer{position:absolute;right:0;bottom:0}[data-view="1"] .chart-line{stroke:#b02b63}[data-view="2"] .chart-line{stroke:#3f8492}@keyframes chart-draw{0%{stroke-dashoffset:100}45%,100%{stroke-dashoffset:0}}
/* Security: an orbital control diagram with a human decision point. */
[data-composition=control]{--scene-accent:#b5a0e4;--scene-ink:#473a70}[data-composition=control] .enterprise-hero{background:radial-gradient(ellipse at 85% 35%,#3d345d,#142239 65%)!important;color:#fff}[data-composition=control] .enterprise-copy>p,[data-composition=roadmap] .enterprise-copy>p{color:#ced6e3!important}[data-composition=control] .enterprise-copy>small,[data-composition=roadmap] .enterprise-copy>small{color:#aebdd0!important}[data-composition=control] .enterprise-copy .text-link,[data-composition=roadmap] .enterprise-copy .text-link{color:#fff!important}[data-composition=control] .enterprise-topline,[data-composition=roadmap] .enterprise-topline{border-color:#ffffff24!important;color:#becbdc!important}[data-composition=control] .service-scene,[data-composition=roadmap] .service-scene{color:#e6eaf2}[data-composition=control] .scene-disclaimer,[data-composition=roadmap] .scene-disclaimer{color:#b1bdd0}[data-composition=control] .scene-motion,[data-composition=roadmap] .scene-motion{border-color:#ffffff55}.control-orbit{height:390px;position:relative}.control-orbit>svg{position:absolute;height:100%;inset:0;fill:none;stroke:#baa4e866;stroke-width:1}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid #b59ed83d;border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:220px;height:220px}.ring-two{width:310px;height:310px;border-style:dashed;animation:orbit-turn 50s linear infinite}.ring-three{width:390px;height:390px;border-color:#b59ed81a}.ring-two:before{content:'';position:absolute;top:42px;left:42px;width:8px;height:8px;background:#f4be9e;border-radius:50%;box-shadow:0 0 20px #ffd1a8}.control-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:170px;height:170px;background:radial-gradient(#72517b55,#1a2a42);border:1px solid #b995cd77;border-radius:50%;box-shadow:0 0 70px #b794db19}.control-core svg{width:58px;fill:#ad82bd15;stroke:#e7caec;stroke-width:1.5}.control-core strong{font-size:13px;font-weight:500;margin-top:-10px}.orbit-node{position:absolute;font-size:12px;padding:12px 18px;border:1px solid #9d8dbf80;background:#26344b;border-radius:5px;transition:background .4s,box-shadow .4s}.node-access{left:4%;top:14%}.node-ai{right:3%;top:14%}.node-records{left:6%;bottom:13%}.node-response{right:2%;bottom:13%}.control-event{position:relative;margin:0 15px;padding:22px 26px;background:#fff;color:#263c52;border-radius:7px;box-shadow:0 18px 55px #0002}.control-event h3{font-size:21px;margin:10px 0}.control-event p{font-size:13px;margin-bottom:14px}.control-event .scene-label{color:#7e549b}[data-view="0"] .node-access,[data-view="1"] .node-ai,[data-view="2"] .node-response{background:#72518a;box-shadow:0 0 28px #c39cda30}@keyframes orbit-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
body:has([data-composition=control]) .site-header,body:has([data-composition=roadmap]) .site-header{background:#142239;color:white}body:has([data-composition=control]) .site-header .brand,body:has([data-composition=roadmap]) .site-header .brand{color:white}body:has([data-composition=control]) .brand-symbol img,body:has([data-composition=roadmap]) .brand-symbol img{filter:brightness(0) invert(1)}
/* Cloud: a capacity instrument, with a warm technical palette. */
[data-composition=capacity]{--scene-accent:#926226;--scene-soft:#f7eddc}[data-composition=capacity] .enterprise-hero-grid{grid-template-columns:1.05fr .95fr;gap:85px}[data-composition=capacity] .enterprise-copy{order:2}[data-composition=capacity] .enterprise-hero{background:linear-gradient(145deg,#faf8f3,#fff 70%)!important}.scene-capacity .scene-art{padding:32px;background:#fff;border:1px solid #e6dfd2;border-radius:6px;box-shadow:-20px 22px 0 #eee3cf66,0 25px 60px #685c3410}.capacity-title h3{max-width:300px;font-size:27px}.capacity-title .scene-label{color:#8b6a34}.capacity-visual{display:flex;align-items:center;gap:28px;padding:20px 0 30px}.capacity-rings{position:relative;width:210px;height:210px;flex-shrink:0;display:grid;place-items:center}.capacity-rings>div{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#dfb16b 0 38%,#f8f5ef 38% 40%,#29495f 40% 71%,#f8f5ef 71% 73%,#bb7892 73% 98%,#f8f5ef 98%);mask:radial-gradient(circle,transparent 53%,black 54%);animation:capacity-turn 18s ease-in-out infinite}.capacity-rings>span{text-align:center;font-size:15px;color:#7b715e}.capacity-rings b{font:550 34px var(--display);color:#273d4c}.capacity-legend{display:flex;flex-direction:column;gap:17px;font-size:12px}.capacity-legend i{display:inline-block;width:8px;height:8px;background:#dfb16b;border-radius:50%;margin-right:9px}.capacity-legend span:nth-child(2) i{background:#29495f}.capacity-legend span:nth-child(3) i{background:#bb7892}.capacity-rows>div{display:grid;grid-template-columns:1fr 80px 40px;gap:15px;align-items:center;font-size:12px;padding:15px 0;border-top:1px solid #eee8df}.capacity-rows small{font-size:10px;color:#766b57}.capacity-rows i{height:5px;background:#f1ece3;border-radius:3px;overflow:hidden}.capacity-rows b{display:block;height:100%;width:70%;background:#d5a058;animation:capacity-fill 8s infinite}.capacity-rows>div:nth-child(2) b{width:48%;animation-delay:1s;background:#48667b}.capacity-rows>div:nth-child(3) b{width:85%;animation-delay:2s;background:#b87592}@keyframes capacity-turn{50%{transform:rotate(30deg)}}@keyframes capacity-fill{0%,15%{transform:scaleX(.35);transform-origin:left}60%,100%{transform:scaleX(1);transform-origin:left}}
/* Web: a responsive experience, rather than another workflow card. */
[data-composition=experience] .enterprise-hero{background:linear-gradient(140deg,#fff 35%,#f1e9f3)!important}[data-composition=experience] .enterprise-hero-grid{grid-template-columns:.85fr 1.15fr;gap:60px}.scene-experience .scene-art{min-height:490px;padding:25px 0 65px}.experience-browser{position:relative;width:100%;background:#fff;border:1px solid #dcdce7;border-radius:9px;box-shadow:0 30px 75px #46305d20;transition:width .7s,transform .7s;margin:auto;transform:rotate(-2deg)}.experience-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid #e9e9f0;font-size:9px;color:#6b738b}.experience-toolbar>div{display:flex;gap:4px}.experience-toolbar i{width:5px;height:5px;background:#c7bfcd;border-radius:50%}.experience-page{position:relative;overflow:hidden}.experience-page nav{display:flex;justify-content:space-between;padding:20px;font-size:10px;color:#594663}.experience-page nav span{font-size:8px}.experience-content{padding:35px 24px 48px;position:relative;z-index:1;width:72%}.experience-content h3{font-size:32px;color:#352a47}.experience-content p{font-size:12px;max-width:245px}.experience-content .scene-label{font-size:10px}.experience-cta{display:inline-block;margin-top:14px;background:#783e74;color:#fff;border-radius:20px;padding:10px 20px;font-size:10px;box-shadow:0 0 0 0 #bd7aac40;animation:cta-ring 6s infinite}.experience-art{position:absolute;right:-65px;top:65px;width:240px;height:290px;transform:rotate(25deg)}.experience-art i{position:absolute;border:1px solid #c694bd;border-radius:100%;inset:0;background:linear-gradient(80deg,#ddb6d96b,#fce8d7);box-shadow:inset 8px 0 20px #b39acc33;animation:web-breathe 10s ease-in-out infinite}.experience-art i:nth-child(2){inset:20px;animation-delay:-2s}.experience-art i:nth-child(3){inset:40px;animation-delay:-4s}.experience-bottom{display:flex;gap:30px;padding:20px 24px;background:#f5f0f6;font-size:10px}.experience-receipt{position:absolute;right:-12px;bottom:24px;background:#fff;padding:20px 23px;border-radius:7px;box-shadow:0 14px 40px #50334c20;width:230px;transform:rotate(2deg)}.experience-receipt p{font-size:12px;margin:10px 0 0}[data-view="1"] .experience-browser{width:280px;transform:rotate(0)}[data-view="1"] .experience-page nav span{display:none}[data-view="1"] .experience-content{width:100%}[data-view="1"] .experience-art{opacity:.35}[data-view="1"] .experience-bottom{gap:18px}[data-view="1"] .experience-toolbar>span{font-size:8px}@keyframes web-breathe{50%{transform:scale(.9) rotate(10deg)}}@keyframes cta-ring{50%{box-shadow:0 0 0 8px #bd7aac00}}
/* Transformation: a full width roadmap, connecting people to delivery. */
[data-composition=roadmap]{--scene-accent:#f1bda4;--scene-ink:#775170}[data-composition=roadmap] .enterprise-hero{background:radial-gradient(ellipse at 90% 100%,#623854,#142239 68%)!important;color:white}[data-composition=roadmap] .enterprise-hero-grid{display:block;padding:60px 0}[data-composition=roadmap] .enterprise-copy{text-align:center;max-width:810px;margin:0 auto 55px}[data-composition=roadmap] .enterprise-copy h1{font-size:73px}[data-composition=roadmap] .enterprise-copy h1 br:nth-child(2){display:none}[data-composition=roadmap] .enterprise-copy>p{margin-inline:auto;max-width:650px}[data-composition=roadmap] .page-actions{justify-content:center}.scene-roadmap .scene-art{padding:35px 40px;background:#ffffff06;border:1px solid #ffffff25;border-radius:8px;min-height:350px}.roadmap-caption{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-bottom:30px}.roadmap-caption .scene-label{width:100%;color:#d7abc7}.roadmap-caption h3{font-size:24px;margin:0}.roadmap-caption>span:last-child{font-size:12px;color:#c1bfd4}.roadmap-lanes{position:relative}.roadmap-lanes>div{display:grid;grid-template-columns:100px repeat(3,1fr);align-items:center;gap:25px;padding:18px 0;border-bottom:1px solid #ffffff17;font-size:13px}.roadmap-lanes strong{font-weight:500;color:#e6c3d5}.roadmap-lanes span{padding:13px 17px;border:1px solid #ffffff26;background:#ffffff08;border-radius:4px;position:relative}.roadmap-lanes span:not(:last-child):after{content:'';position:absolute;width:25px;height:1px;right:-26px;top:50%;background:#d49bb877}.roadmap-lanes>div:nth-child(2) span{background:#ac73911a}.roadmap-lanes>div:nth-child(3) span{background:#97783a1a}.roadmap-marker{position:absolute;top:0;bottom:0;width:2px;left:115px;background:linear-gradient(transparent,#f7c8c2,transparent);box-shadow:0 0 20px #f7bba480;animation:roadmap-travel 12s ease-in-out infinite}.roadmap-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-left:125px;margin-top:20px;font-size:11px;color:#c6b8d1}.scene-roadmap .scene-description{min-height:30px}.scene-roadmap .scene-disclaimer{position:absolute;bottom:0;right:0}@keyframes roadmap-travel{0%,10%{left:115px}90%,100%{left:98%}}
/* Distinct editorial rhythms below each hero. */
[data-composition=conversation] .enterprise-overview>.container,[data-composition=control] .enterprise-overview>.container{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}[data-composition=conversation] .enterprise-overview-grid,[data-composition=control] .enterprise-overview-grid{display:block}[data-composition=conversation] .enterprise-overview-grid article,[data-composition=control] .enterprise-overview-grid article{box-shadow:none;border:0;border-top:1px solid #d9e1e9;border-radius:0;padding:25px 0;background:transparent}[data-composition=conversation] .overview-icon,[data-composition=control] .overview-icon{display:none}[data-composition=conversation] .enterprise-overview-grid h3,[data-composition=control] .enterprise-overview-grid h3{margin-bottom:10px}[data-composition=conversation] .enterprise-overview-grid a,[data-composition=control] .enterprise-overview-grid a{border:0;padding:0}[data-composition=conversation] .enterprise-overview-grid p,[data-composition=control] .enterprise-overview-grid p{margin-bottom:16px}
[data-composition=observatory] .enterprise-overview-grid article{border:0;border-left:2px solid #ad99c5;box-shadow:none;border-radius:0;background:#f7f5fa}[data-composition=observatory] .workflow-explorer,[data-composition=roadmap] .workflow-explorer{display:block}[data-composition=observatory] .scenario-tabs,[data-composition=roadmap] .scenario-tabs{display:grid;grid-template-columns:repeat(3,1fr)}[data-composition=observatory] .demo-contact,[data-composition=roadmap] .demo-contact{display:inline-block;margin:15px 0 25px}[data-composition=observatory] .workflow-board{display:grid;grid-template-columns:1.7fr 1fr}[data-composition=observatory] .board-heading,[data-composition=observatory] .flow-controls{grid-column:1/-1}[data-composition=observatory] .flow-detail{display:flex;flex-direction:column;justify-content:center;border-top:0;border-left:1px solid #dde3ec}[data-composition=observatory] .automation-case-grid{grid-template-columns:1fr 1fr}[data-composition=observatory] .automation-case .case-image{height:220px}
[data-composition=control] .automation-scope{background:#eef0f6}[data-composition=control] .scope-grid article{border:none;background:#fff;padding:32px}[data-composition=control] .automation-demo{background:#1c2b42;color:white}[data-composition=control] .demo-heading>p{color:#c4cee0}[data-composition=control] .demo-heading .page-kicker,[data-composition=control] .demo-heading h2 em{color:#d0b2e8!important}[data-composition=control] .automation-case-grid{display:block}[data-composition=control] .automation-case{display:grid;grid-template-columns:1fr 1.4fr;margin-bottom:25px}[data-composition=control] .automation-case .case-image{height:100%;min-height:265px}[data-composition=control] .case-copy{padding:38px}
[data-composition=capacity] .enterprise-overview-grid{grid-template-columns:1.4fr 1fr 1fr}[data-composition=capacity] .enterprise-overview-grid article:first-child{background:#253d50;color:white;border-color:#253d50;padding:35px}[data-composition=capacity] .enterprise-overview-grid article:first-child p{color:#d3dde7}[data-composition=capacity] .enterprise-overview-grid article:first-child a,[data-composition=capacity] .enterprise-overview-grid article:first-child .overview-icon{color:#e6ba7e}[data-composition=capacity] .automation-demo{background:#f6f3ed}[data-composition=capacity] .workflow-explorer{grid-template-columns:1fr 320px}[data-composition=capacity] .workflow-choices{order:2}[data-composition=capacity] .automation-case-grid{grid-template-columns:1fr 1.3fr}[data-composition=capacity] .automation-case:nth-child(2) .case-image{height:270px}
[data-composition=experience] .enterprise-overview-grid article{padding:0 28px 10px 0;border:0;border-right:1px solid #dfe3ec;border-radius:0;box-shadow:none}[data-composition=experience] .enterprise-overview-grid article:last-child{border:0}[data-composition=experience] .automation-proof{background:#f1edf5}[data-composition=experience] .automation-case-grid{grid-template-columns:1fr 1fr;gap:40px}[data-composition=experience] .automation-case{border:0;background:transparent}[data-composition=experience] .automation-case .case-image{height:310px;border-radius:6px}[data-composition=experience] .automation-case:nth-child(2){padding-top:75px}[data-composition=experience] .case-copy{padding:25px 0}[data-composition=experience] .workflow-explorer{display:block}[data-composition=experience] .scenario-tabs{display:flex;margin-bottom:20px}[data-composition=experience] .scenario-tabs button{flex:1}[data-composition=experience] .demo-contact{display:inline-block;margin-bottom:25px}
[data-composition=roadmap] .enterprise-overview-grid{gap:0}[data-composition=roadmap] .enterprise-overview-grid article{border:0;border-radius:0;box-shadow:none;background:#f9f2ec;padding:35px}[data-composition=roadmap] .enterprise-overview-grid article:nth-child(2){background:#f9ebf0}[data-composition=roadmap] .enterprise-overview-grid article:nth-child(3){background:#eeeaf6}[data-composition=roadmap] .automation-case-grid{grid-template-columns:1.4fr 1fr}[data-composition=roadmap] .automation-case:first-child .case-image{height:310px}[data-composition=roadmap] .automation-demo{background:#f6f2f7}
@media(max-width:1100px){.service-enterprise[data-composition] .enterprise-hero-grid{gap:38px}.capacity-rings{width:170px;height:170px}.capacity-visual{gap:18px}.scene-capacity .scene-art{padding:25px}.capacity-rows>div{grid-template-columns:1fr 55px 35px;gap:9px}.scene-controls{align-items:flex-start;gap:5px}.scene-controls button{padding:8px 9px}.experience-content h3{font-size:28px}.report-panels{gap:20px}.report-main{padding:28px}.roadmap-lanes>div{gap:16px;grid-template-columns:80px repeat(3,1fr);font-size:12px}.roadmap-lanes span{padding:13px 10px}.roadmap-lanes span:not(:last-child):after{width:16px;right:-17px}.roadmap-phases{padding-left:96px}.ring-three{width:340px;height:340px}[data-composition=conversation] .enterprise-overview>.container,[data-composition=control] .enterprise-overview>.container{gap:45px}}
@media(max-width:980px){body:has([data-composition]) #navigation{background:#f7f9fc;color:#192d42}body:has([data-composition=control]) #navigation,body:has([data-composition=roadmap]) #navigation{background:#142239;color:white}.service-enterprise[data-composition] .enterprise-hero-grid{grid-template-columns:1fr}.service-enterprise[data-composition] .enterprise-copy{max-width:650px}.service-enterprise[data-composition] .enterprise-copy h1{font-size:62px}.service-scene{width:100%;max-width:620px;margin-inline:auto}.service-enterprise[data-composition=observatory] .enterprise-copy{display:block;max-width:750px}.scene-observatory,.scene-roadmap{max-width:none}[data-composition=capacity] .enterprise-copy{order:0}.scene-conversation .scene-art{min-height:0}.capacity-visual{justify-content:center}.capacity-rings{width:210px;height:210px}.capacity-rows>div{grid-template-columns:1fr 130px 50px}.scene-capacity .scene-art{padding:35px}.experience-content{padding:40px 28px 65px}.experience-content h3{font-size:38px}.scene-experience .scene-art{min-height:500px}.scene-controls{align-items:center}.report-panels{grid-template-columns:1.5fr 1fr}.scene-roadmap .scene-art{padding:25px}.roadmap-lanes>div{font-size:11px}.roadmap-lanes span{padding:13px 8px}[data-composition=capacity] .workflow-explorer{display:block}[data-composition=capacity] .workflow-choices{order:0}[data-composition=capacity] .demo-contact{display:inline-block;margin-bottom:20px}[data-composition=observatory] .workflow-board{display:block}[data-composition=observatory] .flow-detail{border-left:0;border-top:1px solid #dde3ec}.scene-observatory .scene-disclaimer,.scene-roadmap .scene-disclaimer{position:static}[data-composition=control] .automation-case{grid-template-columns:1fr 1.1fr}}
@media(max-width:740px){.service-enterprise[data-composition] .enterprise-hero-grid{padding-block:40px;gap:38px}.service-enterprise[data-composition] .enterprise-copy h1{font-size:clamp(42px,10vw,60px)}.service-enterprise[data-composition] .enterprise-copy>p{font-size:18px}.scene-controls{flex-wrap:wrap;gap:12px}.scene-controls button{font-size:11px}.scene-description{min-height:65px}.conversation-source{padding:23px;width:90%}.message-response{margin-left:12px;margin-right:-40px;padding:17px}.conversation-booking{margin-left:55px}.scene-art h3{font-size:25px}.scene-observatory .scene-art{grid-template-columns:1fr}.report-sidebar{display:none}.report-main{padding:25px 20px}.report-heading{display:block}.report-heading h3{font-size:25px}.report-status{display:block;margin-bottom:15px}.report-panels{display:block;margin-top:10px}.report-quality{border-left:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-top:24px}.report-quality>.scene-label{grid-column:1/-1}.report-quality strong{font-size:14px;margin-top:16px}.report-quality>div{font-size:11px}.scene-observatory .scene-description{min-height:50px}.control-orbit{height:340px}.ring-one{width:190px;height:190px}.ring-two{width:270px;height:270px}.ring-three{width:330px;height:330px}.control-core{width:140px;height:140px}.control-core svg{width:48px}.orbit-node{font-size:10px;padding:10px 12px}.node-access,.node-records{left:0}.node-ai,.node-response{right:0}.control-event{margin:0;padding:22px}.control-event h3{font-size:21px}.scene-capacity .scene-art{padding:25px 20px;box-shadow:-9px 10px 0 #eee3cf66}.capacity-rings{width:180px;height:180px}.capacity-visual{gap:15px}.capacity-legend{font-size:11px}.capacity-rows>div{grid-template-columns:1fr 65px 40px;font-size:11px}.scene-experience .scene-art{padding-top:10px;min-height:460px}.experience-content{padding:25px 20px 40px;width:85%}.experience-content h3{font-size:30px}.experience-page nav{padding:17px}.experience-page nav span{display:none}.experience-art{right:-110px;opacity:.6}.experience-toolbar>span{font-size:8px}.experience-receipt{right:0;width:205px;padding:17px;bottom:8px}.experience-bottom{gap:20px;font-size:9px}.experience-content p{font-size:12px}.scene-roadmap .scene-art{padding:24px 17px}.roadmap-caption{gap:14px;margin-bottom:22px}.roadmap-caption h3{font-size:22px}.roadmap-lanes>div{grid-template-columns:1fr;gap:8px;padding-block:15px}.roadmap-lanes strong{font-size:12px;margin-bottom:5px}.roadmap-lanes span{font-size:12px;padding:12px}.roadmap-lanes span:not(:last-child):after{display:none}.roadmap-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roadmap-marker{display:none}.roadmap-phases{display:none}.scene-roadmap .scene-description{min-height:65px}[data-composition=roadmap] .enterprise-copy{margin-bottom:35px}[data-composition=roadmap] .enterprise-copy h1 br:nth-child(2){display:initial}[data-composition=conversation] .enterprise-overview>.container,[data-composition=control] .enterprise-overview>.container{display:block}[data-composition=capacity] .enterprise-overview-grid,[data-composition=observatory] .automation-case-grid,[data-composition=capacity] .automation-case-grid,[data-composition=experience] .automation-case-grid,[data-composition=roadmap] .automation-case-grid{grid-template-columns:1fr}[data-composition=observatory] .scenario-tabs,[data-composition=roadmap] .scenario-tabs,[data-composition=experience] .scenario-tabs{display:flex}[data-composition=observatory] .scenario-tabs button,[data-composition=roadmap] .scenario-tabs button{flex:1}[data-composition=control] .automation-case{display:block}[data-composition=control] .automation-case .case-image{height:230px;min-height:0}[data-composition=control] .case-copy{padding:25px}[data-composition=experience] .automation-case:nth-child(2){padding-top:0}[data-composition=experience] .automation-case .case-image{height:240px}[data-composition=experience] .enterprise-overview-grid article{border-right:0;border-bottom:1px solid #dfe3ec;padding:25px 0}[data-composition=roadmap] .enterprise-overview-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.service-scene *{animation:none!important;transition:none!important}.service-scene{transform:none;transition:none}}
.service-enterprise[data-composition=control] .enterprise-hero,.service-enterprise[data-composition=roadmap] .enterprise-hero{color:#fff}
.service-enterprise[data-composition=control] .enterprise-copy h1,.service-enterprise[data-composition=roadmap] .enterprise-copy h1{color:#fff}
body:has([data-composition]) .site-header .brand-symbol img{filter:brightness(0)}
body:has([data-composition=control]) .site-header .brand-symbol img,body:has([data-composition=roadmap]) .site-header .brand-symbol img{filter:brightness(0) invert(1)}
[data-composition=roadmap] .enterprise-copy h1 em{margin-left:.14em}
[data-composition=capacity] .capacity-rows>div{transition:background .3s,padding .3s}
[data-composition=capacity] [data-view="0"] .capacity-rows>div:nth-child(1),[data-composition=capacity] [data-view="1"] .capacity-rows>div:nth-child(2),[data-composition=capacity] [data-view="2"] .capacity-rows>div:nth-child(3){background:#f5eddf;padding-inline:9px}
[data-view="0"] .roadmap-lanes>div>span:nth-of-type(1),[data-view="1"] .roadmap-lanes>div>span:nth-of-type(2),[data-view="2"] .roadmap-lanes>div>span:nth-of-type(3){border-color:#e7b8d09c;background:#be94b32b}
[data-view="0"] .conversation-source{border-color:#bf698e}[data-view="1"] .message-response{border-color:#b43163}[data-view="2"] .conversation-booking{box-shadow:0 0 0 3px #d698b2,0 15px 30px #182d4520}
@media(max-width:740px){[data-composition=roadmap] .enterprise-copy h1 em{margin-left:0}}
@keyframes response-arrive{0%,12%{transform:translateX(-8px)}25%,100%{transform:none}}
@keyframes booking-arrive{0%,50%{transform:translateY(6px)}75%,100%{transform:none}}
@media(max-width:380px){.capacity-rings{width:150px;height:150px}.capacity-legend{font-size:10px}.capacity-legend span{white-space:nowrap}.capacity-visual{gap:12px}.ring-three{width:280px;height:280px}.ring-two{width:250px;height:250px}}
@media(prefers-reduced-motion:reduce){.scene-motion{display:none}}
[data-composition=control] .workflow-board{color:#192c3e}
[data-composition=control] .demo-contact{color:#e0b7d3}
/* CRM uses the homepage's moving, finely lined ribbon as a backdrop. */
.crm-wave{position:absolute;z-index:-1;pointer-events:none;top:40px;right:-15%;width:76%;height:85%;overflow:hidden;opacity:.82;transform:rotate(-8deg);mask-image:linear-gradient(180deg,transparent,#000 13%,#000 76%,transparent);background:linear-gradient(135deg,transparent 20%,#f3ac49 45%,#df6384 67%,#9676b7 87%,transparent)}
.crm-wave-canvas{display:block;width:100%;height:100%}
[data-composition=conversation] .enterprise-hero>.container{position:relative;z-index:1}
[data-composition=conversation] .conversation-path{width:fit-content;padding-right:18px;background:#fff9fbe8;border-radius:0 0 8px 8px}
@media(max-width:980px){.crm-wave{top:auto;bottom:110px;right:-25%;width:115%;height:720px}}
@media(max-width:740px){.crm-wave{right:-65%;width:170%;height:640px;bottom:150px;opacity:.72;transform:rotate(-9deg)}}
.crm-wave{mask-image:linear-gradient(180deg,transparent,#000 13%,#000 68%,transparent 98%),linear-gradient(90deg,transparent,#000 12%);mask-composite:intersect}
/* Continuous motion: curves drift instead of erasing and restarting. */
.scene-observatory .chart-line{animation:none;stroke-dasharray:none;stroke-linecap:round;stroke-linejoin:round}
@keyframes response-arrive{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@keyframes booking-arrive{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes crm-progress{0%{transform:translateY(0);opacity:0}12%{opacity:1}82%{opacity:1}100%{transform:translateY(88px);opacity:0}}
@keyframes capacity-fill{0%,100%{transform:scaleX(.75);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}
@keyframes roadmap-travel{0%{left:115px;opacity:0}12%{opacity:1}85%{opacity:1}100%{left:98%;opacity:0}}

/* Owner's Dashboard: stronger hierarchy and color, scoped to this service. */
.service-enterprise[data-composition=observatory]{--scene-accent:#6844d4;--scene-soft:#eee8ff;--scene-ink:#192849}
.service-enterprise[data-composition=observatory] .enterprise-hero{isolation:isolate;background:#101b35;color:#fff;overflow:hidden}
.service-enterprise[data-composition=observatory] .enterprise-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 0%,#6d3dad66,transparent 55%),radial-gradient(ellipse at 100% 78%,#086f7959,transparent 55%)}
.service-enterprise[data-composition=observatory] .enterprise-topline>span{color:#c8b5ff}
.service-enterprise[data-composition=observatory] .enterprise-topline>a{color:#d4dcf1}
.service-enterprise[data-composition=observatory] .enterprise-copy h1{color:#fff}
.service-enterprise[data-composition=observatory] .enterprise-copy h1 em{color:#c8afff;background:linear-gradient(100deg,#ffc2ce,#c6a3ff 55%,#90d9e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.service-enterprise[data-composition=observatory] .enterprise-copy>p{color:#d0daed}
.service-enterprise[data-composition=observatory] .enterprise-copy>small{color:#bac9e3}
.service-enterprise[data-composition=observatory] .enterprise-copy .text-link{color:#e2d3ff}
.service-enterprise[data-composition=observatory] .enterprise-copy .button{background:#bf2859;color:#fff;box-shadow:0 8px 24px #040b2340}
.service-enterprise[data-composition=observatory] .enterprise-copy .button:hover{background:#a31e4b}
.service-enterprise[data-composition=observatory] .scene-observatory{isolation:isolate;color:#e0e8f7;transform:none}
.service-enterprise[data-composition=observatory] .scene-observatory::before{content:'';position:absolute;inset:-50px -60px 20px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 24% 45%,#9252ee5c,transparent 55%),radial-gradient(ellipse at 85% 62%,#25c8c452,transparent 50%);animation:owner-dashboard-glow 14s ease-in-out infinite alternate;animation-play-state:paused}
.service-enterprise[data-composition=observatory] .scene-observatory.is-running::before{animation-play-state:running}
@keyframes owner-dashboard-glow{from{transform:translate3d(-14px,0,0) scale(.97);opacity:.65}to{transform:translate3d(18px,-10px,0) scale(1.04);opacity:1}}
.service-enterprise[data-composition=observatory] .scene-observatory .scene-art{background:#fff;border-color:#69739b;border-radius:16px;box-shadow:0 32px 75px #030a2359,0 0 0 1px #ffffff0d}
.service-enterprise[data-composition=observatory] .report-sidebar{background:linear-gradient(155deg,#293159,#152947);color:#cfdbf2;border-right:1px solid #3f5075}
.service-enterprise[data-composition=observatory] .report-sidebar .scene-monogram{color:#e1c1ff}
.service-enterprise[data-composition=observatory] .report-sidebar strong{color:#fff}
.service-enterprise[data-composition=observatory] .report-sidebar .selected{background:#7a57d9;color:#fff;box-shadow:0 4px 14px #0a123129}
.service-enterprise[data-composition=observatory] .report-sidebar small{color:#b6c8e4}
.service-enterprise[data-composition=observatory] .report-main{background:linear-gradient(145deg,#fff 55%,#f0f4ff);color:#203451}
.service-enterprise[data-composition=observatory] .report-heading h3{color:#1d2b49}
.service-enterprise[data-composition=observatory] .report-main .scene-label{color:#6141a7;font-weight:650}
.service-enterprise[data-composition=observatory] .report-status{align-self:flex-start;border:1px solid #99d9ca;background:#e1f6ed;color:#14624c;padding:7px 10px;border-radius:20px;font-size:11px;font-weight:600}
.service-enterprise[data-composition=observatory] .report-trend>span{color:#425575;font-weight:600}
.service-enterprise[data-composition=observatory] .chart-grid{stroke:#cbd4e5}
.service-enterprise[data-composition=observatory] .chart-line{stroke:#7646d5;stroke-width:4}
.service-enterprise[data-composition=observatory] .chart-area{fill:#9b71ee38}
.service-enterprise[data-composition=observatory] [data-view="1"] .chart-line{stroke:#c12c68}
.service-enterprise[data-composition=observatory] [data-view="1"] .chart-area{fill:#dc619133}
.service-enterprise[data-composition=observatory] [data-view="2"] .chart-line{stroke:#087f8a}
.service-enterprise[data-composition=observatory] [data-view="2"] .chart-area{fill:#22b2ba33}
.service-enterprise[data-composition=observatory] .chart-period{color:#51617d}
.service-enterprise[data-composition=observatory] .report-quality{background:#eaf6f3;border:1px solid #bcded5;border-radius:10px;padding:20px;color:#234d49}
.service-enterprise[data-composition=observatory] .report-quality>.scene-label{color:#1c6359}
.service-enterprise[data-composition=observatory] .report-quality>div{border-bottom-color:#c2dfd6}
.service-enterprise[data-composition=observatory] .report-quality i{color:#087c62}
.service-enterprise[data-composition=observatory] .report-quality strong{color:#165e51}
.service-enterprise[data-composition=observatory] .scene-controls button{min-height:48px;border-color:#6b7899;color:#dee7f8;background:#ffffff08}
.service-enterprise[data-composition=observatory] .scene-controls button:hover{background:#ffffff17}
.service-enterprise[data-composition=observatory] .scene-controls [aria-pressed=true]{background:#d0b9ff;color:#262047;border-color:#d0b9ff}
.service-enterprise[data-composition=observatory] .scene-description p{color:#d0daed}
.service-enterprise[data-composition=observatory] .scene-disclaimer{color:#afc1df}
.service-enterprise[data-composition=observatory] .enterprise-overview{background:#fff}
.service-enterprise[data-composition=observatory] .enterprise-overview-grid article{background:#eee8fc;border-left:4px solid #8053c7;border-radius:0 12px 12px 0}
.service-enterprise[data-composition=observatory] .enterprise-overview-grid article:nth-child(2){background:#e5f5f2;border-left-color:#148978}
.service-enterprise[data-composition=observatory] .enterprise-overview-grid article:nth-child(3){background:#fff0e9;border-left-color:#be6241}
.service-enterprise[data-composition=observatory] .enterprise-overview-grid p{color:#425572}
.service-enterprise[data-composition=observatory] .automation-demo{background:#e9edf9;border-block:1px solid #ccd4eb}
.service-enterprise[data-composition=observatory] .demo-heading h2 em{color:#6741b5}
.service-enterprise[data-composition=observatory] .scenario-tabs button{background:#f9faff;border-color:#bfc9e2;color:#273d61}
.service-enterprise[data-composition=observatory] .scenario-tabs button[aria-selected=true]{background:#533399;border-color:#533399;color:#fff;box-shadow:0 8px 24px #553c9529}
.service-enterprise[data-composition=observatory] .scenario-tabs button[aria-selected=true] small{color:#eee3ff}
.service-enterprise[data-composition=observatory] .workflow-board{border-color:#aabbd6;box-shadow:0 18px 40px #25396617}
.service-enterprise[data-composition=observatory] .board-heading{background:#192e50;color:#e6eefc;border-color:#33486c}
.service-enterprise[data-composition=observatory] .board-heading i{background:#64d6be}
.service-enterprise[data-composition=observatory] .example-tag{color:#d4e0f4}
.service-enterprise[data-composition=observatory] .flow-network{background-color:#f0f4fe;background-image:radial-gradient(#a3b5d666 .8px,transparent .8px)}
.service-enterprise[data-composition=observatory] .flow-track{stroke:#8098c1}
.service-enterprise[data-composition=observatory] .flow-signal{stroke:#8353d5;filter:drop-shadow(0 0 3px #9065d54d)}
.service-enterprise[data-composition=observatory] .flow-node[aria-pressed=true]{background:#eee5ff;border-color:#8555c6}
.service-enterprise[data-composition=observatory] .flow-detail{background:#f0eafa;border-left-color:#d2c3e8}
.service-enterprise[data-composition=observatory] .flow-detail h3{color:#372458}
.service-enterprise[data-composition=observatory] .flow-detail p{color:#4e4567}
.service-enterprise[data-composition=observatory] .detail-count{color:#714394;font-weight:600}
.service-enterprise[data-composition=observatory] .flow-controls{background:#fff;border-color:#ced7e9}
.service-enterprise[data-composition=observatory] .automation-proof{background:#f9f8fd}
.service-enterprise[data-composition=observatory] .automation-case{border-color:#cfd4e7;box-shadow:0 12px 30px #2637570a}
.service-enterprise[data-composition=observatory] .automation-scope{background:#fff;border-top-color:#d9deed}
.service-enterprise[data-composition=observatory] .scope-grid article{border-top:3px solid #8251c7;padding-top:22px}
.service-enterprise[data-composition=observatory] .scope-grid article:nth-child(2){border-top-color:#158677}
.service-enterprise[data-composition=observatory] .scope-grid article:nth-child(3){border-top-color:#c36178}
.service-enterprise[data-composition=observatory] .automation-fit{background:#edf5f7;border-color:#c6dade}
.service-enterprise[data-composition=observatory] .automation-faq{background:#f1f0fa}
.service-enterprise[data-composition=observatory] .faq-item{border-color:#cbd0e3}
.service-enterprise[data-composition=observatory] .delivery{background:#121e39}
@media(max-width:740px){
 .service-enterprise[data-composition=observatory] .report-quality{padding:18px 16px}
 .service-enterprise[data-composition=observatory] .report-status{display:inline-block}
 .service-enterprise[data-composition=observatory] .scene-controls{gap:12px}
 .service-enterprise[data-composition=observatory] .scene-controls>div{gap:6px}
 .service-enterprise[data-composition=observatory] .scene-observatory::before{inset:-20px -20px 0}
}
@media(prefers-reduced-motion:reduce){
 .service-enterprise[data-composition=observatory] .scene-observatory::before{animation:none;opacity:.7}
}
@media(forced-colors:active){
 .service-enterprise[data-composition=observatory] .enterprise-copy h1 em{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
 .service-enterprise[data-composition=observatory] .scene-observatory::before{display:none}
}
.service-enterprise[data-composition=observatory] .scene-controls button[aria-pressed=true]:hover{background:#e0cfff;color:#262047;border-color:#e0cfff}
.service-enterprise[data-composition=observatory] .scene-observatory::before{mask-image:radial-gradient(ellipse at center,#000 25%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 72%)}
.service-enterprise[data-composition=observatory] .enterprise-overview-grid .overview-icon{background:#e1d5ff;color:#5e369c}
.service-enterprise[data-composition=observatory] .enterprise-overview-grid article:nth-child(2) .overview-icon{background:#c8e8de;color:#146252}
.service-enterprise[data-composition=observatory] .enterprise-overview-grid article:nth-child(3) .overview-icon{background:#ffe0ca;color:#a14e2c}