/* managed-hosting — migrated from pages.css */
*{box-sizing:border-box;}
.man-page{font-family:'Inter',sans-serif;color:#1e293b;background:#f8fafc;}

/* HERO */
.man-hero{background:linear-gradient(135deg,#020617 0%,#042f2e 50%,#0c1a40 100%);padding:100px 40px 120px;text-align:center;position:relative;overflow:hidden;}
.man-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(20,184,166,0.15);border:1px solid rgba(20,184,166,0.3);color:#5eead4;font-size: 14px;font-weight:700;padding:6px 18px;border-radius:30px;margin-bottom:32px;text-transform:uppercase;letter-spacing:1px;}
.man-hero h1{font-size:3.5rem;font-weight:800;color:#fff;line-height:1.1;margin:0 0 24px;letter-spacing:-0.04em;}
.man-hero h1 span{background:linear-gradient(90deg,#2dd4bf,#0d9488);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.man-hero p{font-size:1.25rem;color:rgba(255,255,255,0.7);line-height:1.7;max-width:800px;margin:0 auto 48px;}
.man-hero-cta{display:inline-flex;align-items:center;gap:12px;background:#0f766e;color:#fff;padding:18px 45px;border-radius:12px;font-weight:800;font-size:1.1rem;text-decoration:none;transition:all .2s;box-shadow:0 12px 30px rgba(20,184,166,0.3);}
.man-hero-cta:hover{background:#115e59;transform:translateY(-2px);color:#fff;}
.man-stats{display:flex;align-items:center;justify-content:center;gap:48px;margin-top:64px;flex-wrap:wrap;}
.man-stat{text-align:left;}
.man-stat-val{display:block;font-size:1.8rem;font-weight:800;color:#fff;line-height:1;}
.man-stat-lbl{font-size: 14px;color:rgba(255,255,255,0.5);font-weight:600;text-transform:uppercase;margin-top:4px;}

/* CORE PILLARS */
.man-pillars{background:#fff;padding:100px 40px;}
.man-pillar-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.man-pillar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;padding:48px 40px;transition:all .3s ease;}
.man-pillar:hover{transform:translateY(-8px);border-color:#14b8a6;box-shadow:0 20px 40px rgba(0,0,0,0.04);}
.man-icon{width:64px;height:64px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;color:#0f766e;box-shadow:0 4px 12px rgba(0,0,0,0.05);margin-bottom:32px;}
.man-pillar h3{font-size:1.4rem;font-weight:800;color:#0f172a;margin:0 0 16px;}
.man-pillar p{font-size:1rem;color:#64748b;line-height:1.7;margin:0;}

/* PRICING TABLES */
.man-pricing{background:#f8fafc;padding:100px 40px;border-top:1px solid #e2e8f0;}
.man-section-head{text-align:center;margin-bottom:64px;max-width:800px;margin-left:auto;margin-right:auto;}
.man-section-head h2{font-size:2.8rem;font-weight:800;color:#0f172a;margin:0 0 16px;letter-spacing:-0.02em;}
.man-section-head p{font-size:1.15rem;color:#64748b;line-height:1.6;}

.man-table-box{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:40px;margin-bottom:48px;overflow-x:auto;box-shadow:0 4px 12px rgba(0,0,0,0.02);}
.man-table-box h2{font-size:1.8rem;font-weight:800;color:#0f172a;margin:0 0 32px;display:flex;align-items:center;gap:12px;}
.man-table-box h2::before{content:'';width:4px;height:24px;background:#14b8a6;border-radius:4px;}

.responsive-table{width:100%;border-collapse:collapse;min-width:900px;}
.responsive-table th{background:#f1f5f9;color:#475569;padding:16px 12px;font-size: 14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:left;border-bottom:2px solid #e2e8f0;}
.responsive-table td{padding:18px 12px;border-bottom:1px solid #f1f5f9;font-size: 14px;color:#1e293b;vertical-align:middle;}
.responsive-table tr:hover td{background:#f8fafc;}
.man-price-cell{font-weight:800;color:#042f2e;font-size:1.1rem;}
.man-order-btn{background:#0f172a;color:#fff;padding:8px 16px;border-radius:8px;font-size: 14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;}
.man-order-btn:hover{background:#115e59;color:#fff;transform:translateY(-1px);}

/* TOOLS GRID */
.man-tools{background:#fff;padding:100px 40px;}
.man-tools-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.man-tool-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:32px 24px;text-align:center;transition:all .2s;}
.man-tool-card:hover{border-color:#14b8a6;transform:translateY(-4px);}
.man-tool-card i{font-size:32px;color:#14b8a6;margin-bottom:20px;display:block;}
.man-tool-card h4{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 10px;}
.man-tool-card p{font-size: 14px;color:#64748b;line-height:1.6;margin:0;}

/* NETWORK & MIGRATION */
.man-features{background:#f8fafc;padding:100px 40px;border-top:1px solid #e2e8f0;}
.man-feat-split{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.man-feat-content h2{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 24px;line-height:1.2;}
.man-feat-list{list-style:none;padding:0;margin:0;}
.man-feat-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;}
.man-feat-item i{background:#dcfce7;color:#15803d;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size: 14px;flex-shrink:0;margin-top:4px;}
.man-feat-item div h4{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 4px;}
.man-feat-item div p{font-size:14px;color:#64748b;line-height:1.6;margin:0;}

/* FAQ SECTION */
.man-faq{background:#fff;padding:100px 40px;border-top:1px solid #e2e8f0;}
.man-faq-inner{max-width:800px;margin:0 auto;}
.man-faq-item{border-bottom:1px solid #f1f5f9;margin-bottom:12px;}
.man-faq-q{padding:24px 0;font-size:1.15rem;font-weight:700;color:#0f172a;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.man-faq-q i{color:#94a3b8;transition:transform .2s;}
.man-faq-item.open .man-faq-q i{transform:rotate(180deg);color:#14b8a6;}
.man-faq-a{padding:0 0 24px;font-size:1rem;color:#64748b;line-height:1.75;display:none;}
.man-faq-item.open .man-faq-a{display:block;}

/* CTA */
.man-cta{background:#020617;padding:100px 40px;text-align:center;}
.man-cta-inner{max-width:800px;margin:0 auto;}
.man-cta h2{font-size:2.8rem;font-weight:800;color:#fff;margin:0 0 24px;}
.man-cta p{font-size:1.2rem;color:rgba(255,255,255,0.6);margin:0 0 40px;}
.man-cta-btns{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}
.man-pay-badge{background:rgba(255,255,255,0.05);padding:10px 24px;border-radius:30px;color:rgba(255,255,255,0.4);font-size: 14px;font-weight:600;margin-top:32px;}

@media(max-width:1024px){
  .man-hero h1{font-size:2.8rem;}
  .man-pillar-grid,.man-tools-grid,.man-feat-split{grid-template-columns:1fr;}
  .man-stats{gap:32px;justify-content:flex-start;}
}

/* managed-hosting — extracted from blade inline styles */
.man-edit-inline {
    position: static !important;
    transform: none !important;
    font-size: 14px !important;
    padding: 4px 9px !important;
}

