body{background:radial-gradient(ellipse 70% 35% at 100% 0%,#123b5a48,transparent 75%),radial-gradient(ellipse 70% 25% at 0% 50%,#152a4638,transparent 80%),var(--bg)}.shell{position:relative}.hero{grid-template-columns:1.12fr 1fr;gap:65px;align-items:center}.diagram-experience{min-width:0;position:relative;padding:25px 25px 23px;border:1px solid #3b638c65;border-radius:18px;background:linear-gradient(145deg,#122840aa,#0c182c88);box-shadow:0 35px 100px #0003,inset 0 1px #8dccff12}.diagram-experience::before{content:"";position:absolute;inset:-55px;z-index:-1;background:radial-gradient(ellipse,#38bdf822,transparent 65%);pointer-events:none}.diagram-experience .building-art{background:transparent;max-width:none}.diagram-experience svg{max-height:320px}.art-top{padding-top:0}.scenario-options{display:flex;gap:5px;margin:18px 0 20px;padding:5px;background:#081422;border-radius:9px}.scenario-options button{flex:1;border:0;background:transparent;color:#9db2c8;border-radius:6px;padding:10px 5px;font:12px 'DM Sans',sans-serif;cursor:pointer;transition:background .2s,color .2s}.scenario-options button[aria-pressed=true]{background:#173b58;color:#d9f2ff;box-shadow:0 1px 6px #0003}.scenario-title{font:600 17px Manrope,sans-serif;color:#e3effa;margin:0 0 10px;letter-spacing:-.4px}.scenario-description{color:#a5b8ce;line-height:1.75;font-size:12px;min-height:63px;margin:0}.diagram-note{font:9px var(--mono);color:#819ab4;letter-spacing:.7px;margin:18px 0 0}.node-label{font:10px 'DM Sans',sans-serif;fill:#bddff4;letter-spacing:.3px}.office-outline{display:none}.diagram-experience[data-scenario=office] .building-shell{opacity:0}.diagram-experience[data-scenario=office] .office-outline{display:block}.diagram-experience[data-scenario=renovation] .building-shell{stroke-dasharray:7 4}.diagram-experience[data-scenario=office] .energy-packet{animation-duration:2.5s!important}.diagram-experience[data-scenario=renovation] .energy-packet{animation-duration:4s!important}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service{position:relative;overflow:hidden;padding:32px;border:1px solid #304c6b85;border-radius:12px;background:linear-gradient(145deg,#11263a80,#0c192944);min-width:0}.service:hover{background:linear-gradient(145deg,#15354d99,#0c192966);border-color:#47799e}.service.featured{border:1px solid #3b72957a;border-radius:14px;background:radial-gradient(ellipse at 100% 0%,#38bdf81c,transparent 55%),linear-gradient(100deg,#14364eaa,#0e1b2ddd);padding:42px 180px 42px 38px;margin-bottom:0}.service.featured:hover{background:radial-gradient(ellipse at 100% 0%,#38bdf825,transparent 55%),linear-gradient(100deg,#14364eaa,#0e1b2ddd)}.service.featured h3{font-size:30px;max-width:600px}.service.featured p{max-width:760px}.service-art{position:absolute;right:25px;top:24px;width:64px;height:64px;stroke:#38bdf8;fill:none;stroke-width:1.6;opacity:.8}.service.featured .service-art{width:130px;height:130px;right:27px;top:50%;transform:translateY(-50%);opacity:.85}.service-num{padding-right:70px;display:block;font-size:9px}.service h3{max-width:85%;margin-top:30px}.steps article{position:relative}.steps article::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px #38bdf84a}.steps article:last-child::before{background:var(--bg);border:1px solid var(--accent)}@media(max-width:1100px){.hero{gap:35px}.diagram-experience{padding:20px}.service.featured{padding-right:140px}.service.featured .service-art{width:95px;height:95px}}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:35px}.diagram-experience{max-width:460px;width:100%;margin:auto}.service-grid{grid-template-columns:1fr;gap:16px}.service,.service.featured{padding:28px 24px}.service.featured{padding-right:24px}.service.featured .service-art{position:static;transform:none;display:block;width:85px;height:85px;margin:18px 0 0}.service.featured h3{font-size:26px}.service-art{right:20px;top:20px;width:52px;height:52px}.scenario-description{min-height:0}.service h3{font-size:22px}.scenario-options button{font-size:11px}}@media(prefers-reduced-motion:reduce){.scenario-options button{transition:none}}

@media(max-width:700px){.diagram-experience::before{inset:0}}