:root{--primary:#5b21b6;--primary-dark:#4c1d95;--primary-light:#a855f7;--secondary:#6c757d;--accent:#7c3aed;--dark:#0b1030;--darker:#05071e;--dark-surface:#141a45;--dark-border:#2b3268;--light:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}.navbar-custom{background:var(--darker)!important;border-bottom:1px solid var(--dark-border);padding:.5rem 0}.navbar-custom .navbar-brand{font-weight:800;font-size:1.4rem;letter-spacing:-.5px;color:#fff;display:flex;align-items:center}.navbar-custom .navbar-brand .navbar-logo{max-height:54px;width:auto;height:auto;display:block}.navbar-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,#5b21b6,#7c3aed);border-radius:8px;color:#fff;font-weight:800;font-size:15px;letter-spacing:0;flex-shrink:0;margin-right:8px}.navbar-brand-text{color:#fff;font-weight:800;font-size:1.2rem;letter-spacing:-.3px}.navbar-custom .navbar-brand span{color:var(--accent)}.navbar-custom .nav-link{color:var(--gray-400)!important;font-weight:500;padding:.5rem 1rem!important;transition:color .2s}.navbar-custom .nav-link.active,.navbar-custom .nav-link:hover{color:#fff!important}.navbar-custom .btn-outline-light{border-color:var(--gray-600);color:var(--gray-300)}.navbar-custom .btn-outline-light:hover{background:var(--primary);border-color:var(--primary);color:#fff}.hero-section{background:linear-gradient(135deg,var(--darker) 0,var(--dark) 50%,#1a1a3e 100%);padding:6rem 0 5rem;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.08) 0,transparent 70%);border-radius:50%}.hero-section::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(13,202,240,.06) 0,transparent 70%);border-radius:50%}.hero-title{font-size:3rem;font-weight:800;line-height:1.15;letter-spacing:-1px;color:#fff}.hero-title .highlight{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;color:var(--gray-400);line-height:1.7;max-width:560px}.hero-stats{display:flex;gap:2.5rem;margin-top:2.5rem}.hero-stat{text-align:center}.hero-stat-number{font-size:1.8rem;font-weight:800;color:#fff}.hero-stat-label{font-size:.8rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:1px}.section-padding{padding:5rem 0}.section-title{font-weight:800;font-size:2rem;letter-spacing:-.5px;margin-bottom:.5rem}.section-subtitle{color:var(--gray-500);font-size:1.05rem;max-width:600px;margin:0 auto 3rem}.bg-light-section{background:var(--light)}.bg-dark-section{background:var(--dark);color:#fff}.bg-darker-section{background:var(--darker);color:#fff}.feature-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:2rem;transition:transform .2s,box-shadow .2s;height:100%}.feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.08)}.feature-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.25rem;color:#fff}.feature-card h5{font-weight:700;margin-bottom:.5rem}.feature-card p{color:var(--gray-500);font-size:.9rem;margin:0}.pricing-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:transform .2s,box-shadow .2s;position:relative;height:100%}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.1)}.pricing-card.featured{border:2px solid var(--primary);box-shadow:0 8px 32px rgba(124,58,237,.15)}.pricing-card.featured .pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:.25rem 1.25rem;border-radius:20px;font-size:.8rem;font-weight:600}.pricing-name{font-weight:700;font-size:1.3rem;margin-bottom:.25rem}.pricing-desc{color:var(--gray-500);font-size:.85rem;margin-bottom:1.5rem}.pricing-amount{font-size:2.5rem;font-weight:800;color:var(--dark)}.pricing-amount .currency{font-size:1.2rem;vertical-align:super}.pricing-amount .period{font-size:.9rem;color:var(--gray-500);font-weight:400}.pricing-features{list-style:none;padding:0;margin:1.5rem 0;text-align:left}.pricing-features li{padding:.5rem 0;font-size:.9rem;color:var(--gray-600);display:flex;align-items:center;gap:.5rem}.pricing-features li i{color:var(--success);font-size:1rem}.testimonial-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:2rem;position:relative}.testimonial-card::before{content:'"';font-size:4rem;line-height:1;color:var(--primary);opacity:.15;position:absolute;top:.5rem;left:1.25rem;font-family:Georgia,serif}.testimonial-text{font-style:italic;color:var(--gray-600);margin-bottom:1rem;font-size:.95rem}.testimonial-author{font-weight:700;font-size:.9rem}.testimonial-role{font-size:.8rem;color:var(--gray-500)}.cta-section{padding:4rem 0;text-align:center;color:#fff}.cta-section h2{font-weight:800;font-size:2rem;margin-bottom:1rem}.cta-section p{opacity:.9;max-width:550px;margin:0 auto 2rem}.cta-section .btn-light{padding:.75rem 2.5rem;font-weight:600}.footer{background:var(--darker);color:var(--gray-400);padding:4rem 0 2rem}.footer h6,.footer-heading{color:#fff;font-weight:700;margin-bottom:1rem;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.footer a{color:var(--gray-400);text-decoration:none;display:block;padding:.2rem 0;font-size:.9rem;transition:color .2s}.footer a:hover{color:#fff}.footer-brand{font-weight:800;font-size:1.3rem;color:#fff;margin-bottom:1rem;display:flex;align-items:center}.footer-brand .footer-logo{max-height:102px;width:auto;height:auto;display:block}.footer-brand span{color:var(--accent)}.footer-bottom{border-top:1px solid var(--dark-border);padding-top:1.5rem;margin-top:3rem;font-size:.85rem}.page-header{background:linear-gradient(135deg,var(--dark),var(--darker));padding:3.5rem 0;text-align:center;color:#fff}.page-header h1{font-weight:800;font-size:2.2rem;margin-bottom:.5rem}.page-header p{color:var(--gray-400);max-width:550px;margin:0 auto}.card-custom{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;transition:box-shadow .2s}.card-custom:hover{box-shadow:0 4px 20px rgba(0,0,0,.06)}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem}.status-badge .status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-operational{background:#ecfdf5;color:#065f46}.status-operational .status-dot{background:var(--success)}.status-warning{background:#fffbeb;color:#92400e}.status-warning .status-dot{background:var(--warning)}.status-down{background:#fef2f2;color:#991b1b}.status-down .status-dot{background:var(--danger)}.article-card{padding:1.5rem;border-bottom:1px solid var(--gray-200)}.article-card:last-child{border-bottom:none}.article-card h5{font-weight:700}.article-card .meta{font-size:.8rem;color:var(--gray-500);display:flex;gap:1rem;margin-bottom:.5rem}.order-step{display:none}.order-step.active{display:block}.step-indicator{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.step-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-400);font-size:.9rem;font-weight:500}.step-item.active{color:var(--primary)}.step-item.completed{color:var(--success)}.step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--gray-300);font-weight:700;font-size:.85rem}.step-item.active .step-number{border-color:var(--primary);background:var(--primary);color:#fff}.step-item.completed .step-number{border-color:var(--success);background:var(--success);color:#fff}.plan-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.plan-option{border:2px solid var(--gray-200);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s}.plan-option:hover{border-color:var(--primary);background:rgba(124,58,237,.03)}.plan-option.selected{border-color:var(--primary);background:rgba(124,58,237,.06)}.plan-option .plan-name{font-weight:700;font-size:1.1rem}.plan-option .plan-price{font-size:1.5rem;font-weight:800;color:var(--dark);margin:.5rem 0}.plan-option .plan-features{font-size:.8rem;color:var(--gray-500)}.alert-banner{background:var(--primary);color:#fff;text-align:center;padding:.6rem;font-size:.85rem}.alert-banner a{color:#fff;text-decoration:underline}.domain-search-wrapper{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-top:1.5rem;max-width:560px}.domain-search-wrapper .domain-search-label{color:var(--gray-400);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.domain-search-input-group{display:flex;gap:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.2)}.domain-search-input-group input{flex:1;border:none;padding:.9rem 1.25rem;font-size:1rem;outline:0;background:#fff;color:#141a45}.domain-search-input-group input::placeholder{color:#94a3b8}.domain-search-input-group button{background:linear-gradient(135deg,var(--primary),#6d28d9);border:none;border-left:1px solid rgba(0,0,0,.1);color:#fff;font-weight:600;padding:0 1.75rem;font-size:1rem;cursor:pointer;transition:opacity .2s;white-space:nowrap}.domain-search-input-group button:hover{opacity:.9}.domain-search-tlds{display:flex;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.domain-search-tlds span{font-size:.75rem;color:var(--gray-500);background:rgba(255,255,255,.08);padding:.2rem .6rem;border-radius:4px}.domain-result{margin-top:.75rem;padding:.6rem 1rem;border-radius:8px;font-size:.9rem}.domain-result-loading{background:rgba(124,58,237,.1);color:var(--accent)}.domain-result-available{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.25)}.domain-result-taken{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.25)}.domain-result-error{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.25)}.domain-result a:not(.btn){color:#fff!important;text-decoration:none}.domain-result-multi{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:1rem;border-radius:12px}.multi-tld-header{font-size:.9rem;color:var(--gray-400);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.multi-tld-header strong{color:#fff}.multi-tld-list{display:flex;flex-direction:column;gap:0}.multi-tld-item{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.55rem .6rem;border-radius:6px;transition:background .15s}.multi-tld-item:hover{background:rgba(255,255,255,.04)}.multi-tld-name{flex:1;font-size:.9rem;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:.5rem}.multi-tld-name i{font-size:1rem}.tld-available .multi-tld-name i{color:#34d399}.tld-taken .multi-tld-name i{color:#f87171}.multi-tld-badge{flex-shrink:0}.tld-badge{display:inline-block;padding:.2rem .65rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-available{background:rgba(16,185,129,.2);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-taken{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.multi-tld-action{flex-shrink:1;min-width:0;margin-left:auto;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.multi-tld-action .btn-sm{padding:.2rem .6rem;font-size:.75rem;margin-left:0!important}@media (max-width:768px){.multi-tld-item{flex-wrap:wrap;gap:.4rem;padding:.5rem .4rem}.multi-tld-name{font-size:.85rem;width:100%}.multi-tld-action{margin-left:auto}}.why-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.75rem;text-align:center;height:100%;transition:transform .2s,box-shadow .2s}.why-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.08)}.why-card .why-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;margin:0 auto 1.25rem}.why-card h5{font-weight:700;margin-bottom:.5rem}.why-card p{color:var(--gray-500);font-size:.9rem;margin:0}.trust-badge-row{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding:.5rem 0}.trust-badge-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-500);font-size:.85rem;font-weight:500}.trust-badge-item i{font-size:1.3rem;color:var(--success)}.testimonial-card .testimonial-rating{color:#f59e0b;font-size:.9rem;margin-bottom:.75rem;letter-spacing:2px}.testimonial-card .testimonial-quote{position:absolute;top:.75rem;right:1.25rem;font-size:2rem;color:var(--primary);opacity:.1}.brands-section{padding:3rem 0;background:var(--light)}.brands-section .brands-label{text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--gray-400);margin-bottom:2rem;font-weight:600}.brands-strip{display:flex;justify-content:center;align-items:center;gap:2.5rem;flex-wrap:wrap}.brand-placeholder{padding:.5rem 1.25rem;border:1px solid var(--gray-200);border-radius:8px;font-weight:700;font-size:1rem;color:var(--gray-500);background:#fff;opacity:.7;transition:opacity .2s}.brand-placeholder:hover{opacity:1}.cta-section .cta-trust-line{margin-top:1rem;font-size:.85rem;opacity:.75}.cta-section .cta-trust-line i{margin-right:.35rem}@media (max-width:768px){.hero-title{font-size:2rem}.hero-stats{flex-wrap:wrap;gap:1.5rem}.section-padding{padding:3rem 0}.step-indicator{flex-direction:column;gap:.75rem;align-items:flex-start}}.welcome-card{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#7c3aed 0,#7c3aed 100%);box-shadow:0 20px 50px rgba(11,16,48,.08)}.welcome-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12) 0,transparent 50%),radial-gradient(circle at 20% 80%,rgba(255,255,255,.06) 0,transparent 50%);pointer-events:none}.welcome-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;gap:16px;flex-wrap:wrap}.welcome-left{display:flex;align-items:center;gap:16px}.welcome-avatar{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:1.4rem;color:#fff;flex-shrink:0;backdrop-filter:blur(6px)}.welcome-title{font-size:1.35rem;font-weight:800;color:#fff;margin:0;line-height:1.2}.welcome-subtitle{font-size:.88rem;color:rgba(255,255,255,.78);margin:4px 0 0}.welcome-right{display:flex;align-items:center;gap:10px}.welcome-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font-weight:600;font-size:.82rem;backdrop-filter:blur(6px)}.welcome-badge .status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:currentColor}.stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px rgba(11,16,48,.06);transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:0 20px 50px rgba(11,16,48,.08);transform:translateY(-2px)}.stat-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.stat-icon-primary{background:#eef4ff;color:#7c3aed}.stat-icon-warning{background:#fffbeb;color:#f59e0b}.stat-icon-info{background:#eef4ff;color:#7c3aed}.stat-icon-success{background:#f0fdf4;color:#10b981}.stat-info{min-width:0}.stat-label{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--gray-500);margin-bottom:2px}.stat-value{display:block;font-size:1.3rem;font-weight:800;color:var(--dark);line-height:1.2}.stat-currency{font-size:.8rem;font-weight:600;color:var(--gray-500)}.disk-bar{width:100%;height:5px;background:var(--gray-200);border-radius:99px;overflow:hidden}.disk-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--success),var(--primary));transition:width .4s ease}.dashboard-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}@media (max-width:1199px){.dashboard-grid{grid-template-columns:1fr}}.service-list{display:flex;flex-direction:column}.service-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--gray-200);gap:12px;transition:background .1s}.service-item:last-child{border-bottom:0}.service-item:hover{background:#f8fafc}.service-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.service-icon{width:38px;height:38px;border-radius:10px;background:#eef4ff;color:#7c3aed;display:grid;place-items:center;font-size:1rem;flex-shrink:0}.service-info{min-width:0}.service-domain{font-weight:700;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-meta{font-size:.8rem;color:var(--gray-500);display:flex;gap:5px;flex-wrap:wrap}.service-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.service-sep{color:var(--gray-400)}.ticket-list{display:flex;flex-direction:column}.ticket-item{display:block;padding:12px 20px;border-bottom:1px solid var(--gray-200);text-decoration:none;color:inherit;transition:background .1s}.ticket-item:last-child{border-bottom:0}.ticket-item:hover{background:#f8fafc}.ticket-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.ticket-subject{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-status-badge{flex-shrink:0;font-size:.7rem}.ticket-meta{font-size:.78rem;color:var(--gray-500)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:0}.quick-action-item{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--gray-200);border-right:1px solid var(--gray-200);text-decoration:none;color:inherit;transition:background .1s}.quick-action-item:nth-child(2n){border-right:0}.quick-action-item:nth-last-child(-n+2){border-bottom:0}.quick-action-item:hover{background:#f8fafc}.qa-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:1rem;flex-shrink:0}.qa-label{font-weight:600;font-size:.85rem;color:var(--dark)}.qa-desc{font-size:.75rem;color:var(--gray-500)}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;border-bottom:1px solid var(--gray-200)}.activity-item:last-child{border-bottom:0}.activity-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-login{background:#7c3aed}.activity-ticket{background:#f59e0b}.activity-invoice{background:#10b981}.activity-default{background:var(--gray-400)}.activity-content{min-width:0}.activity-desc{font-size:.85rem;color:var(--dark);line-height:1.4}.activity-time{font-size:.75rem;color:var(--gray-500);margin-top:2px}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.monitor-stat{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px rgba(11,16,48,.06);transition:box-shadow .2s}.monitor-stat:hover{box-shadow:0 20px 50px rgba(11,16,48,.08)}.monitor-stat-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.monitor-stat-info{min-width:0}.monitor-stat-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--gray-500);margin-bottom:2px}.monitor-stat-value{display:block;font-size:1.6rem;font-weight:800;color:var(--dark);line-height:1.2}.alerts-stack{display:flex;flex-direction:column}.alert-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--gray-200)}.alert-item:last-child{border-bottom:0}.alert-item-left{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}.alert-severity-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.alert-meta{font-size:.78rem;color:var(--gray-400);margin-top:1px}.alert-body{font-size:.82rem;color:var(--gray-500);margin:0}.monitor-type-badge{display:inline-block;padding:3px 10px;border-radius:8px;font-size:.78rem;font-weight:600;background:#eef4ff;color:#7c3aed}.monitor-target strong{font-size:.88rem}.acct-radio{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.acct-btn{cursor:pointer;user-select:none;flex:1}.biz-field{display:none!important}form:has(#acctBusiness:checked) .biz-field{display:block!important}form:has(#acctPersonal:checked) label[for=acctPersonal].acct-btn{background:#7c3aed!important;border-color:#7c3aed;color:#fff!important}form:has(#acctPersonal:checked) label[for=acctBusiness].acct-btn{background:0 0!important;border-color:#7c3aed;color:#7c3aed}form:has(#acctBusiness:checked) label[for=acctPersonal].acct-btn{background:0 0!important;border-color:#6c757d;color:#6c757d}form:has(#acctBusiness:checked) label[for=acctBusiness].acct-btn{background:#7c3aed!important;border-color:#7c3aed;color:#fff!important}#lchat-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;box-shadow:0 4px 16px rgba(124,58,237,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:9999;transition:transform .2s}#lchat-fab:hover{transform:scale(1.08)}#lchat-box{position:fixed;bottom:90px;right:24px;width:340px;max-width:calc(100vw - 48px);background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.18);z-index:9998;display:none;overflow:hidden;font-size:14px}#lchat-box.show{display:flex;flex-direction:column}#lchat-hdr{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}#lchat-body{padding:14px 16px;background:#f8f9fa}#lchat-msgs{max-height:260px;overflow-y:auto;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.lchat-msg{max-width:85%;padding:8px 12px;border-radius:12px;font-size:13px}.lchat-msg.visitor{background:#7c3aed;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.lchat-msg.staff{background:#e9ecef;color:#212529;align-self:flex-start;border-bottom-left-radius:4px}#lchat-form{display:flex;gap:6px}#lchat-input{flex:1;border-radius:20px;border:1px solid #dee2e6;padding:6px 14px;font-size:13px;outline:0}#lchat-input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px rgba(124,58,237,.15)}.footer>.container,.navbar-custom>.container{max-width:1280px}.navbar-custom{box-shadow:0 1px 0 rgba(255,255,255,.06),0 4px 24px rgba(0,0,0,.2)}.navbar-custom .nav-link{position:relative;padding:.5rem .85rem!important;font-size:.9rem;letter-spacing:.2px}.navbar-custom .nav-link::after{content:'';position:absolute;bottom:2px;left:.85rem;right:.85rem;height:2px;background:var(--primary);transform:scaleX(0);transition:transform .2s ease}.navbar-custom .nav-link.active::after,.navbar-custom .nav-link:hover::after{transform:scaleX(1)}.navbar-custom .nav-login-btn{border-color:var(--gray-600);color:var(--gray-300);padding:.4rem 1.1rem;font-weight:500;font-size:.85rem;transition:all .2s}.navbar-custom .nav-login-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.navbar-custom .nav-signup-btn{padding:.4rem 1.1rem;font-weight:600;font-size:.85rem;background:linear-gradient(135deg,var(--primary),#6d28d9);border:none;transition:opacity .2s,transform .2s}.navbar-custom .nav-signup-btn:hover{opacity:.92;transform:translateY(-1px)}.footer{padding:4.5rem 0 2rem}.footer-desc{font-size:.88rem;color:var(--gray-500);line-height:1.7;margin-bottom:1.25rem;margin-top:.75rem}.footer-social{display:flex;gap:.65rem}.footer .footer-social-link{width:36px;height:36px;border-radius:50%;border:1px solid var(--dark-border);display:inline-flex;align-items:center;justify-content:center;color:var(--gray-400);transition:all .2s ease;text-decoration:none;font-size:1rem;padding:0}.footer .footer-social-link:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.footer h6,.footer-heading{margin-bottom:1.15rem;font-size:.8rem}.footer a{padding:.25rem 0;font-size:.88rem}.footer .row>div:not(:first-child) a:first-of-type{padding-top:0}.footer-bottom{margin-top:3.5rem;padding-top:1.5rem}@media (max-width:991.98px){.navbar-custom .navbar-collapse{background:var(--darker);padding:1rem 0;border-top:1px solid var(--dark-border);margin-top:.75rem}.navbar-custom .nav-link::after{display:none}.navbar-custom .d-flex.gap-2{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--dark-border);width:100%}}@media (max-width:768px){.footer{padding:3rem 0 1.5rem}.footer-social{margin-bottom:1rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-fade-up{animation:none;opacity:1;transform:none}.animate-fade-left{animation:none;opacity:1;transform:none}.animate-fade-right{animation:none;opacity:1;transform:none}.animate-float{animation:none}.delay-1,.delay-2,.delay-3,.delay-4{animation-delay:0s}.hero-section-premium{background:linear-gradient(135deg,var(--darker) 0,#070c26 40%,#0d1445 70%,#070c26 100%);padding:5rem 0 6rem;position:relative;overflow:hidden;min-height:85vh;display:flex;align-items:center}.hero-section-premium::before{content:'';position:absolute;top:-30%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(124,58,237,.12) 0,transparent 60%);border-radius:50%;pointer-events:none}.hero-section-premium::after{content:'';position:absolute;bottom:-20%;left:5%;width:500px;height:500px;background:radial-gradient(circle,rgba(13,202,240,.06) 0,transparent 60%);border-radius:50%;pointer-events:none}.hero-section-premium .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:var(--primary-light);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.hero-title-new{font-size:3.2rem;font-weight:800;line-height:1.1;letter-spacing:-1.5px;color:#fff;margin-bottom:1.25rem}.hero-title-new .highlight{background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle-new{font-size:1.15rem;color:var(--gray-400);line-height:1.7;max-width:540px;margin-bottom:2rem}.hero-cta-group{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.hero-cta-group .btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;padding:.85rem 2.25rem;font-weight:600;border-radius:12px;transition:all .25s;box-shadow:0 4px 20px rgba(124,58,237,.35)}.hero-cta-group .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(124,58,237,.5)}.hero-cta-group .btn-outline-primary{border:2px solid var(--gray-500);color:var(--gray-300);padding:.85rem 2.25rem;font-weight:600;border-radius:12px;transition:all .25s}.hero-cta-group .btn-outline-primary:hover{border-color:#7c3aed;background:rgba(124,58,237,.1);color:#fff}.hero-illustration{display:flex;align-items:center;justify-content:center;position:relative}.hero-illustration .icon-stack{position:relative;width:280px;height:280px}.hero-illustration .icon-stack .main-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6rem;color:#7c3aed;opacity:.9;animation:none}.hero-illustration .icon-stack .orbit-icon{position:absolute;font-size:2.2rem;color:var(--gray-400);opacity:.5}.hero-illustration .icon-stack .orbit-icon:nth-child(2){top:0;left:50%;transform:translateX(-50%)}.hero-illustration .icon-stack .orbit-icon:nth-child(3){bottom:10%;right:0}.hero-illustration .icon-stack .orbit-icon:nth-child(4){bottom:10%;left:0}.hero-illustration .icon-stack .orbit-icon:nth-child(5){top:25%;right:5%}.hero-illustration .icon-stack .orbit-icon:nth-child(6){top:25%;left:5%}.hero-domain-wrapper{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;max-width:560px;margin-bottom:2rem;backdrop-filter:blur(10px);transition:border-color .25s}.hero-domain-wrapper:hover{border-color:rgba(124,58,237,.3)}.hero-domain-wrapper .domain-label{display:flex;align-items:center;gap:.5rem;color:var(--gray-400);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.hero-domain-wrapper .domain-label i{color:var(--primary-light)}.domain-input-group{display:flex;gap:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.25)}.domain-input-group input{flex:1;border:none;padding:.95rem 1.25rem;font-size:1rem;outline:0;background:#fff;color:#141a45;font-family:inherit}.domain-input-group input::placeholder{color:#94a3b8}.domain-input-group button{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-left:1px solid rgba(0,0,0,.08);color:#fff;font-weight:600;padding:0 1.75rem;font-size:1rem;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}.domain-input-group button:hover{opacity:.92}.domain-tld-hints{display:flex;gap:.6rem;margin-top:.75rem;flex-wrap:wrap}.domain-tld-hints span{font-size:.72rem;color:var(--gray-500);background:rgba(255,255,255,.06);padding:.2rem .65rem;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.hosting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.hosting-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:2rem;text-align:center;transition:all .25s;height:100%;position:relative;overflow:hidden}.hosting-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#a855f7);opacity:0;transition:opacity .25s}.hosting-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.08);border-color:rgba(124,58,237,.15)}.hosting-card:hover::before{opacity:1}.hosting-card .hosting-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;margin:0 auto 1.25rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);transition:transform .25s}.hosting-card:hover .hosting-icon{transform:scale(1.08)}.hosting-card h5{font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.hosting-card p{color:var(--gray-500);font-size:.88rem;margin-bottom:1rem;line-height:1.5}.hosting-card .hosting-price{font-weight:700;font-size:1rem;color:var(--primary);margin-bottom:1rem}.hosting-card .hosting-price span{font-weight:400;color:var(--gray-400);font-size:.85rem}.hosting-card .btn-outline-primary{border-radius:10px;font-weight:600;font-size:.9rem;padding:.5rem 1.5rem;border-width:1.5px;transition:all .25s}.hosting-card .btn-outline-primary:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.why-premium-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:1.75rem;text-align:center;transition:all .25s;height:100%}.why-premium-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.06);border-color:rgba(124,58,237,.12)}.why-premium-card .why-premium-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#7c3aed;background:rgba(124,58,237,.08);margin:0 auto 1rem;transition:all .25s}.why-premium-card:hover .why-premium-icon{background:#7c3aed;color:#fff}.why-premium-card h6{font-weight:700;font-size:.95rem;margin-bottom:.4rem}.why-premium-card p{color:var(--gray-500);font-size:.82rem;margin:0;line-height:1.5}.trust-stats-section{background:linear-gradient(135deg,var(--darker) 0,#070c26 100%);padding:4rem 0;position:relative;overflow:hidden}.trust-stats-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(124,58,237,.06) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(13,202,240,.04) 0,transparent 50%);pointer-events:none}.trust-stat-item{text-align:center;padding:1.5rem .5rem}.trust-stat-number{font-size:2.8rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.25rem;letter-spacing:-1px}.trust-stat-number .small-suffix{font-size:1.4rem;font-weight:600;color:var(--primary-light)}.trust-stat-label{font-size:.8rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:1px;font-weight:500}.testimonial-premium{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:2rem 1.75rem;position:relative;transition:all .25s;height:100%}.testimonial-premium:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.06)}.testimonial-premium .quote-icon{font-size:2.5rem;color:var(--primary);opacity:.1;position:absolute;top:.75rem;right:1.25rem;line-height:1}.testimonial-premium .stars{color:#f59e0b;font-size:.9rem;margin-bottom:.75rem;letter-spacing:2px}.testimonial-premium .testimonial-text{font-style:italic;color:var(--gray-600);font-size:.92rem;line-height:1.65;margin-bottom:1.25rem}.testimonial-premium .testimonial-author{font-weight:700;font-size:.9rem;color:var(--dark)}.testimonial-premium .testimonial-role{font-size:.78rem;color:var(--gray-500)}.cta-premium{background:linear-gradient(135deg,#6d28d9 0,#7c3aed 50%,#8b5cf6 100%);padding:5rem 0;text-align:center;color:#fff;position:relative;overflow:hidden}.cta-premium::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.06) 0,transparent 70%);border-radius:50%;pointer-events:none}.cta-premium::after{content:'';position:absolute;bottom:-40%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.04) 0,transparent 70%);border-radius:50%;pointer-events:none}.cta-premium h2{font-weight:800;font-size:2.4rem;margin-bottom:.75rem;position:relative}.cta-premium p{opacity:.9;max-width:520px;margin:0 auto 2rem;font-size:1.05rem;position:relative}.cta-premium .btn-light{background:#fff;color:#6d28d9;border:none;padding:.85rem 2.5rem;font-weight:600;border-radius:12px;transition:all .25s;box-shadow:0 4px 16px rgba(0,0,0,.15)}.cta-premium .btn-light:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.2)}.cta-premium .btn-outline-light{border:2px solid rgba(255,255,255,.5);color:#fff;padding:.85rem 2.5rem;font-weight:600;border-radius:12px;transition:all .25s}.cta-premium .btn-outline-light:hover{border-color:#fff;background:rgba(255,255,255,.1)}.cta-premium .cta-trust-line{margin-top:1.5rem;font-size:.82rem;opacity:.7;position:relative}.cta-premium .cta-trust-line i{margin-right:.35rem}.section-tag{display:inline-flex;align-items:center;gap:.4rem;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.12);padding:.35rem .9rem;border-radius:20px;font-size:.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.section-title-lg{font-weight:800;font-size:2.2rem;letter-spacing:-.5px;margin-bottom:.75rem}.section-subtitle-md{color:var(--gray-500);font-size:1.05rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.brand-logo-card{padding:1rem 1.75rem;border:1px solid var(--gray-200);border-radius:12px;font-weight:700;font-size:1rem;color:var(--gray-400);background:#fff;transition:all .25s;opacity:.6}.brand-logo-card:hover{opacity:1;border-color:var(--primary);color:var(--primary);box-shadow:0 4px 16px rgba(124,58,237,.08)}.price-badge{display:inline-block;background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.1);padding:.25rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;color:var(--primary);margin-bottom:1rem}.price-badge span{font-weight:400;color:var(--gray-400);font-size:.78rem}@media (max-width:992px){.hosting-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.hero-title-new{font-size:2.5rem}.hero-illustration{display:none}}@media (max-width:768px){.hosting-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.hero-title-new{font-size:1.9rem}.hero-section-premium{min-height:auto;padding:4rem 0 4rem}.trust-stat-number{font-size:2rem}.cta-premium h2{font-size:1.7rem}.section-title-lg{font-size:1.6rem}}@media (max-width:576px){.hero-cta-group .btn-outline-primary,.hero-cta-group .btn-primary{width:100%;text-align:center}}:root{--primary-light:#8B5CF6;--gray-50:#F8FAFC;--radius:16px;--radius-sm:8px;--radius-lg:20px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow:0 4px 20px rgba(0,0,0,0.08);--shadow-lg:0 12px 40px rgba(0,0,0,0.12);--transition:250ms cubic-bezier(0.4, 0, 0.2, 1);--max-width:1280px}.navbar-custom.sticky-top,header.navbar-custom{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.05)}.navbar-logo{max-height:40px;width:auto}.hero-section{background:linear-gradient(135deg,#05071e 0,#0b1030 40%,#1e1b4b 100%)!important}.hero-section .hero-illustration{position:relative;display:flex;align-items:center;justify-content:center}.hero-section .hero-illustration img{max-width:100%;height:auto;filter:drop-shadow(0 20px 60px rgba(124,58,237,.3))}.hero-section .hero-illustration::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(124,58,237,.15) 0,transparent 70%);border-radius:50%;z-index:-1}.hero-title{font-size:3.5rem!important}@media (max-width:768px){.hero-title{font-size:2.5rem!important}}.domain-search-wrapper{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.domain-search-input-group{box-shadow:0 4px 24px rgba(0,0,0,.25)!important}.domain-search-input-group input{font-size:1.05rem!important}.domain-search-input-group button{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important}.section-padding{padding:5rem 0}.section-title{font-size:2rem;font-weight:800;letter-spacing:-.5px}.section-subtitle{color:var(--gray-500);font-size:1.05rem;max-width:600px;margin:0 auto 3rem}.feature-card{border-radius:var(--radius)!important;transition:transform var(--transition),box-shadow var(--transition)!important}.feature-card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-lg)!important}.feature-icon{width:56px!important;height:56px!important;border-radius:var(--radius-sm)!important;font-size:1.5rem!important}.why-card{border-radius:var(--radius)!important;transition:transform var(--transition),box-shadow var(--transition)!important}.why-card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-lg)!important}.why-card .why-icon{width:64px!important;height:64px!important;border-radius:var(--radius)!important;font-size:1.7rem!important}.pricing-card{border-radius:var(--radius-lg)!important;padding:3rem 2rem!important;transition:transform var(--transition),box-shadow var(--transition)!important}.pricing-card:hover{transform:translateY(-6px)!important;box-shadow:0 20px 60px rgba(0,0,0,.12)!important}.pricing-card.featured{border:2px solid #7c3aed;box-shadow:0 8px 40px rgba(124,58,237,.18)!important;position:relative}.pricing-card.featured::before{content:'';position:absolute;inset:-2px;border-radius:var(--radius-lg);padding:2px;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;color:#fff;padding:.3rem 1.5rem!important;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(124,58,237,.3)}.pricing-name{font-weight:700;font-size:1.3rem}.pricing-amount{font-size:2.5rem;font-weight:800;color:var(--dark)}.pricing-features li{padding:.6rem 0!important;border-bottom:1px solid var(--gray-100)}.pricing-features li:last-child{border-bottom:none}.pricing-features li i{color:#10b981!important;width:20px;text-align:center}.testimonial-card{border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important;transition:transform var(--transition),box-shadow var(--transition)!important;padding:2rem!important}.testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)!important}.testimonial-rating{color:#f59e0b;font-size:.9rem;margin-bottom:.75rem;letter-spacing:2px}.cta-section{background:linear-gradient(135deg,#6d28d9,#7c3aed,#a855f7)!important;padding:5rem 0!important;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.06) 0,transparent 70%);border-radius:50%}.cta-section h2{font-weight:800;font-size:2.2rem}.cta-trust-line{margin-top:1rem;font-size:.85rem;opacity:.75}.cta-trust-line i{margin-right:.35rem}.stats-section{padding:4rem 0;background:var(--darker);color:#fff}.stats-section .stat-item{text-align:center;padding:1.5rem}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--gray-400);margin-top:.25rem;font-weight:600}.footer{background:#05071e;position:relative}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.3),transparent)}.footer h6,.footer-heading{color:#fff;font-weight:700;margin-bottom:1rem;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.footer a{color:var(--gray-400);text-decoration:none;display:block;padding:.25rem 0;font-size:.9rem;transition:color var(--transition)!important}.footer a:hover{color:#fff!important;padding-left:3px}.footer-bottom{border-top:1px solid rgba(51,65,85,.5)!important;padding-top:1.5rem;margin-top:3rem;font-size:.85rem}.footer-bottom a{display:inline;padding:0;margin-left:1rem}.brands-section{padding:3rem 0;background:var(--light)}.brands-section .brands-label{text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--gray-400);margin-bottom:2rem;font-weight:600}.brands-strip{display:flex;justify-content:center;align-items:center;gap:2.5rem;flex-wrap:wrap}.brand-placeholder{padding:.75rem 1.5rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-weight:700;font-size:1rem;color:var(--gray-500);background:#fff;opacity:.7;transition:opacity var(--transition),transform var(--transition)!important}.brand-placeholder:hover{opacity:1;transform:scale(1.05)}.card-custom{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius)!important;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)!important}.card-custom:hover{transform:translateY(-3px);box-shadow:var(--shadow)!important}.btn-primary{background:#7c3aed!important;border-color:#7c3aed;transition:all var(--transition)!important}.admin-page-title{font-size:1.75rem;font-weight:800;color:#0b1030;margin:0 0 .25rem}.admin-page-subtitle{font-size:.9rem;color:#64748b;margin:0}.admin-logout-btn{border:1px solid #e2e8f0;background:#fff;color:#64748b;padding:.5rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.admin-logout-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:default}.admin-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.08);border-color:#cbd5e1}.admin-stat-left{display:flex;align-items:center;gap:1rem}.admin-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.admin-stat-icon.blue{background:#eef4ff;color:#7c3aed}.admin-stat-icon.green{background:#ecfdf5;color:#10b981}.admin-stat-icon.amber{background:#fffbeb;color:#f59e0b}.admin-stat-icon.red{background:#fef2f2;color:#ef4444}.admin-stat-icon.purple{background:#f3e8ff;color:#8b5cf6}.admin-stat-icon.cyan{background:#ecfeff;color:#06b6d4}.admin-stat-value{font-size:1.5rem;font-weight:800;line-height:1.2;color:#0b1030}.admin-stat-label{font-size:.78rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.admin-stat-link{width:32px;height:32px;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;color:#94a3b8;text-decoration:none;transition:all .2s;font-size:.9rem}.admin-stat-card:hover .admin-stat-link{background:#7c3aed;color:#fff}.admin-queue-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.admin-queue-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-size:.85rem;font-weight:600;color:#0b1030}.admin-queue-view-all{font-size:.8rem;color:#7c3aed;text-decoration:none;font-weight:500}.admin-queue-view-all:hover{text-decoration:underline}.admin-queue-grid{display:flex;flex-wrap:wrap;gap:.75rem}.admin-queue-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem}.admin-queue-chip.highlight{background:#eef4ff;border-color:#ddd6fe}.admin-queue-chip-label{font-size:.8rem;color:#64748b;font-weight:500}.admin-queue-chip-value{font-size:.95rem;font-weight:700;color:#0b1030}.admin-queue-chip-warn{font-size:.7rem;color:#ef4444;background:#fef2f2;padding:.1rem .5rem;border-radius:4px}.admin-sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.admin-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.admin-section-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.06);border-color:#cbd5e1}.admin-section-header{padding:1.25rem 1.5rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.admin-section-title{font-weight:700;font-size:.95rem;margin:0;color:#0b1030}.admin-section-count{font-size:.7rem;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:.15rem .55rem;border-radius:20px}.admin-section-body{padding:.5rem}.admin-section-link{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:10px;text-decoration:none;color:#475569;transition:all .2s;font-size:.88rem}.admin-section-link:hover{background:#f8fafc;color:#7c3aed}.admin-section-link-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;transition:transform .2s}.admin-section-link:hover .admin-section-link-icon{transform:scale(1.1)}.admin-section-link-label{flex:1;font-weight:500}.admin-section-link-arrow{font-size:.75rem;color:#cbd5e1;transition:all .2s}.admin-section-link:hover .admin-section-link-arrow{color:#7c3aed;transform:translateX(3px)}.btn-outline-primary{border:2px solid #7c3aed;color:#7c3aed;transition:all var(--transition)!important}.btn-outline-primary:hover{background:#7c3aed!important;color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(124,58,237,.3)}.btn-lg{padding:.75rem 2rem;font-size:1rem;border-radius:var(--radius-sm)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(124,58,237,.3)}50%{box-shadow:0 0 40px rgba(124,58,237,.5)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.animate-fade-in-up{animation:none;opacity:1;transform:none}.animate-fade-in{animation:none;opacity:1}.animate-slide-in-left{animation:none;opacity:1;transform:none}.animate-slide-in-right{animation:none;opacity:1;transform:none}.animate-float{animation:none}.animate-pulse-glow{animation:none}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);background-size:200% 100%;animation:none}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.hover-lift{transition:transform var(--transition),box-shadow var(--transition)!important}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)!important}.hover-scale{transition:transform var(--transition)!important}.hover-scale:hover{transform:scale(1.03)}.hover-glow{transition:box-shadow var(--transition)!important}.hover-glow:hover{box-shadow:0 0 24px rgba(124,58,237,.25)}.gradient-text{background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-divider{width:60px;height:4px;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:2px;margin:1rem auto 1.5rem}.section-divider.left{margin:1rem 0 1.5rem}.glow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px rgba(16,185,129,.5);margin-right:6px}.service-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:2rem;text-align:center;height:100%;transition:transform var(--transition),box-shadow var(--transition)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.service-card .service-icon{width:60px;height:60px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;margin:0 auto 1.25rem}.service-card h5{font-weight:700;margin-bottom:.5rem}.service-card p{color:var(--gray-500);font-size:.9rem;margin:0}.compare-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.compare-table th{background:var(--darker);color:#fff;font-weight:700;padding:1rem 1.25rem;font-size:.9rem;text-align:center}.compare-table th:first-child{text-align:left}.compare-table td{padding:.85rem 1.25rem;font-size:.9rem;border-bottom:1px solid var(--gray-200)}.compare-table tr:nth-child(2n) td{background:var(--gray-50)}.compare-table tr:last-child td{border-bottom:none}.compare-table td:first-child{font-weight:600;color:var(--gray-700)}.compare-table td i{color:#10b981;font-size:1.1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.premium-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.premium-badge-primary{background:rgba(124,58,237,.1);color:#7c3aed}.premium-badge-success{background:rgba(16,185,129,.1);color:#10b981}.premium-badge-warning{background:rgba(245,158,11,.1);color:#f59e0b}.premium-badge-danger{background:rgba(239,68,68,.1);color:#ef4444}.premium-tooltip{position:relative;cursor:help}.premium-tooltip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--darker);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition)}.premium-tooltip:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:991.98px){.hero-title{font-size:2.8rem!important}.pricing-card.featured{transform:scale(1.02)}}@media (max-width:767.98px){.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1rem!important}.section-padding{padding:3rem 0!important}.section-title{font-size:1.6rem!important}.pricing-card{padding:2rem 1.5rem!important}.pricing-card.featured{transform:none!important}.stats-section .stat-item{padding:1rem}.stat-number{font-size:2rem!important}.feature-grid{grid-template-columns:1fr}.brands-strip{gap:1.5rem}.brand-placeholder{padding:.5rem 1rem;font-size:.85rem}}@media (max-width:575.98px){.hero-section{padding:4rem 0 3rem!important}.cta-section{padding:3rem 0!important}.cta-section h2{font-size:1.5rem!important}.footer{padding:2.5rem 0 1.5rem!important}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-visible{opacity:1;transform:translateY(0)}.error-404-section{padding:6rem 0 8rem;text-align:center}.error-404-code{font-size:8rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-4px}.error-404-title{font-weight:800;font-size:2.2rem;margin-bottom:1rem;color:var(--dark)}.error-404-text{color:var(--gray-500);font-size:1.1rem;max-width:560px;margin:0 auto 2rem}.error-404-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-404-links .btn-lg{padding:.75rem 1.75rem;font-weight:600}.error-404-links .btn-outline-light{border-color:var(--gray-300);color:var(--gray-600)}.error-404-links .btn-outline-light:hover{background:var(--gray-100);border-color:var(--gray-400);color:var(--dark)}.error-404-search-label{color:var(--gray-500);margin-bottom:.75rem;font-size:.95rem}.error-404-search-form .input-group{max-width:500px;margin:0 auto}.error-404-search-form .form-control{border-radius:8px 0 0 8px!important;padding:.75rem 1.25rem}.error-404-search-form .btn{border-radius:0 8px 8px 0!important;padding:.75rem 1.5rem}[data-bs-theme=dark]{--gray-100:#1b2158;--gray-200:#262d6b;--gray-300:#7c83c7;--gray-400:#8f96cf;--gray-500:#a7adde;--gray-600:#c3c9f0}[data-bs-theme=dark] body{background:#080b26;color:#e9ebfb}[data-bs-theme=dark] .card-custom,[data-bs-theme=dark] .feature-card,[data-bs-theme=dark] .pricing-card,[data-bs-theme=dark] .testimonial-card{background:#101542;border-color:#1b2158}[data-bs-theme=dark] .feature-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.3)}[data-bs-theme=dark] .pricing-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.35)}[data-bs-theme=dark] .feature-card h5,[data-bs-theme=dark] .pricing-amount,[data-bs-theme=dark] .pricing-name{color:#e9ebfb}[data-bs-theme=dark] .feature-card p,[data-bs-theme=dark] .pricing-amount .period,[data-bs-theme=dark] .pricing-desc{color:#a7adde}[data-bs-theme=dark] .pricing-features li{color:#c3c9f0}[data-bs-theme=dark] .bg-light-section{background:#080b26}[data-bs-theme=dark] .testimonial-author,[data-bs-theme=dark] .testimonial-role,[data-bs-theme=dark] .testimonial-text{color:#c3c9f0}[data-bs-theme=dark] .section-subtitle{color:#a7adde}[data-bs-theme=dark] .status-operational{background:#052e16;color:#6ee7b7}[data-bs-theme=dark] .status-warning{background:#451a03;color:#fcd34d}[data-bs-theme=dark] .status-down{background:#450a0a;color:#fca5a5}[data-bs-theme=dark] .hero-badge{color:#c4b5fd;border-color:#4c1d95;background:rgba(124,58,237,.4)}[data-bs-theme=dark] .hero-subtitle-new{color:#a7adde}[data-bs-theme=dark] .step-number{background:#1b2158;color:#a855f7}[data-bs-theme=dark] .step-title{color:#e9ebfb}[data-bs-theme=dark] .step-text{color:#a7adde}[data-bs-theme=dark] .why-premium-card{background:#101542;border-color:#1b2158}[data-bs-theme=dark] .why-premium-card h6{color:#e9ebfb}[data-bs-theme=dark] .why-premium-card p{color:#a7adde}[data-bs-theme=dark] .trust-stat-label{color:#a7adde}[data-bs-theme=dark] .section-tag{color:#c4b5fd}[data-bs-theme=dark] .section-title-lg{color:#e9ebfb}[data-bs-theme=dark] .section-subtitle-md{color:#a7adde}[data-bs-theme=dark] .footer{background:#050a16}.footer-heading,[data-bs-theme=dark] .footer h6{color:#e9ebfb}[data-bs-theme=dark] .footer a{color:#a7adde}[data-bs-theme=dark] .footer a:hover{color:#fff}[data-bs-theme=dark] .footer-desc{color:#8f96cf}[data-bs-theme=dark] .footer-bottom{border-color:#1b2158;color:#8f96cf}.theme-toggle-nav{background:0 0!important;border:1px solid var(--gray-600);color:var(--gray-300)!important;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1rem}.theme-toggle-nav:hover{background:var(--primary)!important;border-color:var(--primary);color:#fff!important}[data-bs-theme=dark] .domain-input-group input{background:#101542;border:1px solid #262d6b;color:#e9ebfb}[data-bs-theme=dark] .domain-input-group input::placeholder{color:#8f96cf}[data-bs-theme=dark] .domain-tld-hints span{background:#1b2158;border-color:#7c83c7;color:#e9ebfb}[data-bs-theme=dark] .hero-cta-group .btn-outline-primary{border-color:#a855f7;color:#c4b5fd}[data-bs-theme=dark] .hero-cta-group .btn-outline-primary:hover{background:var(--primary);border-color:var(--primary);color:#fff}[data-bs-theme=dark] .footer-social-link{background:#1b2158;border-color:#262d6b;color:#c3c9f0}[data-bs-theme=dark] .footer-social-link:hover{background:var(--primary);border-color:var(--primary);color:#fff}[data-bs-theme=dark] .bg-white{background-color:#101542!important}[data-bs-theme=dark] .bg-light{background-color:#1b2158!important}[data-bs-theme=dark] .border-light{border-color:#262d6b!important}[data-bs-theme=dark] .bg-primary.bg-opacity-10{background-color:rgba(91,33,182,.35)!important}[data-bs-theme=dark] .navbar-brand-text,[data-bs-theme=dark] .navbar-custom .navbar-brand span{color:#f1f5f9}[data-bs-theme=dark] .nav-cart-btn,[data-bs-theme=dark] .nav-login-btn,[data-bs-theme=dark] .theme-toggle-nav{background:rgba(255,255,255,.12);border-color:#a7adde;color:#e9ebfb}[data-bs-theme=dark] .nav-cart-btn:hover,[data-bs-theme=dark] .nav-login-btn:hover{background:rgba(255,255,255,.18);color:#fff}[data-bs-theme=dark] .navbar-custom .nav-link{color:#c3c9f0!important}[data-bs-theme=dark] .brand-logo-card,[data-bs-theme=dark] .hosting-card,[data-bs-theme=dark] .monitor-stat,[data-bs-theme=dark] .service-card,[data-bs-theme=dark] .stat-card,[data-bs-theme=dark] .testimonial-premium,[data-bs-theme=dark] .why-card,[data-bs-theme=dark] .why-premium-card{background:#101542;border-color:#1b2158}[data-bs-theme=dark] .hosting-card:hover,[data-bs-theme=dark] .service-card:hover,[data-bs-theme=dark] .why-premium-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.3)}[data-bs-theme=dark] .hosting-card h5,[data-bs-theme=dark] .service-card h5,[data-bs-theme=dark] .testimonial-premium h6,[data-bs-theme=dark] .why-card h6,[data-bs-theme=dark] .why-premium-card h6{color:#e9ebfb}[data-bs-theme=dark] .hosting-card p,[data-bs-theme=dark] .service-card p,[data-bs-theme=dark] .testimonial-premium p,[data-bs-theme=dark] .why-card p,[data-bs-theme=dark] .why-premium-card p{color:#a7adde}[data-bs-theme=dark] .hosting-card .hosting-price{color:#a855f7}[data-bs-theme=dark] .hosting-card .hosting-price span{color:#8f96cf}[data-bs-theme=dark] .hosting-icon,[data-bs-theme=dark] .service-icon,[data-bs-theme=dark] .stat-icon-info,[data-bs-theme=dark] .stat-icon-primary,[data-bs-theme=dark] .why-premium-icon{background:rgba(124,58,237,.18);color:#c4b5fd}[data-bs-theme=dark] .stat-icon-warning{background:rgba(245,158,11,.18);color:#fcd34d}[data-bs-theme=dark] .stat-icon-success{background:rgba(16,185,129,.18);color:#6ee7b7}[data-bs-theme=dark] .monitor-value,[data-bs-theme=dark] .stat-value{color:#e9ebfb}[data-bs-theme=dark] .monitor-label,[data-bs-theme=dark] .stat-label{color:#a7adde}[data-bs-theme=dark] .brand-logo-card{color:#c3c9f0}[data-bs-theme=dark] #lchat-box{background:#101542;border-color:#1b2158}[data-bs-theme=dark] #lchat-body{background:#080b26}[data-bs-theme=dark] .domain-search-input-group input{background:#101542;border-color:#262d6b;color:#e9ebfb}[data-bs-theme=dark] .domain-search-input-group input::placeholder{color:#8f96cf}.pricing-carousel{position:relative;padding:0 56px}.carousel-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:24px 6px 18px;scrollbar-width:none;-ms-overflow-style:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;scroll-snap-align:start}@media (min-width:768px){.carousel-slide{flex-basis:calc(50% - .75rem)}}@media (min-width:992px){.carousel-slide{flex-basis:calc(33.333% - 1rem)}}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--gray-300,#dee2e6);background:#fff;color:#212529;box-shadow:0 4px 14px rgba(0,0,0,.12);display:grid;place-items:center;font-size:1.1rem;transition:all .15s;cursor:pointer;padding:0;line-height:1}.carousel-arrow:hover{background:#f8f9fa;transform:translateY(-50%) scale(1.06);color:var(--primary,#5b21b6)}.carousel-arrow.is-hidden{opacity:0;pointer-events:none}.carousel-arrow-prev{left:0}.carousel-arrow-next{right:0}@media (max-width:575.98px){.pricing-carousel{padding:0 44px}}.carousel-single .carousel-arrow{display:none}.carousel-single .carousel-track{justify-content:center}[data-bs-theme=dark] .carousel-arrow{background:var(--dark-surface,#1b2158);border-color:var(--dark-border,#262d6b);color:#e9ebfb;box-shadow:0 4px 14px rgba(0,0,0,.45)}[data-bs-theme=dark] .carousel-arrow:hover{background:#263449;color:var(--primary-light,#a855f7)}
/* --- Web Design Hero Brand Mark --- */
.web-design-hero .container { position: relative; z-index: 1; }
.web-design-hero-visual {
  position: relative;
  width: min(100%, 360px);
  min-height: 360px;
  margin: 0 auto;
  display: grid;
  place-items: center;
}
.web-design-hero-glow {
  position: absolute;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(124,58,237,.42) 0%, rgba(124,58,237,.18) 42%, transparent 72%);
  filter: blur(8px);
}
.web-design-hero-mark {
  position: relative;
  z-index: 2;
  width: 218px;
  height: 218px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 52px;
  background: linear-gradient(145deg, rgba(255,255,255,.2), rgba(255,255,255,.055));
  box-shadow: 0 28px 70px rgba(5,7,30,.46), inset 0 1px 0 rgba(255,255,255,.2), 0 0 0 12px rgba(124,58,237,.06);
  transform: rotate(-4deg);
}
.web-design-hero-mark-shine {
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(125deg, rgba(255,255,255,.28), transparent 34%, transparent 70%, rgba(168,85,247,.12));
  pointer-events: none;
}
.web-design-hero-logo-wrap {
  position: relative;
  z-index: 1;
  width: 138px;
  height: 138px;
  display: grid;
  place-items: center;
  border-radius: 38px;
  background: linear-gradient(145deg, #ffffff, #e8ecff);
  box-shadow: 0 15px 32px rgba(5,7,30,.28), inset 0 0 0 1px rgba(255,255,255,.8);
  transform: rotate(4deg);
}
.web-design-hero-logo {
  display: block;
  max-width: 108px;
  max-height: 94px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.web-design-hero-fallback {
  font-size: 4.6rem;
  line-height: 1;
  color: #7c3aed;
}
.web-design-hero-browser {
  position: absolute;
  z-index: 3;
  right: -18px;
  bottom: 23px;
  width: 92px;
  height: 58px;
  display: flex;
  align-items: flex-start;
  gap: 5px;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 13px;
  background: rgba(11,16,48,.88);
  box-shadow: 0 14px 28px rgba(5,7,30,.35);
  transform: rotate(8deg);
}
.web-design-hero-browser span { width: 7px; height: 7px; border-radius: 50%; background: #a855f7; }
.web-design-hero-browser span:nth-child(2) { background: #a78bfa; }
.web-design-hero-browser span:nth-child(3) { background: #f0abfc; }
.web-design-hero-orbit {
  position: absolute;
  z-index: 3;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 15px;
  color: #ddd6fe;
  background: rgba(11,16,48,.72);
  box-shadow: 0 10px 26px rgba(5,7,30,.25);
  font-size: 1.2rem;
}
.web-design-hero-orbit-one { top: 32px; left: 45px; transform: rotate(-12deg); }
.web-design-hero-orbit-two { top: 87px; right: 12px; color: #ddd6fe; transform: rotate(12deg); }
.web-design-hero-orbit-three { bottom: 48px; left: 20px; color: #bae6fd; transform: rotate(-8deg); }
.web-design-hero-caption {
  position: absolute;
  z-index: 4;
  bottom: 11px;
  left: 50%;
  padding: .38rem .78rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  color: #ede9fe;
  background: rgba(11,16,48,.78);
  box-shadow: 0 8px 22px rgba(5,7,30,.25);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  white-space: nowrap;
  transform: translateX(-50%);
}
@media (max-width: 575.98px) {
  .web-design-hero-visual { min-height: 300px; transform: scale(.86); margin-top: -16px; margin-bottom: -20px; }
}
/* --- Web Design Brief Modal --- */
.website-brief-modal {
  --website-navy: #0b1226;
  --website-surface: #121c36;
  --website-border: rgba(148,163,184,.24);
  --website-blue: #a855f7;
  --website-purple: #a78bfa;
}
.website-brief-dialog {
  width: min(860px, calc(100% - 2rem));
  max-width: 860px;
  max-height: calc(100vh - 2rem);
}
.website-brief-modal .modal-content {
  overflow: hidden;
  border: 1px solid var(--website-border);
  border-radius: 24px;
  color: #e2e8f0;
  background: linear-gradient(145deg, #101a35 0%, var(--website-navy) 62%, #171139 100%);
  box-shadow: 0 28px 90px rgba(5,7,30,.58), 0 0 0 1px rgba(167,139,250,.08);
}
.website-brief-modal .modal-header {
  flex: 0 0 auto;
  padding: 1.5rem 1.6rem 1.25rem;
  border-bottom: 1px solid rgba(148,163,184,.18);
  background: linear-gradient(120deg, rgba(124,58,237,.16), rgba(124,58,237,.18));
}
.website-brief-modal .modal-title { color: #fff; letter-spacing: -.02em; }
.website-brief-description { color: #a8b5cc; font-size: .92rem; }
.website-brief-kicker {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin-bottom: .5rem;
  color: #ddd6fe;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.website-brief-kicker i { color: #c4b5fd; }
.website-brief-modal .btn-close { filter: invert(1) grayscale(1) brightness(2); opacity: .8; }
.website-brief-modal .btn-close:hover { opacity: 1; }
.website-brief-modal form { display: flex; min-height: 0; flex: 1 1 auto; flex-direction: column; }
.website-brief-modal .modal-body {
  min-height: 0;
  overflow-y: auto;
  padding: 1.35rem 1.6rem 1.5rem;
  scrollbar-color: #475569 transparent;
  scrollbar-width: thin;
}
.website-brief-modal .modal-body::-webkit-scrollbar { width: 8px; }
.website-brief-modal .modal-body::-webkit-scrollbar-thumb { border-radius: 99px; background: #475569; }
.website-brief-modal .form-label { margin-bottom: .4rem; color: #ede9fe; font-size: .88rem; font-weight: 650; }
.website-brief-modal .website-brief-optional { color: #94a3b8; font-size: .76rem; font-weight: 500; }
.website-brief-modal .form-control {
  border: 1px solid rgba(148,163,184,.3);
  color: #f8fafc;
  background: rgba(11,16,48,.72);
  border-radius: 11px;
}
.website-brief-modal .form-control::placeholder { color: #7f8da6; }
.website-brief-modal .form-control:focus {
  border-color: var(--website-blue);
  background: rgba(11,16,48,.9);
  box-shadow: 0 0 0 .2rem rgba(168,85,247,.16), 0 0 24px rgba(124,58,237,.12);
  color: #fff;
}
.website-brief-modal input[type="file"].form-control { padding: .55rem .7rem; }
.website-brief-modal input[type="file"]::file-selector-button {
  margin: -.55rem .8rem -.55rem -.7rem;
  border: 0;
  border-right: 1px solid rgba(148,163,184,.25);
  padding: .55rem .8rem;
  color: #ede9fe;
  background: rgba(168,85,247,.14);
}
.website-brief-modal .form-text { color: #8493ab; }
.website-brief-deposit {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  margin-bottom: 1.25rem;
  padding: .85rem 1rem;
  border: 1px solid rgba(168,85,247,.28);
  border-radius: 14px;
  color: #ede9fe;
  background: linear-gradient(105deg, rgba(124,58,237,.18), rgba(124,58,237,.15));
}
.website-brief-deposit > i { margin-top: .12rem; color: #c4b5fd; font-size: 1.2rem; }
.website-brief-deposit strong { color: #fff; }
.website-brief-deposit small { color: #b9c8df; }
.website-brief-modal .modal-footer {
  flex: 0 0 auto;
  gap: .65rem;
  padding: 1rem 1.6rem 1.25rem;
  border-top: 1px solid rgba(148,163,184,.18);
  background: rgba(7,13,29,.45);
}
.website-brief-modal .modal-footer .btn { border-radius: 10px; }
.website-brief-modal .modal-footer .btn-primary {
  border: 0;
  background: linear-gradient(135deg, #7c3aed, #7c3aed);
  box-shadow: 0 8px 22px rgba(124,58,237,.24);
}
.website-brief-modal .modal-footer .btn-primary:hover { background: linear-gradient(135deg, #8b5cf6, #8b5cf6); }
@media (max-width: 575.98px) {
  .website-brief-dialog {
    width: 100%;
    max-width: none;
    max-height: 100vh;
    height: 100%;
    margin: 0;
  }
  .website-brief-modal .modal-content { min-height: 100vh; border-radius: 0; }
  .website-brief-modal .modal-header { padding: 1.15rem 1rem 1rem; }
  .website-brief-modal .modal-body { padding: 1.1rem 1rem 1.25rem; }
  .website-brief-modal .modal-footer { padding: .85rem 1rem 1rem; }
  .website-brief-modal .modal-footer .btn { flex: 1 1 auto; }
}
/* --- Web Design Page Sections --- */
.web-design-trust-strip { border-bottom: 1px solid var(--gray-200); background: #fff; }
.web-design-intro-panel {
  display: flex;
  align-items: flex-start;
  gap: 1.15rem;
  padding: 1.65rem;
  border: 1px solid rgba(124,58,237,.13);
  border-radius: 18px;
  background: linear-gradient(135deg, #fff, #f5f7ff);
  box-shadow: 0 16px 45px rgba(91,33,182,.08);
}
.web-design-intro-panel-icon {
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #7c3aed, #7c3aed);
  box-shadow: 0 10px 24px rgba(124,58,237,.22);
  font-size: 1.45rem;
}
.web-design-intro-panel h3 { color: var(--dark); }
.web-design-intro-panel p { color: var(--gray-600); line-height: 1.7; }
.web-design-process-card {
  position: relative;
  height: 100%;
  padding: 1.75rem;
  border: 1px solid var(--gray-200);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 32px rgba(11,16,48,.05);
  overflow: hidden;
}
.web-design-process-card::after {
  content: '';
  position: absolute;
  right: -26px;
  top: -26px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(168,85,247,.1);
}
.web-design-process-number {
  position: absolute;
  top: 1.2rem;
  right: 1.35rem;
  color: rgba(124,58,237,.2);
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: -.08em;
}
.web-design-process-card .feature-icon { position: relative; z-index: 1; margin-bottom: 1.2rem; background: linear-gradient(135deg, #7c3aed, #7c3aed); }
.web-design-process-card h3 { position: relative; z-index: 1; color: var(--dark); }
.web-design-process-card p { position: relative; z-index: 1; margin: 0; color: var(--gray-600); line-height: 1.7; }
.web-design-package-card { border-top: 3px solid transparent; border-image: linear-gradient(90deg, #7c3aed, #7c3aed) 1; }
.web-design-package-label { margin-top: 1.1rem; color: var(--primary); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.web-design-price { margin: .5rem 0 1.2rem; color: var(--dark); font-size: 1.8rem; font-weight: 800; letter-spacing: -.04em; }
.web-design-price small { color: var(--gray-500); font-size: .8rem; font-weight: 500; letter-spacing: 0; }
@media (max-width: 767.98px) {
  .web-design-trust-strip .trust-badge-row { justify-content: flex-start; gap: 1rem 1.4rem; }
  .web-design-intro-panel { padding: 1.25rem; }
  .web-design-process-card { padding: 1.4rem; }
}

/* ============================================
   MOBILE ALIGNMENT
   Bootstrap rows using the .g-5 gutter (48px) get -24px side margins, but the
   .container they sit in only has 12px padding. On phones that pushed
   full-width content 12px past both edges: hero copy sat flush against the
   screen edge, the domain-search button was cut off, and /web-design scrolled
   sideways (layout viewport measured 402px on a 390px screen).
   ============================================ */
@media (max-width: 991.98px) {
  /* 12px side margins now line up exactly with the container padding */
  .container > .row.g-5 { --bs-gutter-x: 1.5rem; }
}
@media (max-width: 575.98px) {
  /* without this a wide child forces page-wide horizontal overflow */
  .container > .row > [class*="col"] { min-width: 0; }
  /* trust badges each centred their own wrapped line, so no two edges matched:
     one badge per row keeps every icon and label on the same left edge */
  .trust-badge-row {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    gap: 0.65rem;
  }
  .trust-badge-item { justify-content: flex-start; }
}

/* The search button used to shrink inside the flex group; the group clips
   (overflow: hidden), so its "Search" label was sliced. */
.domain-input-group input { min-width: 0; }
.domain-input-group button { flex: 0 0 auto; }
@media (max-width: 420px) {
  .domain-input-group button { padding: 0 1.1rem; }
}

/* ============================================
   TABLES ON PHONES
   Data tables used to force horizontal scrolling inside .table-wrap. Below
   576px they are tightened so simple tables fit, and responsive-tables.js marks
   a table .hv-stack only when it still overflows, which restacks every row into
   a card with its column header as the label. Either way no sideways scrolling
   is needed, and nothing changes above the breakpoint.
   ============================================ */
@media (max-width: 575.98px) {
  .table-custom, .table { font-size: 0.82rem; }
  .table-custom th, .table-custom td { padding: 0.45rem 0.4rem; }
  /* a header may wrap rather than dictate the column width */
  .table-custom th { white-space: normal; }
  .table-custom td { overflow-wrap: anywhere; }
  /* the scroller is only removed once a table is actually restacked, so a
     table that cannot be restacked keeps its own scrollbar instead of
     pushing the whole page sideways */
  .hv-stack-wrap { overflow-x: visible; margin: 0; padding: 0; }

  /* --- restacked table: one card per row, label + value per cell --- */
  table.hv-stack { border-collapse: separate; border-spacing: 0; width: 100%; }
  table.hv-stack thead { display: none; }
  table.hv-stack tbody, table.hv-stack tr, table.hv-stack tbody tr > * { display: block; width: auto; }
  table.hv-stack tr {
    border: 1px solid var(--line, var(--bs-border-color, #e2e8f0));
    border-radius: 12px;
    background: var(--surface, var(--bs-body-bg, #fff));
    margin: 0 0 0.6rem;
    padding: 0.3rem 0.7rem;
  }
  table.hv-stack tbody tr > * {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    border: 0;
    padding: 0.4rem 0;
    text-align: right;
  }
  table.hv-stack tbody tr > * + * { border-top: 1px dashed var(--line, var(--bs-border-color, #e2e8f0)); }
  table.hv-stack tbody tr > *::before {
    content: attr(data-label);
    flex: 0 0 auto;
    text-align: left;
    font-weight: 600;
    font-size: 0.78rem;
    color: var(--ink-soft, var(--gray-500, #64748b));
  }
  /* the row's first cell is the card title, not a label/value pair */
  table.hv-stack tbody tr > *.hv-cell-lead {
    display: block;
    text-align: left;
    font-weight: 700;
    font-size: 0.9rem;
    padding-bottom: 0.4rem;
  }
  table.hv-stack tbody tr > *.hv-cell-lead::before { content: none; }
  /* cells with no usable header (or a colspan) get the full width */
  table.hv-stack tbody tr > *.hv-cell-block { display: block; text-align: left; }
  table.hv-stack tbody tr > *.hv-cell-block::before { content: none; }
  /* empty cells add nothing to a card */
  table.hv-stack tbody tr > *:empty { display: none; }
  /* a totals row reads as the card's footer */
  table.hv-stack tfoot tr { display: block; border-top: 1px solid var(--line, var(--bs-border-color, #e2e8f0)); padding-top: .35rem; }
  table.hv-stack tfoot tr > * { display: flex; justify-content: space-between; font-weight: 700; }
  table.hv-stack tr.hv-row-message { text-align: center; }
  table.hv-stack tr.hv-row-message td { justify-content: center; }
  table.hv-stack tbody tr > * .btn, table.hv-stack tbody tr > * .badge { white-space: normal; }
}

/* horizontal scroll fallback for a table that cannot be restacked (no header
   row): keeps it from widening the page. responsive-tables.js removes the
   scroller again for any table it does restack. */
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
a.hosting-card{display:block;text-decoration:none;color:inherit}a.hosting-card:hover{color:inherit}a.hosting-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;transition:color .25s}a.hosting-card:hover h3{color:var(--primary)}a.hosting-card .btn{pointer-events:none}a.hosting-card:hover .btn-outline-primary{background:#7c3aed;border-color:#7c3aed;color:#fff;--bs-btn-color:#fff;--bs-btn-bg:#7c3aed;--bs-btn-border-color:#7c3aed;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#7c3aed;--bs-btn-hover-border-color:#7c3aed}
.status-strip{display:flex;align-items:flex-end;gap:2px;height:26px}.status-strip-bar{flex:1 1 auto;min-width:2px;height:100%;border-radius:2px;background:var(--gray-300,#d1d5db)}.status-strip-up{background:var(--success,#16a34a)}.status-strip-down{background:var(--danger,#dc2626)}.status-strip-pending,.status-strip-maintenance,.status-strip-unknown{background:var(--warning,#f59e0b)}

/* ============================================================================
   Brand surfaces — layered, asymmetric gradients (dark theme)
   ----------------------------------------------------------------------------
   The dark theme shipped as one flat navy: every content section painted the
   same tone, so the page read as a single slab, and the closing CTA was a slab
   of bright violet with hard edges. These washes give each band its own light
   direction — one side lifted, the opposite side deeper — and fade to
   transparent at the edges so neighbouring sections meet without a seam.
   Surfaces stay dark; violet is used as an accent (glows, buttons), never as
   fill. Text contrast measured 8.9-19:1 on these surfaces.
   ========================================================================== */
[data-bs-theme="dark"] body {
  background-color: #080b26;
  background-image: linear-gradient(180deg, #0a0d30 0%, #090c28 20%, #080b26 55%, #060920 100%);
  background-repeat: no-repeat;
}

/* Light from the top-left, a quieter lift from the bottom-right. */
[data-bs-theme="dark"] .section-padding {
  background-color: transparent;
  background-image:
    /* each band starts and ends on the page base tone: neighbours always meet cleanly */
    linear-gradient(180deg, #090c28 0%, rgba(9,12,40,0) 10%, rgba(9,12,40,0) 90%, #090c28 100%),
    linear-gradient(115deg, rgba(124,58,237,0.11) 0%, rgba(124,58,237,0.03) 30%, rgba(124,58,237,0) 52%),
    linear-gradient(295deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0) 42%);
  background-repeat: no-repeat;
}

/* The alternating band mirrors the direction, so consecutive sections read as
   facets of one surface rather than repeated stripes. */
[data-bs-theme="dark"] .section-padding.bg-light-section {
  background-color: transparent;
  background-image:
    /* mirrored direction, same pinned edges */
    linear-gradient(180deg, #090c28 0%, rgba(9,12,40,0) 10%, rgba(9,12,40,0) 90%, #090c28 100%),
    linear-gradient(245deg, rgba(124,58,237,0.13) 0%, rgba(124,58,237,0.04) 34%, rgba(124,58,237,0) 56%),
    linear-gradient(65deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0) 38%);
  background-repeat: no-repeat;
}

/* The thin trust strip under the hero: a faint wash so it is not a flat sliver. */
[data-bs-theme="dark"] section.py-4 {
  /* edge tones match the hero above and the products section below, so the strip
     has no hard top/bottom line */
  background-image:
    linear-gradient(180deg, #070e2c 0%, rgba(7,14,44,0) 30%, rgba(9,12,40,0) 70%, #090c28 100%),
    linear-gradient(90deg, rgba(124,58,237,0.07) 0%, rgba(124,58,237,0.02) 45%, rgba(255,255,255,0.02) 100%);
  background-repeat: no-repeat;
}

/* The closing CTA is a dark surface like every other section — violet only as
   an accent (buttons, glow), never as a slab of fill. */
[data-bs-theme="dark"] .cta-premium {
  background-color: transparent;
  background-image:
    /* edge tones match the band above and the footer below: no seam either side */
    linear-gradient(180deg, #0a0e2c 0%, rgba(10,14,44,0) 14%, rgba(8,11,39,0) 86%, #080b27 100%),
    radial-gradient(75% 120% at 50% 84%, rgba(124,58,237,0.28) 0%, rgba(124,58,237,0.08) 45%, rgba(124,58,237,0) 78%),
    linear-gradient(115deg, rgba(124,58,237,0.10) 0%, rgba(124,58,237,0.02) 40%, rgba(124,58,237,0) 58%),
    linear-gradient(180deg, #090c28 0%, #0b1034 50%, #080b26 100%);
}
/* The decorative white circles were drawn for the old bright-violet band; on a
   dark surface they get clipped at the section edge and read as a faint seam. */
[data-bs-theme="dark"] .cta-premium::before,
[data-bs-theme="dark"] .cta-premium::after { display: none; }

[data-bs-theme="dark"] .cta-premium p { color: #a7adde; opacity: 1; }
[data-bs-theme="dark"] .cta-premium .cta-trust-line { color: #8e95c9; opacity: 1; }
/* Buttons match the hero pair: solid violet primary, outlined violet secondary. */
[data-bs-theme="dark"] .cta-premium .btn-light {
  background: linear-gradient(135deg, #7c3aed, #6d28d9); color: #ffffff; border: none;
}
[data-bs-theme="dark"] .cta-premium .btn-light:hover {
  transform: translateY(-2px); box-shadow: 0 8px 30px rgba(124,58,237,0.5);
}
[data-bs-theme="dark"] .cta-premium .btn-outline-light {
  border: 2px solid #a855f7; color: #c4b5fd; background: transparent;
}
[data-bs-theme="dark"] .cta-premium .btn-outline-light:hover {
  background: rgba(124,58,237,0.18); border-color: #c084fc; color: #ffffff;
}

[data-bs-theme="dark"] .footer {
  background-color: transparent;
  background-image: linear-gradient(180deg, #090c28 0%, #05071c 100%);
}


/* ============================================================================
   Brand surfaces — light theme
   ----------------------------------------------------------------------------
   Light mode shipped as flat white: white cards on a white page held together
   by 1px grey borders, so nothing had depth and no two sections separated.
   Same approach as the dark theme — a slow page gradient, faint lavender
   washes with the light direction alternating per section, edges pinned to the
   page tone so bands meet cleanly, white cards lifted on a soft shadow, and a
   closing CTA that fades into the page instead of sitting on it as a slab.
   ========================================================================== */
html:not([data-bs-theme="dark"]) body {
  background-color: #ffffff;
  background-image: linear-gradient(180deg, #ffffff 0%, #fbfaff 28%, #f7f5ff 64%, #ffffff 100%);
  background-repeat: no-repeat;
}

html:not([data-bs-theme="dark"]) .section-padding {
  background-color: transparent;
  background-image:
    linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,0) 12%, rgba(255,255,255,0) 88%, #ffffff 100%),
    linear-gradient(115deg, rgba(124,58,237,0.055) 0%, rgba(124,58,237,0.015) 34%, rgba(124,58,237,0) 58%);
  background-repeat: no-repeat;
}

html:not([data-bs-theme="dark"]) .section-padding.bg-light-section {
  background-color: transparent;
  background-image:
    linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,0) 12%, rgba(255,255,255,0) 88%, #ffffff 100%),
    linear-gradient(245deg, rgba(124,58,237,0.08) 0%, rgba(124,58,237,0.025) 38%, rgba(124,58,237,0) 62%);
  background-repeat: no-repeat;
}

/* The thin commitment strip: a wash that settles into the page below it. */
html:not([data-bs-theme="dark"]) section.py-4 {
  background-image: linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,0) 22%, rgba(124,58,237,0.05) 58%, #ffffff 100%);
  background-repeat: no-repeat;
}

/* White cards need to lift off the tinted page, not blur into it. */
html:not([data-bs-theme="dark"]) .hosting-card,
html:not([data-bs-theme="dark"]) .why-premium-card,
html:not([data-bs-theme="dark"]) .hv-mini-card {
  background-color: #ffffff;
  border-color: rgba(124,58,237,0.10);
  box-shadow: 0 1px 2px rgba(24,16,54,0.04), 0 16px 32px -22px rgba(76,29,149,0.30);
}

/* The closing CTA fades into the page at both edges instead of being a slab. */
html:not([data-bs-theme="dark"]) .cta-premium {
  background-color: transparent;
  background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 2%, #6d28d9 9%, #7c3aed 44%, #6d28d9 100%);
}
html:not([data-bs-theme="dark"]) .cta-premium::before,
html:not([data-bs-theme="dark"]) .cta-premium::after { display: none; }

/* The why-us icon tiles read too faintly in light mode next to the solid violet
   product tiles; give them a touch more weight. */
html:not([data-bs-theme="dark"]) .why-premium-icon {
  background-color: rgba(124,58,237,0.11);
  color: #6d28d9;
}


/* ============================================================================
   Products grid — centred rows
   ----------------------------------------------------------------------------
   Five product cards in a fixed 3-column grid left the second row (Cloud VPS,
   Dedicated Servers) hugging the left edge. Flex with a fixed basis and centred
   rows means any partial row — two cards, or one — sits in the middle.
   ========================================================================== */
.hosting-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
}
.hosting-grid > .hosting-card {
  flex: 0 1 calc((100% - 3rem) / 3);
  max-width: calc((100% - 3rem) / 3);
}
@media (max-width: 992px) {
  .hosting-grid > .hosting-card {
    flex-basis: calc((100% - 1.5rem) / 2);
    max-width: calc((100% - 1.5rem) / 2);
  }
}
@media (max-width: 768px) {
  .hosting-grid > .hosting-card { flex-basis: 100%; max-width: 100%; }
}




/* The 404 page inherited the light theme's near-black title — --dark is not
   remapped in dark mode, so "Page Not Found" rendered at 1.04:1 contrast, i.e.
   invisible. Its hover colour had the same problem. */
[data-bs-theme="dark"] .error-404-title { color: #e9ebfb; }
[data-bs-theme="dark"] .error-404-text,
[data-bs-theme="dark"] .error-404-search-label { color: #a7adde; }
[data-bs-theme="dark"] .error-404-links .btn-outline-light:hover { color: #e9ebfb; }

/* Same treatment the hero's outlined button gets: the base outline colour is
   only 3.6:1 on the dark page, so the label reads dim. */
[data-bs-theme="dark"] .error-404-links .btn-outline-primary {
  color: #c4b5fd;
  border-color: #a855f7;
}
[data-bs-theme="dark"] .error-404-links .btn-outline-primary:hover {
  background: #7c3aed !important;
  border-color: #7c3aed;
  color: #ffffff;
}


/* ============================================================================
   Web Design page — dark theme
   ----------------------------------------------------------------------------
   This page's section styles were written light-only: a white trust strip,
   white process cards and an almost-white intro panel, with var(--dark)
   headings. --dark is not remapped in dark mode, so the headings rendered
   near-black on near-black (1.04:1) while the white cards sat under pale lilac
   body text. Same treatment as the rest of the site: dark surfaces, light ink.
   ========================================================================== */
[data-bs-theme="dark"] .web-design-trust-strip {
  background: transparent;
  border-bottom-color: #1b2158;
}
[data-bs-theme="dark"] .web-design-process-card {
  background: #101542;
  border-color: #1b2158;
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
}
[data-bs-theme="dark"] .web-design-intro-panel {
  background: linear-gradient(135deg, #101542, #141a45);
  border-color: rgba(124,58,237,.28);
  box-shadow: 0 16px 45px rgba(0,0,0,.35);
}
[data-bs-theme="dark"] .web-design-intro-panel h3,
[data-bs-theme="dark"] .web-design-process-card h3,
[data-bs-theme="dark"] .web-design-price {
  color: #e9ebfb;
}
[data-bs-theme="dark"] .web-design-process-number { color: rgba(168,85,247,.42); }
/* --primary is #5b21b6 and dark mode does not remap it (it is also used for
   fills, where white text keeps its contrast), so this label sets its own
   dark value rather than reading the token. */
[data-bs-theme="dark"] .web-design-package-label { color: #c4b5fd; }


/* ── VPS category group rows ──
   These rows used Bootstrap's .table-light, which is a hard light band: in dark
   mode it glared white against the dark table. Themed instead, so the four
   groups (Cost Optimized, Shared CPU, ARM, Dedicated CPU) read as section
   headers in either theme. */
.hv-vps-category td {
  background: #f5f3ff;
  color: #4c1d95;
  font-weight: 700;
  letter-spacing: .01em;
  border-top: 1px solid #e9ddff;
  border-bottom: 1px solid #e9ddff;
}
.hv-vps-category i { color: #7c3aed; }
[data-bs-theme="dark"] .hv-vps-category td {
  background: #141a45;
  color: #c4b5fd;
  border-top-color: rgba(124,58,237,.30);
  border-bottom-color: rgba(124,58,237,.30);
}
[data-bs-theme="dark"] .hv-vps-category i { color: #a855f7; }

/* ─── Brand action buttons ───────────────────────────────────────────────────
   The domain results used Bootstrap's stock warning and info fills: amber and
   cyan, the two loudest colours on the site and neither of them ours. These are
   the same two actions in the brand palette — a filled violet for the primary
   action, a violet outline for the secondary — which also gives the row an
   order, instead of two buttons shouting at each other. Scoped to these classes
   rather than to Bootstrap's variants, so a real warning button stays amber.
   Declared as .btn.btn-brand so it outranks .btn's own background. */
.btn.btn-brand {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  font-weight: 600;
}
.btn.btn-brand:hover,
.btn.btn-brand:focus-visible {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.btn.btn-brand-outline {
  background: transparent;
  border: 1px solid rgba(124, 58, 237, .55);
  color: var(--accent);
  font-weight: 600;
}
.btn.btn-brand-outline:hover,
.btn.btn-brand-outline:focus-visible {
  background: rgba(124, 58, 237, .12);
  border-color: var(--accent);
  color: var(--primary);
}
[data-bs-theme="dark"] .btn.btn-brand-outline {
  color: #c4b5fd;
  border-color: rgba(168, 85, 247, .5);
}
[data-bs-theme="dark"] .btn.btn-brand-outline:hover,
[data-bs-theme="dark"] .btn.btn-brand-outline:focus-visible {
  background: rgba(168, 85, 247, .18);
  border-color: var(--primary-light);
  color: #fff;
}

/* The third action in the row. Bootstrap's outline-secondary renders grey on the
   dark hero at about 3.5:1; these are the theme's own muted tone and dark border,
   so the row's neutral button stops being the hardest thing in it to read. */
[data-bs-theme="dark"] .domain-result .btn-outline-secondary {
  color: var(--gray-500);
  border-color: var(--dark-border);
}
[data-bs-theme="dark"] .domain-result .btn-outline-secondary:hover {
  background: rgba(255, 255, 255, .08);
  border-color: var(--gray-400);
  color: #fff;
}

/* Issue #66: these base rules used to set their colour with !important, which
   silently beat the dark-theme repairs further up. The importants are gone and
   the dark values live in the theme layer, where a repair can win. Measured
   against the dark page surface #080b26. */
[data-bs-theme=dark] .btn-outline-primary:not(:hover){border-color:#c4b5fd;color:#c4b5fd}
[data-bs-theme=dark] .btn-outline-secondary{border-color:#a7adde;color:#c0c6e8}
/* Issue #66: the uptime figure on /status uses Bootstrap's text-success, which is
   3.84:1 on the dark card. The badges beside it were themed; this is the number. */
[data-bs-theme=dark] .text-success{color:#34d399}