.cloud-api-console{padding:clamp(var(--spacing-12), 8vw, var(--spacing-20)) 0;color:var(--white);background:#0a1220;position:relative;overflow:hidden}.cloud-api-console__bg{pointer-events:none;background:radial-gradient(50% 60% at 20%,#06b6d40f 0%,#0000 60%),radial-gradient(40% 50% at 90% 30%,#40b45f0d 0%,#0000 60%);position:absolute;inset:0}.cloud-api-console__container{z-index:1;max-width:1100px;padding:0 var(--spacing-6);margin:0 auto;position:relative}.cloud-api-console__content{gap:clamp(var(--spacing-8), 5vw, var(--spacing-12));align-items:center;display:grid}.cloud-api-console__header{max-width:480px}.cloud-api-console__eyebrow{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.14em;color:var(--accent-cyan);margin:0 0 var(--spacing-4)}.cloud-api-console__title{font-family:var(--font-secondary);font-size:clamp(1.5rem,.875rem + 2.5vw,2.25rem);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin:0 0 var(--spacing-4);line-height:1.2}.cloud-api-console__subtitle{color:var(--gray-400);margin:0 0 var(--spacing-6);font-size:clamp(.9375rem,.875rem + .35vw,1.0625rem);line-height:1.6}.cloud-api-console__button{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);color:var(--accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast), border-color var(--transition-fast);background:#06b6d414;border:1px solid #06b6d466;align-items:center;text-decoration:none;display:inline-flex}.cloud-api-console__button:hover{color:var(--white);background:#06b6d426;border-color:#06b6d499}.cloud-api-console__button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.cloud-api-console__terminal{border-radius:var(--radius-xl);border:1px solid #ffffff14;overflow:hidden;box-shadow:0 20px 60px #0006}.cloud-api-console__terminal-chrome{align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:#161b22;border-bottom:1px solid #ffffff0f;display:flex}.cloud-api-console__terminal-dots{gap:6px;display:flex}.cloud-api-console__terminal-dots span{border-radius:50%;width:10px;height:10px}.cloud-api-console__terminal-dots span:first-child{background:#ff5f57}.cloud-api-console__terminal-dots span:nth-child(2){background:#febc2e}.cloud-api-console__terminal-dots span:nth-child(3){background:#28c840}.cloud-api-console__terminal-title{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--gray-500)}.cloud-api-console__code{padding:var(--spacing-6);font-family:var(--font-mono);color:#c9d1d9;tab-size:2;background:#0d1117;margin:0;font-size:clamp(.75rem,.7rem + .25vw,.875rem);line-height:1.7;overflow-x:auto}.cloud-api-console__code code{white-space:pre;font-family:inherit}@media (width>=1024px){.cloud-api-console__content{grid-template-columns:1fr 1.2fr}}.cloud-service-grid{padding:clamp(var(--spacing-12), 8vw, var(--spacing-20)) 0;color:var(--white);background:#0d1525;position:relative;overflow:hidden}.cloud-service-grid__bg{pointer-events:none;background:radial-gradient(60% 40% at 80% 20%,#2563eb14 0%,#0000 60%),radial-gradient(50% 30% at 10% 80%,#40b45f0f 0%,#0000 60%);position:absolute;inset:0}.cloud-service-grid__container{z-index:1;max-width:1280px;padding:0 var(--spacing-6);margin:0 auto;position:relative}.cloud-service-grid__header{text-align:center;max-width:720px;margin:0 auto clamp(var(--spacing-10), 5vw, var(--spacing-16))}.cloud-service-grid__eyebrow{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.14em;color:var(--accent-cyan);margin:0 0 var(--spacing-4)}.cloud-service-grid__title{font-family:var(--font-secondary);font-size:clamp(1.5rem,.875rem + 2.5vw,2.5rem);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin:0 0 var(--spacing-4);line-height:1.2}.cloud-service-grid__subtitle{color:var(--gray-400);margin:0;font-size:clamp(.9375rem,.875rem + .35vw,1.0625rem);line-height:1.6}.cloud-service-grid__cards{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}.cloud-service-grid__card{padding:var(--spacing-6);border-radius:var(--radius-xl);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;position:relative;overflow:hidden}.cloud-service-grid__card:hover{background:#ffffff0d;border-color:#40b45f59;transform:translateY(-2px)}.cloud-service-grid__card-top{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:flex-start;display:flex}.cloud-service-grid__icon{border-radius:var(--radius-lg);background:#40b45f1f;border:1px solid #40b45f33;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cloud-service-grid__icon img{object-fit:contain;width:22px;height:22px}.cloud-service-grid__category{font-family:var(--font-mono);font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);background:#ffffff0a}.cloud-service-grid__card-title{font-family:var(--font-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2);line-height:1.3}.cloud-service-grid__card-description{font-size:var(--font-size-sm);color:var(--gray-400);margin:0;line-height:1.55}.cloud-service-grid__card-accent{opacity:0;height:2px;transition:opacity var(--transition-fast);background:linear-gradient(90deg,#0000,#40b45f80,#0000);position:absolute;bottom:0;left:0;right:0}.cloud-service-grid__card:hover .cloud-service-grid__card-accent{opacity:1}.cloud-service-grid__card-link{margin-top:var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary-green);text-decoration:none;display:inline-block}.cloud-service-grid__card-link:after{content:" →"}.cloud-service-grid__card-link:hover,.cloud-service-grid__card-link:focus-visible{text-decoration:underline}@media (width>=640px){.cloud-service-grid__cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cloud-service-grid__cards{gap:var(--spacing-5);grid-template-columns:repeat(3,1fr)}.cloud-service-grid--products .cloud-service-grid__cards{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.cloud-service-grid__card{transition:none}.cloud-service-grid__card:hover{transform:none}}
