.workspaces{border-bottom:1px solid var(--line)}
.workspace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.workspace-grid article{position:relative;min-height:455px;padding:29px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(14,45,68,.92),rgba(5,22,35,.96));box-shadow:0 22px 65px rgba(0,0,0,.16);transition:transform .25s,border-color .25s}
.workspace-grid article:hover{transform:translateY(-6px);border-color:rgba(57,198,232,.42)}
.workspace-grid article:after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(57,198,232,.15),transparent 68%)}
.role-no{position:absolute;right:25px;top:25px;color:#41667c;font-size:10px;font-weight:900;letter-spacing:.14em}
.role-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(57,198,232,.25);border-radius:14px;background:#10364e;color:var(--green);font-weight:950}
.workspace-grid article>p{margin:25px 0 10px;color:#6ea9bd;font-size:10px;font-weight:900;letter-spacing:.15em}
.workspace-grid h3{margin:0;font-size:25px;line-height:1.18;letter-spacing:-.035em}
.workspace-grid article>small{display:block;min-height:80px;margin-top:16px;color:#8ea5b7;font-size:12px;line-height:1.65}
.workspace-grid ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 24px;padding:18px 0 0;border-top:1px solid var(--line);list-style:none}
.workspace-grid li{position:relative;padding-left:16px;color:#a9bbc8;font-size:11px}.workspace-grid li:before{content:"✓";position:absolute;left:0;color:var(--green)}
.workspace-grid button{width:100%;min-height:47px;padding:0 15px;border:1px solid var(--line);border-radius:13px;background:#112f46;color:#fff;text-align:left;font-size:12px;font-weight:850}.workspace-grid button b{float:right;color:var(--green)}
.demand{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center;background:radial-gradient(circle at 85% 50%,rgba(56,228,154,.07),transparent 25%)}
.demand-copy>p:first-child{margin:0 0 11px;color:#6ea9bd;font-size:11px;font-weight:850;letter-spacing:.16em}.demand-copy h2{margin:0;font-size:clamp(34px,4.5vw,55px);letter-spacing:-.05em}.demand-copy>p:not(:first-child){max-width:690px;color:#93aabd;font-size:15px;line-height:1.7}
.demand-flow{display:flex;align-items:center;gap:10px;margin-top:30px;flex-wrap:wrap}.demand-flow span{padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#0a2032;color:#afc0cd;font-size:11px;font-weight:750}.demand-flow span b{color:var(--green);margin-right:6px;font-size:9px}.demand-flow i{color:#477087;font-style:normal}
.demand-card{padding:32px;border:1px solid rgba(56,228,154,.22);border-radius:25px;background:linear-gradient(145deg,#0d3444,#071c2e);box-shadow:0 30px 80px rgba(0,0,0,.25)}.demand-card>div{display:flex;align-items:center;gap:10px;color:var(--green);font-size:10px;letter-spacing:.11em}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.demand-card h3{margin:22px 0 12px;font-size:24px;line-height:1.3}.demand-card p{color:#8fa6b8;font-size:12px;line-height:1.65}.demand-card>small{display:block;margin-top:13px;text-align:center;color:#66869a;font-size:9px;letter-spacing:.08em}
@media(max-width:1050px){.workspace-grid{grid-template-columns:1fr 1fr}.workspace-grid article:last-child{grid-column:1/-1}.demand{grid-template-columns:1fr;gap:35px}}
@media(max-width:700px){.workspace-grid{grid-template-columns:1fr}.workspace-grid article:last-child{grid-column:auto}.workspace-grid article{min-height:auto}.workspace-grid article>small{min-height:0}.demand{padding-top:70px;padding-bottom:70px}.demand-flow i{display:none}.demand-flow span{width:calc(50% - 5px);text-align:center}}