/* Simple responsive style */
:root{--accent:#0b74de;--bg:#f7f9fb;--text:#1a1a1a;--dark-gray:#2c3e50;--light-gray:#95a5a6}
*{box-sizing:border-box}
html {scrollbar-gutter: stable}
body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;margin:0;color:var(--text);background:var(--bg);line-height:1.4}
.container{max-width:1100px;margin:0 auto;padding:20px}
.container1{max-width:1100px;margin:0 auto;padding:20px}
.site-header{background:--light-gray;border-bottom:1px solid #e6eef7}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700;color:var(--accent);text-decoration:none;font-size:1.1rem}
.main-nav a{margin-left:18px;color:#34495e;text-decoration:none}
.hero{padding:30px 0;background:linear-gradient(180deg,#ffffff,#f0f6fb)}
.hero h1{font-size:1.8rem;margin:0 0 10px}
.lead{color:#3b4a58;margin-bottom:18px}
.cta{display:inline-block;background:var(--accent);color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none}
.features{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:30px auto;padding: 0 20px}
.features article{background:#fff;padding:18px;border-radius:10px;flex:1;min-width:220px;box-shadow:0 6px 18px rgba(15,30,60,0.04)}
.workflow{background:#fff;border-radius:10px;padding:20px;margin-bottom:10px}
/*.content h1{margin-top:0}*/
.site-footer{padding:20px 0;text-align:center;color:#6b7a86;font-size:0.95rem;background:transparent}
.italic-text {font-style:italic;color:var(--dark-gray);font-weight: 600;border-left:3px solid var(--accent);padding-left:12px;margin-bottom:8px}
form input, form textarea{width:100%;padding:10px;margin:6px 0 12px;border:1px solid #d7e6f2;border-radius:6px}
form button{background:var(--accent);color:#fff;padding:10px 14px;border-radius:6px;border:none;cursor:pointer}
@media(max-width:800px){.features{flex-direction:column}.site-header .container{flex-direction:column;gap:10px}.main-nav a{margin-left:8px}}

.services-hero{text-align:center;margin-bottom:40px}
.services-hero h1{font-size:2rem;margin:0 0 15px;color:var(--dark-gray)}
.services-hero p{font-size:1.1rem;color:#3b4a58;max-width:700px;margin:0 auto}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:50px auto}
.service-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 6px 18px rgba(15,30,60,0.04)}
.service-card h3{color:var(--accent);margin-bottom:15px}
.service-card p{margin-bottom:15px;color:#4a5568}
.service-card ul{list-style:none;padding:0;margin:0}
.service-card li{padding:5px 0;color:#2c3e50}
.service-card li::before{content:"✓";color:var(--accent);font-weight:bold;margin-right:10px}
.services-cta{background:#f8fafc;text-align:center;padding:40px;border-radius:10px;margin-bottom:40px}
.services-cta h2{margin-bottom:15px}
.services-cta p{margin-bottom:20px;color:#3b4a58}

.welcome-card{background:linear-gradient(135deg,#0b74de,#0b5cb0);color:#fff;padding:30px;border-radius:10px;margin-bottom:30px}
.info-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.05);margin-bottom:20px}
.client-id{font-family:monospace;background:#f0f0f0;padding:4px 8px;border-radius:4px}
.db-selector{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}
.db-option{flex:1;background:#fff;border:2px solid #e6eef7;border-radius:10px;padding:20px;text-align:center;cursor:pointer}
.db-option.selected{border-color:var(--accent);background:#f0f7ff}
.plan-selector{display:flex;gap:20px;margin:20px 0 30px;flex-wrap:wrap}
.plan-card{flex:1;background:#fff;border:1px solid #e6eef7;border-radius:10px;padding:20px;text-align:center;cursor:pointer}
.plan-card.selected{border:2px solid var(--accent);background:#f0f7ff}
.plan-card h4{color:var(--accent);margin:0 0 10px}
.cluster-form{background:#fff;padding:25px;border-radius:10px;margin-top:20px}
.form-group{margin-bottom:15px}
.form-group input{width:100%;padding:10px;border:1px solid #d7e6f2;border-radius:6px}
.cluster-list{margin-top:20px}
.cluster-item{background:#f8fafc;padding:12px;border-radius:6px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.btn-small{padding:5px 12px;font-size:0.75rem;border-radius:8px;border:none;color:#fff;cursor:pointer}
.btn-danger{background:#e74c3c}
.badge{background:#eef2f6;padding:2px 8px;border-radius:12px;font-size:0.75rem}
.alert{background:#fff3cd;padding:12px;border-radius:6px;margin-bottom:20px;color:#856404}
.hidden{display:none}
.cluster-limit{font-size:0.8rem;color:#6b7a86;margin-top:5px}

.service-extra-full{background:#f8fafc;padding:30px 35px;border-radius:10px;margin:30px 0;border-left:4px solid var(--accent)}
.service-extra-full h3{color:var(--dark-gray);margin-bottom:20px;font-size:1.3rem}
.service-extra-full .extra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.service-extra-full .extra-item ul{list-style:none;padding:0;margin:0}
.service-extra-full .extra-item li{padding:5px 0;color:#2c3e50}
.service-extra-full .extra-item li::before{content:"◆";color:var(--accent);font-weight:bold;margin-right:10px}
.service-extra-full .extra-item h4{color:var(--accent);margin-bottom:10px;font-size:1.1rem}