/* HERO */
.hero { min-height: 88vh; background: #0A1628; display: flex; align-items: center; position: relative; overflow: hidden; padding: 80px 48px; }
.hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 80% 40%,rgba(6,182,212,0.18) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(29,78,216,0.2) 0%,transparent 60%); pointer-events:none; }
.hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px); background-size:60px 60px; pointer-events:none; }
.hero-content { position:relative; z-index:1; max-width:700px; }
.hero-eyebrow { display:inline-flex; align-items:center; gap:8px; background:rgba(6,182,212,0.12); border:0.5px solid rgba(6,182,212,0.3); border-radius:99px; padding:6px 14px; font-size:12px; font-weight:600; color:#06B6D4; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:28px; }
.hero-eyebrow-dot { width:6px; height:6px; background:#06B6D4; border-radius:50%; animation:pulse 2s infinite; }
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.hero-title { font-family:Georgia,serif; font-size:62px; font-weight:700; color:#fff; line-height:1.08; margin-bottom:24px; letter-spacing:-1.5px; }
.hero-title em { font-style:italic; background:linear-gradient(135deg,#3B82F6,#06B6D4); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hero-sub { font-size:18px; color:rgba(255,255,255,0.65); line-height:1.75; margin-bottom:40px; max-width:560px; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:56px; }
.hero-stats { display:flex; gap:40px; flex-wrap:wrap; }
.hero-stat-num { font-family:Georgia,serif; font-size:28px; font-weight:700; color:#fff; line-height:1; }
.hero-stat-label { font-size:13px; color:rgba(255,255,255,0.5); margin-top:3px; }
.hero-right { position:absolute; right:48px; top:50%; transform:translateY(-50%); width:480px; z-index:1; }
.hero-img-wrap { position:relative; border-radius:20px; overflow:hidden; height:420px; }
.hero-card { background:rgba(255,255,255,0.05); backdrop-filter:blur(12px); border:0.5px solid rgba(255,255,255,0.12); border-radius:20px; padding:32px; }
.hero-card-overlay { position:absolute; bottom:16px; left:16px; right:16px; border-radius:14px; padding:20px; }
.hero-card-title { font-size:14px; font-weight:600; color:#fff; margin-bottom:20px; display:flex; align-items:center; gap:8px; }
.wifi-bars { display:flex; align-items:flex-end; gap:4px; height:32px; }
.wifi-bar { width:8px; background:linear-gradient(180deg,#06B6D4,#1D4ED8); border-radius:2px; }
.wifi-bar:nth-child(1){height:40%} .wifi-bar:nth-child(2){height:60%} .wifi-bar:nth-child(3){height:80%} .wifi-bar:nth-child(4){height:100%}
.hero-card-stats { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }
.hcs { background:rgba(255,255,255,0.06); border-radius:10px; padding:14px; }
.hcs-num { font-family:Georgia,serif; font-size:22px; font-weight:700; color:#06B6D4; }
.hcs-label { font-size:11px; color:rgba(255,255,255,0.5); margin-top:2px; }
.hero-card-badge { margin-top:16px; background:rgba(6,182,212,0.1); border:0.5px solid rgba(6,182,212,0.25); border-radius:8px; padding:10px 14px; font-size:12px; color:#06B6D4; display:flex; align-items:center; gap:8px; }

/* CLIENTS */
.clients-bar { padding:28px 48px; background:#F8FAFC; border-top:var(--border); border-bottom:var(--border); }
.clients-label { font-size:11px; font-weight:700; letter-spacing:2px; color:#94A3B8; text-transform:uppercase; text-align:center; margin-bottom:24px; }
.clients-row { display:flex; justify-content:center; gap:48px; flex-wrap:wrap; }
.client-item { font-size:14px; font-weight:600; color:#94A3B8; }

/* SERVICES PREVIEW */
.services-section { padding:80px 48px; }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#E2E8F0; border:var(--border); border-radius:16px; overflow:hidden; }
.svc-card { background:#fff; padding:32px; transition:background 0.15s; text-decoration:none; display:block; }
.svc-card:hover { background:#F8FAFC; }
.svc-icon { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; margin-bottom:18px; }
.svc-title { font-size:16px; font-weight:600; color:#0A1628; margin-bottom:10px; }
.svc-desc { font-size:14px; color:#475569; line-height:1.65; }
.svc-arrow { font-size:16px; color:#1D4ED8; margin-top:12px; }

/* PRICING */
.pricing-section { padding:80px 48px; background:#F8FAFC; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.price-card { background:#fff; border:var(--border); border-radius:16px; padding:32px; position:relative; }
.price-card.featured { border-color:#1D4ED8; box-shadow:0 0 0 1px #1D4ED8; }
.price-badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,#1D4ED8,#06B6D4); color:#fff; font-size:11px; font-weight:700; padding:4px 14px; border-radius:99px; white-space:nowrap; }
.price-name { font-size:14px; font-weight:600; color:#475569; text-transform:uppercase; letter-spacing:1px; margin-bottom:12px; }
.price-amount { font-family:Georgia,serif; font-size:42px; font-weight:700; color:#0A1628; line-height:1; margin-bottom:4px; }
.price-amount span { font-size:16px; font-weight:400; color:#94A3B8; }
.price-sub { font-size:13px; color:#94A3B8; margin-bottom:24px; }
.price-features { list-style:none; display:flex; flex-direction:column; gap:10px; margin-bottom:28px; }
.price-features li { font-size:14px; color:#475569; display:flex; align-items:flex-start; gap:8px; }
.price-features li::before { content:'→'; color:#1D4ED8; flex-shrink:0; font-size:12px; margin-top:2px; }
.price-cta { display:block; text-align:center; padding:12px; border-radius:8px; font-size:14px; font-weight:600; text-decoration:none; }
.price-cta-primary { background:linear-gradient(135deg,#1D4ED8,#06B6D4); color:#fff; }
.price-cta-secondary { background:#F1F5F9; color:#0A1628; }

/* WHY */
.why-section { padding:80px 48px; background:#0A1628; }
.why-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:48px; }
.why-card { border:0.5px solid rgba(255,255,255,0.1); border-radius:12px; padding:28px; }
.why-num { font-family:Georgia,serif; font-size:26px; font-weight:700; color:#06B6D4; margin-bottom:12px; }
.why-title { font-size:15px; font-weight:600; color:#fff; margin-bottom:8px; }
.why-text { font-size:13px; color:#94A3B8; line-height:1.65; }

/* PROCESS */
.process-section { padding:80px 48px; }
.process-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; position:relative; }
.process-steps::before { content:''; position:absolute; top:28px; left:56px; right:56px; height:1px; background:#E2E8F0; z-index:0; }
.process-step { position:relative; z-index:1; }
.ps-dot { width:56px; height:56px; border-radius:50%; background:#fff; border:2px solid #1D4ED8; display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.ps-dot-inner { width:14px; height:14px; background:linear-gradient(135deg,#1D4ED8,#06B6D4); border-radius:50%; }
.ps-title { font-size:15px; font-weight:600; color:#0A1628; margin-bottom:8px; padding-right:16px; }
.ps-desc { font-size:13px; color:#475569; line-height:1.6; padding-right:16px; }

/* TESTIMONIAL */
.testimonial-section { padding:80px 48px; background:#F8FAFC; }
.testimonial-card { background:#fff; border:var(--border); border-radius:16px; padding:48px; display:grid; grid-template-columns:1fr 360px; gap:48px; align-items:center; }
.quote-mark { font-family:Georgia,serif; font-size:64px; color:#1D4ED8; line-height:0.8; margin-bottom:16px; }
.quote-text { font-family:Georgia,serif; font-size:20px; color:#0A1628; line-height:1.55; font-style:italic; margin-bottom:24px; }
.quote-author { font-size:14px; font-weight:600; color:#0A1628; }
.quote-role { font-size:13px; color:#94A3B8; margin-top:3px; }
.quote-aside { display:flex; flex-direction:column; gap:16px; }
.qa-stat { background:#F8FAFC; border:var(--border); border-radius:10px; padding:20px; }
.qa-num { font-family:Georgia,serif; font-size:30px; font-weight:700; color:#1D4ED8; }
.qa-label { font-size:12px; color:#94A3B8; margin-top:4px; }

@media(max-width:1100px){ .hero-right{display:none;} }
@media(max-width:900px){
  .hero{padding:64px 24px;} .hero-title{font-size:40px;}
  .services-section,.pricing-section,.why-section,.process-section,.testimonial-section{padding:48px 24px;}
  .services-grid{grid-template-columns:1fr;}
  .pricing-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr;}
  .process-steps{grid-template-columns:1fr 1fr;} .process-steps::before{display:none;}
  .testimonial-card{grid-template-columns:1fr;padding:28px;}
  .clients-bar{padding:24px;}
}