em,i,cite,dfn,var,address,blockquote{font-style:normal}.page>section{padding:var(--sec-pad) 0;border-bottom:0}.page>section:last-child{border-bottom:0}.page-head{padding:var(--sp-10) 0 var(--sp-12);max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);border-bottom:1px solid var(--line)}.page-head .meta{font-family:var(--mono);font-size:var(--t-11);color:var(--zop-orange);letter-spacing:var(--ls-meta);text-transform:uppercase;margin-bottom:var(--sp-4);display:inline-flex;align-items:center;gap:var(--sp-2)}.page-head .meta:before{content:"";width:10px;height:10px;background:var(--zop-orange)}.page-head h1{font-size:clamp(40px,5.5vw,80px);font-weight:var(--fw-bold);letter-spacing:var(--ls-display);line-height:var(--lh-display);max-width:1100px;margin:0 0 var(--sp-5)}.page-head h1 em{font-style:normal;color:var(--zop-orange)}.page-head p.lede{font-size:var(--t-20);color:var(--ink-3);max-width:720px;line-height:1.45;margin:0}.inner{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.sec-meta{font-family:var(--mono);font-size:var(--t-11);color:var(--zop-orange);letter-spacing:var(--ls-meta);text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-8)}.sec-meta:before{content:"";width:10px;height:10px;background:var(--zop-orange);flex-shrink:0}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.role-card{background:var(--bg-0);padding:var(--sp-10) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4);transition:background var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.role-card:hover{background:var(--bg-1);transform:translateY(-4px);box-shadow:0 8px 0 -4px var(--zop-orange)}.role-icon{width:32px;height:32px;flex-shrink:0}.role-card h2,.role-card h3{font-size:var(--t-24);font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);margin:0}.role-card p{font-size:var(--t-14);color:var(--ink-3);line-height:var(--lh-body);margin:0}.role-outcomes{list-style:none;padding:0;margin:var(--sp-2) 0 0;display:flex;flex-direction:column;gap:var(--sp-2)}.role-outcomes li{font-family:var(--mono);font-size:var(--t-12);color:var(--ink-3);letter-spacing:var(--ls-meta-tight);display:flex;align-items:center;gap:var(--sp-2)}.role-outcomes li:before{content:"";width:6px;height:6px;background:var(--zop-green);flex-shrink:0}.role-card .role-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:var(--fw-semibold);font-size:var(--t-14);margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--line)}.role-card:hover .role-link{color:var(--zop-orange)}.cloud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.cloud-card{border:1px solid var(--line);padding:var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4);transition:border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.cloud-card:hover{border-color:var(--line-b);transform:translateY(-4px);box-shadow:0 8px 0 -4px var(--zop-orange)}.cloud-bar{height:4px;width:100%;margin-bottom:var(--sp-2)}.cloud-card.aws .cloud-bar{background:var(--zop-orange)}.cloud-card.azure .cloud-bar{background:var(--zop-blue)}.cloud-card.gcp .cloud-bar{background:var(--zop-green)}.cloud-card h3{font-size:var(--t-28);font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);margin:0}.cloud-card p{font-size:var(--t-14);color:var(--ink-3);line-height:var(--lh-body);margin:0}.cloud-services{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-2) 0}.svc-chip{font-family:var(--mono);font-size:var(--t-11);letter-spacing:var(--ls-meta-tight);text-transform:uppercase;color:var(--ink-4);padding:4px 8px;border:1px solid var(--line)}.cloud-card .cloud-link{font-size:var(--t-13);color:var(--ink-3);font-weight:var(--fw-medium);display:inline-flex;align-items:center;gap:4px;margin-top:auto}.cloud-card:hover .cloud-link{color:var(--ink)}.usecase-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line)}.usecase-grid .usecase-card{padding:var(--sp-10) var(--sp-8);gap:var(--sp-3);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.uc-num{font-family:var(--mono);font-size:var(--t-44);font-weight:var(--fw-bold);color:var(--line-2);letter-spacing:-.04em;line-height:1}.usecase-card h3{font-size:var(--t-22);font-weight:var(--fw-bold);margin:0}.usecase-card p{font-size:var(--t-14);color:var(--ink-3);line-height:var(--lh-body);margin:0}.uc-link{font-size:var(--t-13);color:var(--ink-3);font-weight:var(--fw-medium);display:inline-flex;align-items:center;gap:4px;margin-top:auto}.usecase-card:hover .uc-link{color:var(--zop-orange)}.cta-band{background:var(--bg-1)}.cta-inner-wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-10);flex-wrap:wrap}.cta-inner-wrap h2{font-size:clamp(24px,2.8vw,40px);font-weight:var(--fw-bold);letter-spacing:var(--ls-display);margin:0 0 var(--sp-2)}.cta-inner-wrap p{font-size:var(--t-14);color:var(--ink-3);margin:0}.cta-btns{display:flex;gap:var(--sp-4);flex-wrap:wrap;flex-shrink:0}@media(max-width:1024px){.role-grid,.cloud-grid,.usecase-grid{grid-template-columns:1fr}}@media(max-width:768px){.page>section{padding:var(--sec-pad-sm) 0}}@media(max-width:1023.98px){.usecase-grid{grid-template-columns:1fr;gap:var(--sp-6)}.usecase-grid>*{min-width:0;max-width:100%}}
