/* Wonderweb Client Console public portal home V3.0.
   All public-home styles are scoped to .wwh-v3 or body.wwh-v3-ready. */
.wwh-v3{--wwh-ink:#14203e;--wwh-navy:#101a3c;--wwh-purple:#6e4bf1;--wwh-purple-dark:#5737dd;--wwh-muted:#61708b;--wwh-line:#e7eaf4;--wwh-bg:#f7f9fd;--wwh-white:#fff; font-family:Inter, 'Open Sans', Arial, sans-serif;color:var(--wwh-ink);font-size:16px;line-height:1.55;padding:20px 0 58px;}
.wwh-v3 *, .wwh-v3 *::before,.wwh-v3 *::after {box-sizing:border-box}
.wwh-v3 a{text-decoration:none}
.wwh-v3 a:focus-visible,.wwh-v3 button:focus-visible,.wwh-v3 input:focus-visible{outline:3px solid #a796ff;outline-offset:3px}
.wwh-v3 h1,.wwh-v3 h2,.wwh-v3 h3,.wwh-v3 p{margin-top:0}
.wwh-v3 h2{font-size:clamp(28px,3.1vw,39px);font-weight:800;letter-spacing:-1.15px;line-height:1.17}
.wwh-v3 h3{font-size:21px;line-height:1.3;letter-spacing:-.4px;font-weight:800}
.wwh-v3-hero{position:relative;isolation:isolate;overflow:hidden;padding:68px 58px 61px;border-radius:27px;background:radial-gradient(circle at 95% 0%,#2b286a 0%,transparent 43%),linear-gradient(124deg,#111b43 0%,#111a39 56%,#161945 100%);box-shadow:0 26px 58px rgba(21,25,71,.15);color:#fff}
.wwh-v3-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:50px;align-items:center;position:relative;z-index:1}
.wwh-v3-hero-orb{position:absolute;pointer-events:none;filter:blur(1px);border-radius:50%}
.wwh-v3-orb-one{width:290px;height:290px;right:-134px;top:-156px;background:rgba(109,76,241,.25)}
.wwh-v3-orb-two{width:260px;height:260px;bottom:-207px;left:22%;background:rgba(102,61,231,.15)}
.wwh-v3-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#e5deff;font-size:12px;letter-spacing:1.6px;font-weight:800;margin-bottom:23px}
.wwh-v3-dot{width:9px;height:9px;border-radius:50%;background:#aa92ff;box-shadow:0 0 0 5px rgba(175,150,255,.13)}
.wwh-v3-hero h1{color:#fff!important;font-size:clamp(38px,4.4vw,61px)!important;line-height:1.085;letter-spacing:-2.8px;font-weight:850;margin:0 0 23px}
.wwh-v3-hero h1 span{color:#baadff}
.wwh-v3-hero-copy>p{font-size:17px;line-height:1.73;max-width:530px;color:#c5cee5;margin:0 0 30px}
.wwh-v3-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
.wwh-v3-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:11px;font-size:14px;font-weight:800;min-height:50px;transition:transform .2s,background-color .2s,box-shadow .2s;white-space:normal;text-align:center}
.wwh-v3-btn:hover{transform:translateY(-2px)}
.wwh-v3-btn-light{color:#152348!important;background:#fff;box-shadow:0 12px 23px rgba(0,0,0,.1)}
.wwh-v3-btn-light:hover{background:#f2f0ff;color:#152348!important}
.wwh-v3-btn-quiet{color:#f0ecff!important;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.05)}
.wwh-v3-btn-quiet:hover{background:rgba(255,255,255,.12);color:#fff!important}
.wwh-v3-hero-notes{display:flex;flex-wrap:wrap;gap:10px 18px;color:#c6d0e9;font-size:12px;font-weight:600}
.wwh-v3-hero-notes i{color:#ad98ff;margin-right:4px}
.wwh-v3-domain-area{position:relative;background:#fff;color:#172347;border:1px solid #eeeafb;border-radius:20px;padding:27px 28px 22px;box-shadow:0 28px 64px rgba(0,0,0,.17)}
.wwh-v3-domain-heading{display:flex;gap:14px;align-items:center;margin-bottom:19px}
.wwh-v3-domain-icon{display:flex;align-items:center;justify-content:center;flex:0 0 49px;width:49px;height:49px;border-radius:14px;color:#6e4bf1;background:#f1ecff;font-size:21px}
.wwh-v3-domain-heading strong{display:block;color:#172347;font-size:17px;line-height:1.32;letter-spacing:-.2px;font-weight:800}
.wwh-v3-domain-heading small{display:block;color:#76829a;font-size:12px;margin-top:4px}
.wwh-v3-domain-loading,.wwh-v3-domain-unavailable{margin:12px 0 8px;color:#697791;font-size:14px;line-height:1.55}
.wwh-v3-domain-unavailable a{color:#6e4bf1;font-weight:800}
.wwh-v3-domain-footnote{display:flex;gap:8px;align-items:flex-start;border-top:1px solid #edf0f7;margin-top:15px;padding-top:15px;color:#7a879d;font-size:11.5px;line-height:1.5}
.wwh-v3-domain-footnote i{color:#6e4bf1;margin-top:2px}
/* WHMCS native domain search is MOVED into the hero, never copied or reimplemented. */
.wwh-v3-domain-slot #frmDomainHomepage{display:block!important;width:100%;margin:0!important;padding:0!important}
.wwh-v3-domain-slot .home-domain-search,.wwh-v3-domain-slot .home-domain-search.bg-white{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
.wwh-v3-domain-slot .home-domain-search>.container{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.wwh-v3-domain-slot .home-domain-search .p-5{padding:0!important}
.wwh-v3-domain-slot .home-domain-search .clearfix{float:none!important}
.wwh-v3-domain-slot .home-domain-search h2{display:none!important}
.wwh-v3-domain-slot .input-group-wrapper{margin:0!important;padding:0!important}
.wwh-v3-domain-slot .input-group{flex-wrap:nowrap;display:flex;align-items:stretch;box-shadow:none!important}
.wwh-v3-domain-slot input[name="domain"],.wwh-v3-domain-slot .form-control[name="domain"]{height:53px!important;min-width:0!important;flex:1 1 auto!important;border:1px solid #dfe3f0!important;border-radius:10px 0 0 10px!important;background:#fbfcff!important;padding:0 13px!important;font-size:15px!important;line-height:1.4!important;box-shadow:none!important;color:#172347!important}
.wwh-v3-domain-slot .input-group-append{display:flex;flex:0 0 auto;align-self:stretch;margin:0!important}
.wwh-v3-domain-slot .input-group-append button{min-height:53px;border-radius:0!important;font-size:12px!important;font-weight:800!important;padding:0 13px!important;box-shadow:none!important;border:0!important}
.wwh-v3-domain-slot #btnDomainSearch{background:#6e4bf1!important;color:#fff!important}
.wwh-v3-domain-slot #btnTransfer{background:#eef0fa!important;color:#2d385b!important;border-radius:0 9px 9px 0!important}
.wwh-v3-domain-slot #btnDomainSearch:hover{background:#5737dd!important}
.wwh-v3-domain-slot #btnTransfer:hover{background:#e2e5f4!important}
.wwh-v3-domain-slot .d-sm-none.row{margin:8px -5px 0!important}
.wwh-v3-domain-slot .d-sm-none.row>div{padding:0 5px}
.wwh-v3-domain-slot #btnDomainSearch2,.wwh-v3-domain-slot #btnTransfer2{font-size:13px;font-weight:800;min-height:45px;border-radius:8px!important}
.wwh-v3-domain-slot #btnDomainSearch2{background:#6e4bf1!important;color:#fff!important;border:0!important}
.wwh-v3-domain-slot #btnTransfer2{background:#edf0fa!important;color:#233252!important;border:0!important}
.wwh-v3-domain-slot .tld-logos{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;list-style:none!important;margin:18px 0 0!important;padding:0!important}
.wwh-v3-domain-slot .tld-logos li{display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:0!important;width:auto!important;margin:0!important;padding:8px 10px!important;border-radius:8px!important;border:1px solid #e9ebf4!important;background:#fbfcff!important;float:none!important;font-size:11px!important;font-weight:800;color:#44516c}
.wwh-v3-domain-slot .tld-logos img{max-width:40px!important;max-height:20px!important;object-fit:contain;vertical-align:middle}
.wwh-v3-domain-slot a.btn-link{display:inline-flex!important;float:none!important;margin-top:13px!important;padding:2px 0!important;color:#6e4bf1!important;font-size:12px!important;font-weight:750}
.wwh-v3-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px 8px 4px;margin-bottom:29px}
.wwh-v3-benefit{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 6px}
.wwh-v3-benefit-icon{width:41px;height:41px;flex:0 0 41px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#6e4bf1;background:#efebff;font-size:16px}
.wwh-v3-benefit strong{display:block;color:#233253;font-size:13.5px;font-weight:800;line-height:1.35}
.wwh-v3-benefit small{display:block;color:#77849c;font-size:11.5px;margin-top:3px;line-height:1.3}
.wwh-v3-section{margin-top:54px}
.wwh-v3-section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
.wwh-v3-kicker{display:inline-block;color:#6e4bf1;font-size:11px;letter-spacing:1.85px;font-weight:900;margin-bottom:10px}
.wwh-v3-section-top h2{margin-bottom:9px;color:#14203e}
.wwh-v3-section-top p,.wwh-v3-help-heading p{margin:0;color:#6c7a93;font-size:15px}
.wwh-v3-text-link{color:#6040e1!important;display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:800;white-space:nowrap;padding:10px 0}
.wwh-v3-text-link:hover{color:#3d27aa!important}
.wwh-v3-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.wwh-v3-service-card{position:relative;display:flex;flex-direction:column;min-height:249px;background:#fff;border:1px solid #e7eaf4;border-radius:16px;padding:24px 24px 22px;box-shadow:0 8px 25px rgba(18,30,70,.035);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.wwh-v3-service-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#6e4bf1;opacity:0;transition:opacity .2s}
.wwh-v3-service-card:hover{transform:translateY(-4px);border-color:#cbc4f7;box-shadow:0 18px 34px rgba(48,45,116,.10)}
.wwh-v3-service-card:hover::before{opacity:1}
.wwh-v3-service-icon{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:14px;color:#6e4bf1;background:#f1edff;font-size:21px;margin-bottom:19px}
.wwh-v3-service-overline{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#8e99ac;margin-bottom:7px}
.wwh-v3-service-card h3{margin:0 0 9px;color:#1a2949}
.wwh-v3-service-card p{color:#707d93;line-height:1.55;font-size:13.5px;margin-bottom:22px}
.wwh-v3-card-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:#6445e5!important;font-size:13px;font-weight:850}
.wwh-v3-card-link:hover{color:#3826a9!important}
.wwh-v3-card-link i{transition:transform .2s}
.wwh-v3-service-card:hover .wwh-v3-card-link i{transform:translateX(3px)}
.wwh-v3-account{padding-top:29px;border-top:1px solid #e7ebf5}
.wwh-v3-shortcut-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.wwh-v3-shortcut{display:flex;align-items:flex-start;flex-direction:column;position:relative;gap:17px;min-height:158px;padding:20px 17px;background:#fff;border:1px solid #e6eaf3;border-radius:13px;transition:border-color .2s,box-shadow .2s,transform .2s}
.wwh-v3-shortcut:hover{border-color:#bfb1ff;box-shadow:0 12px 24px rgba(43,38,113,.08);transform:translateY(-2px)}
.wwh-v3-shortcut-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#6e4bf1;background:#f0ecff;border-radius:10px;font-size:16px}
.wwh-v3-shortcut-copy{display:block;padding-right:4px}
.wwh-v3-shortcut-copy strong{display:block;font-weight:850;font-size:13.5px;line-height:1.25;color:#243153}
.wwh-v3-shortcut-copy small{display:block;margin-top:5px;color:#8a95aa;font-size:11px;line-height:1.45}
.wwh-v3-shortcut-arrow{position:absolute;top:24px;right:18px;transform:rotate(45deg);color:#aeb6c6;font-size:11px}
.wwh-v3-help{margin-top:58px;padding:39px 42px 30px;border:1px solid #e1e6f3;border-radius:22px;background:linear-gradient(144deg,#f0f3fc,#f9faff);}
.wwh-v3-help-heading{text-align:center;margin-bottom:25px}
.wwh-v3-help-heading h2{font-size:clamp(26px,3vw,34px);margin-bottom:10px}
.wwh-v3-help-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wwh-v3-help-link{display:flex;align-items:flex-start;flex-direction:column;position:relative;min-height:154px;background:white;border:1px solid #e3e7f2;border-radius:12px;padding:19px 18px;transition:transform .2s,border-color .2s}
.wwh-v3-help-link:hover{transform:translateY(-2px);border-color:#b9aaff}
.wwh-v3-help-link>span{color:#6e4bf1;font-size:19px;margin-bottom:16px}
.wwh-v3-help-link strong{color:#253354;font-weight:850;font-size:14px;line-height:1.2}
.wwh-v3-help-link small{display:block;color:#8793a7;font-size:11.5px;margin-top:5px;max-width:170px}
.wwh-v3-help-arrow{position:absolute;right:18px;bottom:20px;color:#7b5ff1;font-size:12px}
.wwh-v3-help-bottom{display:flex;justify-content:center;gap:10px 18px;align-items:center;flex-wrap:wrap;border-top:1px solid #dfe4f1;padding-top:21px;margin-top:22px;color:#6c7b95;font-size:13px}
.wwh-v3-help-bottom a{color:#6244e8!important;font-weight:800;font-size:12px}
.wwh-v3-last-cta{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:44px;padding:24px 29px;border-radius:16px;color:#fff;background:linear-gradient(120deg,#1b2552,#26245e)}
.wwh-v3-last-cta>div{display:flex;align-items:center;gap:16px;min-width:0}
.wwh-v3-last-icon{display:flex;align-items:center;justify-content:center;flex:0 0 47px;width:47px;height:47px;border-radius:12px;background:rgba(255,255,255,.12);color:#d7caff;font-size:20px}
.wwh-v3-last-cta strong{display:block;color:#fff;font-size:17px;line-height:1.3;font-weight:800}
.wwh-v3-last-cta p{color:#bfc7e2;margin:4px 0 0;font-size:12px}
.wwh-v3-btn-purple{background:#7353f5;color:#fff!important;box-shadow:0 10px 20px rgba(0,0,0,.1)}
.wwh-v3-btn-purple:hover{background:#8467ff;color:#fff!important}
/* Page-level polish, only when the redesigned homepage is present and the JS initialized. */
body.wwh-v3-ready {background:#f7f9fd!important}
body.wwh-v3-ready .master-breadcrumb,body.wwh-v3-ready .ww-page-accent{display:none!important}
body.wwh-v3-ready #main-body{background:#f7f9fd!important;padding-top:10px!important;padding-bottom:0!important}
body.wwh-v3-ready #main-body > .container {max-width:1240px!important}
body.wwh-v3-ready #footer{margin-top:0!important}
body.wwh-v3-ready #header .navbar-brand .ww-brand-logo{max-height:54px}
@media (max-width:1199px){.wwh-v3-hero{padding:56px 38px}.wwh-v3-hero-grid{gap:25px}.wwh-v3-hero h1{font-size:clamp(38px,4.1vw,51px)!important;letter-spacing:-2px}.wwh-v3-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:991px){.wwh-v3-hero-grid{grid-template-columns:1fr;gap:34px}.wwh-v3-hero{padding:48px 37px}.wwh-v3-hero-copy>p{max-width:680px}.wwh-v3-domain-area{max-width:680px}.wwh-v3-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wwh-v3-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wwh-v3-benefits{gap:8px}.wwh-v3-benefit{align-items:flex-start}}
@media (max-width:767px){.wwh-v3{padding:10px 0 42px}.wwh-v3-hero{padding:41px 24px 29px;border-radius:18px}.wwh-v3-hero h1{font-size:clamp(35px,8vw,48px)!important;letter-spacing:-1.8px}.wwh-v3-hero-copy>p{font-size:15.5px}.wwh-v3-hero-buttons{gap:10px}.wwh-v3-btn{min-height:47px;font-size:13px;padding:12px 16px}.wwh-v3-domain-area{padding:22px 19px}.wwh-v3-benefits{grid-template-columns:1fr;gap:0;margin-bottom:8px;padding:17px 0 0}.wwh-v3-benefit{padding:8px 3px}.wwh-v3-section{margin-top:40px}.wwh-v3-section-top{align-items:flex-start;flex-direction:column;gap:7px}.wwh-v3-section-top h2{font-size:29px}.wwh-v3-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wwh-v3-help{padding:28px 17px 21px;margin-top:42px}.wwh-v3-last-cta{align-items:flex-start;flex-direction:column;padding:25px 22px}.wwh-v3-last-cta .wwh-v3-btn{width:100%}}
@media (max-width:575px){.wwh-v3-hero{padding:35px 18px 24px}.wwh-v3-hero h1{font-size:37px!important;line-height:1.1}.wwh-v3-eyebrow{font-size:9.5px;letter-spacing:1.2px}.wwh-v3-hero-notes{font-size:11px}.wwh-v3-domain-heading strong{font-size:15px}.wwh-v3-domain-area{padding:20px 16px}.wwh-v3-domain-slot input[name="domain"]{border-radius:9px!important;height:49px!important}.wwh-v3-domain-slot .d-none.d-sm-block{display:none!important}.wwh-v3-domain-slot .tld-logos{gap:5px!important}.wwh-v3-domain-slot .tld-logos li{padding:6px 7px!important}.wwh-v3-service-grid{grid-template-columns:1fr}.wwh-v3-service-card{min-height:223px}.wwh-v3-shortcut-grid{gap:9px}.wwh-v3-shortcut{padding:16px 13px;min-height:145px}.wwh-v3-shortcut-copy strong{font-size:13px}.wwh-v3-help-grid{grid-template-columns:1fr;gap:9px}.wwh-v3-help-link{min-height:98px;padding:15px 17px 14px 65px;justify-content:center}.wwh-v3-help-link>span{position:absolute;top:28px;left:19px;margin:0}.wwh-v3-help-arrow{right:17px;bottom:auto;top:36px}.wwh-v3-help-heading h2{font-size:27px}.wwh-v3-help-bottom{gap:11px}.wwh-v3-last-cta strong{font-size:15px}}
@media (prefers-reduced-motion:reduce){.wwh-v3 *{transition:none!important;animation:none!important}}
@media (min-width:576px){.wwh-v3-domain-slot .input-group-append.d-sm-block{display:flex!important;align-items:stretch!important}}