em,i,cite,dfn,var,address,blockquote{font-style:normal}.page{padding:0}.page>section{padding:var(--sec-pad) 0;border-bottom:0}.page>section:last-child{border-bottom:0}.crumb{padding:var(--sp-7) 0 var(--sp-4);max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);font-family:var(--mono);font-size:var(--t-11);color:var(--ink-4);letter-spacing:var(--ls-meta-tight);text-transform:uppercase}.crumb a{color:var(--ink-3)}.crumb a:hover{color:var(--ink)}.crumb .sep{color:var(--ink-5);margin:0 var(--sp-2)}.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(48px,6vw,88px);font-weight:var(--fw-bold);letter-spacing:var(--ls-display);line-height:var(--lh-display);max-width:1000px;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}.cloud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:var(--sp-8)}.cloud-card{border:1px solid var(--line);background:var(--bg-2);padding:var(--sp-8);transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}.cloud-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 -4px var(--zop-blue);border-color:var(--zop-blue)}.cloud-card .cloud-name{font-size:var(--t-28);font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);margin-bottom:var(--sp-3)}.setup-badge{font-family:var(--mono);font-size:var(--t-11);text-transform:uppercase;letter-spacing:var(--ls-meta-tight);color:var(--zop-green);display:inline-flex;align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-4)}.setup-badge:before{content:"";width:7px;height:7px;background:var(--zop-green);border-radius:50%}.svc-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0 0 var(--sp-5)}.svc-tag{font-family:var(--mono);font-size:var(--t-10);letter-spacing:var(--ls-meta-tight);text-transform:uppercase;color:var(--ink-4);padding:3px 8px;border:1px solid var(--line)}.card-link{font-size:var(--t-13);color:var(--zop-blue);font-weight:var(--fw-medium);display:inline-flex;align-items:center;gap:4px;transition:gap var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.card-link:hover{gap:8px;color:var(--zop-orange)}.int-cat{margin-bottom:var(--sp-10)}.int-cat:last-child{margin-bottom:0}.cat-head{font-family:var(--mono);font-size:var(--t-11);text-transform:uppercase;letter-spacing:var(--ls-meta);color:var(--ink-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--line);margin-bottom:var(--sp-5)}.int-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4)}.int-card{background:var(--bg-2);border:1px solid var(--line);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}.int-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 -4px var(--zop-orange);border-color:var(--line-b)}.int-name{font-size:var(--t-15);font-weight:var(--fw-semibold)}.int-desc{font-size:var(--t-13);color:var(--ink-3);line-height:var(--lh-tight);flex:1}.pill{font-family:var(--mono);font-size:var(--t-10);text-transform:uppercase;letter-spacing:var(--ls-meta-tight);padding:3px 10px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:5px;width:fit-content;margin-top:var(--sp-1)}.pill-live{background:color-mix(in srgb,var(--zop-green) 14%,transparent);color:var(--zop-green);border:1px solid color-mix(in srgb,var(--zop-green) 28%,transparent)}.pill-live:before{content:"";width:5px;height:5px;background:var(--zop-green);border-radius:50%}.pill-soon{background:color-mix(in srgb,var(--zop-orange) 10%,transparent);color:var(--zop-orange);border:1px solid color-mix(in srgb,var(--zop-orange) 20%,transparent)}.pill-soon:before{content:"";width:5px;height:5px;background:var(--zop-orange);border-radius:50%}.mcp-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12);align-items:center}.mcp-text h2{font-size:clamp(var(--t-32),3.5vw,var(--t-52));font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);margin:0 0 var(--sp-5)}.mcp-text h2 em{font-style:normal;color:var(--zop-orange)}.mcp-text p{color:var(--ink-3);font-size:var(--t-17);line-height:var(--lh-body);margin:0 0 var(--sp-6);max-width:480px}.mcp-code{background:var(--bg-2);border:1px solid var(--line);padding:var(--sp-6);font-family:var(--mono);font-size:12px;color:var(--ink-3);line-height:1.7;box-shadow:4px 4px 0 0 var(--zop-blue);white-space:pre;overflow-x:auto}.kw{color:var(--zop-orange)}.str{color:var(--zop-green)}.cm{color:var(--ink-5)}.req-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12);align-items:start}.req-text h2{font-size:clamp(var(--t-32),3.5vw,var(--t-52));font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);margin:0 0 var(--sp-5)}.req-text p{color:var(--ink-3);font-size:var(--t-17);line-height:var(--lh-body);margin:0 0 var(--sp-5)}.req-note{font-family:var(--mono);font-size:var(--t-11);letter-spacing:var(--ls-meta-tight);color:var(--ink-4);border-left:2px solid var(--zop-orange);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-2)}.form-mock{background:var(--bg-2);border:1px solid var(--line);padding:var(--sp-7);box-shadow:4px 4px 0 0 var(--zop-orange);display:flex;flex-direction:column;gap:var(--sp-5)}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-family:var(--mono);font-size:var(--t-11);text-transform:uppercase;letter-spacing:var(--ls-meta);color:var(--ink-4)}.f-input{background:var(--bg-3);border:1px solid var(--line);color:var(--ink);font-family:var(--font);font-size:var(--t-14);padding:10px 12px;outline:none;width:100%;transition:border-color var(--dur-fast) var(--ease-out)}.f-input:focus{border-color:var(--zop-orange)}.f-input::placeholder{color:var(--ink-5)}.cta-wrap{max-width:700px;margin:0 auto;text-align:center;padding:var(--sp-14) var(--gutter)}.cta-wrap h2{font-size:clamp(var(--t-36),4.5vw,var(--t-60));font-weight:var(--fw-bold);letter-spacing:var(--ls-display);line-height:var(--lh-display);margin:0 0 var(--sp-6)}@media(max-width:1024px){.cloud-grid{grid-template-columns:repeat(2,1fr)}.mcp-layout,.req-layout{grid-template-columns:1fr;gap:var(--sp-8)}}@media(max-width:768px){.page>section{padding:var(--sec-pad-sm) 0}.int-grid{grid-template-columns:1fr 1fr}.cloud-grid{grid-template-columns:1fr}}@media(max-width:640px){.int-grid{grid-template-columns:1fr}}.sec-h2{font-size:clamp(var(--t-32),3.5vw,var(--t-52));font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);margin:0 0 var(--sp-3)}.sec-lede{color:var(--ink-3);font-size:var(--t-17);max-width:600px;line-height:var(--lh-body);margin:0 0 var(--sp-2)}.sec-lede-580{max-width:580px;margin-bottom:var(--sp-10)}.cloud-name-blue{color:var(--zop-blue)}.cloud-name-green{color:var(--zop-green)}.cloud-card p{color:var(--ink-3);font-size:var(--t-14);line-height:var(--lh-body);margin:0 0 var(--sp-4)}.btn-w-fit{width:fit-content}.btn-center{justify-content:center}.s06{padding:0;border-bottom:0}.cta-wrap p{color:var(--ink-3);font-size:var(--t-17);line-height:1.45;margin:0 0 var(--sp-8)}
