/* Cloud Platform page. Uses only global tokens from tokens.css. */
.cloud-platform-page{background:var(--color-bg)}
.cloud-page-header{background:var(--color-surface);padding:48px 0 40px;text-align:center}
.cloud-page-header-content{display:grid;justify-items:center}
.cloud-section-label{margin-bottom:10px;color:var(--color-accent);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:2px;line-height:1.4;text-transform:uppercase}
.cloud-page-header h1{color:var(--color-primary);font-size:44px;font-weight:700}
.cloud-page-header p{max-width:620px;margin-top:16px;color:var(--color-text-muted);font-size:17px;line-height:1.75}
.cloud-page-section{padding-block:var(--section-padding-y);scroll-margin-top:76px}
.cloud-section-white{background:#fff}
.cloud-section-surface{background:var(--color-surface)}
.cloud-section-header{display:grid;justify-items:center;margin-bottom:var(--space-12);text-align:center}
.cloud-section-header h2{color:var(--color-primary);font-size:32px;font-weight:700}
.cloud-section-header p{max-width:560px;margin-top:14px;color:var(--color-text-muted);font-size:16px;line-height:1.7}
.iot-flow{display:flex;align-items:stretch;justify-content:center;gap:var(--space-4)}
.iot-flow-box{display:grid;justify-items:center;align-content:start;width:200px;min-height:174px;padding:24px 20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center}
.iot-flow-box svg{width:40px;height:40px;color:var(--color-accent)}
.iot-flow-box h3{margin-top:14px;color:var(--color-primary);font-size:14px;font-weight:600}
.iot-flow-box p{margin-top:5px;color:var(--color-text-muted);font-size:12px;line-height:1.5}
.iot-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:24px;font-weight:700;line-height:1}
.iot-note{max-width:880px;margin:24px auto 0;color:var(--color-text-muted);font-size:14px;font-style:italic;line-height:1.7;text-align:center}
.data-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
.data-card,.security-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}
.data-card{padding:24px}
.data-card svg,.security-card svg{color:var(--color-accent)}
.data-card svg{width:32px;height:32px}
.data-card h3{margin-top:16px;color:var(--color-primary);font-size:16px;font-weight:600}
.data-card p{margin-top:10px;color:var(--color-text-muted);font-size:14px;line-height:1.6}
.benefit-list{display:grid}
.benefit-block{display:grid;grid-template-columns:minmax(120px,.32fr) minmax(0,1fr);gap:var(--space-10);align-items:start}
.benefit-block-reverse{grid-template-columns:minmax(0,1fr) minmax(120px,.32fr)}
.benefit-block-reverse .benefit-number{text-align:right}
.benefit-number{color:rgba(10,122,122,.12);font-family:var(--font-heading);font-size:72px;font-weight:700;line-height:1}
.benefit-content h3{color:var(--color-primary);font-size:22px;font-weight:700}
.benefit-content p{margin-top:14px;color:var(--color-text);font-size:16px;line-height:1.75}
.benefit-content .benefit-highlight{color:var(--color-accent);font-size:15px;line-height:1.6}
.benefit-divider{height:1px;margin:40px 0;background:var(--color-border)}
.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
.security-card{padding:28px 24px}
.security-card svg{width:32px;height:32px}
.security-card h3{margin-top:16px;color:var(--color-primary);font-size:15px;font-weight:600}
.security-card p{margin-top:10px;color:var(--color-text-muted);font-size:14px;line-height:1.6}
.security-card-trust{border-color:rgba(10,122,122,.35);box-shadow:var(--shadow-md)}
.security-card-trust h3{color:var(--color-accent)}
.security-card-trust p{color:var(--color-text);font-weight:500}
.cloud-bottom-cta{background:linear-gradient(135deg,#0B2545 0%,#0A7A7A 100%);padding:80px 24px;text-align:center}
.cloud-bottom-cta h2{color:#fff;font-size:34px;font-weight:700}
.cloud-bottom-cta p{max-width:500px;margin:var(--space-4) auto 0;color:rgba(255,255,255,.80);font-size:17px;line-height:1.7}
.cloud-bottom-cta .btn{margin-top:var(--space-8);padding:14px 32px}
@media(max-width:1023px){.iot-flow{flex-wrap:wrap}.iot-flow-box{flex:1 1 200px}.security-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.cloud-page-header h1{font-size:2.25rem}.cloud-page-header p{font-size:var(--text-base)}.cloud-section-header{margin-bottom:var(--space-8)}.cloud-section-header h2{font-size:1.75rem}.iot-flow{flex-direction:column;gap:var(--space-3)}.iot-flow-box{width:100%;flex:auto}.iot-arrow{transform:rotate(90deg)}.data-card-grid,.security-grid{grid-template-columns:1fr}.benefit-block,.benefit-block-reverse{grid-template-columns:1fr;gap:var(--space-4)}.benefit-block-reverse .benefit-content{order:2}.benefit-block-reverse .benefit-number{order:1;text-align:left}.benefit-number{font-size:64px}.cloud-bottom-cta h2{font-size:2rem}.cloud-bottom-cta .btn{width:100%}}