:root{font-family:"Segoe UI",Arial,sans-serif;color:#ecf4ff;background:#04142c;--navy:#061939;--blue:#0b2e57;--gold:#d8a45a;--wood:#7b4e2d;--line:#34577d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 0,#173c66,#04142c 55%)}button,a{font:inherit}.commercial-demo{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto}.demo-header{display:grid;grid-template-columns:180px 1fr auto;gap:18px;align-items:center;padding:14px 24px;background:rgba(3,16,37,.94);border-bottom:1px solid rgba(216,164,90,.35)}.brand img{width:160px;height:52px;object-fit:contain}.demo-header p,.scene-copy p,.office-title p{margin:0;color:#dcb16f;font-size:10px;font-weight:800;letter-spacing:.13em}.demo-header h1{margin:3px 0;font-size:22px}.demo-header button,.journey button,.scene-copy button,.zone button,.office-title button{border:1px solid #53769d;background:#0e3158;color:#fff;border-radius:8px;padding:9px 12px;cursor:pointer;font-size:10px;font-weight:750}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1b3c61;border-bottom:1px solid #34577d}.journey button{border:0;border-radius:0;background:#082344;padding:12px}.journey button.active{background:linear-gradient(180deg,#9a6735,#6d4527);color:#fff}.scene{position:relative;min-height:620px;display:grid;align-items:end;overflow:hidden}.scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,34,.92),rgba(3,15,34,.2) 62%,rgba(3,15,34,.45))}.scene-copy{position:relative;z-index:2;width:min(550px,calc(100% - 40px));margin:34px;padding:26px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(4,20,44,.86);backdrop-filter:blur(10px)}.scene-copy h2{font-size:34px;margin:7px 0}.scene-copy span{display:block;color:#bfd1e5;line-height:1.6;margin-bottom:18px}.company-door{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.company-badge{display:inline-flex!important;width:max-content;padding:6px 9px;border-radius:20px;background:#153b65;color:#f1c77f!important;font-size:10px}.client-office{padding:20px;display:grid;gap:14px;background:linear-gradient(rgba(3,16,36,.43),rgba(3,16,36,.9)),url('assets/atlas-office-scene-v3-final.png') center/cover fixed}.office-title{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 18px;border-radius:14px;background:rgba(4,20,44,.91);border:1px solid rgba(216,164,90,.4)}.office-title h2{margin:3px 0}.hybrid-office{display:grid;grid-template-columns:1fr 1fr;gap:14px}.zone{min-height:490px;padding:18px;border-radius:16px;border:1px solid #3b5e84;background:rgba(5,25,50,.91);display:flex;flex-direction:column;gap:12px}.zone.atlas{border-color:#9c7040;background:linear-gradient(145deg,rgba(5,25,50,.94),rgba(62,42,25,.92))}.zone header{border-bottom:1px solid #31577d;padding-bottom:11px}.zone h3{margin:4px 0;font-size:21px}.zone header span{font-size:10px;color:#b9cde1}.work-surface{display:grid;gap:9px}.work-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-radius:10px;background:rgba(255,255,255,.06);border-left:3px solid #5f8dbb}.work-row.result{border-color:#59b779}.work-row.request{border-color:#e1aa4f}.work-row strong,.work-row small{display:block}.work-row small{color:#adc4dc;margin-top:4px}.support-box{margin-top:auto;padding:13px;border-radius:11px;background:#0a2b50;border:1px solid #426589}.support-box p{margin:5px 0 10px;color:#bfd1e4;font-size:11px}footer{display:flex;justify-content:space-between;gap:12px;padding:11px 20px;background:#031126;color:#91abc7;font-size:9px}#demo-toast{position:fixed;right:18px;bottom:18px;z-index:20;max-width:310px;padding:12px;border-radius:10px;background:#e9f2ff;color:#17304e;box-shadow:0 10px 30px #0007;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#demo-toast.show{opacity:1;transform:none}@media(max-width:760px){.demo-header{grid-template-columns:100px 1fr;padding:10px}.brand img{width:95px}.demo-header>button{grid-column:1/-1}.demo-header h1{font-size:17px}.journey{grid-template-columns:1fr 1fr}.journey button{padding:9px;font-size:8px}.scene{min-height:calc(100vh - 210px)}.scene-copy{margin:14px;padding:18px;width:calc(100% - 28px)}.scene-copy h2{font-size:27px}.hybrid-office{grid-template-columns:1fr}.client-office{padding:10px}.office-title{align-items:flex-start;flex-direction:column}.zone{min-height:auto}.company-door{grid-template-columns:1fr}footer{flex-direction:column}}