.se-pro{–bg:#0e1016;–text:#f7f9ff;–muted:#b8c0d1;–card:#151a22;–line:#222937;–acc:#4f8cff;–acc2:#3ddc84;–rad:18px;–shadow:0 14px 38px rgba(0,0,0,.35);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(–text)} .se-pro a{color:inherit;text-decoration:none} .se-pro .wrap{max-width:1140px;margin:auto;padding:0 18px} /* Header */ .se-pro .top{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 0} .se-pro .brand{display:flex;gap:12px;align-items:center} .se-pro .logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(–acc),#86aaff);box-shadow:0 10px 26px rgba(79,140,255,.35)} .se-pro .brand h1{font-size:18px;margin:0} .se-pro .brand p{margin:0;color:var(–muted);font-size:12px} .se-pro .actions{display:flex;gap:10px} .se-pro .btn{display:inline-block;padding:10px 14px;border-radius:14px;font-weight:700} .se-pro .btn.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)} .se-pro .btn.primary{background:var(–acc);color:#fff;box-shadow:0 10px 24px rgba(79,140,255,.35)} /* Hero */ .se-pro .hero{position:relative;border-radius:var(–rad);overflow:hidden;background:radial-gradient(900px 360px at 10% -10%,rgba(79,140,255,.25),transparent 40%),radial-gradient(900px 360px at 90% 0%,rgba(61,220,132,.18),transparent 40%),linear-gradient(180deg,#0f1320,#0d1018 60%,#0b0e14);box-shadow:var(–shadow);margin-bottom:26px} .se-pro .hero::after{content:””;position:absolute;inset:0;backdrop-filter:blur(2px)} .se-pro .hero-in{position:relative;z-index:1;padding:68px 20px 56px;text-align:center;display:grid;gap:12px} .se-pro .hero h2{margin:0;font-size:36px;letter-spacing:.3px} .se-pro .sub{margin:0 auto;max-width:760px;color:#dfe6f7} .se-pro .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px} /* Trust strip */ .se-pro .strip{display:flex;gap:14px;justify-content:center;align-items:center;color:var(–muted);font-size:13px;margin:12px 0} .se-pro .dot{width:6px;height:6px;border-radius:50%;background:#6b7486;opacity:.7} /* Feature grid */ .se-pro .grid{display:grid;gap:18px;grid-template-columns:repeat(12,1fr);margin:26px 0} .se-pro .card{grid-column:span 4;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.00));border:1px solid var(–line);border-radius:var(–rad);padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.25)} .se-pro .card h3{margin:0 0 6px;font-size:18px} .se-pro .card p{margin:0;color:var(–muted)} .se-pro .ic{width:38px;height:38px;border-radius:12px;background:rgba(79,140,255,.18);display:grid;place-items:center;margin-bottom:10px} /* Stats */ .se-pro .stats{display:grid;gap:18px;grid-template-columns:repeat(12,1fr)} .se-pro .stat{grid-column:span 3;background:var(–card);border:1px solid var(–line);border-radius:var(–rad);padding:16px;text-align:center} .se-pro .stat b{font-size:24px} .se-pro .stat span{display:block;color:var(–muted);font-size:12px;margin-top:2px} /* Testimonial */ .se-pro .quote{display:grid;gap:12px;background:linear-gradient(90deg,rgba(79,140,255,.12),rgba(61,220,132,.12));border:1px dashed rgba(255,255,255,.25);border-radius:var(–rad);padding:16px;align-items:center} .se-pro .q{color:#eaf0ff} /* Quick Contact */ .se-pro .contact{margin:34px 0;text-align:center;background:var(–card);border:1px solid var(–line);border-radius:var(–rad);padding:26px} .se-pro .contact h3{margin:0 0 10px;font-size:20px} .se-pro .contact a{display:inline-block;margin:6px;padding:12px 18px;border-radius:14px;font-weight:700} .se-pro .call{background:var(–acc);color:#fff;box-shadow:0 6px 18px rgba(79,140,255,.35)} .se-pro .wa{background:var(–acc2);color:#fff;box-shadow:0 6px 18px rgba(61,220,132,.35)} /* Responsive */ @media (max-width:980px){.se-pro .card{grid-column:span 6}.se-pro .stat{grid-column:span 6}.se-pro .hero h2{font-size:30px}} @media (max-width:620px){.se-pro .card{grid-column:span 12}.se-pro .stat{grid-column:span 12}.se-pro .hero h2{font-size:26px}}