.crm-hero h1{font-size:clamp(2.5rem,4.3vw,4.4rem)}.crm-hero-visual{position:relative;align-self:center;padding-bottom:120px}.crm-hero-visual img{height:440px;width:100%;object-fit:cover;border-radius:6px}.hero-operating-panel{position:absolute;bottom:0;left:30px;right:0;background:white;color:#193448;border:1px solid #cbdce8;border-radius:7px;padding:22px;box-shadow:0 15px 50px #0002}.mini-work{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-top:1px solid #e5ecf1}.mini-work small{display:block;font-size:.8rem;color:#6b879a}.mini-work strong{display:block;font-size:.9rem;margin-top:4px}.crm-lead{font-size:1.1rem;max-width:750px}.workflow-workspace{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;margin-top:40px}.workflow-steps{list-style:none;padding:0;margin:0;border-left:1px solid #cadde9}.workflow-steps li{margin-left:-1px}.workflow-steps button{width:100%;text-align:left;background:transparent;border:0;border-left:3px solid transparent;display:flex;gap:20px;align-items:center;padding:15px 20px;cursor:pointer;color:#617b8e;font-size:.95rem}.workflow-steps button span{font-size:.8rem;color:#86a0b2}.workflow-steps button[aria-current=step]{background:#e7f1f9;border-left-color:#087bea;color:#0a72c8;font-weight:bold}.workflow-record{background:white;padding:30px;border:1px solid #d7e4ee;border-radius:7px;align-self:start}.record-context{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #d9e6ef;padding-bottom:20px;margin-bottom:25px}.record-context span{font-size:.75rem;color:#6b8da5;letter-spacing:.1em}.record-context strong{font-size:.95rem;color:#264b66}.workflow-record h3{font-size:1.5rem}.workflow-record .ui-info dl{display:grid;grid-template-columns:1fr 1.3fr;gap:10px 20px}.workflow-record .ui-info dt{margin:0}.workflow-controls{display:flex;gap:12px;margin-top:20px}.workflow-controls .btn{min-height:44px;font-size:.8rem}.workflow-controls button:disabled{opacity:.35;cursor:default}.connected-note{font-size:.8rem;color:#5585a7;border-bottom:1px solid #dce8f0;padding:20px 0}.role-message{font-size:1.15rem;color:#284b64;margin-top:25px}.crm-equipment,.commercial-flow,.planned-service{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px;align-items:start}.profile-dl{display:grid!important;grid-template-columns:1fr 1.3fr!important;gap:12px 20px!important}.profile-dl dt{margin:0!important}.profile-dl dd{overflow-wrap:anywhere}.finding-row{border-top:1px solid #dce6ed;padding:15px 0;font-size:.9rem}.finding-row span{display:block;font-size:.8rem;color:#748f9f}.commercial-outcomes ul{color:#637c8e;padding-left:20px}.planned-row{display:flex;gap:25px;border-top:1px solid #dce6ed;padding:18px 0}.planned-row>span{color:#0a7ade;font-size:.8rem}.planned-row strong,.planned-row small{display:block}.planned-row strong{font-size:.9rem}.planned-row small{font-size:.8rem;color:#728e9f;margin-top:5px}.qr-connection{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:40px;margin-top:40px;margin-bottom:35px}.qr-stage{border-top:1px solid #315166;padding-top:25px}.qr-stage>span{font-size:.8rem;color:#76b8eb}.qr-stage h3{font-size:1.3rem;margin-top:15px}.qr-branches{border-left:1px solid #315166;padding-left:30px}.qr-branches strong{color:#82c6ff}.qr-branches p{font-size:.9rem}.qr-branches>div:first-child{margin-bottom:25px}.technician-role{display:grid;grid-template-columns:330px 1fr;gap:60px;align-items:center;max-width:850px;margin:auto}.technician-role h3{font-size:1.5rem}.technician-role .phone{margin:0}.crm-hero .hero-foot{gap:20px}.crm-hero .hero-foot span:last-child{max-width:350px}.grid .card h3{font-size:1.35rem}#role-screen{min-height:470px}#mini-business-case .results{position:static}@media(max-width:760px){.crm-hero-visual{padding-bottom:100px}.crm-hero-visual img{height:330px}.hero-operating-panel{left:15px;padding:18px}.workflow-workspace{grid-template-columns:1fr;gap:25px}.workflow-steps{display:grid;grid-template-columns:1fr 1fr;border:0;gap:5px}.workflow-steps button{padding:12px 8px;font-size:.8rem;gap:10px;min-height:54px}.workflow-record{padding:20px}.workflow-record .ui-info dl,.profile-dl{grid-template-columns:1fr!important;gap:5px!important}.profile-dl dt{margin-top:10px!important}.crm-equipment,.commercial-flow,.planned-service{grid-template-columns:1fr;gap:30px}.qr-connection{grid-template-columns:1fr;gap:25px}.technician-role{grid-template-columns:1fr;gap:30px}.technician-role .phone{margin:auto}.crm-hero .hero-foot span:last-child{max-width:none}}
