/* One consistent set of controls, materials and illustration frames. */
.hero-actions{display:inline-flex;gap:0;align-items:stretch;max-width:100%}
.hero-actions .button,.hero-actions .text-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:49px;padding:14px 16px;font:12px/1.4 var(--mono);white-space:nowrap}
.hero-actions .button{border-radius:4px 0 0 4px}
.button-outline,.text-link{border:1px solid #b8bdce66;border-radius:4px;background:#9b9fb00a}
.hero-actions .button-outline{border-radius:0 4px 4px 0;border-left:0}
.button-outline:hover,.text-link:hover{background:#b7bdd51c;border-color:#d8dce58c}
.rq-replay,.table-update{border:1px solid #b8bdce3d;background:#a5aec10a}
.rq-replay:hover,.table-update:hover{border-color:#b8bdce8a}
.dialog-close{border:1px solid #b8bdce4d;border-radius:4px;line-height:1;width:36px;height:36px}
.system-menu{background:linear-gradient(135deg,#34363fef,#23252cf5);border:1px solid #c9cfe14a;backdrop-filter:blur(60px) saturate(125%);-webkit-backdrop-filter:blur(60px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff12,0 26px 80px #0009}
.system-menu a{color:#e1e2e8}.system-menu .eyebrow,.system-menu p{color:#b1b5c4}
.problem-statement{align-items:start;padding-block:110px;row-gap:65px}
.problem-copy{padding-top:0}.problem-copy .problem-lead{margin-top:0;line-height:1.38}
.problem-statement h2{margin:0;line-height:1.12}
.experience{padding-block:34px}
/* All nine illustrations occupy the same desktop frame. */
@media(min-width:1001px){
 .scene,.scene.foundation-encode,.scene.foundation-database,.scene.foundation-tools,.scene.rq-scene,.scene.insights-scene,.scene-6{padding:24px 0!important;justify-content:center!important}
 .scene>.morph-surface{height:640px!important;min-height:640px!important;max-height:640px!important;width:100%;margin:0!important;flex-shrink:0;box-sizing:border-box}
 .foundation-twins{display:flex;flex-direction:column}.twin-head{flex-shrink:0}.twin-row{flex:1;min-height:0}
 .playbook-table-wrap{display:flex;flex-direction:column}.table-toolbar{flex:none}.playbook-table{height:100%;flex:1}.playbook-table td{padding-block:18px}
 .engine-network{max-width:none;padding:0!important}.engine-network .network-column{top:24px;bottom:24px}.engine-network .network-left{left:18px}.engine-network .network-right{right:18px}
 .rq-surface{display:flex;flex-direction:column}.rq-channel,.rq-routing,.rq-rule-match,.rq-panel-heading,.rq-calculation,.rq-tree,.rq-feedback-status,.rq-payment-check{flex-shrink:0}
 .rq-compose{flex:1}.rq-matcher{flex:1}.rq-check-table{flex:1}.rq-rephrase{flex:1}
 .insight-report{display:flex;flex-direction:column}.insight-report .insight-chart{flex:1}.insight-report>footer{margin-top:auto}
 .slack-excerpt{display:flex;flex-direction:column}
}
.benefit-section{padding-block:105px;border-top:1px solid #ffffff1c}
.benefit-section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;align-items:end;margin-bottom:48px}
.benefit-section-heading h2{font:clamp(42px,4.5vw,64px)/1.06 var(--serif);letter-spacing:-.04em;color:#eeeef0;margin:0;font-weight:400}
.benefit-section-heading>p{font:21px/1.5 var(--sans);color:#bfc2ce;max-width:480px;margin:0;padding-bottom:3px}
.agreement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.agreement-card,.outcome-card{border:1px solid #c4c9de2a;border-radius:9px;background:linear-gradient(135deg,#7e829b16,#20222b52 65%,#abaec20b);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #ffffff08;padding:30px 30px 34px;min-width:0}
.benefit-icon{width:28px;height:28px;stroke:#c7c5dd;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none;overflow:visible}
.agreement-card h3{font:27px/1.16 var(--serif);font-weight:400;letter-spacing:-.025em;color:#eeedf3;margin:28px 0 14px}
.agreement-card p,.outcome-result>p{font:17px/1.6 var(--sans);color:#b7bbc9;margin:0}
.ownership-clarity{font:14px/1.6 var(--sans);color:#989fb0;max-width:850px;margin-top:25px}
.outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.outcome-card{padding:35px 36px 38px;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:23px;row-gap:27px}
.outcome-card>.benefit-icon{grid-column:1;grid-row:1}
.outcome-before{grid-column:2;display:flex;flex-direction:column;gap:10px;font:16px/1.5 var(--sans);color:#999cab;margin:0}
.outcome-before>span{font:12px/1.4 var(--mono);text-transform:uppercase;color:#b9a6b2;letter-spacing:.02em}
.outcome-result{grid-column:1/-1;padding-top:26px;border-top:1px solid #c6ccde24}
.outcome-result h3{font:33px/1.15 var(--serif);font-weight:400;letter-spacing:-.025em;color:#e6e6f0;max-width:460px;margin:0 0 17px}
.closing-copy .closing-call-label{font:12px/1.5 var(--mono);color:#c1bdd6;letter-spacing:.025em;margin-bottom:19px;text-transform:uppercase}
.closing-copy>p:not(.closing-call-label){font:20px/1.55 var(--sans);max-width:490px}
.closing-copy .button{margin-top:15px}
@media(min-width:1001px) and (max-width:1200px){.agreement-card{padding:25px}.agreement-card h3{font-size:25px}.agreement-card p{font-size:16px}.benefit-section-heading{gap:50px}.scene>.morph-surface{height:680px!important;min-height:680px!important;max-height:680px!important}.visual-sticky{height:770px;min-height:770px}.network-column{width:104px}.engine-network .network-left{left:12px}.engine-network .network-right{right:12px}}
@media(max-width:1000px){
 .problem-statement{padding-block:80px;gap:34px}.problem-copy{padding-top:0}.experience{padding-block:30px}
 .benefit-section{padding-block:80px}.benefit-section-heading{gap:30px;margin-bottom:36px}.benefit-section-heading h2{font-size:47px}.benefit-section-heading>p{font-size:18px}
 .agreement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agreement-card{padding:28px}.agreement-card h3{font-size:26px}
 .outcome-card{padding:28px;column-gap:17px}.outcome-result h3{font-size:29px}.outcome-result>p{font-size:16px}
 .mobile-scene,#encode .mobile-scene,#live-data .mobile-scene,#connect .mobile-scene,#receive .mobile-scene,#decide .mobile-scene,#respond .mobile-scene,#approve .mobile-scene,#record .mobile-scene,#learn .mobile-scene{height:810px;margin-top:28px;border:0}
 .mobile-scene .scene{padding:25px 0!important;justify-content:center!important}
 .mobile-scene .scene>.morph-surface{height:760px!important;min-height:760px!important;max-height:760px!important;width:100%;margin:0!important;flex-shrink:0}
 .foundation-twins{display:flex;flex-direction:column}.twin-head{flex-shrink:0}.twin-row{flex:1;min-height:0}.playbook-table-wrap{display:flex;flex-direction:column}.playbook-table{height:100%;flex:1}
 .rq-surface{display:flex;flex-direction:column}.rq-compose,.rq-matcher,.rq-rephrase{flex:1}.rq-check-table{flex:1}.rq-channel,.rq-routing,.rq-rule-match,.rq-panel-heading,.rq-calculation,.rq-tree,.rq-feedback-status,.rq-payment-check{flex-shrink:0}
 .insight-report{display:flex;flex-direction:column}.insight-report .insight-chart{flex:1}.insight-report>footer{margin-top:auto}
 .engine-network .network-column{top:30px;bottom:30px}.engine-network .network-left{left:16px}.engine-network .network-right{right:16px}
}
@media(max-width:600px){
 .hero-actions{display:flex;width:max-content;max-width:100%}.hero-actions .button,.hero-actions .text-link{padding:14px 12px;gap:10px;font-size:12px}.hero-eyebrow{font-size:12px}
 .problem-statement{padding-block:65px;gap:29px}.problem-statement h2{font-size:38px}.problem-copy .problem-lead{font-size:21px}.experience{padding-block:30px}
 .benefit-section{padding-block:65px}.benefit-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.benefit-section-heading h2{font-size:40px}.benefit-section-heading>p{font-size:18px}
 .agreement-grid,.outcome-grid{grid-template-columns:1fr;gap:14px}.agreement-card{padding:26px}.agreement-card h3{margin-top:24px;font-size:27px}.agreement-card p{font-size:16px}
 .outcome-card{padding:27px 25px;column-gap:18px;row-gap:24px}.outcome-result{padding-top:24px}.outcome-result h3{font-size:31px}.outcome-before{font-size:15px}.ownership-clarity{font-size:14px}
 .engine-network .network-column{width:76px;top:35px;bottom:35px}.engine-network .network-left{left:8px}.engine-network .network-right{right:8px}.engine-network .engine-cube{width:106px}
 .closing-copy>p:not(.closing-call-label){font-size:18px}.closing-copy .closing-call-label{font-size:12px}
}
.hero-art.engine-art.engine-compact,.hero-art.engine-art.engine-compact.is-expanded{height:760px;min-height:760px}
.system-menu{background-color:rgba(30,32,39,.8)}
@media(max-width:600px){.engine-network .cube-engraving{font-size:28px}}
@media(min-width:1001px) and (max-width:1200px){.hero{grid-template-columns:1fr;padding-top:180px;gap:0}.hero-copy{max-width:840px}.hero h1{font-size:64px}.hero .wide-break{display:none}.hero-subtitle{max-width:690px}.hero-art.engine-art{width:100%;max-width:750px;margin:40px auto 0}}
.tool-connection[data-tool="clm"] img{width:34px;height:34px}
@media(max-width:600px){.tool-connection[data-tool="clm"] img{width:30px;height:30px}}
