.hero-hosting{background:linear-gradient(135deg,#020617,#0c1a2e,#030f1f);position:relative;overflow:hidden;padding:120px 0 80px;min-height:520px}.hero-hosting:before{content:"";position:absolute;top:-30%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);border-radius:50%}.hero-hosting:after{content:"";position:absolute;bottom:-40%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);border-radius:50%}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:#67e8f9;padding:6px 16px;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.hero-hosting h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;color:#fff;line-height:1.1}.hero-hosting h1 span.gradient-text{background:linear-gradient(90deg,#22d3ee,#a78bfa);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hero-hosting p{color:#ffffffb3;font-size:1.1rem;max-width:540px}.hero-stat-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 14px;color:#e2e8f0;font-size:.82rem;font-weight:500}.hero-stat-pill i{color:#22d3ee}.spec-column{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;color:#e2e8f0}.spec-column h6{color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.spec-column .value{font-size:1.1rem;font-weight:700;color:#fff}.billing-toggle-wrap{background:#f1f5f9}.billing-toggle-btn{border-radius:50px!important;transition:all .2s}.pricing-card-col .card{transition:transform .2s,box-shadow .2s}.pricing-card-col .card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #0000001f!important}.subpage-mockup-slider{width:100%;height:400px;background:#0f172a99;border:1.5px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px #00000080;position:relative;transition:transform .5s ease,box-shadow .5s ease}.mockup-header-bar{height:38px;background:#0f172ad9;border-bottom:1.5px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 16px;gap:8px;z-index:6}.mockup-header-bar .mock-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.mock-dot.red{background:#ef4444}.mock-dot.yellow{background:#f59e0b}.mock-dot.green{background:#10b981}.mock-url-bar{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:5px;height:20px;margin:0 12px;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:.68rem;letter-spacing:.5px;font-family:monospace}.mockup-slides-container{flex:1;position:relative;overflow:hidden}.mockup-slide{position:absolute;inset:0;background-size:cover;background-position:top center;opacity:0;transform:scale(1.03);transition:opacity .8s ease-in-out,transform 1.2s cubic-bezier(.16,1,.3,1)}.mockup-slide.active{opacity:1;transform:scale(1)}.mockup-slider-dots{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5;background:#0a0c2099;padding:5px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.mockup-dot{width:7px;height:7px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.mockup-dot.active{background:#22d3ee;transform:scale(1.25);box-shadow:0 0 6px #22d3ee}@media(max-width:1199.98px){.hero-hosting{padding:100px 0 60px;text-align:center}.hero-hosting p{margin-left:auto;margin-right:auto}.hero-badge,.d-flex{justify-content:center}.hero-img-wrapper{margin-top:3rem}}