:root {
    --wg-bg: #f4f7fb;
    --wg-surface: #ffffff;
    --wg-surface-soft: #f8faff;
    --wg-line: #e4e9f2;
    --wg-line-strong: #d7deea;
    --wg-text: #142033;
    --wg-muted: #66758c;
    --wg-blue: #0f6fff;
    --wg-blue-dark: #0757cc;
    --wg-blue-soft: #eaf2ff;
    --wg-green: #18a66a;
    --wg-red: #d94452;
    --wg-shadow: 0 18px 45px rgba(29, 49, 83, .08);
    --wg-radius: 18px;
}

html { scroll-behavior: smooth; }
body.weblygo-ui {
    background: var(--wg-bg) !important;
    color: var(--wg-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
    line-height: 1.55;
}

.weblygo-ui .container {
    width: min(1180px, calc(100% - 40px));
    max-width: 1180px;
}

.weblygo-ui a { color: var(--wg-blue); }
.weblygo-ui a:hover { color: var(--wg-blue-dark); text-decoration: none; }

.weblygo-ui #header.header {
    position: sticky;
    top: 0;
    z-index: 1040;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(215,222,234,.9);
    box-shadow: 0 6px 22px rgba(31,48,76,.04);
}

.weblygo-ui #header .topbar {
    background: #0d1b2d;
    border: 0;
}
.weblygo-ui #header .topbar,
.weblygo-ui #header .topbar a,
.weblygo-ui #header .topbar .btn,
.weblygo-ui #header .topbar .input-group-text {
    color: #e9f0fa;
}
.weblygo-ui #header .topbar .input-group-text,
.weblygo-ui #header .topbar .btn {
    background: transparent;
    border-color: rgba(255,255,255,.12);
}

.weblygo-ui #header > .navbar.navbar-light {
    min-height: 74px;
    background: transparent;
    border: 0;
    padding: 0;
}
.weblygo-ui .navbar-brand {
    color: #0d1b2d !important;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -1.2px;
    text-transform: lowercase;
}
.weblygo-ui .navbar-brand::after {
    content: "HOSTING & CLOUD";
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid var(--wg-line-strong);
    color: #8795a9;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.45px;
    vertical-align: middle;
}
.weblygo-ui .navbar-brand img.logo-img { max-height: 36px; }

.weblygo-ui .main-navbar-wrapper {
    background: #fff !important;
    border-top: 1px solid var(--wg-line);
    border-bottom: 0 !important;
    min-height: 52px;
}
.weblygo-ui .main-navbar-wrapper .navbar-nav > li > a,
.weblygo-ui .main-navbar-wrapper .navbar-nav > li > .nav-link {
    color: #42516a !important;
    font-size: 14px;
    font-weight: 650;
    padding: 15px 14px !important;
}
.weblygo-ui .main-navbar-wrapper .navbar-nav > li.active > a,
.weblygo-ui .main-navbar-wrapper .navbar-nav > li > a:hover {
    color: var(--wg-blue) !important;
    background: transparent !important;
}
.weblygo-ui #header .toolbar .nav-link {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--wg-surface-soft);
    border: 1px solid var(--wg-line);
    display: grid;
    place-items: center;
}
.weblygo-ui #header .search .form-control,
.weblygo-ui #header .search .btn {
    border-color: var(--wg-line);
    background: #f7f9fc;
}

.weblygo-ui .master-breadcrumb {
    background: transparent;
    border: 0;
    padding-top: 18px;
}
.weblygo-ui .master-breadcrumb .breadcrumb {
    background: transparent;
    padding: 0;
    font-size: 12px;
    color: var(--wg-muted);
}

.weblygo-ui #main-body { padding: 28px 0 64px; }
.weblygo-ui #main-body > .container { min-height: 52vh; }

.weblygo-ui .header-lined {
    margin-bottom: 26px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--wg-line);
}
.weblygo-ui .header-lined h1 {
    color: var(--wg-text);
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.7px;
}
.weblygo-ui .header-lined p { color: var(--wg-muted); }

.weblygo-ui .card,
.weblygo-ui .panel,
.weblygo-ui .sidebar .card {
    border: 1px solid var(--wg-line);
    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(26,46,77,.05);
    overflow: hidden;
}
.weblygo-ui .card-header {
    background: #fff;
    border-bottom: 1px solid var(--wg-line);
}
.weblygo-ui .card-footer {
    background: #fbfcfe;
    border-top: 1px solid var(--wg-line);
}
.weblygo-ui .list-group-item { border-color: var(--wg-line); }

.weblygo-ui .btn {
    border-radius: 10px;
    font-weight: 650;
}
.weblygo-ui .btn-primary,
.weblygo-ui .btn-success {
    background: var(--wg-blue);
    border-color: var(--wg-blue);
}
.weblygo-ui .btn-primary:hover,
.weblygo-ui .btn-success:hover {
    background: var(--wg-blue-dark);
    border-color: var(--wg-blue-dark);
}
.weblygo-ui .form-control,
.weblygo-ui select.form-control {
    min-height: 46px;
    border-radius: 10px;
    border-color: var(--wg-line-strong);
    box-shadow: none;
}
.weblygo-ui .form-control:focus {
    border-color: var(--wg-blue);
    box-shadow: 0 0 0 3px rgba(15,111,255,.1);
}

.wg-eyebrow,
.wg-section-heading > span,
.wg-auth-card__head > small {
    color: var(--wg-blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.wg-btn {
    min-height: 46px;
    padding: 0 20px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 750;
    transition: .18s ease;
}
.wg-btn--primary {
    color: #fff !important;
    background: var(--wg-blue);
    box-shadow: 0 8px 22px rgba(15,111,255,.2);
}
.wg-btn--primary:hover {
    background: var(--wg-blue-dark);
    transform: translateY(-1px);
}
.wg-btn--ghost {
    color: #263752 !important;
    background: #fff;
    border: 1px solid var(--wg-line-strong);
}
.wg-btn--block { width: 100%; border: 0; }

.wg-home-hero {
    position: relative;
    min-height: 440px;
    padding: 64px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 72% 18%, rgba(74,145,255,.36), transparent 28%),
        linear-gradient(132deg, #0b1d36 0%, #102e5a 55%, #0b57ca 100%);
    color: #fff;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 52px;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15,50,95,.2);
}
.wg-home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(to left, #000, transparent 75%);
    pointer-events: none;
}
.wg-home-hero__content,
.wg-home-hero__visual { position: relative; z-index: 1; }
.wg-home-hero .wg-eyebrow { color: #8ab9ff; }
.wg-home-hero h1 {
    margin: 13px 0 18px;
    max-width: 720px;
    font-size: clamp(38px, 5vw, 61px);
    line-height: 1.02;
    letter-spacing: -2.4px;
    font-weight: 830;
}
.wg-home-hero p {
    max-width: 650px;
    color: #c8d8ee;
    font-size: 18px;
}
.wg-home-hero__actions { display: flex; gap: 12px; margin-top: 32px; }
.wg-home-hero .wg-btn--ghost {
    color: #fff !important;
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.18);
}

.wg-home-hero__visual {
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wg-server-stack {
    width: min(390px, 100%);
    display: grid;
    gap: 12px;
    transform: perspective(900px) rotateY(-7deg) rotateX(3deg);
}
.wg-server-card {
    height: 76px;
    padding: 0 22px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07));
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 28px rgba(0,0,0,.16);
    display: flex;
    align-items: center;
    gap: 8px;
}
.wg-server-card span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #54dfa0;
    box-shadow: 0 0 0 5px rgba(84,223,160,.1);
}
.wg-server-card span:nth-child(2) { background: #65a7ff; box-shadow: none; }
.wg-server-card span:nth-child(3) { background: #53647c; box-shadow: none; }
.wg-server-card b { margin-left: auto; color: #cfe0f7; font-size: 11px; letter-spacing: 1.2px; }
.wg-uptime-pill {
    position: absolute;
    right: 10px;
    bottom: 3px;
    padding: 10px 14px;
    border-radius: 100px;
    background: #fff;
    color: #21344e;
    font-size: 12px;
    font-weight: 700;
    box-shadow: var(--wg-shadow);
}
.wg-uptime-pill i {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 50%;
    background: var(--wg-green);
}

.wg-domain-search,
.wg-home-products,
.wg-quick-actions { margin-top: 54px; }
.wg-section-heading { margin-bottom: 22px; }
.wg-section-heading h2 {
    margin: 6px 0;
    color: var(--wg-text);
    font-size: 31px;
    font-weight: 820;
    letter-spacing: -.8px;
}
.wg-section-heading p { color: var(--wg-muted); margin: 0; }

.weblygo-ui .domain-search {
    padding: 22px !important;
    border: 1px solid var(--wg-line);
    border-radius: 18px;
    background: #fff !important;
    box-shadow: var(--wg-shadow);
}
.weblygo-ui .domain-search .form-control {
    min-height: 54px;
    font-size: 16px;
}
.weblygo-ui .domain-search .btn { min-height: 54px; }

.wg-product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.wg-product-card {
    min-height: 310px;
    padding: 28px;
    color: var(--wg-text) !important;
    border: 1px solid var(--wg-line);
    border-radius: var(--wg-radius);
    background: #fff;
    box-shadow: 0 8px 30px rgba(26,46,77,.05);
    display: flex;
    flex-direction: column;
    transition: .18s ease;
}
.wg-product-card:hover {
    transform: translateY(-4px);
    border-color: #c7d9f7;
    box-shadow: 0 18px 44px rgba(26,46,77,.1);
}
.wg-product-icon,
.wg-stat-icon {
    width: 48px;
    height: 48px;
    border-radius: 13px;
    color: var(--wg-blue);
    background: var(--wg-blue-soft);
    display: grid;
    place-items: center;
    font-size: 18px;
}
.wg-product-card small { margin-top: 24px; color: #8190a4; font-size: 10px; font-weight: 800; letter-spacing: 1.4px; }
.wg-product-card h3 { margin: 8px 0 10px; font-size: 22px; font-weight: 800; letter-spacing: -.35px; }
.wg-product-card p { color: var(--wg-muted); }
.wg-product-card > span { margin-top: auto; color: var(--wg-blue); font-weight: 750; }

.wg-trust-strip {
    margin-top: 24px;
    padding: 22px 26px;
    border: 1px solid var(--wg-line);
    border-radius: var(--wg-radius);
    background: #fff;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.wg-trust-strip > div { display: flex; align-items: center; gap: 13px; }
.wg-trust-strip i { color: var(--wg-blue); font-size: 18px; }
.wg-trust-strip span { display: grid; }
.wg-trust-strip strong { font-size: 14px; }
.wg-trust-strip small { color: var(--wg-muted); }

.wg-auth-shell {
    min-height: 590px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(390px, .72fr);
    gap: 0;
    border: 1px solid var(--wg-line);
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    box-shadow: var(--wg-shadow);
}
.wg-auth-aside {
    padding: 66px;
    background:
        radial-gradient(circle at 85% 12%, rgba(87,156,255,.35), transparent 28%),
        linear-gradient(145deg, #0b1b31, #11376d);
    color: #fff;
}
.wg-auth-aside .wg-eyebrow { color: #86b8ff; }
.wg-auth-aside h1 {
    margin: 12px 0 14px;
    font-size: 46px;
    font-weight: 820;
    letter-spacing: -1.7px;
}
.wg-auth-aside > p { max-width: 500px; color: #c9d8ed; font-size: 17px; }
.wg-auth-points { margin-top: 42px; display: grid; gap: 17px; }
.wg-auth-points > div { display: flex; align-items: center; gap: 12px; color: #dbe7f7; }
.wg-auth-points i {
    width: 28px; height: 28px; border-radius: 50%;
    background: rgba(82,216,153,.14); color: #66e0a7;
    display: grid; place-items: center; font-size: 11px;
}
.wg-auth-card { padding: 62px 52px; align-self: center; }
.wg-auth-card__head h2 { margin: 5px 0 7px; font-size: 31px; font-weight: 820; color: var(--wg-text); }
.wg-auth-card__head p { color: var(--wg-muted); margin-bottom: 28px; }
.wg-login-form label { color: #394a63; font-size: 13px; font-weight: 700; }
.wg-label-row { display: flex; justify-content: space-between; gap: 15px; }
.wg-label-row a { font-size: 12px; font-weight: 650; }
.wg-input-wrap { position: relative; }
.wg-input-wrap > i {
    position: absolute; left: 15px; top: 50%; transform: translateY(-50%);
    color: #8795a8; z-index: 2;
}
.wg-input-wrap .form-control { padding-left: 43px; height: 50px; }
.wg-remember { display: flex; align-items: center; gap: 8px; margin: 18px 0; color: var(--wg-muted) !important; }
.wg-auth-help { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--wg-line); color: var(--wg-muted); text-align: center; }

.wg-dashboard-hero {
    padding: 34px 36px;
    border: 1px solid var(--wg-line);
    border-radius: 20px;
    background: linear-gradient(120deg, #fff, #f3f7ff);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.wg-dashboard-hero h1 { margin: 5px 0; font-size: 34px; font-weight: 820; letter-spacing: -.9px; }
.wg-dashboard-hero p { margin: 0; color: var(--wg-muted); }

.wg-stat-grid {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.wg-stat-card {
    padding: 20px;
    min-height: 135px;
    border: 1px solid var(--wg-line);
    border-radius: 16px;
    background: #fff;
    color: var(--wg-text) !important;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 13px;
    align-items: center;
}
.wg-stat-card:hover { border-color: #c6d9fa; box-shadow: 0 10px 28px rgba(26,46,77,.07); }
.wg-stat-card small { color: #8492a5; font-size: 9px; font-weight: 800; letter-spacing: 1px; }
.wg-stat-card strong { display: block; font-size: 29px; line-height: 1.05; }
.wg-stat-card em { color: var(--wg-muted); font-size: 11px; font-style: normal; }
.wg-stat-card > b { color: #9aa7b7; }
.wg-stat-card.is-attention { border-color: #f1c8cd; background: #fffafb; }

.wg-action-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.wg-action-grid > a {
    padding: 18px;
    border: 1px solid var(--wg-line);
    border-radius: 14px;
    background: #fff;
    color: var(--wg-text);
    display: flex;
    align-items: center;
    gap: 13px;
}
.wg-action-grid > a > i {
    width: 38px; height: 38px; border-radius: 10px;
    background: var(--wg-blue-soft); color: var(--wg-blue);
    display: grid; place-items: center;
}
.wg-action-grid span { display: grid; }
.wg-action-grid small { color: var(--wg-muted); }

.wg-home-panels { margin-top: 28px; }
.wg-panel-card { border-radius: 16px !important; }
.wg-panel-card .card-title { font-size: 16px; font-weight: 760; }

.weblygo-ui .sidebar .list-group-item,
.weblygo-ui .sidebar .card-body { font-size: 13px; }
.weblygo-ui .sidebar .card-header { font-weight: 750; }

.weblygo-ui #footer.footer {
    margin-top: 0;
    padding: 44px 0;
    color: #8491a4;
    background: #0e1a2a;
    border: 0;
}
.weblygo-ui #footer.footer a { color: #c8d3e1; }
.weblygo-ui #footer .copyright { color: #718096; }

@media (max-width: 991px) {
    .wg-home-hero { grid-template-columns: 1fr; padding: 44px; }
    .wg-home-hero__visual { min-height: 220px; }
    .wg-product-grid, .wg-trust-strip { grid-template-columns: 1fr; }
    .wg-auth-shell { grid-template-columns: 1fr; }
    .wg-auth-aside { padding: 45px; }
    .wg-auth-card { padding: 42px; }
    .wg-stat-grid, .wg-action-grid { grid-template-columns: repeat(2, 1fr); }
    .weblygo-ui .navbar-brand::after { display: none; }
}

@media (max-width: 575px) {
    .weblygo-ui .container { width: min(100% - 24px, 1180px); }
    .wg-home-hero { padding: 32px 24px; min-height: auto; border-radius: 18px; }
    .wg-home-hero h1 { font-size: 38px; letter-spacing: -1.4px; }
    .wg-home-hero__actions { flex-direction: column; }
    .wg-server-stack { width: 100%; }
    .wg-stat-grid, .wg-action-grid { grid-template-columns: 1fr; }
    .wg-dashboard-hero { align-items: flex-start; flex-direction: column; padding: 26px; }
    .wg-auth-aside { padding: 34px 26px; }
    .wg-auth-aside h1 { font-size: 36px; }
    .wg-auth-card { padding: 34px 24px; }
}

/* ========================================================================
   WEBLYGO PUBLIC SHELL V2
   ======================================================================== */
.weblygo-ui {
    --wg-blue: #2878ff;
    --wg-blue-deep: #1058d3;
    --wg-navy: #0b1b32;
    --wg-navy-2: #0f2d58;
    --wg-bg: #f7f9fc;
    --wg-surface: #ffffff;
    --wg-soft: #f2f6fb;
    --wg-line: #e4e9f2;
    --wg-line-dark: #d7deea;
    --wg-text: #17243a;
    --wg-muted: #6d7c91;
    --wg-green: #19ad72;
    --wg-shadow: 0 18px 45px rgba(26, 44, 72, .08);
    background: var(--wg-bg) !important;
    color: var(--wg-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
    line-height: 1.55;
}

.weblygo-ui * { box-sizing: border-box; }
.weblygo-ui a { text-decoration: none; }
.weblygo-ui a:hover { text-decoration: none; }

.wg-shell {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

/* Header */
.wg-site-header {
    position: sticky;
    top: 0;
    z-index: 1050;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(228, 233, 242, .92);
}

.wg-statusbar {
    height: 34px;
    background: #0c1828;
    color: #afbdd0;
    font-size: 11px;
}

.wg-statusbar__inner {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.wg-statusbar a { color: #c9d4e3; }
.wg-statusbar a:hover { color: #fff; }

.wg-statusbar__status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}
.wg-statusbar__status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wg-green);
    box-shadow: 0 0 0 4px rgba(25, 173, 114, .10);
}
.wg-statusbar__status strong {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}
.wg-statusbar__links {
    display: flex;
    align-items: center;
    gap: 20px;
}

.wg-mainnav {
    background: rgba(255,255,255,.96);
}
.wg-mainnav__inner {
    height: 74px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 34px;
    align-items: center;
}

.wg-wordmark {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--wg-text) !important;
    min-width: 184px;
}
.wg-wordmark__mark {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #2e8cff, #0c60e5);
    font-weight: 900;
    font-size: 18px;
    box-shadow: 0 8px 18px rgba(40,120,255,.22);
}
.wg-wordmark__copy {
    display: grid;
    line-height: 1;
}
.wg-wordmark__copy strong {
    color: #1470ed;
    font-size: 18px;
    letter-spacing: -.6px;
    font-weight: 850;
}
.wg-wordmark__copy small {
    margin-top: 5px;
    color: #8795a8;
    font-size: 8px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    font-weight: 700;
}

.wg-mainnav__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.wg-mainnav__links > a {
    padding: 10px 12px;
    border-radius: 9px;
    color: #46566e;
    font-size: 13px;
    font-weight: 700;
}
.wg-mainnav__links > a:hover {
    color: var(--wg-blue);
    background: #f2f6ff;
}

.wg-mainnav__actions {
    display: flex;
    align-items: center;
    gap: 10px;
}
.wg-nav-cart {
    position: relative;
    width: 42px;
    height: 42px;
    border: 1px solid var(--wg-line);
    border-radius: 11px;
    display: grid;
    place-items: center;
    color: #506078;
    background: #fff;
}
.wg-nav-cart:hover {
    color: var(--wg-blue);
    border-color: #bfd3f8;
}
.wg-nav-cart > span {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    color: #fff;
    background: var(--wg-blue);
    font-size: 9px;
    font-weight: 800;
}

.wg-account-button {
    min-width: 144px;
    height: 44px;
    padding: 5px 12px 5px 6px;
    border: 1px solid var(--wg-line);
    border-radius: 11px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--wg-text) !important;
    background: #fff;
}
.wg-account-button:hover {
    border-color: #bed3fa;
    box-shadow: 0 6px 18px rgba(26,44,72,.06);
}
.wg-account-button__avatar {
    width: 31px;
    height: 31px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #edf4ff;
}
.wg-account-button__copy {
    display: grid;
    line-height: 1.05;
}
.wg-account-button__copy small {
    color: #8a98aa;
    font-size: 7.5px;
    letter-spacing: .9px;
    font-weight: 800;
}
.wg-account-button__copy strong {
    margin-top: 4px;
    color: #314159;
    font-size: 11px;
    font-weight: 760;
}

.wg-mobile-toggle {
    display: none;
    width: 42px;
    height: 42px;
    padding: 10px;
    border: 1px solid var(--wg-line);
    border-radius: 10px;
    background: #fff;
}
.wg-mobile-toggle span {
    display: block;
    height: 2px;
    margin: 4px 0;
    border-radius: 1px;
    background: #46566d;
}

/* Breadcrumb / inner pages */
.wg-breadcrumb {
    padding: 14px 0 0;
    background: transparent;
    border: 0;
}
.wg-breadcrumb .breadcrumb {
    padding: 0;
    margin: 0;
    background: transparent;
    color: #8b98aa;
    font-size: 11px;
}
.wg-main-inner {
    padding: 24px 0 62px;
    min-height: 58vh;
}
.wg-main-home { padding: 0; }
.wg-home-root { width: 100%; }
.weblygo-homepage .primary-content { width: 100%; }

/* Homepage */
.wg-home {
    width: 100%;
    overflow: hidden;
}

.wg-public-hero {
    padding: 32px 0 0;
    background: linear-gradient(180deg, #f6f9fd 0, #f7f9fc 100%);
}
.wg-public-hero__surface {
    position: relative;
    min-height: 548px;
    padding: 54px 56px 38px;
    border-radius: 24px;
    overflow: hidden;
    background:
        radial-gradient(circle at 83% 12%, rgba(55,129,255,.42), transparent 27%),
        radial-gradient(circle at 65% 87%, rgba(25,91,192,.30), transparent 32%),
        linear-gradient(126deg, #0a1a30 0%, #0d284e 52%, #0d59d0 100%);
    box-shadow: 0 24px 64px rgba(20,55,103,.18);
}
.wg-public-hero__surface::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(90deg, transparent 5%, #000 65%);
}
.wg-public-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
    gap: 54px;
    align-items: center;
}
.wg-kicker {
    color: #9fc4ff;
    font-size: 10px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: 1.65px;
}
.wg-kicker--blue { color: var(--wg-blue); }

.wg-public-hero__copy h1 {
    max-width: 620px;
    margin: 13px 0 17px;
    color: #fff;
    font-size: clamp(44px, 4.2vw, 64px);
    line-height: .99;
    letter-spacing: -2.6px;
    font-weight: 850;
}
.wg-public-hero__copy > p {
    max-width: 610px;
    margin: 0;
    color: #c9d8ec;
    font-size: 17px;
    line-height: 1.6;
}
.wg-public-hero__actions {
    margin-top: 28px;
    display: flex;
    gap: 10px;
}

.wg-public-btn {
    min-height: 45px;
    padding: 0 18px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 780;
    transition: .18s ease;
}
.wg-public-btn:hover { transform: translateY(-1px); }
.wg-public-btn--light {
    color: #15345f !important;
    background: #fff;
    box-shadow: 0 9px 24px rgba(0,0,0,.13);
}
.wg-public-btn--ghost {
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.20);
    background: rgba(255,255,255,.07);
}
.wg-public-btn--blue {
    color: #fff !important;
    background: var(--wg-blue);
    box-shadow: 0 9px 24px rgba(40,120,255,.20);
}

.wg-public-hero__visual {
    position: relative;
    min-height: 285px;
    display: grid;
    place-items: center;
}
.wg-infra-card {
    position: relative;
    z-index: 2;
    width: min(420px, 100%);
    padding: 18px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.07));
    backdrop-filter: blur(12px);
    box-shadow: 0 24px 48px rgba(0,0,0,.20);
}
.wg-infra-card__top {
    padding: 0 3px 14px;
    display: flex;
    justify-content: space-between;
    color: #bdcee4;
    font-size: 8px;
    letter-spacing: 1.2px;
    font-weight: 800;
}
.wg-infra-card__top b {
    padding: 4px 7px;
    border-radius: 7px;
    color: #7de0ad;
    background: rgba(63,214,139,.10);
    font-size: 8px;
}
.wg-infra-card__rack { display: grid; gap: 10px; }
.wg-infra-card__rack > div {
    min-height: 58px;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(8,24,48,.30);
}
.wg-infra-card__rack i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #5ce39f;
}
.wg-infra-card__rack i:nth-child(2) { background: #6caaff; }
.wg-infra-card__rack i:nth-child(3) { background: #53667e; }
.wg-infra-card__rack strong {
    margin-left: 10px;
    color: #dce8f6;
    font-size: 10px;
    letter-spacing: .8px;
}
.wg-infra-card__rack em {
    margin-left: auto;
    color: #8093aa;
    font-size: 9px;
    font-style: normal;
}
.wg-infra-orbit {
    position: absolute;
    border: 1px solid rgba(130,181,255,.18);
    border-radius: 50%;
}
.wg-infra-orbit--one { width: 360px; height: 360px; }
.wg-infra-orbit--two { width: 250px; height: 250px; }

.wg-hero-domain-search {
    position: relative;
    z-index: 3;
    margin-top: 36px;
    padding: 18px;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 205px 1fr;
    gap: 14px 18px;
    align-items: center;
    background: #fff;
    box-shadow: 0 18px 42px rgba(4,18,38,.20);
}
.wg-hero-domain-search__label {
    padding-left: 2px;
    display: grid;
}
.wg-hero-domain-search__label small {
    color: var(--wg-blue);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: 1.2px;
}
.wg-hero-domain-search__label strong {
    margin-top: 3px;
    color: #24344c;
    font-size: 13px;
}
.wg-hero-domain-search__field {
    min-height: 52px;
    padding: 5px 5px 5px 16px;
    border: 1px solid #dbe3ee;
    border-radius: 11px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    background: #f9fbfd;
}
.wg-hero-domain-search__field > i { color: #8190a5; }
.wg-hero-domain-search__field input {
    min-width: 0;
    height: 40px;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--wg-text);
    background: transparent;
    font-size: 15px;
}
.wg-hero-domain-search__field button {
    min-height: 40px;
    padding: 0 17px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    background: var(--wg-blue);
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}
.wg-hero-domain-search__field button:hover { background: var(--wg-blue-deep); }
.wg-hero-domain-search__meta {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: 18px;
    color: #79889d;
    font-size: 9px;
}
.wg-hero-domain-search__meta span i {
    margin-right: 4px;
    color: var(--wg-green);
}
.wg-hero-domain-search__meta a {
    margin-left: auto;
    color: var(--wg-blue);
    font-weight: 750;
}

/* Trust strip */
.wg-public-trust {
    padding: 26px 0 0;
}
.wg-public-trust__grid {
    padding: 19px 22px;
    border: 1px solid var(--wg-line);
    border-radius: 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    background: #fff;
}
.wg-public-trust article {
    min-width: 0;
    padding: 5px 22px;
    border-right: 1px solid var(--wg-line);
    display: flex;
    align-items: center;
    gap: 12px;
}
.wg-public-trust article:last-child { border-right: 0; }
.wg-public-trust article > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #edf4ff;
}
.wg-public-trust article > div { display: grid; }
.wg-public-trust strong {
    color: #293950;
    font-size: 11px;
}
.wg-public-trust span {
    margin-top: 3px;
    color: #7b899c;
    font-size: 9px;
    line-height: 1.45;
}

/* Sections */
.wg-public-section {
    padding: 76px 0;
}
.wg-public-section--soft {
    background: #eef3f9;
}
.wg-public-heading {
    margin-bottom: 28px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px;
}
.wg-public-heading h2 {
    margin: 8px 0 0;
    color: var(--wg-text);
    font-size: 35px;
    line-height: 1.08;
    letter-spacing: -1.2px;
    font-weight: 850;
}
.wg-public-heading > p {
    max-width: 470px;
    margin: 0;
    color: var(--wg-muted);
    font-size: 13px;
}

/* Services */
.wg-service-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr .85fr .85fr;
    gap: 14px;
}
.wg-service-card {
    min-height: 355px;
    padding: 26px;
    border: 1px solid var(--wg-line);
    border-radius: 17px;
    display: flex;
    flex-direction: column;
    color: var(--wg-text) !important;
    background: #fff;
    box-shadow: 0 7px 24px rgba(26,44,72,.04);
    transition: .18s ease;
}
.wg-service-card:hover {
    transform: translateY(-4px);
    border-color: #bdd1f7;
    box-shadow: 0 18px 38px rgba(26,44,72,.09);
}
.wg-service-card--featured {
    background: linear-gradient(150deg, #fff, #f0f6ff);
}
.wg-service-card__icon {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #edf4ff;
    font-size: 18px;
}
.wg-service-card > span {
    margin-top: 24px;
    color: #8190a4;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: 1.25px;
}
.wg-service-card h3 {
    margin: 8px 0 10px;
    color: #1f2e44;
    font-size: 21px;
    line-height: 1.15;
    letter-spacing: -.45px;
    font-weight: 820;
}
.wg-service-card p {
    color: var(--wg-muted);
    font-size: 12px;
}
.wg-service-card__facts {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.wg-service-card__facts b {
    padding: 5px 7px;
    border-radius: 6px;
    color: #52647c;
    background: #fff;
    border: 1px solid var(--wg-line);
    font-size: 8px;
}
.wg-service-card__link {
    margin-top: auto;
    color: var(--wg-blue);
    font-size: 11px;
}

/* MY WEBLYGO promo */
.wg-platform {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 56px;
    align-items: center;
}
.wg-platform__copy h2 {
    margin: 9px 0 15px;
    color: var(--wg-text);
    font-size: 39px;
    line-height: 1.05;
    letter-spacing: -1.4px;
    font-weight: 850;
}
.wg-platform__copy > p {
    max-width: 510px;
    color: var(--wg-muted);
    font-size: 14px;
}
.wg-platform__copy ul {
    margin: 25px 0 28px;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}
.wg-platform__copy li {
    color: #475a73;
    font-size: 12px;
}
.wg-platform__copy li i {
    width: 23px;
    height: 23px;
    margin-right: 8px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    color: var(--wg-green);
    background: #e8f8f1;
    font-size: 8px;
}
.wg-platform__panel {
    padding: 18px;
    border: 1px solid var(--wg-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 50px rgba(26,44,72,.10);
}
.wg-platform__panel-head {
    padding: 4px 3px 15px;
    display: flex;
    justify-content: space-between;
    color: #6e7e93;
    font-size: 9px;
}
.wg-platform__panel-head span { color: #28415f; font-weight: 800; }
.wg-platform__panel-head span i {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 5px;
    border-radius: 50%;
    background: var(--wg-green);
}
.wg-platform__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.wg-platform__stats article {
    padding: 15px;
    border-radius: 11px;
    background: #f5f8fc;
    display: grid;
}
.wg-platform__stats small { color: #8593a7; font-size: 7px; font-weight: 850; letter-spacing: .8px; }
.wg-platform__stats strong { margin-top: 3px; color: #203149; font-size: 24px; }
.wg-platform__stats span { color: #7a899d; font-size: 8px; }
.wg-platform__site {
    margin-top: 9px;
    padding: 13px;
    border: 1px solid var(--wg-line);
    border-radius: 11px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 11px;
    align-items: center;
}
.wg-platform__site-icon {
    width: 37px;
    height: 37px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #edf4ff;
}
.wg-platform__site > div { display: grid; }
.wg-platform__site small { color: #8492a5; font-size: 7px; font-weight: 850; letter-spacing: .8px; }
.wg-platform__site strong { color: #283951; font-size: 11px; }
.wg-platform__site em { color: #8492a5; font-size: 8px; font-style: normal; }
.wg-platform__site > b {
    padding: 5px 8px;
    border-radius: 7px;
    color: #148352;
    background: #e9f8f2;
    font-size: 8px;
}

/* CTA */
.wg-public-cta {
    padding: 64px 0;
    background: #0c1b30;
}
.wg-public-cta__inner {
    padding: 35px 39px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    background: linear-gradient(115deg, rgba(255,255,255,.05), rgba(40,120,255,.15));
}
.wg-public-cta h2 {
    margin: 7px 0 0;
    color: #fff;
    font-size: 30px;
    font-weight: 820;
    letter-spacing: -.8px;
}

/* Footer */
.wg-site-footer {
    padding: 58px 0 24px;
    color: #8695a9;
    background: #091624;
}
.wg-site-footer__top {
    display: grid;
    grid-template-columns: 1.5fr repeat(3, .7fr);
    gap: 50px;
}
.wg-wordmark--footer .wg-wordmark__copy strong { color: #fff; }
.wg-wordmark--footer .wg-wordmark__copy small { color: #75879e; }
.wg-site-footer__brand p {
    max-width: 360px;
    margin: 19px 0;
    color: #8090a5;
    font-size: 11px;
}
.wg-site-footer__status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #9caabd;
    font-size: 9px;
}
.wg-site-footer__status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wg-green);
}
.wg-site-footer__column {
    display: grid;
    align-content: start;
    gap: 9px;
}
.wg-site-footer__column strong {
    margin-bottom: 5px;
    color: #fff;
    font-size: 11px;
}
.wg-site-footer__column a {
    color: #8292a8;
    font-size: 10px;
}
.wg-site-footer__column a:hover { color: #fff; }
.wg-site-footer__bottom {
    margin-top: 45px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.08);
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: #62748b;
    font-size: 9px;
}

/* WHMCS generic components */
.weblygo-ui .card,
.weblygo-ui .panel {
    border-color: var(--wg-line);
    border-radius: 14px;
    box-shadow: 0 7px 24px rgba(26,44,72,.05);
}
.weblygo-ui .card-header {
    background: #fff;
    border-bottom-color: var(--wg-line);
}
.weblygo-ui .header-lined {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--wg-line);
}
.weblygo-ui .header-lined h1 {
    color: var(--wg-text);
    font-size: 29px;
    font-weight: 820;
    letter-spacing: -.7px;
}
.weblygo-ui .form-control {
    border-color: #d6deea;
    border-radius: 9px;
}
.weblygo-ui .btn-primary,
.weblygo-ui .btn-success {
    background: var(--wg-blue);
    border-color: var(--wg-blue);
}
.weblygo-ui .btn-primary:hover,
.weblygo-ui .btn-success:hover {
    background: var(--wg-blue-deep);
    border-color: var(--wg-blue-deep);
}
.weblygo-ui .btn-return-to-admin { display: none !important; }
.wg-admin-session-note {
    position: fixed;
    right: 14px;
    bottom: 14px;
    z-index: 1200;
    padding: 7px 10px;
    border-radius: 8px;
    color: #6d7c91;
    background: rgba(255,255,255,.9);
    border: 1px solid var(--wg-line);
    font-size: 9px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* Login/client-area classes created earlier */
.wg-auth-shell,
.wg-dashboard-hero,
.wg-stat-card,
.wg-action-grid > a,
.wg-panel-card {
    border-color: var(--wg-line) !important;
}
.wg-auth-card,
.wg-dashboard-hero,
.wg-stat-card,
.wg-action-grid > a {
    background-color: #fff;
}

/* Responsive */
@media (max-width: 1100px) {
    .wg-mainnav__links { gap: 0; }
    .wg-mainnav__links > a { padding-inline: 8px; font-size: 12px; }
    .wg-service-grid { grid-template-columns: repeat(2, 1fr); }
    .wg-service-card--featured { grid-column: span 2; }
}

@media (max-width: 900px) {
    .wg-shell { width: min(100% - 30px, 1240px); }
    .wg-statusbar__links span { display: none; }
    .wg-mainnav__inner {
        position: relative;
        height: 66px;
        grid-template-columns: auto auto 1fr;
        gap: 10px;
    }
    .wg-mobile-toggle { display: block; order: 3; justify-self: end; }
    .wg-mainnav__actions { justify-self: end; }
    .wg-account-button__copy { display: none; }
    .wg-account-button { min-width: 42px; width: 42px; padding: 5px; }
    .wg-mainnav__links {
        position: absolute;
        top: 66px;
        left: 0;
        right: 0;
        padding: 12px;
        border: 1px solid var(--wg-line);
        border-radius: 12px;
        display: none;
        align-items: stretch;
        flex-direction: column;
        background: #fff;
        box-shadow: 0 15px 35px rgba(26,44,72,.12);
    }
    .wg-mainnav__links.is-open { display: flex; }
    .wg-public-hero__surface { padding: 42px 34px 32px; }
    .wg-public-hero__grid { grid-template-columns: 1fr; gap: 25px; }
    .wg-public-hero__visual { min-height: 210px; }
    .wg-infra-card { max-width: 500px; }
    .wg-hero-domain-search { grid-template-columns: 1fr; }
    .wg-hero-domain-search__meta { grid-column: 1; }
    .wg-public-trust__grid { grid-template-columns: repeat(2, 1fr); }
    .wg-public-trust article:nth-child(2) { border-right: 0; }
    .wg-public-trust article:nth-child(-n+2) { border-bottom: 1px solid var(--wg-line); }
    .wg-platform { grid-template-columns: 1fr; }
    .wg-site-footer__top { grid-template-columns: 1.2fr 1fr 1fr; }
    .wg-site-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
    .wg-statusbar__links a:first-child { display: none; }
    .wg-statusbar__status strong { display: none; }
    .wg-wordmark { min-width: 0; }
    .wg-wordmark__copy small { display: none; }
    .wg-public-hero { padding-top: 18px; }
    .wg-public-hero__surface { padding: 30px 20px 22px; border-radius: 18px; }
    .wg-public-hero__copy h1 { font-size: 39px; letter-spacing: -1.7px; }
    .wg-public-hero__copy > p { font-size: 14px; }
    .wg-public-hero__actions { flex-direction: column; }
    .wg-hero-domain-search { padding: 13px; }
    .wg-hero-domain-search__field {
        grid-template-columns: auto 1fr;
        padding: 7px 11px;
    }
    .wg-hero-domain-search__field button {
        grid-column: 1 / -1;
        width: 100%;
    }
    .wg-hero-domain-search__meta { flex-wrap: wrap; gap: 8px 14px; }
    .wg-hero-domain-search__meta a { width: 100%; margin-left: 0; }
    .wg-public-trust__grid { grid-template-columns: 1fr; }
    .wg-public-trust article,
    .wg-public-trust article:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid var(--wg-line);
    }
    .wg-public-trust article:last-child { border-bottom: 0; }
    .wg-public-section { padding: 56px 0; }
    .wg-public-heading { align-items: start; flex-direction: column; gap: 10px; }
    .wg-public-heading h2 { font-size: 30px; }
    .wg-service-grid { grid-template-columns: 1fr; }
    .wg-service-card--featured { grid-column: auto; }
    .wg-platform__copy h2 { font-size: 34px; }
    .wg-platform__stats { grid-template-columns: 1fr; }
    .wg-public-cta__inner { align-items: flex-start; flex-direction: column; }
    .wg-site-footer__top { grid-template-columns: 1fr 1fr; gap: 30px; }
    .wg-site-footer__brand { grid-column: 1 / -1; }
    .wg-site-footer__bottom { align-items: flex-start; flex-direction: column; }
}
.wg-wordmark__logo {
    display: flex;
    align-items: center;
}
.wg-wordmark__logo img {
    display: block;
    width: 112px;
    height: auto;
}
.wg-wordmark__copy {
    padding-left: 10px;
    border-left: 1px solid var(--wg-line);
}
.wg-wordmark--footer .wg-wordmark__copy {
    border-left-color: rgba(255,255,255,.12);
}
.wg-wordmark--footer .wg-wordmark__logo img {
    filter: brightness(0) invert(1);
    opacity: .96;
}
@media (max-width: 620px) {
    .wg-wordmark__logo img { width: 96px; }
    .wg-wordmark__copy { display: none; }
}

/* ========================================================================
   WEBLYGO APP / INNER PAGE SYSTEM
   ======================================================================== */
.weblygo-ui .wg-main-inner {
    padding-top: 22px;
    padding-bottom: 76px;
}
.weblygo-ui .wg-main-inner > .wg-shell {
    width: min(1220px, calc(100% - 48px));
}
.weblygo-ui .wg-main-inner .primary-content {
    width: 100%;
    min-width: 0;
}

.wg-app-head {
    margin-bottom: 22px;
    padding: 31px 34px;
    border: 1px solid var(--wg-line);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    background:
        radial-gradient(circle at 92% 14%, rgba(40,120,255,.10), transparent 28%),
        linear-gradient(125deg, #fff 0%, #f7faff 100%);
    box-shadow: 0 12px 36px rgba(26,44,72,.05);
}
.wg-app-head > div:first-child { max-width: 760px; }
.wg-app-kicker {
    display: block;
    color: var(--wg-blue);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 1.45px;
}
.wg-app-head h1 {
    margin: 7px 0 7px;
    color: var(--wg-text);
    font-size: 34px;
    line-height: 1.06;
    letter-spacing: -1px;
    font-weight: 850;
}
.wg-app-head p {
    margin: 0;
    color: var(--wg-muted);
    font-size: 13px;
    line-height: 1.55;
}
.wg-app-head--public { margin-bottom: 18px; }

.wg-btn-primary,
button.wg-btn-primary {
    min-height: 43px;
    padding: 0 17px;
    border: 0;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #fff !important;
    background: var(--wg-blue);
    box-shadow: 0 8px 20px rgba(40,120,255,.18);
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}
.wg-btn-primary:hover,
button.wg-btn-primary:hover {
    color: #fff !important;
    background: var(--wg-blue-deep);
}
.wg-btn-secondary,
button.wg-btn-secondary {
    min-height: 43px;
    padding: 0 16px;
    border: 1px solid var(--wg-line-dark);
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #3f5068 !important;
    background: #fff;
    font-size: 11px;
    font-weight: 760;
    cursor: pointer;
}
.wg-btn-secondary:hover,
button.wg-btn-secondary:hover {
    border-color: #b9cff6;
    color: var(--wg-blue) !important;
}

/* Domain */
#order-standard_cart.wg-order-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
#order-standard_cart.wg-order-shell .row {
    margin-left: -8px;
    margin-right: -8px;
}
#order-standard_cart.wg-order-shell .cart-sidebar,
#order-standard_cart.wg-order-shell .sidebar-collapsed {
    display: none !important;
}
#order-standard_cart.wg-order-shell .cart-body {
    width: 100%;
    padding: 0;
    float: none;
}
#order-standard_cart.wg-order-shell .header-lined {
    display: none;
}

.wg-domain-tabs {
    display: flex;
    gap: 8px;
}
.wg-domain-tabs > a {
    min-width: 145px;
    padding: 10px 12px;
    border: 1px solid var(--wg-line);
    border-radius: 11px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #53647b !important;
    background: #fff;
}
.wg-domain-tabs > a:hover,
.wg-domain-tabs > a.is-active {
    border-color: #bed2f7;
    background: #f3f7ff;
    color: var(--wg-blue) !important;
}
.wg-domain-tabs > a > i {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: #edf4ff;
    color: var(--wg-blue);
}
.wg-domain-tabs span { display: grid; }
.wg-domain-tabs small {
    color: #8a98aa;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .8px;
}
.wg-domain-tabs strong {
    margin-top: 2px;
    color: #35465e;
    font-size: 10px;
}

.wg-domain-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, .62fr);
    gap: 18px;
    align-items: start;
}
.wg-domain-search-card,
.wg-form-card {
    padding: 28px;
    border: 1px solid var(--wg-line);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 10px 32px rgba(26,44,72,.05);
}
.wg-domain-search-card__head,
.wg-form-card__head {
    margin-bottom: 22px;
}
.wg-domain-search-card__head h2,
.wg-form-card__head h2 {
    margin: 6px 0 5px;
    color: var(--wg-text);
    font-size: 23px;
    line-height: 1.12;
    letter-spacing: -.5px;
    font-weight: 820;
}
.wg-domain-search-card__head p,
.wg-form-card__head p {
    margin: 0;
    color: var(--wg-muted);
    font-size: 11px;
}

.wg-domain-form__input {
    min-height: 59px;
    padding: 6px 6px 6px 17px;
    border: 1px solid #d6deea;
    border-radius: 12px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 11px;
    align-items: center;
    background: #fbfcfe;
}
.wg-domain-form__input > i { color: #8090a6; }
.wg-domain-form__input input {
    height: 44px;
    min-width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--wg-text);
    font-size: 16px;
}
.wg-domain-form__input button {
    height: 45px;
    padding: 0 20px;
    border: 0;
    border-radius: 9px;
    color: #fff;
    background: var(--wg-blue);
    font-size: 11px;
    font-weight: 800;
}
.wg-domain-form__meta {
    margin-top: 10px;
    display: flex;
    gap: 18px;
    color: #8492a5;
    font-size: 9px;
}
.wg-domain-form__meta i {
    margin-right: 4px;
    color: var(--wg-green);
}
.wg-domain-captcha {
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.wg-domain-captcha img { border-radius: 7px; }

.wg-domain-results {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--wg-line);
}
.wg-domain-results .primary-domain-header {
    margin-bottom: 9px;
    color: #8391a4;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.wg-domain-result-primary {
    padding: 18px;
    border: 1px solid var(--wg-line);
    border-radius: 12px;
    background: #f8faff;
}
.wg-domain-result-primary p { margin-bottom: 8px; }
.wg-domain-result-primary .domain-checker-available {
    color: #148557;
    font-weight: 760;
}
.wg-domain-result-primary .domain-checker-unavailable,
.wg-domain-result-primary .domain-invalid {
    color: #bd3f4e;
}
.wg-domain-result-price {
    margin: 14px 0 0 !important;
    padding-top: 14px;
    border-top: 1px solid var(--wg-line);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.wg-domain-result-price .price {
    color: var(--wg-text);
    font-size: 20px;
    font-weight: 820;
}
.wg-domain-result-price .btn {
    border-radius: 9px;
}
.wg-inline-link { font-size: 10px; font-weight: 750; }

.wg-domain-suggestions {
    margin-top: 15px;
    border: 1px solid var(--wg-line);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}
.wg-domain-suggestions__head {
    padding: 14px 16px;
    border-bottom: 1px solid var(--wg-line);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wg-domain-suggestions__head strong { font-size: 11px; }
.wg-domain-suggestions__head span { color: #8b98aa; font-size: 9px; }
.wg-domain-suggestions .domain-lookup-loader,
.wg-domain-suggestions .domain-lookup-message {
    padding: 18px;
    color: #7e8da1;
    font-size: 10px;
}
.wg-domain-suggestions .list-group-item {
    padding: 13px 16px;
    border-left: 0;
    border-right: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}
.wg-domain-suggestions .actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}
.wg-domain-suggestions .actions .price {
    color: #26374f;
    font-size: 11px;
    font-weight: 760;
}
.wg-domain-suggestions .btn {
    min-height: 34px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 9px;
}
.wg-domain-suggestion-name {
    color: #26374f;
    font-size: 12px;
    font-weight: 760;
}

.wg-domain-side {
    display: grid;
    gap: 12px;
}
.wg-domain-side > article {
    padding: 22px;
    border: 1px solid var(--wg-line);
    border-radius: 15px;
    background: #fff;
}
.wg-domain-side__icon {
    width: 39px;
    height: 39px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #edf4ff;
}
.wg-domain-side article > small {
    display: block;
    margin-top: 18px;
    color: #8492a5;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: 1px;
}
.wg-domain-side h3 {
    margin: 6px 0 8px;
    color: #26374f;
    font-size: 16px;
    line-height: 1.17;
    font-weight: 800;
}
.wg-domain-side p {
    color: var(--wg-muted);
    font-size: 10px;
}
.wg-domain-side a {
    color: var(--wg-blue);
    font-size: 10px;
    font-weight: 760;
}
.wg-domain-side .wg-domain-side__hint {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    background: #f5f8fc;
}
.wg-domain-side__hint > i { margin-top: 2px; color: var(--wg-blue); }
.wg-domain-side__hint div { display: grid; }
.wg-domain-side__hint strong { color: #3b4c64; font-size: 10px; }
.wg-domain-side__hint span { margin-top: 3px; color: #8190a3; font-size: 9px; }

/* Form system */
.wg-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 18px;
    align-items: start;
}
.wg-form-layout--support { grid-template-columns: minmax(0, 1fr) 300px; }
.wg-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 15px;
}
.wg-field { min-width: 0; }
.wg-field--wide { grid-column: 1 / -1; }
.wg-field label {
    display: block;
    margin-bottom: 6px;
    color: #42536b;
    font-size: 10px;
    font-weight: 760;
}
.wg-field .form-control {
    width: 100%;
    min-height: 47px;
    border-radius: 9px;
    border-color: #d6deea;
    background: #fbfcfe;
    box-shadow: none;
}
.wg-field .form-control:focus {
    border-color: #96baf8;
    box-shadow: 0 0 0 3px rgba(40,120,255,.08);
}
.wg-field > small {
    display: block;
    margin-top: 5px;
    color: #8b98a9;
    font-size: 8px;
}
.wg-field--message { margin-top: 17px; }
.wg-field--message textarea.form-control {
    min-height: 220px;
    resize: vertical;
}
.wg-input-icon {
    position: relative;
}
.wg-input-icon > i {
    position: absolute;
    left: 14px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    color: #8493a7;
}
.wg-input-icon .form-control { padding-left: 40px; }

.wg-form-actions {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--wg-line);
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.wg-form-actions--right { justify-content: flex-end; }

.wg-help-panel {
    padding: 25px;
    border: 1px solid var(--wg-line);
    border-radius: 16px;
    background: linear-gradient(145deg, #f9fbfe, #f1f6fd);
}
.wg-help-panel__icon {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #fff;
    box-shadow: 0 8px 20px rgba(26,44,72,.06);
}
.wg-help-panel > small {
    display: block;
    margin-top: 20px;
    color: #8190a4;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: 1px;
}
.wg-help-panel h3 {
    margin: 6px 0 11px;
    color: #26374f;
    font-size: 18px;
    line-height: 1.15;
    font-weight: 820;
}
.wg-help-panel > p {
    color: #718097;
    font-size: 10px;
}
.wg-help-panel ol {
    margin: 18px 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 11px;
}
.wg-help-panel ol li {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #52647c;
    font-size: 10px;
}
.wg-help-panel ol b {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #e7f0ff;
    font-size: 9px;
}
.wg-help-checklist {
    margin: 18px 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}
.wg-help-checklist li {
    display: flex;
    gap: 8px;
    color: #53657d;
    font-size: 10px;
}
.wg-help-checklist i { margin-top: 2px; color: var(--wg-green); }
.wg-help-panel__contact {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #dde5ef;
    display: grid;
}
.wg-help-panel__contact small {
    color: #8a98aa;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: 1px;
}
.wg-help-panel__contact a {
    margin-top: 6px;
    color: var(--wg-blue);
    font-size: 11px;
    font-weight: 760;
}
.wg-help-panel__contact span {
    margin-top: 3px;
    color: #52647c;
    font-size: 10px;
}

.wg-upload-block {
    margin-top: 18px;
    padding: 17px;
    border: 1px dashed #ccd7e6;
    border-radius: 11px;
    background: #f9fbfd;
}
.wg-upload-block__head {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.wg-upload-block__head > div { display: grid; }
.wg-upload-block__head strong { color: #40526a; font-size: 11px; }
.wg-upload-block__head span { margin-top: 2px; color: #8492a5; font-size: 8px; }
.wg-upload-block__head > small { color: #8492a5; font-size: 8px; }
.wg-upload-block .custom-file-label {
    border-color: #d6deea;
    background: #fff;
    font-size: 10px;
}
.wg-upload-block__types {
    display: block;
    margin-top: 7px;
    color: #8996a8;
    font-size: 7.5px;
}

/* Alerts */
.wg-alert {
    margin-bottom: 18px;
    padding: 13px 16px;
    border-radius: 10px;
    font-size: 10px;
}
.wg-alert--error {
    color: #a53643;
    border: 1px solid #efc4ca;
    background: #fff3f4;
}
.wg-alert--success {
    color: #137e52;
    border: 1px solid #bde8d4;
    background: #effaf5;
}

/* Support */
.wg-support-departments {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
}
.wg-support-department {
    min-height: 150px;
    padding: 22px;
    border: 1px solid var(--wg-line);
    border-radius: 15px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 15px;
    align-items: center;
    color: var(--wg-text) !important;
    background: #fff;
    transition: .18s ease;
}
.wg-support-department:hover {
    transform: translateY(-2px);
    border-color: #bdd2f8;
    box-shadow: 0 14px 30px rgba(26,44,72,.07);
}
.wg-support-department__icon {
    width: 47px;
    height: 47px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #edf4ff;
}
.wg-support-department div { display: grid; }
.wg-support-department small {
    color: #8694a6;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: 1px;
}
.wg-support-department h3 {
    margin: 4px 0 4px;
    color: #293a52;
    font-size: 16px;
    font-weight: 800;
}
.wg-support-department p {
    margin: 0;
    color: #748399;
    font-size: 9px;
}
.wg-support-department > b {
    color: #91a0b2;
    font-size: 18px;
}
.wg-support-info-grid {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.wg-support-info-grid article {
    padding: 17px;
    border: 1px solid var(--wg-line);
    border-radius: 13px;
    display: flex;
    gap: 11px;
    background: #f9fbfe;
}
.wg-support-info-grid article > i {
    margin-top: 2px;
    color: var(--wg-blue);
}
.wg-support-info-grid article > div { display: grid; }
.wg-support-info-grid strong { color: #43546c; font-size: 10px; }
.wg-support-info-grid span { margin-top: 3px; color: #8190a3; font-size: 8px; }

/* Contact */
.wg-contact-layout {
    display: grid;
    grid-template-columns: 340px minmax(0,1fr);
    gap: 18px;
    align-items: start;
}
.wg-contact-info {
    display: grid;
    gap: 12px;
}
.wg-contact-info article {
    padding: 21px;
    border: 1px solid var(--wg-line);
    border-radius: 14px;
    background: #fff;
}
.wg-contact-info article > span {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #edf4ff;
}
.wg-contact-info small {
    display: block;
    margin-top: 15px;
    color: #8593a6;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: 1px;
}
.wg-contact-info h3 {
    margin: 5px 0;
    color: #26374f;
    font-size: 17px;
    font-weight: 820;
}
.wg-contact-info p {
    color: #78879b;
    font-size: 9px;
}
.wg-contact-info a {
    color: var(--wg-blue);
    font-size: 9px;
    font-weight: 760;
}
.wg-contact-form { box-shadow: none; }

/* Shop */
.wg-shop-categories {
    margin-bottom: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.wg-shop-categories > a {
    padding: 17px;
    border: 1px solid var(--wg-line);
    border-radius: 14px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 11px;
    align-items: center;
    color: var(--wg-text) !important;
    background: #fff;
}
.wg-shop-categories > a:hover,
.wg-shop-categories > a.is-active {
    border-color: #bad0f8;
    background: #f5f8ff;
}
.wg-shop-categories > a > span {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #edf4ff;
}
.wg-shop-categories > a > div { display: grid; }
.wg-shop-categories small {
    color: #8997a9;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .9px;
}
.wg-shop-categories strong {
    margin-top: 2px;
    color: #34465e;
    font-size: 12px;
}
.wg-shop-categories em {
    margin-top: 2px;
    color: #8492a5;
    font-size: 8px;
    font-style: normal;
}

.wg-shop-headline {
    margin: 26px 0 15px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}
.wg-shop-headline h2 {
    margin: 5px 0 3px;
    color: var(--wg-text);
    font-size: 26px;
    font-weight: 820;
    letter-spacing: -.6px;
}
.wg-shop-headline p { margin: 0; color: var(--wg-muted); font-size: 10px; }

.wg-plan-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 14px;
}
.wg-plan-card {
    min-height: 360px;
    border: 1px solid var(--wg-line);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
}
.wg-plan-card__top {
    padding: 20px;
    border-bottom: 1px solid var(--wg-line);
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 11px;
    align-items: center;
}
.wg-plan-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #edf4ff;
}
.wg-plan-card__top > div { display: grid; }
.wg-plan-card__top small { color: #8997a9; font-size: 7px; font-weight: 850; letter-spacing: .8px; }
.wg-plan-card__top h3 { margin: 2px 0 0; color: #2b3c54; font-size: 16px; font-weight: 820; }
.wg-plan-card__top > b { color: #148557; font-size: 8px; }
.wg-plan-card__body {
    padding: 20px;
    color: #718096;
    font-size: 10px;
}
.wg-plan-card__body ul {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
}
.wg-plan-card__body li {
    display: flex;
    gap: 7px;
}
.wg-plan-card__body li i { margin-top: 2px; color: var(--wg-green); font-size: 8px; }
.wg-plan-card__bottom {
    margin-top: auto;
    padding: 17px 20px;
    border-top: 1px solid var(--wg-line);
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    background: #f8faff;
}
.wg-plan-price { display: grid; }
.wg-plan-price small { color: #8997a9; font-size: 7px; }
.wg-plan-price strong { color: #26374f; font-size: 22px; }
.wg-plan-price span { color: #8391a4; font-size: 8px; }

.wg-empty-state {
    padding: 48px 30px;
    border: 1px solid var(--wg-line);
    border-radius: 16px;
    text-align: center;
    background: #fff;
}
.wg-empty-state > span {
    width: 52px;
    height: 52px;
    margin: 0 auto 14px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--wg-blue);
    background: #edf4ff;
    font-size: 18px;
}
.wg-empty-state > small {
    display: block;
    color: #8a98aa;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: 1px;
}
.wg-empty-state h3 {
    max-width: 550px;
    margin: 7px auto 7px;
    color: #2a3b52;
    font-size: 20px;
    font-weight: 820;
}
.wg-empty-state p {
    max-width: 620px;
    margin: 0 auto;
    color: #78879b;
    font-size: 10px;
}
.wg-empty-state > div {
    margin-top: 18px;
    display: flex;
    justify-content: center;
    gap: 9px;
}

/* Hide legacy cart action sidebars globally in the Weblygo order flow. */
#order-standard_cart .cart-sidebar,
#order-standard_cart .sidebar-collapsed {
    display: none !important;
}
#order-standard_cart .cart-body {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
}

/* Remove old public admin-session marker if cached HTML ever includes it. */
.wg-admin-session-note { display: none !important; }

@media (max-width: 980px) {
    .wg-app-head { align-items: flex-start; flex-direction: column; }
    .wg-domain-tabs { width: 100%; }
    .wg-domain-tabs > a { flex: 1; min-width: 0; }
    .wg-domain-workspace,
    .wg-form-layout,
    .wg-form-layout--support,
    .wg-contact-layout { grid-template-columns: 1fr; }
    .wg-domain-side { grid-template-columns: repeat(2, 1fr); }
    .wg-domain-side__hint { grid-column: 1 / -1; }
    .wg-plan-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
    .weblygo-ui .wg-main-inner > .wg-shell { width: min(100% - 24px, 1220px); }
    .wg-app-head { padding: 24px; border-radius: 15px; }
    .wg-app-head h1 { font-size: 28px; }
    .wg-domain-tabs { display: grid; grid-template-columns: 1fr; }
    .wg-domain-form__input { grid-template-columns: auto 1fr; }
    .wg-domain-form__input button { grid-column: 1 / -1; width: 100%; }
    .wg-domain-form__meta { flex-direction: column; gap: 5px; }
    .wg-domain-side { grid-template-columns: 1fr; }
    .wg-domain-side__hint { grid-column: auto; }
    .wg-field-grid { grid-template-columns: 1fr; }
    .wg-field--wide { grid-column: auto; }
    .wg-support-departments,
    .wg-support-info-grid,
    .wg-shop-categories,
    .wg-plan-grid { grid-template-columns: 1fr; }
    .wg-shop-headline { align-items: flex-start; flex-direction: column; }
    .wg-plan-card__bottom { align-items: stretch; flex-direction: column; }
    .wg-empty-state > div { flex-direction: column; align-items: center; }
}

/* ========================================================================
   WEBLYGO INNER PAGES / APP LANGUAGE
   ======================================================================== */
.wg-page-kicker {
    color: #2878ff;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.45px;
    text-transform: uppercase;
}

.wg-inner-hero,
.wg-app-page-head,
.wg-shop-head {
    margin-bottom: 22px;
    padding: 30px 34px;
    border: 1px solid #e2e8f1;
    border-radius: 18px;
    background: linear-gradient(120deg, #fff 0%, #f4f8ff 100%);
    box-shadow: 0 9px 30px rgba(25, 45, 75, .045);
}
.wg-inner-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
}
.wg-inner-hero h1,
.wg-app-page-head h1,
.wg-shop-head h1 {
    margin: 6px 0 7px;
    color: #17243a;
    font-size: 32px;
    line-height: 1.08;
    font-weight: 850;
    letter-spacing: -1px;
}
.wg-inner-hero p,
.wg-app-page-head p,
.wg-shop-head p {
    max-width: 720px;
    margin: 0;
    color: #6d7c91;
    font-size: 13px;
}
.wg-inner-hero__meta {
    min-width: 430px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}
.wg-inner-hero__meta > div {
    min-width: 0;
    padding: 12px;
    border: 1px solid #e2e8f1;
    border-radius: 11px;
    display: flex;
    align-items: center;
    gap: 9px;
    background: rgba(255,255,255,.82);
}
.wg-inner-hero__meta > div > i {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    color: #2878ff;
    background: #edf4ff;
    font-size: 12px;
}
.wg-inner-hero__meta span { min-width: 0; display: grid; }
.wg-inner-hero__meta small {
    color: #8a98aa;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .8px;
}
.wg-inner-hero__meta strong {
    margin-top: 2px;
    color: #34465f;
    font-size: 9px;
    white-space: nowrap;
}

.wg-contact-layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}
.wg-contact-aside,
.wg-support-aside {
    padding: 24px;
    border: 1px solid #e2e8f1;
    border-radius: 16px;
    background: #fff;
}
.wg-contact-aside h2 {
    margin: 7px 0 9px;
    color: #1d2d44;
    font-size: 22px;
    line-height: 1.12;
    font-weight: 820;
    letter-spacing: -.45px;
}
.wg-contact-aside > p {
    margin-bottom: 20px;
    color: #718096;
    font-size: 11px;
}
.wg-inline-action {
    padding: 13px 0;
    border-top: 1px solid #e7ebf2;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    color: #283a52 !important;
}
.wg-inline-action > i {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    color: #2878ff;
    background: #edf4ff;
}
.wg-inline-action span { display: grid; }
.wg-inline-action strong { font-size: 10px; }
.wg-inline-action small { margin-top: 2px; color: #8794a6; font-size: 8px; }
.wg-inline-action > b { color: #9aa7b8; }

.wg-form-surface {
    min-width: 0;
    padding: 28px 30px;
    border: 1px solid #e2e8f1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 9px 28px rgba(25,45,75,.04);
}
.wg-form-surface__head {
    margin-bottom: 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e8ecf3;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
}
.wg-form-surface__head > span {
    color: #1d2d44;
    font-size: 17px;
    font-weight: 800;
}
.wg-form-surface__head > small {
    color: #8997aa;
    font-size: 9px;
}

/* Strip duplicated stock WHMCS page chrome inside our new page components. */
.wg-form-surface > .header-lined,
.wg-support-form > .header-lined,
.wg-support-form .header-lined {
    display: none !important;
}
.wg-form-surface .card,
.wg-support-form .card {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.wg-form-surface .card-body,
.wg-support-form .card-body {
    padding: 0 !important;
}
.wg-form-surface .form-group,
.wg-support-form .form-group {
    margin-bottom: 15px;
}
.wg-form-surface label,
.wg-support-form label {
    color: #4b5b72;
    font-size: 10px;
    font-weight: 750;
}
.wg-form-surface .form-control,
.wg-support-form .form-control {
    min-height: 43px;
    border: 1px solid #d7dfea;
    border-radius: 9px;
    background: #fbfcfe;
    color: #263850;
    font-size: 12px;
}
.wg-form-surface textarea.form-control,
.wg-support-form textarea.form-control {
    min-height: 155px;
}
.wg-form-surface .form-control:focus,
.wg-support-form .form-control:focus {
    border-color: #2878ff;
    box-shadow: 0 0 0 3px rgba(40,120,255,.08);
    background: #fff;
}
.wg-form-surface .btn-primary,
.wg-support-form .btn-primary {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 800;
}

/* Contact's inherited horizontal bootstrap rows become a real form grid. */
.wg-contact-form-surface form .form-group.row {
    margin-left: 0;
    margin-right: 0;
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
}
.wg-contact-form-surface form .form-group.row > label {
    max-width: none;
    padding: 12px 0 0 !important;
    text-align: left !important;
}
.wg-contact-form-surface form .form-group.row > div {
    max-width: none;
    width: auto;
    padding: 0 !important;
}

/* Support app page */
.wg-app-page-head,
.wg-shop-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}
.wg-app-head-link {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid #dbe3ef;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    color: #37506f !important;
    background: #fff;
    font-size: 10px;
    font-weight: 750;
}
.wg-app-head-link b { color: #2878ff; }

.wg-support-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    gap: 18px;
    align-items: start;
}
.wg-support-form {
    min-height: 520px;
}
.wg-support-aside {
    display: grid;
    gap: 0;
}
.wg-support-aside__block {
    padding: 17px 0;
    border-bottom: 1px solid #e7ebf2;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 11px;
}
.wg-support-aside__block:first-child { padding-top: 0; }
.wg-support-aside__block:last-child { padding-bottom: 0; border-bottom: 0; }
.wg-support-aside__block > i {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    color: #2878ff;
    background: #edf4ff;
}
.wg-support-aside__block strong {
    color: #31435c;
    font-size: 10px;
}
.wg-support-aside__block p {
    margin: 4px 0 0;
    color: #8391a4;
    font-size: 8.5px;
    line-height: 1.5;
}

/* Markdown editor and file input should feel integrated instead of bolted on. */
.wg-support-form .md-editor {
    border: 1px solid #d7dfea !important;
    border-radius: 10px !important;
    overflow: hidden;
}
.wg-support-form .md-header {
    padding: 7px !important;
    border-bottom: 1px solid #e1e7ef;
    background: #f7f9fc !important;
}
.wg-support-form .md-input {
    min-height: 220px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
}
.wg-support-form .custom-file-label {
    border-color: #d7dfea;
    border-radius: 9px;
    background: #fbfcfe;
    font-size: 10px;
}

/* Remove the tiny admin session badge from the visible site entirely. */
.wg-admin-session-note { display: none !important; }

@media (max-width: 1000px) {
    .wg-inner-hero { grid-template-columns: 1fr; }
    .wg-inner-hero__meta { min-width: 0; }
    .wg-contact-layout { grid-template-columns: 1fr; }
    .wg-support-layout { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
    .wg-inner-hero,
    .wg-app-page-head,
    .wg-shop-head { padding: 24px; align-items: flex-start; flex-direction: column; }
    .wg-inner-hero__meta { grid-template-columns: 1fr; }
    .wg-contact-form-surface form .form-group.row { grid-template-columns: 1fr; gap: 5px; }
    .wg-contact-form-surface form .form-group.row > label { padding-top: 0 !important; }
    .wg-form-surface { padding: 22px; }
}

/* WEBLYGO INNER APP LAYOUT */
.wg-inner-page{display:grid;gap:22px}
.wg-inner-hero{padding:28px 30px;border:1px solid var(--wg-line);border-radius:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:26px;background:linear-gradient(120deg,#fff,#f3f7ff);box-shadow:0 10px 28px rgba(25,45,75,.05)}
.wg-inner-kicker{color:var(--wg-blue);font-size:9px;font-weight:850;letter-spacing:1.2px}
.wg-inner-hero h1{margin:7px 0 6px;color:var(--wg-text);font-size:34px;line-height:1.05;letter-spacing:-1px;font-weight:850}
.wg-inner-hero p{max-width:720px;margin:0;color:var(--wg-muted);font-size:13px}
.wg-inner-hero__meta{display:flex;gap:8px;flex-wrap:wrap}
.wg-inner-hero__meta span,.wg-inner-hero__link{padding:8px 10px;border:1px solid var(--wg-line);border-radius:9px;color:#5f7087;background:#fff;font-size:9px;font-weight:700}
.wg-inner-hero__meta i{margin-right:5px;color:var(--wg-blue)}
.wg-inner-hero__link{color:var(--wg-blue)!important}

.wg-contact-layout,.wg-ticket-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
.wg-contact-side,.wg-ticket-side{display:grid;gap:12px}
.wg-contact-card,.wg-ticket-side article{padding:20px;border:1px solid var(--wg-line);border-radius:15px;background:#fff;box-shadow:0 7px 24px rgba(25,45,75,.04)}
.wg-contact-card--primary{background:linear-gradient(145deg,#fff,#f1f6ff)}
.wg-contact-card__icon,.wg-ticket-side__icon{width:40px;height:40px;margin-bottom:14px;border-radius:11px;display:grid;place-items:center;color:var(--wg-blue);background:#edf4ff}
.wg-contact-card small,.wg-ticket-side small{color:#8694a7;font-size:8px;font-weight:850;letter-spacing:1px}
.wg-contact-card h2,.wg-ticket-side h3{margin:6px 0 8px;color:#23344d;font-size:17px;font-weight:800;letter-spacing:-.25px}
.wg-contact-card p,.wg-ticket-side p,.wg-ticket-side li{color:var(--wg-muted);font-size:11px;line-height:1.6}
.wg-contact-card a{color:var(--wg-blue);font-size:10px;font-weight:750}
.wg-ticket-side ul{margin:10px 0 0;padding-left:17px}

.wg-form-card{padding:26px;border:1px solid var(--wg-line);border-radius:17px;background:#fff;box-shadow:0 12px 34px rgba(25,45,75,.06)}
.wg-form-card__head{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--wg-line);display:flex;justify-content:space-between;gap:24px}
.wg-form-card__head h2{margin:5px 0 0;color:var(--wg-text);font-size:24px;font-weight:820;letter-spacing:-.5px}
.wg-form-card__head p{max-width:320px;margin:0;color:var(--wg-muted);font-size:11px}
.wg-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wg-field{margin:0;display:grid;gap:7px}
.wg-field--full{grid-column:1/-1}
.wg-field>span{color:#53647b;font-size:10px;font-weight:750}
.wg-field .form-control{width:100%;min-height:46px;padding:10px 12px;border:1px solid #d7dfeb;border-radius:9px;background:#fbfcfe;box-shadow:none;font-size:12px}
.wg-field textarea.form-control{min-height:210px;resize:vertical}
.wg-field .form-control:focus{border-color:var(--wg-blue);background:#fff;box-shadow:0 0 0 3px rgba(40,120,255,.08)}
.wg-form-actions{margin-top:20px;padding-top:18px;border-top:1px solid var(--wg-line);display:flex;gap:9px;justify-content:flex-end}
.wg-action-primary,.wg-action-secondary{min-height:42px;padding:0 16px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:800;cursor:pointer}
.wg-action-primary{border:1px solid var(--wg-blue);color:#fff!important;background:var(--wg-blue)}
.wg-action-secondary{border:1px solid var(--wg-line-dark);color:#506078!important;background:#fff}
.wg-action-primary:hover{background:var(--wg-blue-deep)}
.wg-action-secondary:hover{border-color:#b8cae6}
.wg-form-captcha{margin-top:18px}
.wg-upload-block{margin-top:18px;padding:17px;border:1px solid var(--wg-line);border-radius:12px;background:#f8fafd}
.wg-upload-block__head{margin-bottom:12px;display:flex;align-items:start;justify-content:space-between;gap:15px}
.wg-upload-block__head>div{display:grid}.wg-upload-block__head strong{color:#34465f;font-size:11px}.wg-upload-block__head span,.wg-upload-block__head small{color:#8795a8;font-size:9px}
.wg-upload-block .custom-file-label{border-radius:8px;border-color:#d7dfeb;background:#fff;font-size:10px}

.wg-support-chooser{padding:26px;border:1px solid var(--wg-line);border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(25,45,75,.05)}
.wg-support-chooser__head{margin-bottom:18px}.wg-support-chooser__head h2{margin:5px 0 0;font-size:23px;font-weight:820}
.wg-support-departments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wg-support-dept{padding:18px;border:1px solid var(--wg-line);border-radius:13px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:var(--wg-text)!important;background:#fff;transition:.18s ease}
.wg-support-dept:hover{border-color:#bcd2f6;transform:translateY(-2px);box-shadow:0 10px 24px rgba(25,45,75,.06)}
.wg-support-dept__icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wg-blue);background:#edf4ff}
.wg-support-dept>div{display:grid}.wg-support-dept strong{font-size:12px}.wg-support-dept span{color:var(--wg-muted);font-size:9px}.wg-support-dept>b{color:#9ba8b8}

.wg-alert{margin:0 0 16px;padding:12px 14px;border-radius:10px;font-size:11px}
.wg-alert--error{color:#a43c46;background:#fff0f2;border:1px solid #f2ccd1}
.wg-alert--success{color:#176b48;background:#edf9f4;border:1px solid #caeadc}
.wg-alert--info{color:#315d90;background:#eef5ff;border:1px solid #d4e4fb}

@media(max-width:900px){.wg-contact-layout,.wg-ticket-layout{grid-template-columns:1fr}.wg-contact-side{grid-template-columns:repeat(3,1fr)}.wg-ticket-side{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.wg-inner-hero,.wg-form-card__head{align-items:flex-start;flex-direction:column}.wg-form-grid,.wg-support-departments,.wg-contact-side,.wg-ticket-side{grid-template-columns:1fr}.wg-field--full{grid-column:auto}.wg-form-actions{justify-content:stretch;flex-direction:column}.wg-action-primary,.wg-action-secondary{width:100%}}


/* ========================================================================
   APPROVED WEBLYGO REFERENCE — AUGUST 2026
   ======================================================================== */
.weblygo-ui{
    --ref-blue:#1263eb;
    --ref-blue-dark:#0d4fc1;
    --ref-page:#f7f9fc;
    --ref-surface:#fff;
    --ref-text:#17253b;
    --ref-muted:#718096;
    --ref-line:#e5eaf2;
    --ref-soft:#f1f5fb;
    --ref-green:#18a66a;
    background:var(--ref-page)!important;
    color:var(--ref-text);
}
.wg-reference-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}

/* Header */
.wg-reference-header{position:sticky;top:0;z-index:1050;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--ref-line)}
.wg-reference-header__row{height:76px;display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center}
.wg-reference-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ref-text)!important}
.wg-reference-brand__mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#2783ff,#1263eb);font-size:18px;font-weight:900;box-shadow:0 8px 20px rgba(18,99,235,.2)}
.wg-reference-brand__copy{display:grid;line-height:1}
.wg-reference-brand__copy strong{color:#1263eb;font-size:18px;font-weight:850;letter-spacing:-.5px}
.wg-reference-brand__copy small{margin-top:5px;color:#8492a6;font-size:8px;letter-spacing:1.15px;text-transform:uppercase;font-weight:800}
.wg-reference-nav{display:flex;align-items:center;justify-content:center;gap:4px}
.wg-reference-nav>a{padding:9px 11px;border-radius:9px;color:#40516a!important;font-size:12px;font-weight:700}
.wg-reference-nav>a:hover{color:var(--ref-blue)!important;background:#f1f5ff}
.wg-reference-actions{display:flex;align-items:center;gap:8px}
.wg-reference-icon{position:relative;width:40px;height:40px;border:1px solid var(--ref-line);border-radius:10px;display:grid;place-items:center;color:#65758b!important;background:#fff}
.wg-reference-icon:hover{color:var(--ref-blue)!important;border-color:#bfd1f5}
.wg-reference-icon>b{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;color:#fff;background:var(--ref-blue);font-size:8px}
.wg-reference-account{min-width:142px;height:42px;padding:5px 11px 5px 6px;border:1px solid var(--ref-line);border-radius:10px;display:flex;align-items:center;gap:9px;color:var(--ref-text)!important;background:#fff}
.wg-reference-account__avatar{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--ref-blue);background:#edf3ff}
.wg-reference-account>span:last-child{display:grid;line-height:1.05}
.wg-reference-account small{color:#8b98aa;font-size:7px;letter-spacing:.8px;font-weight:800}
.wg-reference-account strong{margin-top:4px;color:#34455e;font-size:10px;font-weight:760}
.wg-reference-mobile{display:none}
.wg-account-nav{border-top:1px solid var(--ref-line);background:#fff}
.wg-account-nav>.wg-reference-shell{height:42px;display:flex;align-items:center;gap:26px}
.wg-account-nav a{color:#5b6b80;font-size:10px;font-weight:700}
.wg-account-nav a:hover{color:var(--ref-blue)}
.wg-reference-breadcrumb{padding:13px 0 0;background:transparent;border:0}
.wg-reference-breadcrumb .breadcrumb{padding:0;margin:0;background:transparent;font-size:10px;color:#8b98aa}
.wg-reference-main-inner{min-height:60vh;padding:22px 0 56px}
.wg-reference-main-home{padding:0}
.wg-reference-home-root{width:100%}

/* Hero */
.wg-reference-hero{padding:54px 0 62px;background:var(--ref-page)}
.wg-reference-hero__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(450px,1.05fr);gap:64px;align-items:center}
.wg-reference-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #d7eee4;border-radius:999px;color:#3e6a58;background:#f2fbf7;font-size:9px;font-weight:750}
.wg-reference-status i{width:7px;height:7px;border-radius:50%;background:var(--ref-green);box-shadow:0 0 0 4px rgba(24,166,106,.08)}
.wg-reference-hero__copy h1{margin:17px 0 17px;color:var(--ref-text);font-size:58px;line-height:.98;letter-spacing:-2.5px;font-weight:850}
.wg-reference-hero__copy>p{max-width:570px;margin:0;color:var(--ref-muted);font-size:17px;line-height:1.65}
.wg-reference-hero__actions{margin-top:28px;display:flex;gap:10px}
.wg-reference-btn{min-height:44px;padding:0 17px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;transition:.18s ease}
.wg-reference-btn:hover{transform:translateY(-1px)}
.wg-reference-btn--primary{color:#fff!important;background:var(--ref-blue);box-shadow:0 8px 22px rgba(18,99,235,.18)}
.wg-reference-btn--primary:hover{background:var(--ref-blue-dark)}
.wg-reference-btn--secondary{color:#34465f!important;border:1px solid var(--ref-line);background:#fff}
.wg-reference-btn--light{color:#173152!important;background:#fff}
.wg-reference-btn--ghost{color:#fff!important;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}

.wg-reference-domain-entry{margin-top:31px;padding:14px;border:1px solid var(--ref-line);border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(26,45,72,.06)}
.wg-reference-domain-entry__label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.wg-reference-domain-entry__label small{color:var(--ref-blue);font-size:8px;font-weight:850;letter-spacing:1px}
.wg-reference-domain-entry__label strong{color:#53647a;font-size:9px;font-weight:700}
.wg-reference-domain-entry__field{height:48px;padding:4px 4px 4px 14px;border:1px solid #dbe2ed;border-radius:9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;background:#fafbfd}
.wg-reference-domain-entry__field i{color:#8a98aa}
.wg-reference-domain-entry__field input{height:38px;border:0;outline:0;background:transparent;color:var(--ref-text);font-size:12px}
.wg-reference-domain-entry__field button{height:38px;padding:0 15px;border:0;border-radius:7px;color:#fff;background:var(--ref-blue);font-size:10px;font-weight:800}

/* Portal mock */
.wg-reference-hero__preview{position:relative}
.wg-reference-browser{border:1px solid #dbe3ef;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(31,56,94,.13);transform:perspective(1100px) rotateY(-2deg)}
.wg-reference-browser__bar{height:42px;padding:0 15px;border-bottom:1px solid var(--ref-line);display:flex;align-items:center;gap:6px;background:#fbfcfe}
.wg-reference-browser__bar>span{width:7px;height:7px;border-radius:50%;background:#d8e0ea}
.wg-reference-browser__bar>span:first-child{background:#ff8b87}.wg-reference-browser__bar>span:nth-child(2){background:#f5ca6a}.wg-reference-browser__bar>span:nth-child(3){background:#62cf91}
.wg-reference-browser__bar>b{margin-left:auto;color:#8896a8;font-size:8px;font-weight:700}
.wg-reference-browser__body{min-height:355px;display:grid;grid-template-columns:118px 1fr}
.wg-reference-browser__nav{padding:18px 12px;background:#10213a;display:grid;align-content:start;gap:7px}
.wg-reference-browser__nav strong{margin-bottom:8px;color:#fff;font-size:8px;letter-spacing:.8px}
.wg-reference-browser__nav span{padding:7px;border-radius:6px;color:#90a2ba;font-size:7px}.wg-reference-browser__nav span:nth-child(2){color:#fff;background:#1a345c}
.wg-reference-browser__content{padding:20px;background:#f7f9fc}
.wg-reference-browser__welcome{display:flex;align-items:center;justify-content:space-between}.wg-reference-browser__welcome>div{display:grid}
.wg-reference-browser__welcome small{color:#8b98aa;font-size:7px;font-weight:800}.wg-reference-browser__welcome strong{margin-top:3px;color:#293a53;font-size:15px}.wg-reference-browser__welcome i{color:#8a98aa}
.wg-reference-browser__stats{margin-top:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.wg-reference-browser__stats article{padding:12px;border:1px solid var(--ref-line);border-radius:9px;background:#fff;display:grid}
.wg-reference-browser__stats small{color:#8a98aa;font-size:6px;font-weight:850}.wg-reference-browser__stats strong{margin-top:3px;color:#24364f;font-size:19px}.wg-reference-browser__stats span{color:#8b98aa;font-size:7px}
.wg-reference-browser__service{margin-top:11px;padding:12px;border:1px solid var(--ref-line);border-radius:9px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#fff}
.wg-reference-browser__service-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--ref-blue);background:#edf3ff}
.wg-reference-browser__service>div{display:grid}.wg-reference-browser__service small{color:#8b98aa;font-size:6px;font-weight:850}.wg-reference-browser__service strong{color:#31445e;font-size:9px}.wg-reference-browser__service span{color:#8795a8;font-size:7px}.wg-reference-browser__service>b{padding:4px 6px;border-radius:6px;color:#168250;background:#eaf8f2;font-size:7px}
.wg-reference-browser__progress{margin-top:11px;padding:12px;border:1px solid var(--ref-line);border-radius:9px;background:#fff}
.wg-reference-browser__progress>div{display:flex;justify-content:space-between;color:#68778c;font-size:7px}.wg-reference-browser__progress i{display:block;height:5px;margin-top:8px;border-radius:4px;background:#edf1f6;overflow:hidden}.wg-reference-browser__progress i b{display:block;width:48%;height:100%;background:var(--ref-blue)}

/* Sections */
.wg-reference-features{padding:72px 0;background:#fff}
.wg-reference-section-head{max-width:690px;margin-bottom:28px}
.wg-reference-section-head>span,.wg-reference-kicker{color:var(--ref-blue);font-size:9px;font-weight:850;letter-spacing:1.2px}
.wg-reference-section-head h2,.wg-reference-domain-section h2,.wg-reference-security h2,.wg-reference-since h2{margin:7px 0 10px;color:var(--ref-text);font-size:34px;line-height:1.08;letter-spacing:-1px;font-weight:850}
.wg-reference-section-head p,.wg-reference-domain-section p,.wg-reference-security p,.wg-reference-since p{margin:0;color:var(--ref-muted);font-size:13px;line-height:1.65}
.wg-reference-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wg-reference-feature-card{min-height:280px;padding:23px;border:1px solid var(--ref-line);border-radius:16px;display:flex;flex-direction:column;color:var(--ref-text)!important;background:#fff;box-shadow:0 8px 24px rgba(26,45,72,.04);transition:.18s ease}
.wg-reference-feature-card:hover{transform:translateY(-3px);border-color:#c7d6ef;box-shadow:0 15px 34px rgba(26,45,72,.08)}
.wg-reference-feature-card__icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:var(--ref-blue);background:#edf3ff}
.wg-reference-feature-card>small{margin-top:20px;color:#8996a8;font-size:8px;font-weight:850;letter-spacing:1px}
.wg-reference-feature-card h3{margin:7px 0 8px;color:#26374f;font-size:18px;line-height:1.18;font-weight:820;letter-spacing:-.3px}.wg-reference-feature-card p{color:var(--ref-muted);font-size:10px;line-height:1.6}.wg-reference-feature-card>strong{margin-top:auto;color:var(--ref-blue);font-size:10px}

.wg-reference-domain-section{padding:70px 0;background:var(--ref-page)}
.wg-reference-domain-section__grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}
.wg-reference-domain-section .wg-reference-btn{margin-top:22px}
.wg-reference-domain-list{display:grid;gap:9px}
.wg-reference-domain-list article{padding:16px 18px;border:1px solid var(--ref-line);border-radius:11px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;background:#fff}
.wg-reference-domain-list strong{color:#20334d;font-size:18px}.wg-reference-domain-list span{color:#7a889a;font-size:10px}.wg-reference-domain-list i{color:#a0adbc}

.wg-reference-security{padding:72px 0;background:#fff}
.wg-reference-security__panel{padding:36px;border:1px solid var(--ref-line);border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:linear-gradient(130deg,#fff,#f4f7fc)}
.wg-reference-security__items{display:grid;gap:10px}
.wg-reference-security__items article{padding:14px;border:1px solid var(--ref-line);border-radius:10px;display:flex;align-items:center;gap:12px;background:#fff}
.wg-reference-security__items i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--ref-blue);background:#edf3ff}.wg-reference-security__items span{display:grid}.wg-reference-security__items strong{font-size:10px;color:#31445e}.wg-reference-security__items small{font-size:8px;color:#8996a8}

.wg-reference-since{padding:64px 0;background:var(--ref-page)}
.wg-reference-since__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.wg-reference-support-cta{padding:58px 0;background:#10213a}
.wg-reference-support-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.wg-reference-support-cta span{color:#81b2ff;font-size:8px;font-weight:850;letter-spacing:1.2px}.wg-reference-support-cta h2{margin:6px 0 5px;color:#fff;font-size:28px;font-weight:820;letter-spacing:-.7px}.wg-reference-support-cta p{margin:0;color:#9db0c9;font-size:10px}.wg-reference-support-cta__inner>div:last-child{display:flex;gap:9px}

/* Align existing inner app to the approved reference */
.wg-reference-main-inner .wg-inner-hero{background:#fff;box-shadow:0 8px 24px rgba(26,45,72,.04)}
.wg-reference-main-inner .wg-form-card,.wg-reference-main-inner .wg-contact-card,.wg-reference-main-inner .wg-ticket-side article,.wg-reference-main-inner .wg-support-chooser{box-shadow:0 8px 24px rgba(26,45,72,.04)}
.wg-reference-main-inner .wg-inner-hero h1{font-size:30px}
.wg-reference-main-inner .wg-inner-hero p{font-size:12px}

/* Responsive */
@media(max-width:960px){
 .wg-reference-header__row{grid-template-columns:auto auto 1fr}.wg-reference-mobile{display:grid;place-items:center;order:3;justify-self:end;width:40px;height:40px;border:1px solid var(--ref-line);border-radius:9px;background:#fff}
 .wg-reference-nav{position:absolute;top:76px;left:20px;right:20px;padding:12px;border:1px solid var(--ref-line);border-radius:12px;display:none;flex-direction:column;align-items:stretch;background:#fff;box-shadow:0 16px 38px rgba(26,45,72,.12)}.wg-reference-nav.is-open{display:flex}
 .wg-reference-actions{justify-self:end}.wg-reference-account>span:last-child{display:none}.wg-reference-account{min-width:40px;width:40px;padding:5px}
 .wg-reference-hero__grid{grid-template-columns:1fr}.wg-reference-hero__preview{max-width:650px;margin:0 auto;width:100%}
 .wg-reference-feature-grid{grid-template-columns:repeat(2,1fr)}.wg-reference-domain-section__grid,.wg-reference-security__panel,.wg-reference-since__grid{grid-template-columns:1fr;gap:30px}
}
@media(max-width:620px){
 .wg-reference-shell{width:min(100% - 26px,1180px)}.wg-reference-header__row{height:66px}.wg-reference-nav{top:66px}.wg-reference-brand__copy small{display:none}
 .wg-reference-hero{padding:35px 0 48px}.wg-reference-hero__copy h1{font-size:42px;letter-spacing:-1.6px}.wg-reference-hero__copy>p{font-size:14px}.wg-reference-hero__actions{flex-direction:column}.wg-reference-domain-entry__label{align-items:flex-start;flex-direction:column}.wg-reference-domain-entry__field{grid-template-columns:auto 1fr}.wg-reference-domain-entry__field button{grid-column:1/-1;width:100%}
 .wg-reference-browser__body{grid-template-columns:1fr}.wg-reference-browser__nav{display:none}.wg-reference-feature-grid{grid-template-columns:1fr}.wg-reference-support-cta__inner{align-items:flex-start;flex-direction:column}.wg-reference-support-cta__inner>div:last-child{flex-direction:column;width:100%}
 .wg-account-nav>.wg-reference-shell{overflow-x:auto;white-space:nowrap}
}


/* MY WEBLYGO SERVICE CONSOLE */
.wg-console{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:start}
.wg-console-nav{position:sticky;top:132px;border:1px solid var(--ref-line);border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(26,45,72,.04)}
.wg-console-nav__head{padding:18px;border-bottom:1px solid var(--ref-line);display:grid}.wg-console-nav__head strong{margin-top:5px;color:#2c3e57;font-size:14px}
.wg-console-nav nav{padding:8px;display:grid;gap:3px}
.wg-console-nav nav a{min-height:39px;padding:0 10px;border-radius:8px;display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center;color:#596a81!important;font-size:10px;font-weight:700}
.wg-console-nav nav a i{color:#8b98aa}.wg-console-nav nav a b{min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:grid;place-items:center;background:#eef3f9;color:#66758a;font-size:8px}
.wg-console-nav nav a:hover,.wg-console-nav nav a.is-active{color:var(--ref-blue)!important;background:#edf3ff}.wg-console-nav nav a.is-active i{color:var(--ref-blue)}
.wg-console-nav__foot{padding:10px 14px 14px;border-top:1px solid var(--ref-line)}.wg-console-nav__foot a{color:#65758b!important;font-size:9px;font-weight:700}.wg-console-nav__foot i{margin-right:6px;color:var(--ref-blue)}

.wg-console-workspace{min-width:0;display:grid;gap:18px}
.wg-console-head{padding:26px 28px;border:1px solid var(--ref-line);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;box-shadow:0 8px 24px rgba(26,45,72,.04)}
.wg-console-head h1{margin:6px 0 5px;color:var(--ref-text);font-size:29px;line-height:1.05;letter-spacing:-.8px;font-weight:850}.wg-console-head p{margin:0;color:var(--ref-muted);font-size:11px}

.wg-console-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wg-console-kpis article{padding:16px;border:1px solid var(--ref-line);border-radius:12px;display:grid;background:#fff}.wg-console-kpis article.is-attention{border-color:#f0cfd4;background:#fffafb}
.wg-console-kpis small{color:#8996a8;font-size:7px;font-weight:850;letter-spacing:.8px}.wg-console-kpis strong{margin-top:3px;color:#26384f;font-size:23px}.wg-console-kpis span{color:#8996a8;font-size:8px}

.wg-console-primary,.wg-console-panel{padding:20px;border:1px solid var(--ref-line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(26,45,72,.04)}
.wg-console-section-head,.wg-console-panel__head{margin-bottom:13px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.wg-console-section-head h2{margin:5px 0 0;color:#26384f;font-size:18px;font-weight:820}.wg-console-panel__head h3{margin:4px 0 0;font-size:14px;font-weight:800}.wg-console-section-head>a,.wg-console-panel__head>a{color:var(--ref-blue)!important;font-size:9px;font-weight:750}
.wg-console-services{display:grid;gap:8px}
.wg-console-service{padding:15px;border:1px solid var(--ref-line);border-radius:11px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:var(--ref-text)!important;background:#fff}.wg-console-service--primary{border-color:#d8e4f8;background:linear-gradient(110deg,#fff,#f6f9ff)}.wg-console-service:hover{border-color:#bfd1f0}
.wg-console-service__icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--ref-blue);background:#edf3ff}.wg-console-service>div{display:grid}.wg-console-service small{color:#8795a8;font-size:7px;font-weight:850;letter-spacing:.8px}.wg-console-service strong{color:#2b3d56;font-size:12px}.wg-console-service span{color:#8492a6;font-size:9px}.wg-console-service>b{color:var(--ref-blue);font-size:9px}

.wg-console-secondary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.wg-console-domain-summary{padding:13px;border:1px solid var(--ref-line);border-radius:10px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#fbfcfe}.wg-console-domain-summary__icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:var(--ref-blue);background:#edf3ff}.wg-console-domain-summary>div{display:grid}.wg-console-domain-summary strong{font-size:10px;color:#31445e}.wg-console-domain-summary span{font-size:8px;color:#8795a8}.wg-console-domain-summary>a{color:var(--ref-blue)!important;font-size:8px;font-weight:750}

.wg-console-support{padding:22px 24px;border:1px solid #d8e4f8;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#f8fbff,#edf4ff)}.wg-console-support h2{margin:5px 0 4px;color:#26384f;font-size:18px;font-weight:820}.wg-console-support p{margin:0;color:#718096;font-size:10px}
@media(max-width:950px){.wg-console{grid-template-columns:1fr}.wg-console-nav{position:static}.wg-console-nav nav{display:flex;overflow-x:auto}.wg-console-nav nav a{min-width:max-content}.wg-console-nav__foot{display:none}.wg-console-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wg-console-head,.wg-console-support{align-items:flex-start;flex-direction:column}.wg-console-kpis,.wg-console-secondary{grid-template-columns:1fr}}


/* Approved light footer */
.wg-reference-footer{padding:48px 0 20px;border-top:1px solid var(--ref-line);background:#fff}
.wg-reference-footer__top{display:grid;grid-template-columns:1.5fr repeat(3,.72fr);gap:44px}
.wg-reference-footer__brand p{max-width:360px;margin:17px 0;color:var(--ref-muted);font-size:10px;line-height:1.6}
.wg-reference-footer__status{display:inline-flex;align-items:center;gap:7px;color:#65758b!important;font-size:9px;font-weight:700}
.wg-reference-footer__status i{width:7px;height:7px;border-radius:50%;background:var(--ref-green)}
.wg-reference-footer__col{display:grid;align-content:start;gap:8px}.wg-reference-footer__col strong{margin-bottom:5px;color:#2f4059;font-size:10px}.wg-reference-footer__col a{color:#7d8b9f!important;font-size:9px}.wg-reference-footer__col a:hover{color:var(--ref-blue)!important}
.wg-reference-footer__bottom{margin-top:38px;padding-top:17px;border-top:1px solid var(--ref-line);display:flex;justify-content:space-between;gap:20px;color:#8a97a9;font-size:8px}
@media(max-width:800px){.wg-reference-footer__top{grid-template-columns:repeat(2,1fr)}.wg-reference-footer__brand{grid-column:1/-1}}
@media(max-width:520px){.wg-reference-footer__top{grid-template-columns:1fr}.wg-reference-footer__brand{grid-column:auto}.wg-reference-footer__bottom{align-items:flex-start;flex-direction:column}}


/* WEBLYGO CHECKOUT / CART */
.wg-checkout-shell>.row{display:block!important;margin:0!important}
.wg-checkout-shell .cart-body{width:100%!important;max-width:none!important;padding:0!important}
.wg-checkout-head{margin-bottom:18px;padding:25px 27px;border:1px solid var(--ref-line);border-radius:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;background:#fff;box-shadow:0 8px 24px rgba(26,45,72,.04)}
.wg-checkout-head h1{margin:6px 0 5px;color:var(--ref-text);font-size:29px;line-height:1.05;letter-spacing:-.8px;font-weight:850}
.wg-checkout-head p{margin:0;color:var(--ref-muted);font-size:10px}
.wg-checkout-steps{display:flex;align-items:center;gap:8px;color:#8996a8;font-size:8px;font-weight:750;white-space:nowrap}
.wg-checkout-steps span{display:flex;align-items:center;gap:5px}.wg-checkout-steps span b{width:22px;height:22px;border:1px solid var(--ref-line);border-radius:50%;display:grid;place-items:center;background:#fff;color:#7d8ca0;font-size:8px}
.wg-checkout-steps span.is-active{color:var(--ref-blue)}.wg-checkout-steps span.is-active b{border-color:var(--ref-blue);color:#fff;background:var(--ref-blue)}
.wg-checkout-steps span.is-done{color:#4e6f60}.wg-checkout-steps span.is-done b{border-color:#cde7db;color:#168250;background:#edf9f3}
.wg-checkout-steps>i{width:24px;height:1px;background:var(--ref-line)}

.wg-checkout-shell .secondary-cart-body{width:100%!important;max-width:none!important;padding:0!important}
.wg-checkout-shell .already-registered,.wg-checkout-shell .sub-heading,.wg-checkout-shell .account-select-container,.wg-checkout-shell .view-cart-items,.wg-checkout-shell .view-cart-items-header,.wg-checkout-shell .order-summary,.wg-checkout-shell .checkout-security-msg{border-color:var(--ref-line)!important}
.wg-checkout-shell .already-registered{margin:0 0 14px;padding:14px 16px;border:1px solid var(--ref-line);border-radius:11px;background:#fff}
.wg-checkout-shell .sub-heading{margin:18px 0 12px;padding:0;border:0!important;text-align:left}
.wg-checkout-shell .sub-heading span{padding:0!important;color:#31445e!important;background:transparent!important;font-size:12px;font-weight:800}
.wg-checkout-shell .form-control,.wg-checkout-shell .field{min-height:44px;border:1px solid #d8e0eb!important;border-radius:9px!important;background:#fbfcfe!important;box-shadow:none!important;font-size:11px}
.wg-checkout-shell .form-control:focus,.wg-checkout-shell .field:focus{border-color:var(--ref-blue)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(18,99,235,.07)!important}
.wg-checkout-shell .prepend-icon .field-icon{color:#8a98aa}
.wg-checkout-shell .account{border:1px solid var(--ref-line)!important;border-radius:10px!important;background:#fff!important}
.wg-checkout-shell .account.active{border-color:#bdd0f2!important;background:#f7faff!important}

.wg-checkout-shell .view-cart-items-header{padding:10px 16px;border:1px solid var(--ref-line);border-radius:10px 10px 0 0;background:#f7f9fc;color:#748297;font-size:9px;font-weight:800}
.wg-checkout-shell .view-cart-items{border:1px solid var(--ref-line)!important;border-top:0!important;border-radius:0 0 10px 10px!important;background:#fff!important}
.wg-checkout-shell .view-cart-items .item{padding:17px 16px!important;border-bottom:1px solid var(--ref-line)!important}
.wg-checkout-shell .view-cart-items .item:last-child{border-bottom:0!important}
.wg-checkout-shell .item-title{color:#2b3d56;font-size:12px;font-weight:800}.wg-checkout-shell .item-group,.wg-checkout-shell .item-domain,.wg-checkout-shell .cycle{color:#8795a8!important;font-size:9px}
.wg-checkout-shell .item-price{color:#25364e;font-size:12px;font-weight:750}
.wg-checkout-shell .btn-primary,.wg-checkout-shell .btn-success{border-radius:9px!important;background:var(--ref-blue)!important;border-color:var(--ref-blue)!important;font-weight:750}
.wg-checkout-shell .btn-default{border-radius:9px!important;border-color:var(--ref-line)!important;background:#fff!important;color:#53647a!important}

.wg-checkout-shell .order-summary{border:1px solid var(--ref-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 8px 24px rgba(26,45,72,.04)}
.wg-checkout-shell .order-summary .summary-container{padding:18px!important}
.wg-checkout-shell .total-due-today{color:#21334c!important;font-size:20px!important}
.wg-checkout-shell .alert{border-radius:10px;font-size:10px}
.wg-checkout-shell .payment-methods .payment-method{border:1px solid var(--ref-line)!important;border-radius:10px!important;background:#fff!important}

@media(max-width:760px){.wg-checkout-head{align-items:flex-start;flex-direction:column}.wg-checkout-steps{width:100%;overflow-x:auto}.wg-checkout-steps>i{min-width:18px}}


/* V-SERVER CONFIGURATOR */
.wg-vps-config-shell>.row{display:block!important;margin:0!important}
.wg-vps-config-shell .cart-body{width:100%!important;max-width:none!important;padding:0!important}
.wg-vps-config-head{margin-bottom:18px;padding:25px 27px;border:1px solid var(--ref-line);border-radius:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;background:#fff;box-shadow:0 8px 24px rgba(26,45,72,.04)}
.wg-vps-config-head h1{margin:6px 0 5px;color:var(--ref-text);font-size:30px;line-height:1.05;letter-spacing:-.8px;font-weight:850}
.wg-vps-config-head p{max-width:690px;margin:0;color:var(--ref-muted);font-size:11px;line-height:1.55}
.wg-vps-config-head__back{padding:8px 10px;border:1px solid var(--ref-line);border-radius:8px;color:#5e6f86!important;background:#fff;font-size:9px;font-weight:750;white-space:nowrap}.wg-vps-config-head__back i{margin-right:5px}

.wg-vps-config-shell form>.row{display:grid!important;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin:0!important;align-items:start}
.wg-vps-config-shell .secondary-cart-body{width:auto!important;max-width:none!important;padding:0!important}
.wg-vps-config-shell .secondary-cart-sidebar{width:auto!important;max-width:none!important;padding:0!important;position:sticky;top:132px}

.wg-vps-product-info{padding:20px;border:1px solid var(--ref-line);border-radius:14px;background:linear-gradient(120deg,#fff,#f7faff);box-shadow:0 8px 24px rgba(26,45,72,.04)}
.wg-vps-product-info__title{display:flex;align-items:center;gap:11px}.wg-vps-product-info__icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--ref-blue);background:#edf3ff}.wg-vps-product-info__title>div{display:grid}.wg-vps-product-info__title small{color:#8996a8;font-size:7px;font-weight:850;letter-spacing:.9px}.wg-vps-product-info__title strong{color:#2d3f58;font-size:14px}
.wg-vps-product-info__specs{margin-top:16px;padding-top:14px;border-top:1px solid var(--ref-line);color:#63738a;font-size:10px;line-height:1.9}

.wg-vps-config-intro{margin:20px 0 12px}.wg-vps-config-intro h2{margin:5px 0 3px;color:#2b3d55;font-size:19px;font-weight:820}.wg-vps-config-intro p{margin:0;color:#7a889c;font-size:10px}
.wg-vps-config-shell .field-container,.wg-vps-config-shell .product-configurable-options,.wg-vps-config-shell #productAddonsContainer{padding:18px;border:1px solid var(--ref-line);border-radius:13px;background:#fff}
.wg-vps-config-shell .sub-heading{margin:20px 0 9px!important;padding:0!important;border:0!important;text-align:left!important}.wg-vps-config-shell .sub-heading span{padding:0!important;color:#34465f!important;background:transparent!important;font-size:11px!important;font-weight:800}
.wg-vps-config-shell .product-configurable-options>.row{margin-left:-6px!important;margin-right:-6px!important}.wg-vps-config-shell .product-configurable-options [class*=col-]{padding-left:6px;padding-right:6px}
.wg-vps-config-shell label{color:#53647a;font-size:10px;font-weight:750}
.wg-vps-config-shell .form-control{min-height:44px;border:1px solid #d8e0eb;border-radius:9px;background:#fbfcfe;box-shadow:none;font-size:11px}.wg-vps-config-shell .form-control:focus{border-color:var(--ref-blue);background:#fff;box-shadow:0 0 0 3px rgba(18,99,235,.07)}
.wg-vps-config-shell #inputBillingcycle{max-width:260px}

.wg-vps-help{margin-top:16px;padding:14px;border:1px solid #d9e5f7;border-radius:11px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#f7faff}.wg-vps-help>i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--ref-blue);background:#eaf2ff}.wg-vps-help>div{display:grid}.wg-vps-help strong{color:#40526a;font-size:10px}.wg-vps-help span{color:#8090a4;font-size:8px}.wg-vps-help>a{color:var(--ref-blue)!important;font-size:9px;font-weight:750}

.wg-vps-config-shell .order-summary{border:1px solid var(--ref-line)!important;border-radius:14px!important;overflow:hidden;background:#fff!important;box-shadow:0 10px 28px rgba(26,45,72,.06)}
.wg-vps-summary-head{padding:17px 17px 12px;border-bottom:1px solid var(--ref-line)}.wg-vps-summary-head h2{margin:5px 0 0;color:#2c3e56;font-size:17px;font-weight:820}
.wg-vps-config-shell .order-summary .summary-container{padding:16px!important}.wg-vps-config-shell .order-summary .summary-container *{font-size:10px}
.wg-vps-continue{width:100%;min-height:44px;margin-top:10px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--ref-blue);font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(18,99,235,.16)}.wg-vps-continue:hover{background:var(--ref-blue-dark)}
@media(max-width:850px){.wg-vps-config-shell form>.row{grid-template-columns:1fr}.wg-vps-config-shell .secondary-cart-sidebar{position:static}.wg-vps-config-head{align-items:flex-start;flex-direction:column}}


/* V-SERVER STORE HERO */
.wg-vserver-hero{
    margin-bottom:24px;
    padding:42px 44px;
    border:1px solid #dfe7f3;
    border-radius:24px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);
    gap:46px;
    align-items:center;
    overflow:hidden;
    position:relative;
    background:
        radial-gradient(circle at 90% 15%,rgba(38,121,255,.16),transparent 30%),
        linear-gradient(135deg,#ffffff 0%,#f4f8ff 58%,#edf4ff 100%);
    box-shadow:0 18px 48px rgba(31,55,91,.08);
}
.wg-vserver-hero:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(38,121,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(38,121,255,.025) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(90deg,transparent 30%,#000 100%);
}
.wg-vserver-hero__content,.wg-vserver-hero__visual{position:relative;z-index:1}
.wg-vserver-hero__kicker{
    color:var(--ref-blue);
    font-size:9px;
    font-weight:850;
    letter-spacing:1.4px;
}
.wg-vserver-hero h1{
    max-width:620px;
    margin:10px 0 15px;
    color:var(--ref-text);
    font-size:44px;
    line-height:1.02;
    letter-spacing:-1.8px;
    font-weight:850;
}
.wg-vserver-hero__content>p{
    max-width:670px;
    margin:0;
    color:#65758b;
    font-size:13px;
    line-height:1.7;
}
.wg-vserver-hero__facts{
    margin-top:23px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.wg-vserver-hero__facts span{
    padding:7px 10px;
    border:1px solid #dbe5f5;
    border-radius:999px;
    color:#5d6f86;
    background:rgba(255,255,255,.78);
    font-size:8px;
    font-weight:750;
}
.wg-vserver-hero__facts i{
    margin-right:5px;
    color:var(--ref-blue);
}
.wg-vserver-hero__actions{
    margin-top:27px;
    display:flex;
    gap:9px;
}
.wg-vserver-hero__primary,
.wg-vserver-hero__secondary{
    min-height:43px;
    padding:0 16px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:10px;
    font-weight:800;
}
.wg-vserver-hero__primary{
    color:#fff!important;
    background:var(--ref-blue);
    box-shadow:0 8px 20px rgba(18,99,235,.18);
}
.wg-vserver-hero__primary:hover{background:var(--ref-blue-dark)}
.wg-vserver-hero__secondary{
    color:#4d6078!important;
    border:1px solid #d7e0ec;
    background:#fff;
}

/* V-server visual */
.wg-vserver-console{
    padding:16px;
    border:1px solid #d6e1f0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 20px 46px rgba(24,49,88,.12);
    transform:perspective(1000px) rotateY(-2deg);
}
.wg-vserver-console__head{
    min-height:32px;
    display:flex;
    align-items:center;
    gap:7px;
}
.wg-vserver-console__head>div{display:flex;gap:5px}
.wg-vserver-console__head>div i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#d5deea;
}
.wg-vserver-console__head>div i:first-child{background:#ff908a}
.wg-vserver-console__head>div i:nth-child(2){background:#f4c968}
.wg-vserver-console__head>div i:nth-child(3){background:#64d196}
.wg-vserver-console__head>span{
    margin-left:7px;
    color:#8190a5;
    font-size:7px;
    font-weight:850;
    letter-spacing:1px;
}
.wg-vserver-console__head>b{
    margin-left:auto;
    padding:4px 7px;
    border-radius:6px;
    color:#188256;
    background:#eaf8f2;
    font-size:7px;
}
.wg-vserver-console__server{
    margin-top:6px;
    padding:15px;
    border:1px solid var(--ref-line);
    border-radius:12px;
    background:#f8fafd;
}
.wg-vserver-console__server-head{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:9px;
    align-items:center;
}
.wg-vserver-console__server-icon{
    width:36px;
    height:36px;
    border-radius:9px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#eaf2ff;
}
.wg-vserver-console__server-head>div{display:grid}
.wg-vserver-console__server-head small{
    color:#8a98aa;
    font-size:6px;
    font-weight:850;
    letter-spacing:.8px;
}
.wg-vserver-console__server-head strong{
    color:#30425a;
    font-size:11px;
}
.wg-vserver-console__server-head em{
    display:flex;
    align-items:center;
    gap:5px;
    color:#1c8158;
    font-size:7px;
    font-style:normal;
    font-weight:700;
}
.wg-vserver-console__server-head em i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#1eb879;
}
.wg-vserver-console__metrics{
    margin-top:14px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
}
.wg-vserver-console__metrics article{
    padding:11px;
    border:1px solid var(--ref-line);
    border-radius:9px;
    display:grid;
    background:#fff;
}
.wg-vserver-console__metrics small{
    color:#8a98aa;
    font-size:6px;
    font-weight:850;
}
.wg-vserver-console__metrics strong{
    margin-top:3px;
    color:#26384f;
    font-size:15px;
}
.wg-vserver-console__metrics span{
    color:#93a0b0;
    font-size:6px;
}
.wg-vserver-console__load{
    margin-top:12px;
    padding-top:11px;
    border-top:1px solid var(--ref-line);
}
.wg-vserver-console__load>div{
    display:flex;
    justify-content:space-between;
    color:#68798f;
    font-size:7px;
}
.wg-vserver-console__load>i{
    display:block;
    height:5px;
    margin-top:7px;
    border-radius:4px;
    overflow:hidden;
    background:#e8edf4;
}
.wg-vserver-console__load>i b{
    display:block;
    width:24%;
    height:100%;
    border-radius:4px;
    background:linear-gradient(90deg,#1263eb,#4b8dff);
}
.wg-vserver-console__meta{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:6px;
}
.wg-vserver-console__meta span{
    min-height:31px;
    border:1px solid var(--ref-line);
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    color:#718096;
    background:#fff;
    font-size:7px;
}
.wg-vserver-console__meta i{color:var(--ref-blue)}

/* catalog header */
.wg-vserver-catalog-head{
    padding:26px 28px;
    margin:0 0 16px;
    border:1px solid var(--ref-line);
    border-radius:16px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    background:#fff;
}
.wg-vserver-catalog-head__kicker{
    color:var(--ref-blue);
    font-size:8px;
    font-weight:850;
    letter-spacing:1.15px;
}
.wg-vserver-catalog-head h2{
    margin:5px 0 4px;
    color:var(--ref-text);
    font-size:25px;
    line-height:1.06;
    letter-spacing:-.6px;
    font-weight:840;
}
.wg-vserver-catalog-head p{
    margin:0;
    color:#7b899d;
    font-size:10px;
}
.wg-vserver-catalog-head__meta{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.wg-vserver-catalog-head__meta span{
    min-height:34px;
    padding:0 10px;
    border:1px solid var(--ref-line);
    border-radius:8px;
    display:flex;
    align-items:center;
    gap:6px;
    color:#6f7f94;
    background:#f9fbfd;
    font-size:8px;
    font-weight:700;
}
.wg-vserver-catalog-head__meta strong{
    color:#25374f;
    font-size:12px;
}
.wg-vserver-catalog-head__meta i{color:var(--ref-blue)}

/* modern V-server cards */
.wg-vserver-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.wg-vserver-card{
    min-width:0;
    padding:20px;
    border:1px solid var(--ref-line);
    border-radius:17px;
    display:flex;
    flex-direction:column;
    background:#fff;
    box-shadow:0 7px 24px rgba(26,45,72,.045);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.wg-vserver-card:hover{
    transform:translateY(-4px);
    border-color:#bfd1ee;
    box-shadow:0 18px 38px rgba(26,45,72,.09);
}
.wg-vserver-card__head{
    min-height:55px;
    display:flex;
    justify-content:space-between;
    gap:12px;
}
.wg-vserver-card__eyebrow{
    color:#8a98aa;
    font-size:7px;
    font-weight:850;
    letter-spacing:1px;
}
.wg-vserver-card h3{
    margin:4px 0 0;
    color:#283a53;
    font-size:18px;
    line-height:1.1;
    letter-spacing:-.35px;
    font-weight:830;
}
.wg-vserver-card__badges{
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:5px;
}
.wg-vserver-badge{
    padding:4px 6px;
    border:1px solid #dbe4f0;
    border-radius:6px;
    color:#65768c;
    background:#f8fafd;
    font-size:6px;
    font-weight:800;
    white-space:nowrap;
}
.wg-vserver-badge--dedicated{
    color:#73551d;
    border-color:#f0ddaf;
    background:#fff9e9;
}

.wg-vserver-card__price{
    margin-top:14px;
    padding:14px 0 15px;
    border-top:1px solid var(--ref-line);
    border-bottom:1px solid var(--ref-line);
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
}
.wg-vserver-card__price>div{
    display:flex;
    align-items:baseline;
    gap:5px;
}
.wg-vserver-card__price small{
    color:#8b98aa;
    font-size:7px;
    font-weight:700;
}
.wg-vserver-card__price strong{
    color:#1f3149;
    font-size:25px;
    line-height:1;
    letter-spacing:-.8px;
    font-weight:850;
}
.wg-vserver-card__price span{
    color:#7d8b9e;
    font-size:8px;
}
.wg-vserver-card__price em{
    color:#94a0b0;
    font-size:7px;
    font-style:normal;
    white-space:nowrap;
}

.wg-vserver-card__resources{
    margin-top:14px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
}
.wg-vserver-card__resources article{
    min-width:0;
    padding:10px 8px;
    border:1px solid var(--ref-line);
    border-radius:9px;
    display:flex;
    align-items:center;
    gap:7px;
    background:#f9fbfd;
}
.wg-vserver-card__resources article>span{
    width:27px;
    height:27px;
    flex:0 0 27px;
    border-radius:7px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#eaf2ff;
    font-size:9px;
}
.wg-vserver-card__resources article>div{
    min-width:0;
    display:grid;
}
.wg-vserver-card__resources small{
    color:#8b98aa;
    font-size:6px;
    font-weight:800;
}
.wg-vserver-card__resources strong{
    overflow:hidden;
    color:#31435b;
    font-size:9px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.wg-vserver-card__details{
    margin-top:12px;
    display:grid;
    gap:7px;
}
.wg-vserver-card__details>div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#8290a3;
    font-size:7px;
}
.wg-vserver-card__details span{
    display:flex;
    align-items:center;
    gap:6px;
}
.wg-vserver-card__details i{
    width:12px;
    color:#9aa7b7;
    text-align:center;
}
.wg-vserver-card__details strong{
    color:#526379;
    font-size:7px;
    font-weight:750;
}

.wg-vserver-card__included{
    margin-top:14px;
    padding-top:12px;
    border-top:1px solid var(--ref-line);
    display:grid;
    gap:6px;
}
.wg-vserver-card__included span{
    color:#738298;
    font-size:7px;
}
.wg-vserver-card__included i{
    width:16px;
    height:16px;
    margin-right:6px;
    border-radius:50%;
    display:inline-grid;
    place-items:center;
    color:#16855a;
    background:#ebf8f2;
    font-size:6px;
}

.wg-vserver-card__button{
    width:100%;
    min-height:41px;
    margin-top:16px;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#fff!important;
    background:var(--ref-blue);
    font-size:9px;
    font-weight:800;
    box-shadow:0 7px 18px rgba(18,99,235,.14);
}
.wg-vserver-card__button:hover{
    background:var(--ref-blue-dark);
}

/* v-server category tabs sit closer to hero */
.wg-vserver-hero + .wg-shop-categories{
    margin-top:0;
}

@media(max-width:1080px){
    .wg-vserver-hero{grid-template-columns:1fr;gap:28px}
    .wg-vserver-hero__visual{max-width:620px;width:100%;margin:0 auto}
    .wg-vserver-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
    .wg-vserver-hero{padding:28px 22px;border-radius:18px}
    .wg-vserver-hero h1{font-size:34px;letter-spacing:-1.2px}
    .wg-vserver-hero__actions{flex-direction:column}
    .wg-vserver-catalog-head{align-items:flex-start;flex-direction:column}
    .wg-vserver-catalog-head__meta{justify-content:flex-start}
    .wg-vserver-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
    .wg-vserver-console__metrics{grid-template-columns:1fr}
    .wg-vserver-console__meta{grid-template-columns:1fr}
    .wg-vserver-card__resources{grid-template-columns:1fr}
}


/* ========================================================================
   WEBLYGO TYPOGRAPHY SCALE — SITEWIDE
   Larger, more readable UI typography while preserving the approved layout.
   ======================================================================== */
.weblygo-ui{
    font-size:16px;
    line-height:1.6;
}

/* Global header / navigation */
.wg-reference-nav>a{font-size:14px}
.wg-reference-brand__copy strong{font-size:20px}
.wg-reference-brand__copy small{font-size:9px}
.wg-reference-account small{font-size:8px}
.wg-reference-account strong{font-size:12px}
.wg-account-nav a{font-size:12px}
.wg-reference-breadcrumb .breadcrumb{font-size:12px}

/* Global hero / marketing */
.wg-reference-status{font-size:11px}
.wg-reference-hero__copy h1{font-size:62px}
.wg-reference-hero__copy>p{font-size:18px}
.wg-reference-btn{font-size:13px}
.wg-reference-domain-entry__label small{font-size:9px}
.wg-reference-domain-entry__label strong{font-size:11px}
.wg-reference-domain-entry__field input{font-size:14px}
.wg-reference-domain-entry__field button{font-size:12px}
.wg-reference-section-head>span,
.wg-reference-kicker{font-size:10px}
.wg-reference-section-head h2,
.wg-reference-domain-section h2,
.wg-reference-security h2,
.wg-reference-since h2{font-size:38px}
.wg-reference-section-head p,
.wg-reference-domain-section p,
.wg-reference-security p,
.wg-reference-since p{font-size:15px}

/* Feature / service cards */
.wg-reference-feature-card>small{font-size:9px}
.wg-reference-feature-card h3{font-size:21px}
.wg-reference-feature-card p{font-size:12px}
.wg-reference-feature-card>strong{font-size:12px}
.wg-reference-domain-list strong{font-size:20px}
.wg-reference-domain-list span{font-size:12px}
.wg-reference-security__items strong{font-size:12px}
.wg-reference-security__items small{font-size:10px}

/* Generic inner pages */
.wg-inner-kicker{font-size:10px}
.wg-reference-main-inner .wg-inner-hero h1,
.wg-inner-hero h1{font-size:34px}
.wg-reference-main-inner .wg-inner-hero p,
.wg-inner-hero p{font-size:14px}
.wg-inner-hero__meta span,
.wg-inner-hero__link{font-size:11px}
.wg-form-card__head h2{font-size:27px}
.wg-form-card__head p{font-size:13px}
.wg-field>span{font-size:12px}
.wg-field .form-control{font-size:14px}
.wg-action-primary,
.wg-action-secondary{font-size:12px}
.wg-contact-card small,
.wg-ticket-side small{font-size:9px}
.wg-contact-card h2,
.wg-ticket-side h3{font-size:19px}
.wg-contact-card p,
.wg-ticket-side p,
.wg-ticket-side li{font-size:13px}
.wg-contact-card a{font-size:12px}

/* Shop category cards */
.wg-shop-categories a div small{font-size:9px}
.wg-shop-categories a div strong{font-size:14px}
.wg-shop-categories a div em{font-size:10px}

/* V-Server hero */
.wg-vserver-hero__kicker{font-size:11px}
.wg-vserver-hero h1{font-size:48px}
.wg-vserver-hero__content>p{font-size:15px}
.wg-vserver-hero__facts span{font-size:10px}
.wg-vserver-hero__primary,
.wg-vserver-hero__secondary{font-size:12px}

/* V-Server visual */
.wg-vserver-console__head>span{font-size:8px}
.wg-vserver-console__head>b{font-size:8px}
.wg-vserver-console__server-head small{font-size:7px}
.wg-vserver-console__server-head strong{font-size:13px}
.wg-vserver-console__server-head em{font-size:9px}
.wg-vserver-console__metrics small{font-size:7px}
.wg-vserver-console__metrics strong{font-size:17px}
.wg-vserver-console__metrics span{font-size:8px}
.wg-vserver-console__load>div{font-size:9px}
.wg-vserver-console__meta span{font-size:9px}

/* V-Server catalog */
.wg-vserver-catalog-head__kicker{font-size:10px}
.wg-vserver-catalog-head h2{font-size:29px}
.wg-vserver-catalog-head p{font-size:12px}
.wg-vserver-catalog-head__meta span{font-size:10px}
.wg-vserver-catalog-head__meta strong{font-size:14px}

/* V-Server product cards */
.wg-vserver-card__eyebrow{font-size:9px}
.wg-vserver-card h3{font-size:21px}
.wg-vserver-badge{font-size:8px}
.wg-vserver-card__price small{font-size:9px}
.wg-vserver-card__price strong{font-size:30px}
.wg-vserver-card__price span{font-size:10px}
.wg-vserver-card__price em{font-size:9px}
.wg-vserver-card__resources small{font-size:8px}
.wg-vserver-card__resources strong{font-size:12px}
.wg-vserver-card__details>div{font-size:9px}
.wg-vserver-card__details strong{font-size:9px}
.wg-vserver-card__included span{font-size:9px}
.wg-vserver-card__button{font-size:11px}

/* V-Server configurator / checkout */
.wg-vps-config-head h1{font-size:34px}
.wg-vps-config-head p{font-size:13px}
.wg-vps-config-head__back{font-size:11px}
.wg-vps-product-info__title small{font-size:8px}
.wg-vps-product-info__title strong{font-size:16px}
.wg-vps-product-info__specs{font-size:12px}
.wg-vps-config-intro h2{font-size:22px}
.wg-vps-config-intro p{font-size:12px}
.wg-vps-config-shell label{font-size:12px}
.wg-vps-config-shell .form-control{font-size:13px}
.wg-vps-help strong{font-size:12px}
.wg-vps-help span{font-size:10px}
.wg-vps-help>a{font-size:11px}
.wg-vps-summary-head h2{font-size:20px}
.wg-vps-config-shell .order-summary .summary-container *{font-size:12px}
.wg-vps-continue{font-size:12px}

.wg-checkout-head h1{font-size:33px}
.wg-checkout-head p{font-size:12px}
.wg-checkout-steps{font-size:10px}
.wg-checkout-shell .form-control,
.wg-checkout-shell .field{font-size:13px}
.wg-checkout-shell .view-cart-items-header{font-size:11px}
.wg-checkout-shell .item-title{font-size:14px}
.wg-checkout-shell .item-group,
.wg-checkout-shell .item-domain,
.wg-checkout-shell .cycle{font-size:11px}
.wg-checkout-shell .item-price{font-size:14px}

/* MY Weblygo console */
.wg-console-nav__head strong{font-size:16px}
.wg-console-nav nav a{font-size:12px}
.wg-console-nav__foot a{font-size:11px}
.wg-console-head h1{font-size:33px}
.wg-console-head p{font-size:13px}
.wg-console-kpis small{font-size:9px}
.wg-console-kpis strong{font-size:27px}
.wg-console-kpis span{font-size:10px}
.wg-console-section-head h2{font-size:21px}
.wg-console-panel__head h3{font-size:17px}
.wg-console-section-head>a,
.wg-console-panel__head>a{font-size:11px}
.wg-console-service small{font-size:8px}
.wg-console-service strong{font-size:14px}
.wg-console-service span{font-size:11px}
.wg-console-service>b{font-size:11px}
.wg-console-domain-summary strong{font-size:12px}
.wg-console-domain-summary span{font-size:10px}
.wg-console-domain-summary>a{font-size:10px}
.wg-console-support h2{font-size:21px}
.wg-console-support p{font-size:12px}

/* Footer */
.wg-reference-footer__brand p{font-size:12px}
.wg-reference-footer__status{font-size:11px}
.wg-reference-footer__col strong{font-size:12px}
.wg-reference-footer__col a{font-size:11px}
.wg-reference-footer__bottom{font-size:10px}

/* Responsive typography */
@media(max-width:900px){
    .wg-reference-hero__copy h1{font-size:50px}
    .wg-vserver-hero h1{font-size:42px}
}
@media(max-width:620px){
    .wg-reference-hero__copy h1{font-size:42px}
    .wg-vserver-hero h1{font-size:36px}
    .wg-vserver-card h3{font-size:20px}
    .wg-vserver-card__price strong{font-size:28px}
}


/* ========================================================================
   V-SERVER CONFIGURATOR + SERVER CLASS FILTERS
   ======================================================================== */
.wg-vserver-configurator{
    margin:0 0 16px;
    padding:28px;
    border:1px solid var(--ref-line);
    border-radius:18px;
    background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);
    box-shadow:0 10px 30px rgba(26,45,72,.05);
}
.wg-vserver-configurator__intro{
    max-width:760px;
    margin-bottom:22px;
}
.wg-vserver-configurator__intro h2{
    margin:6px 0 6px;
    color:var(--ref-text);
    font-size:30px;
    line-height:1.08;
    letter-spacing:-.7px;
    font-weight:840;
}
.wg-vserver-configurator__intro p{
    margin:0;
    color:#728197;
    font-size:13px;
    line-height:1.6;
}
.wg-vserver-configurator__body{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
    gap:18px;
    align-items:stretch;
}
.wg-vserver-configurator__controls{
    padding:18px;
    border:1px solid var(--ref-line);
    border-radius:14px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-content:start;
    background:#fff;
}
.wg-vserver-configurator__controls label{
    margin:0;
    display:grid;
    gap:7px;
}
.wg-vserver-configurator__controls label>span{
    color:#52647b;
    font-size:12px;
    font-weight:760;
}
.wg-vserver-configurator__controls select{
    width:100%;
    min-height:46px;
    padding:0 12px;
    border:1px solid #d8e0eb;
    border-radius:9px;
    outline:none;
    color:#31435b;
    background:#fbfcfe;
    font-size:13px;
    font-weight:650;
}
.wg-vserver-configurator__controls select:focus{
    border-color:var(--ref-blue);
    background:#fff;
    box-shadow:0 0 0 3px rgba(18,99,235,.07);
}
.wg-vserver-configurator__reset{
    grid-column:1/-1;
    justify-self:start;
    min-height:38px;
    padding:0 12px;
    border:1px solid var(--ref-line);
    border-radius:8px;
    color:#66768d;
    background:#fff;
    font-size:11px;
    font-weight:750;
    cursor:pointer;
}
.wg-vserver-configurator__reset:hover{
    color:var(--ref-blue);
    border-color:#bfd1ef;
}
.wg-vserver-configurator__reset i{margin-right:6px}

.wg-vserver-recommendation{
    min-height:100%;
    padding:20px;
    border:1px solid #d5e3f7;
    border-radius:14px;
    display:flex;
    flex-direction:column;
    background:linear-gradient(145deg,#edf4ff 0%,#f7faff 100%);
}
.wg-vserver-recommendation__label{
    color:var(--ref-blue);
    font-size:9px;
    font-weight:850;
    letter-spacing:1.15px;
}
.wg-vserver-recommendation__empty,
.wg-vserver-recommendation__none{
    flex:1;
    padding:24px 4px 8px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
}
.wg-vserver-recommendation__empty>i,
.wg-vserver-recommendation__none>i{
    width:42px;
    height:42px;
    margin-bottom:12px;
    border-radius:11px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#fff;
    font-size:15px;
    box-shadow:0 6px 18px rgba(18,99,235,.08);
}
.wg-vserver-recommendation__empty strong,
.wg-vserver-recommendation__none strong{
    color:#2c3f58;
    font-size:16px;
    font-weight:820;
}
.wg-vserver-recommendation__empty p,
.wg-vserver-recommendation__none p{
    max-width:330px;
    margin:6px 0 0;
    color:#75859a;
    font-size:11px;
    line-height:1.55;
}
.wg-vserver-recommendation__result{
    flex:1;
    margin-top:10px;
    display:flex;
    flex-direction:column;
}
.wg-vserver-recommendation__result small{
    color:#7c8ca1;
    font-size:8px;
    font-weight:850;
    letter-spacing:.85px;
}
.wg-vserver-recommendation__result h3{
    margin:5px 0 5px;
    color:#263950;
    font-size:20px;
    line-height:1.08;
    font-weight:840;
}
.wg-vserver-recommendation__result p{
    margin:0;
    color:#718197;
    font-size:11px;
    line-height:1.5;
}
.wg-vserver-recommendation__price{
    margin-top:auto;
    padding:16px 0 12px;
    display:flex;
    align-items:baseline;
    gap:6px;
}
.wg-vserver-recommendation__price strong{
    color:#1f3149;
    font-size:28px;
    line-height:1;
    letter-spacing:-.7px;
    font-weight:850;
}
.wg-vserver-recommendation__price span{
    color:#7d8b9e;
    font-size:10px;
}
.wg-vserver-recommendation__result>a{
    min-height:42px;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#fff!important;
    background:var(--ref-blue);
    font-size:11px;
    font-weight:800;
}
.wg-vserver-recommendation__result>a:hover{background:var(--ref-blue-dark)}

/* server families */
.wg-vserver-family-filter{
    margin:0 0 16px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.wg-vserver-family-filter button{
    min-width:0;
    padding:14px;
    border:1px solid var(--ref-line);
    border-radius:12px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px;
    align-items:center;
    text-align:left;
    color:#52647b;
    background:#fff;
    cursor:pointer;
    transition:.16s ease;
}
.wg-vserver-family-filter button:hover{
    border-color:#bed2f2;
    transform:translateY(-1px);
}
.wg-vserver-family-filter button.is-active{
    border-color:#a9c6f5;
    color:var(--ref-blue);
    background:#f2f7ff;
    box-shadow:0 7px 20px rgba(18,99,235,.06);
}
.wg-vserver-family-filter button>span{
    width:38px;
    height:38px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
}
.wg-vserver-family-filter button>div{
    min-width:0;
    display:grid;
}
.wg-vserver-family-filter small{
    color:#91a0b2;
    font-size:8px;
    font-weight:850;
    letter-spacing:.85px;
}
.wg-vserver-family-filter strong{
    margin-top:1px;
    color:#30425b;
    font-size:13px;
    font-weight:820;
}
.wg-vserver-family-filter em{
    margin-top:2px;
    color:#8996a8;
    font-size:9px;
    font-style:normal;
}
.wg-vserver-family-filter em b{
    color:#5e7088;
    font-weight:800;
}

/* filtering / recommendation states */
.wg-vserver-card[hidden]{
    display:none!important;
}
.wg-vserver-card.is-recommended{
    position:relative;
    border-color:#8fb7f7;
    box-shadow:0 18px 40px rgba(18,99,235,.11);
}
.wg-vserver-card.is-recommended:before{
    content:"EMPFOHLEN";
    position:absolute;
    top:-9px;
    right:15px;
    padding:4px 8px;
    border-radius:6px;
    color:#fff;
    background:var(--ref-blue);
    font-size:7px;
    font-weight:850;
    letter-spacing:.7px;
    z-index:2;
}

@media(max-width:1000px){
    .wg-vserver-configurator__body{
        grid-template-columns:1fr;
    }
    .wg-vserver-family-filter{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:620px){
    .wg-vserver-configurator{
        padding:20px;
    }
    .wg-vserver-configurator__intro h2{
        font-size:25px;
    }
    .wg-vserver-configurator__controls{
        grid-template-columns:1fr;
    }
    .wg-vserver-configurator__reset{
        grid-column:auto;
        width:100%;
    }
    .wg-vserver-family-filter{
        grid-template-columns:1fr;
    }
}


/* ========================================================================
   WEBLYGO SUPPORT — STEP 2
   ======================================================================== */
.wg-support-page{
    display:grid;
    gap:18px;
}

/* Hero */
.wg-support-hero{
    position:relative;
    padding:36px 38px;
    border:1px solid #dfe7f3;
    border-radius:22px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
    gap:44px;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 86% 18%,rgba(18,99,235,.14),transparent 31%),
        linear-gradient(135deg,#ffffff 0%,#f5f9ff 64%,#edf4ff 100%);
    box-shadow:0 16px 42px rgba(26,45,72,.07);
}
.wg-support-hero:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(18,99,235,.02) 1px,transparent 1px),
        linear-gradient(90deg,rgba(18,99,235,.02) 1px,transparent 1px);
    background-size:32px 32px;
    mask-image:linear-gradient(90deg,transparent 38%,#000 100%);
}
.wg-support-hero__content,
.wg-support-hero__visual{
    position:relative;
    z-index:1;
}
.wg-support-hero__kicker{
    color:var(--ref-blue);
    font-size:10px;
    font-weight:850;
    letter-spacing:1.25px;
}
.wg-support-hero h1{
    margin:9px 0 12px;
    max-width:680px;
    color:var(--ref-text);
    font-size:42px;
    line-height:1.04;
    letter-spacing:-1.45px;
    font-weight:850;
}
.wg-support-hero__content>p{
    max-width:700px;
    margin:0;
    color:#69798f;
    font-size:15px;
    line-height:1.65;
}
.wg-support-hero__facts{
    margin-top:21px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.wg-support-hero__facts span{
    min-height:33px;
    padding:0 10px;
    border:1px solid #d9e5f5;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#607188;
    background:rgba(255,255,255,.82);
    font-size:10px;
    font-weight:720;
}
.wg-support-hero__facts i{color:var(--ref-blue)}

/* Ticket flow visual */
.wg-support-flow{
    padding:17px;
    border:1px solid #d8e2ef;
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 42px rgba(26,45,72,.11);
}
.wg-support-flow__head{
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.wg-support-flow__head>span{
    color:#718096;
    font-size:8px;
    font-weight:850;
    letter-spacing:.9px;
}
.wg-support-flow__head>span i{
    margin-right:5px;
    color:var(--ref-blue);
}
.wg-support-flow__head>b{
    padding:4px 7px;
    border-radius:6px;
    color:#155fbe;
    background:#eaf2ff;
    font-size:7px;
    letter-spacing:.65px;
}
.wg-support-flow__steps{
    margin-top:10px;
    display:grid;
    gap:7px;
}
.wg-support-flow__steps article{
    min-height:58px;
    padding:10px;
    border:1px solid var(--ref-line);
    border-radius:10px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:9px;
    align-items:center;
    background:#fbfcfe;
}
.wg-support-flow__steps article.is-active{
    border-color:#c4d7f5;
    background:#f3f7ff;
}
.wg-support-flow__steps article>span{
    width:28px;
    height:28px;
    border-radius:8px;
    display:grid;
    place-items:center;
    color:#718197;
    background:#edf1f6;
    font-size:9px;
    font-weight:850;
}
.wg-support-flow__steps article.is-active>span{
    color:#fff;
    background:var(--ref-blue);
}
.wg-support-flow__steps article>div{display:grid}
.wg-support-flow__steps small{
    color:#8b98aa;
    font-size:6px;
    font-weight:850;
    letter-spacing:.75px;
}
.wg-support-flow__steps strong{
    margin-top:2px;
    color:#354760;
    font-size:10px;
}
.wg-support-flow__steps article>i{
    color:#9aa7b8;
    font-size:10px;
}
.wg-support-flow__steps article.is-active>i{
    color:#16865a;
}
.wg-support-flow__foot{
    margin-top:11px;
    padding-top:10px;
    border-top:1px solid var(--ref-line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#8290a3;
    font-size:7px;
}
.wg-support-flow__foot>span{
    display:flex;
    align-items:center;
    gap:6px;
}
.wg-support-flow__foot>span i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#1bad72;
}
.wg-support-flow__foot strong{
    color:#5d6f86;
    font-size:7px;
}

/* Department tabs */
.wg-support-department-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.wg-support-department-tabs>a{
    min-width:0;
    padding:14px 15px;
    border:1px solid var(--ref-line);
    border-radius:13px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px;
    align-items:center;
    color:#53647a!important;
    background:#fff;
    box-shadow:0 6px 18px rgba(26,45,72,.035);
    transition:.16s ease;
}
.wg-support-department-tabs>a:hover{
    transform:translateY(-1px);
    border-color:#c0d3f2;
}
.wg-support-department-tabs>a.is-active{
    border-color:#a9c5f1;
    background:#f3f7ff;
    box-shadow:0 8px 22px rgba(18,99,235,.06);
}
.wg-support-department-tabs__icon{
    width:40px;
    height:40px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
}
.wg-support-department-tabs>a>div{
    min-width:0;
    display:grid;
}
.wg-support-department-tabs small{
    color:#94a0b0;
    font-size:8px;
    font-weight:850;
    letter-spacing:.85px;
}
.wg-support-department-tabs strong{
    margin-top:1px;
    color:#31435b;
    font-size:13px;
    font-weight:820;
}
.wg-support-department-tabs em{
    margin-top:2px;
    overflow:hidden;
    color:#8996a8;
    font-size:9px;
    line-height:1.35;
    font-style:normal;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Alert */
.wg-support-alert{
    padding:14px 16px;
    border-radius:11px;
    display:flex;
    align-items:flex-start;
    gap:10px;
}
.wg-support-alert--error{
    color:#963b47;
    border:1px solid #efcbd0;
    background:#fff2f4;
}
.wg-support-alert>i{
    margin-top:2px;
}
.wg-support-alert>div{display:grid}
.wg-support-alert strong{font-size:12px}
.wg-support-alert span{margin-top:2px;font-size:11px}

/* Main layout */
.wg-support-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 280px;
    gap:16px;
    align-items:start;
}
.wg-support-form-card{
    padding:26px;
    border:1px solid var(--ref-line);
    border-radius:17px;
    background:#fff;
    box-shadow:0 9px 28px rgba(26,45,72,.045);
}
.wg-support-form-card__head{
    padding-bottom:20px;
    border-bottom:1px solid var(--ref-line);
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:22px;
}
.wg-support-form-card__kicker{
    color:var(--ref-blue);
    font-size:9px;
    font-weight:850;
    letter-spacing:1px;
}
.wg-support-form-card__head h2{
    margin:5px 0 4px;
    color:#263850;
    font-size:28px;
    line-height:1.05;
    letter-spacing:-.65px;
    font-weight:840;
}
.wg-support-form-card__head p{
    max-width:620px;
    margin:0;
    color:#7a899d;
    font-size:12px;
    line-height:1.55;
}
.wg-support-form-card__secure{
    padding:7px 9px;
    border:1px solid #d9e6f5;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#60748b;
    background:#f7faff;
    font-size:9px;
    font-weight:720;
    white-space:nowrap;
}
.wg-support-form-card__secure i{color:#18835a}

/* Form sections */
.wg-support-form-section{
    padding:22px 0;
    border-bottom:1px solid var(--ref-line);
}
.wg-support-form-section>header{
    margin-bottom:16px;
    display:flex;
    align-items:flex-start;
    gap:11px;
}
.wg-support-form-section__number{
    width:32px;
    height:32px;
    flex:0 0 32px;
    border-radius:8px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
    font-size:9px;
    font-weight:850;
}
.wg-support-form-section>header>div{display:grid}
.wg-support-form-section h3{
    margin:0;
    color:#31435b;
    font-size:16px;
    font-weight:820;
}
.wg-support-form-section>header p{
    margin:2px 0 0;
    color:#8996a8;
    font-size:10px;
}
.wg-support-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.wg-support-field{
    min-width:0;
}
.wg-support-field--full{
    grid-column:1/-1;
}
.wg-support-field>label{
    margin-bottom:7px;
    color:#53647a;
    font-size:12px;
    font-weight:760;
}
.wg-support-input,
.wg-support-select{
    position:relative;
}
.wg-support-input>i,
.wg-support-select>i{
    position:absolute;
    top:50%;
    left:13px;
    z-index:2;
    transform:translateY(-50%);
    color:#8b99aa;
    font-size:11px;
    pointer-events:none;
}
.wg-support-input .form-control,
.wg-support-select .form-control{
    min-height:48px;
    padding-left:38px;
    border:1px solid #d8e0eb;
    border-radius:9px;
    color:#31435b;
    background:#fbfcfe;
    box-shadow:none;
    font-size:13px;
}
.wg-support-select select.form-control{
    padding-right:34px;
}
.wg-support-input .form-control:focus,
.wg-support-select .form-control:focus,
.wg-support-message:focus{
    border-color:var(--ref-blue);
    background:#fff;
    box-shadow:0 0 0 3px rgba(18,99,235,.07);
}
.wg-support-input .form-control:disabled{
    color:#6f7e91;
    background:#f2f5f8;
}
.wg-support-message{
    min-height:260px!important;
    border:1px solid #d8e0eb!important;
    border-radius:10px!important;
    background:#fbfcfe!important;
    box-shadow:none!important;
    font-size:13px!important;
    line-height:1.6!important;
}
.wg-support-custom-fields{
    margin-top:14px;
}
.wg-support-custom-fields .form-group{
    margin-bottom:12px;
}
.wg-support-custom-fields label{
    color:#53647a;
    font-size:12px;
    font-weight:760;
}

/* Upload */
.wg-support-upload{
    padding:16px;
    border:1px dashed #cad6e6;
    border-radius:11px;
    background:#f9fbfd;
}
.wg-support-upload .custom-file-label{
    min-height:44px;
    padding:11px 13px;
    border-color:#d8e0eb;
    border-radius:8px 0 0 8px;
    background:#fff;
    font-size:11px;
}
.wg-support-upload__add{
    min-height:44px;
    padding:0 13px;
    border:1px solid #d8e0eb;
    border-radius:0 8px 8px 0;
    color:#56687f;
    background:#fff;
    font-size:10px;
    font-weight:760;
}
.wg-support-upload__add:hover{
    color:var(--ref-blue);
}
.wg-support-upload__meta{
    margin-top:10px;
    display:flex;
    align-items:flex-start;
    gap:7px;
    color:#8a97a9;
    font-size:9px;
    line-height:1.4;
}
.wg-support-upload__meta i{
    margin-top:2px;
    color:#7790ad;
}

/* Captcha/actions */
.wg-support-captcha{
    padding-top:18px;
    text-align:center;
}
.wg-support-actions{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid var(--ref-line);
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
}
.wg-support-actions__primary,
.wg-support-actions__secondary{
    min-height:44px;
    padding:0 17px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:12px;
    font-weight:800;
}
.wg-support-actions__primary{
    border:0;
    color:#fff;
    background:var(--ref-blue);
    box-shadow:0 8px 20px rgba(18,99,235,.15);
}
.wg-support-actions__primary:hover{
    background:var(--ref-blue-dark);
}
.wg-support-actions__secondary{
    color:#607188!important;
    border:1px solid var(--ref-line);
    background:#fff;
}

/* Right column */
.wg-support-aside{
    display:grid;
    gap:11px;
}
.wg-support-aside-card{
    padding:18px;
    border:1px solid var(--ref-line);
    border-radius:14px;
    background:#fff;
    box-shadow:0 6px 20px rgba(26,45,72,.035);
}
.wg-support-aside-card--highlight{
    border-color:#d6e3f7;
    background:linear-gradient(145deg,#fff,#f4f8ff);
}
.wg-support-aside-card__icon{
    width:38px;
    height:38px;
    margin-bottom:13px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
}
.wg-support-aside-card>small{
    color:#8d9bad;
    font-size:8px;
    font-weight:850;
    letter-spacing:.9px;
}
.wg-support-aside-card h3{
    margin:5px 0 8px;
    color:#30425a;
    font-size:16px;
    line-height:1.2;
    font-weight:820;
}
.wg-support-aside-card p,
.wg-support-aside-card li{
    color:#738298;
    font-size:11px;
    line-height:1.55;
}
.wg-support-aside-card ul{
    margin:11px 0 0;
    padding:0;
    list-style:none;
    display:grid;
    gap:7px;
}
.wg-support-aside-card li{
    display:flex;
    align-items:flex-start;
    gap:7px;
}
.wg-support-aside-card li i{
    width:16px;
    height:16px;
    flex:0 0 16px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#16865a;
    background:#eaf8f2;
    font-size:6px;
}
.wg-support-aside-card__contact{
    display:grid;
    gap:7px;
}
.wg-support-aside-card__contact span{
    display:flex;
    align-items:center;
    gap:7px;
    color:#67788f;
    font-size:10px;
}
.wg-support-aside-card__contact i{
    width:15px;
    color:var(--ref-blue);
}
.wg-support-aside-link{
    min-height:62px;
    padding:12px 14px;
    border:1px solid var(--ref-line);
    border-radius:12px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:10px;
    align-items:center;
    color:#44566f!important;
    background:#fff;
}
.wg-support-aside-link>span{
    width:34px;
    height:34px;
    border-radius:9px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
}
.wg-support-aside-link>div{display:grid}
.wg-support-aside-link small{
    color:#8d9bad;
    font-size:7px;
    font-weight:850;
}
.wg-support-aside-link strong{
    margin-top:2px;
    color:#34465f;
    font-size:11px;
}
.wg-support-aside-link>i{
    color:#9aa7b7;
}

/* WHMCS markdown toolbar integration */
.wg-support-form-card .md-editor{
    border:1px solid #d8e0eb;
    border-radius:10px;
    overflow:hidden;
}
.wg-support-form-card .md-header{
    border-bottom:1px solid var(--ref-line);
    background:#f8fafd;
}
.wg-support-form-card .md-editor .md-input{
    border:0!important;
    border-radius:0!important;
}

/* responsive */
@media(max-width:1000px){
    .wg-support-hero{
        grid-template-columns:1fr;
    }
    .wg-support-hero__visual{
        max-width:620px;
        width:100%;
    }
    .wg-support-layout{
        grid-template-columns:1fr;
    }
    .wg-support-aside{
        grid-template-columns:repeat(3,1fr);
    }
    .wg-support-aside-link{
        grid-column:1/-1;
    }
}
@media(max-width:760px){
    .wg-support-department-tabs{
        grid-template-columns:1fr;
    }
    .wg-support-aside{
        grid-template-columns:1fr;
    }
    .wg-support-aside-link{
        grid-column:auto;
    }
}
@media(max-width:620px){
    .wg-support-hero{
        padding:26px 21px;
        border-radius:17px;
    }
    .wg-support-hero h1{
        font-size:34px;
        letter-spacing:-1px;
    }
    .wg-support-form-card{
        padding:20px;
    }
    .wg-support-form-card__head{
        align-items:flex-start;
        flex-direction:column;
    }
    .wg-support-form-grid{
        grid-template-columns:1fr;
    }
    .wg-support-field--full{
        grid-column:auto;
    }
    .wg-support-actions{
        align-items:stretch;
        flex-direction:column-reverse;
    }
    .wg-support-actions__primary,
    .wg-support-actions__secondary{
        width:100%;
    }
}


/* ========================================================================
   WEBLYGO DOMAINS
   ======================================================================== */
.wg-domain-store{
    display:grid;
    gap:18px;
}

/* Domain hero */
.wg-domain-hero{
    position:relative;
    padding:40px 42px;
    border:1px solid #dfe7f3;
    border-radius:24px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
    gap:44px;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 88% 18%,rgba(18,99,235,.14),transparent 31%),
        linear-gradient(135deg,#fff 0%,#f5f9ff 62%,#edf4ff 100%);
    box-shadow:0 16px 44px rgba(26,45,72,.07);
}
.wg-domain-hero:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(18,99,235,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(18,99,235,.022) 1px,transparent 1px);
    background-size:32px 32px;
    mask-image:linear-gradient(90deg,transparent 36%,#000 100%);
}
.wg-domain-hero__content,
.wg-domain-hero__visual{
    position:relative;
    z-index:1;
}
.wg-domain-hero__kicker,
.wg-domain-section-kicker{
    color:var(--ref-blue);
    font-size:10px;
    font-weight:850;
    letter-spacing:1.25px;
}
.wg-domain-hero h1{
    max-width:650px;
    margin:9px 0 14px;
    color:var(--ref-text);
    font-size:48px;
    line-height:1.02;
    letter-spacing:-1.7px;
    font-weight:850;
}
.wg-domain-hero__content>p{
    max-width:690px;
    margin:0;
    color:#68788e;
    font-size:15px;
    line-height:1.68;
}
.wg-domain-hero__facts{
    margin-top:22px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.wg-domain-hero__facts span{
    min-height:34px;
    padding:0 11px;
    border:1px solid #d9e5f5;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#607188;
    background:rgba(255,255,255,.82);
    font-size:10px;
    font-weight:720;
}
.wg-domain-hero__facts i{color:var(--ref-blue)}

/* Registry visual */
.wg-domain-registry{
    padding:17px;
    border:1px solid #d7e2ef;
    border-radius:17px;
    background:#fff;
    box-shadow:0 20px 45px rgba(26,45,72,.11);
}
.wg-domain-registry__head{
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.wg-domain-registry__head span{
    color:#718096;
    font-size:8px;
    font-weight:850;
    letter-spacing:.9px;
}
.wg-domain-registry__head span i{
    margin-right:5px;
    color:var(--ref-blue);
}
.wg-domain-registry__head b{
    padding:4px 7px;
    border-radius:6px;
    color:#188256;
    background:#eaf8f2;
    font-size:7px;
}
.wg-domain-registry__domain{
    margin-top:8px;
    padding:15px;
    border:1px solid #dce5f1;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    background:#f8fafd;
}
.wg-domain-registry__domain>div{display:grid}
.wg-domain-registry__domain small{
    color:#8b98aa;
    font-size:7px;
    font-weight:850;
    letter-spacing:.75px;
}
.wg-domain-registry__domain strong{
    margin-top:3px;
    color:#2c3f57;
    font-size:17px;
    font-weight:840;
}
.wg-domain-registry__domain>span{
    padding:5px 7px;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#16835a;
    background:#eaf8f2;
    font-size:8px;
    font-weight:750;
}
.wg-domain-registry__rows{
    margin-top:9px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
}
.wg-domain-registry__rows article{
    min-width:0;
    padding:11px;
    border:1px solid var(--ref-line);
    border-radius:9px;
    background:#fff;
}
.wg-domain-registry__rows article>span{
    display:block;
    color:var(--ref-blue);
    font-size:15px;
    font-weight:850;
}
.wg-domain-registry__rows article>div{
    margin-top:8px;
    display:grid;
}
.wg-domain-registry__rows small{
    color:#95a1b1;
    font-size:6px;
    font-weight:850;
}
.wg-domain-registry__rows strong{
    margin-top:2px;
    color:#42536a;
    font-size:10px;
}
.wg-domain-registry__foot{
    margin-top:11px;
    padding-top:10px;
    border-top:1px solid var(--ref-line);
    display:flex;
    justify-content:space-between;
    gap:10px;
    color:#8290a2;
    font-size:7px;
}
.wg-domain-registry__foot i{
    margin-right:5px;
    color:var(--ref-blue);
}
.wg-domain-registry__foot strong{
    color:#5a6d84;
    font-size:7px;
}

/* Mode tabs */
.wg-domain-mode-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.wg-domain-mode-tabs>a{
    min-width:0;
    padding:15px;
    border:1px solid var(--ref-line);
    border-radius:13px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px;
    align-items:center;
    color:#53647a!important;
    background:#fff;
    box-shadow:0 6px 18px rgba(26,45,72,.035);
    transition:.16s ease;
}
.wg-domain-mode-tabs>a:hover{
    transform:translateY(-1px);
    border-color:#bed1ef;
}
.wg-domain-mode-tabs>a.is-active{
    border-color:#a9c6f4;
    background:#f3f7ff;
    box-shadow:0 8px 22px rgba(18,99,235,.06);
}
.wg-domain-mode-tabs>a>span{
    width:42px;
    height:42px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
}
.wg-domain-mode-tabs>a>div{
    min-width:0;
    display:grid;
}
.wg-domain-mode-tabs small{
    color:#93a0b1;
    font-size:8px;
    font-weight:850;
    letter-spacing:.85px;
}
.wg-domain-mode-tabs strong{
    margin-top:1px;
    color:#31435b;
    font-size:14px;
    font-weight:820;
}
.wg-domain-mode-tabs em{
    margin-top:2px;
    overflow:hidden;
    color:#8996a8;
    font-size:10px;
    font-style:normal;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Search panel */
.wg-domain-search-panel{
    padding:28px;
    border:1px solid var(--ref-line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 9px 28px rgba(26,45,72,.045);
}
.wg-domain-search-panel__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
}
.wg-domain-search-panel__head h2{
    margin:6px 0 5px;
    color:#273950;
    font-size:31px;
    line-height:1.06;
    letter-spacing:-.7px;
    font-weight:840;
}
.wg-domain-search-panel__head p{
    margin:0;
    color:#7a899d;
    font-size:13px;
}
.wg-domain-search-panel__status{
    min-height:34px;
    padding:0 10px;
    border:1px solid #d9e7df;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#39765d;
    background:#f5fbf8;
    font-size:10px;
    font-weight:720;
    white-space:nowrap;
}
.wg-domain-search-panel__status i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#1caf73;
}
.wg-domain-search-form{
    margin-top:20px;
}
.wg-domain-search-form__row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px;
}
.wg-domain-search-form__input{
    position:relative;
}
.wg-domain-search-form__input>i{
    position:absolute;
    top:50%;
    left:18px;
    transform:translateY(-50%);
    color:#8392a5;
    font-size:14px;
}
.wg-domain-search-form__input input{
    width:100%;
    min-height:56px;
    padding:0 18px 0 46px;
    border:1px solid #d5deea;
    border-radius:11px;
    outline:none;
    color:#2d4058;
    background:#fbfcfe;
    font-size:16px;
    font-weight:650;
}
.wg-domain-search-form__input input:focus{
    border-color:var(--ref-blue);
    background:#fff;
    box-shadow:0 0 0 3px rgba(18,99,235,.07);
}
.wg-domain-search-form__button{
    min-width:160px;
    min-height:56px;
    padding:0 18px;
    border:0;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#fff;
    background:var(--ref-blue);
    font-size:12px;
    font-weight:820;
    box-shadow:0 8px 20px rgba(18,99,235,.16);
}
.wg-domain-search-form__button:hover{background:var(--ref-blue-dark)}
.wg-domain-search-form__meta{
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}
.wg-domain-search-form__meta span{
    color:#79889c;
    font-size:10px;
}
.wg-domain-search-form__meta i{
    margin-right:5px;
    color:#16855a;
}
.wg-domain-captcha{
    margin-top:14px;
    padding:12px;
    border:1px solid var(--ref-line);
    border-radius:10px;
    display:flex;
    align-items:center;
    gap:10px;
    background:#f9fbfd;
}
.wg-domain-captcha input{
    max-width:180px;
}

/* Search results */
.wg-domain-results{
    margin-top:22px;
    padding-top:20px;
    border-top:1px solid var(--ref-line);
}
.wg-domain-results .primary-domain-header{
    margin-bottom:9px;
    color:#7d8b9e;
    font-size:9px;
    font-weight:850;
    letter-spacing:.9px;
    text-transform:uppercase;
}
.wg-domain-result-primary{
    padding:16px;
    border:1px solid #dce5f1;
    border-radius:12px;
    background:#f9fbfd;
}
.wg-domain-result-primary .domain-available,
.wg-domain-result-primary .domain-unavailable,
.wg-domain-result-primary .domain-invalid,
.wg-domain-result-primary .domain-error{
    margin:0;
    font-size:13px;
    font-weight:700;
}
.wg-domain-result-price{
    margin-top:13px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.wg-domain-result-price .price{
    color:#26384f;
    font-size:24px;
    font-weight:850;
}
.wg-domain-result-price .btn{
    min-height:40px;
    border-radius:8px;
    font-size:11px;
    font-weight:780;
}
.wg-domain-suggestions{
    margin-top:15px;
}
.wg-domain-suggestions__head{
    margin-bottom:9px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
}
.wg-domain-suggestions__head strong{
    color:#34465f;
    font-size:15px;
}
.wg-domain-suggestions__head span{
    color:#8a98aa;
    font-size:10px;
}

/* Popular TLD pricing */
.wg-domain-pricing-section{
    padding:28px;
    border:1px solid var(--ref-line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 9px 28px rgba(26,45,72,.045);
}
.wg-domain-pricing-section__head{
    margin-bottom:18px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
}
.wg-domain-pricing-section__head h2{
    margin:6px 0 5px;
    color:#273950;
    font-size:29px;
    line-height:1.08;
    letter-spacing:-.6px;
    font-weight:840;
}
.wg-domain-pricing-section__head p{
    margin:0;
    color:#7b899c;
    font-size:12px;
}
.wg-domain-pricing-section__head>span{
    min-height:36px;
    padding:0 11px;
    border:1px solid var(--ref-line);
    border-radius:8px;
    display:flex;
    align-items:center;
    gap:5px;
    color:#738299;
    background:#f9fbfd;
    font-size:10px;
    white-space:nowrap;
}
.wg-domain-pricing-section__head>span strong{
    color:#2d4058;
    font-size:14px;
}
.wg-domain-price-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.wg-domain-price-card{
    min-width:0;
    padding:16px;
    border:1px solid var(--ref-line);
    border-radius:13px;
    background:#fff;
    transition:.16s ease;
}
.wg-domain-price-card:hover{
    transform:translateY(-2px);
    border-color:#bfd2ef;
    box-shadow:0 9px 24px rgba(26,45,72,.06);
}
.wg-domain-price-card__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}
.wg-domain-price-card__head>span{
    color:var(--ref-blue);
    font-size:20px;
    font-weight:850;
    letter-spacing:-.4px;
}
.wg-domain-price-card__head em{
    padding:4px 6px;
    border-radius:6px;
    color:#718096;
    background:#f0f4f8;
    font-size:8px;
    font-style:normal;
    font-weight:720;
}
.wg-domain-price-card__main{
    margin-top:14px;
    padding-bottom:13px;
    border-bottom:1px solid var(--ref-line);
    display:grid;
}
.wg-domain-price-card__main small{
    color:#95a1b1;
    font-size:7px;
    font-weight:850;
    letter-spacing:.75px;
}
.wg-domain-price-card__main strong{
    margin-top:3px;
    color:#293b53;
    font-size:24px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.6px;
}
.wg-domain-price-card__details{
    margin-top:11px;
    display:grid;
    gap:7px;
}
.wg-domain-price-card__details>div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.wg-domain-price-card__details span{
    color:#8491a3;
    font-size:9px;
}
.wg-domain-price-card__details strong{
    color:#53647a;
    font-size:9px;
}

/* Service cards */
.wg-domain-service-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.wg-domain-service-grid>article{
    min-width:0;
    padding:19px;
    border:1px solid var(--ref-line);
    border-radius:14px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:12px;
    background:#fff;
    box-shadow:0 6px 20px rgba(26,45,72,.035);
}
.wg-domain-service-grid>article>span{
    width:42px;
    height:42px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
}
.wg-domain-service-grid>article>div{min-width:0}
.wg-domain-service-grid small{
    color:#93a0b1;
    font-size:8px;
    font-weight:850;
    letter-spacing:.85px;
}
.wg-domain-service-grid h3{
    margin:4px 0 7px;
    color:#31435b;
    font-size:16px;
    line-height:1.2;
    font-weight:820;
}
.wg-domain-service-grid p{
    margin:0 0 10px;
    color:#75849a;
    font-size:11px;
    line-height:1.55;
}
.wg-domain-service-grid a{
    color:var(--ref-blue)!important;
    font-size:10px;
    font-weight:780;
}
.wg-domain-service-grid a i{margin-left:4px}

@media(max-width:1050px){
    .wg-domain-hero{grid-template-columns:1fr}
    .wg-domain-hero__visual{max-width:650px;width:100%}
    .wg-domain-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
    .wg-domain-mode-tabs{grid-template-columns:1fr}
    .wg-domain-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .wg-domain-service-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
    .wg-domain-hero{padding:26px 21px;border-radius:18px}
    .wg-domain-hero h1{font-size:36px;letter-spacing:-1.1px}
    .wg-domain-registry__rows{grid-template-columns:1fr}
    .wg-domain-search-panel,
    .wg-domain-pricing-section{padding:20px}
    .wg-domain-search-panel__head,
    .wg-domain-pricing-section__head{
        align-items:flex-start;
        flex-direction:column;
    }
    .wg-domain-search-form__row{grid-template-columns:1fr}
    .wg-domain-search-form__button{width:100%}
    .wg-domain-price-grid{grid-template-columns:1fr}
}


/* ========================================================================
   HOMEPAGE HERO 2 — SPACIOUS + LIVE DOMAIN SEARCH
   ======================================================================== */
.wg-reference-hero{
    padding:82px 0 76px;
    background:
        radial-gradient(circle at 72% 18%,rgba(18,99,235,.055),transparent 29%),
        var(--ref-page);
}
.wg-reference-hero__grid{
    min-height:455px;
    grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
    gap:92px;
    align-items:center;
}
.wg-reference-hero__copy h1{
    max-width:620px;
    margin:20px 0 21px;
    font-size:70px;
    line-height:.96;
    letter-spacing:-3px;
}
.wg-reference-hero__copy>p{
    max-width:610px;
    font-size:18px;
    line-height:1.7;
}
.wg-reference-hero__actions{
    margin-top:32px;
    gap:11px;
}
.wg-reference-hero__actions .wg-reference-btn{
    min-height:48px;
    padding:0 20px;
}
.wg-reference-hero__trust{
    margin-top:23px;
    display:flex;
    flex-wrap:wrap;
    gap:14px 18px;
}
.wg-reference-hero__trust span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#738299;
    font-size:11px;
    font-weight:670;
}
.wg-reference-hero__trust i{
    width:17px;
    height:17px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#16865a;
    background:#eaf8f2;
    font-size:7px;
}

.wg-reference-hero__preview{
    width:100%;
}
.wg-reference-browser{
    border-radius:20px;
    transform:perspective(1200px) rotateY(-1.2deg);
    box-shadow:0 30px 72px rgba(31,56,94,.15);
}
.wg-reference-browser__bar{
    height:46px;
}
.wg-reference-browser__body{
    min-height:405px;
    grid-template-columns:132px 1fr;
}
.wg-reference-browser__nav{
    padding:22px 14px;
}
.wg-reference-browser__content{
    padding:25px;
}
.wg-reference-browser__welcome strong{
    font-size:17px;
}
.wg-reference-browser__stats{
    margin-top:21px;
    gap:9px;
}
.wg-reference-browser__stats article{
    padding:15px;
}
.wg-reference-browser__stats strong{
    font-size:22px;
}
.wg-reference-browser__service{
    margin-top:14px;
    padding:14px;
}
.wg-reference-browser__progress{
    margin-top:14px;
    padding:14px;
}

/* Full-width domain search */
.wg-home-domain-search{
    margin-top:42px;
    padding:24px;
    border:1px solid #dce5f1;
    border-radius:18px;
    background:rgba(255,255,255,.93);
    box-shadow:0 18px 44px rgba(26,45,72,.07);
    backdrop-filter:blur(12px);
}
.wg-home-domain-search__head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:16px;
}
.wg-home-domain-search__head h2{
    margin:5px 0 4px;
    color:#263850;
    font-size:25px;
    line-height:1.08;
    letter-spacing:-.55px;
    font-weight:840;
}
.wg-home-domain-search__head p{
    margin:0;
    color:#7a899d;
    font-size:12px;
    line-height:1.55;
}
.wg-home-domain-search__head>a{
    color:var(--ref-blue)!important;
    font-size:11px;
    font-weight:780;
    white-space:nowrap;
}
.wg-home-domain-search__head>a i{
    margin-left:4px;
}
.wg-home-domain-search__form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
}
.wg-home-domain-search__input{
    position:relative;
}
.wg-home-domain-search__input>i{
    position:absolute;
    top:50%;
    left:18px;
    transform:translateY(-50%);
    color:#8291a4;
    font-size:14px;
}
.wg-home-domain-search__input input{
    width:100%;
    min-height:60px;
    padding:0 18px 0 47px;
    border:1px solid #d5deea;
    border-radius:11px;
    outline:none;
    color:#2c4058;
    background:#fbfcfe;
    font-size:16px;
    font-weight:650;
}
.wg-home-domain-search__input input:focus{
    border-color:var(--ref-blue);
    background:#fff;
    box-shadow:0 0 0 3px rgba(18,99,235,.07);
}
.wg-home-domain-search__form button{
    min-width:176px;
    min-height:60px;
    padding:0 19px;
    border:0;
    border-radius:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#fff;
    background:var(--ref-blue);
    box-shadow:0 8px 20px rgba(18,99,235,.17);
    font-size:12px;
    font-weight:820;
}
.wg-home-domain-search__form button:hover{
    background:var(--ref-blue-dark);
}
.wg-home-domain-search__form button:disabled{
    opacity:.65;
    cursor:wait;
}

/* Result panel */
.wg-home-domain-search__result{
    margin-top:14px;
    border:1px solid #dce5f1;
    border-radius:12px;
    overflow:hidden;
    background:#f9fbfd;
}
.wg-home-domain-search__result-main{
    min-height:74px;
    padding:13px 14px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    gap:12px;
    align-items:center;
}
.wg-home-domain-search__result-icon{
    width:40px;
    height:40px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:#6f8095;
    background:#edf2f8;
}
.wg-home-domain-search__result-main>div:nth-child(2){
    min-width:0;
    display:grid;
}
.wg-home-domain-search__result-main small{
    color:#8c99aa;
    font-size:7px;
    font-weight:850;
    letter-spacing:.85px;
}
.wg-home-domain-search__result-main strong{
    margin-top:2px;
    color:#304259;
    font-size:14px;
    font-weight:820;
}
.wg-home-domain-search__result-main p{
    margin:2px 0 0;
    color:#7d8b9e;
    font-size:10px;
}
.wg-home-domain-search__result-price{
    display:grid;
    text-align:right;
}
.wg-home-domain-search__result-price small{
    font-size:7px;
}
.wg-home-domain-search__result-price strong{
    margin-top:2px;
    color:#273a52;
    font-size:20px;
}
.wg-home-domain-search__result-main>a{
    min-height:40px;
    padding:0 13px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    color:#fff!important;
    background:var(--ref-blue);
    font-size:10px;
    font-weight:780;
    white-space:nowrap;
}
.wg-home-domain-search__result.is-available{
    border-color:#cfe8dc;
    background:#f7fcf9;
}
.wg-home-domain-search__result.is-available .wg-home-domain-search__result-icon{
    color:#16865a;
    background:#eaf8f2;
}
.wg-home-domain-search__result.is-unavailable{
    border-color:#eadfe1;
    background:#fffafa;
}
.wg-home-domain-search__result.is-unavailable .wg-home-domain-search__result-icon{
    color:#a75c66;
    background:#faecef;
}
.wg-home-domain-search__result.is-error .wg-home-domain-search__result-icon{
    color:#a86f27;
    background:#fff5e8;
}
.wg-home-domain-search__suggestions{
    padding:10px 13px 12px;
    border-top:1px solid #e4e9f0;
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
.wg-home-domain-search__suggestions>a{
    min-height:32px;
    padding:0 9px;
    border:1px solid #dce4ef;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#52647a!important;
    background:#fff;
    font-size:9px;
}
.wg-home-domain-search__suggestions>a strong{
    color:var(--ref-blue);
    font-size:9px;
}

/* let the next section breathe after the larger hero */
.wg-reference-features{
    padding-top:84px;
}

@media(max-width:1080px){
    .wg-reference-hero__grid{
        grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);
        gap:54px;
    }
    .wg-reference-hero__copy h1{
        font-size:60px;
    }
}
@media(max-width:960px){
    .wg-reference-hero{
        padding:66px 0 62px;
    }
    .wg-reference-hero__grid{
        min-height:auto;
        grid-template-columns:1fr;
        gap:46px;
    }
    .wg-reference-hero__preview{
        max-width:720px;
        margin:0 auto;
    }
    .wg-home-domain-search{
        margin-top:34px;
    }
}
@media(max-width:700px){
    .wg-reference-hero{
        padding:46px 0 50px;
    }
    .wg-reference-hero__copy h1{
        font-size:48px;
        letter-spacing:-1.8px;
    }
    .wg-reference-hero__copy>p{
        font-size:15px;
    }
    .wg-reference-hero__trust{
        gap:10px 14px;
    }
    .wg-home-domain-search{
        padding:18px;
    }
    .wg-home-domain-search__head{
        align-items:flex-start;
        flex-direction:column;
    }
    .wg-home-domain-search__form{
        grid-template-columns:1fr;
    }
    .wg-home-domain-search__form button{
        width:100%;
    }
    .wg-home-domain-search__result-main{
        grid-template-columns:auto 1fr;
    }
    .wg-home-domain-search__result-price,
    .wg-home-domain-search__result-main>a{
        grid-column:2;
        justify-self:start;
        text-align:left;
    }
}


/* ========================================================================
   HOMEPAGE HERO 3 — WIDE / AIRY / STAGE-LIKE
   ======================================================================== */
.wg-reference-hero{
    padding:108px 0 96px;
    min-height:760px;
    background:
        radial-gradient(circle at 73% 16%,rgba(18,99,235,.07),transparent 32%),
        radial-gradient(circle at 25% 86%,rgba(18,99,235,.025),transparent 27%),
        var(--ref-page);
}
.wg-reference-hero>.wg-reference-shell{
    display:flex;
    flex-direction:column;
}
.wg-reference-hero__grid{
    min-height:520px;
    grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);
    gap:118px;
    align-items:center;
}
.wg-reference-hero__copy{
    padding:20px 0 34px;
}
.wg-reference-status{
    padding:8px 12px;
    font-size:11px;
}
.wg-reference-hero__copy h1{
    max-width:640px;
    margin:26px 0 25px;
    font-size:78px;
    line-height:.95;
    letter-spacing:-3.6px;
}
.wg-reference-hero__copy>p{
    max-width:620px;
    font-size:19px;
    line-height:1.72;
}
.wg-reference-hero__actions{
    margin-top:38px;
    gap:12px;
}
.wg-reference-hero__actions .wg-reference-btn{
    min-height:52px;
    padding:0 23px;
    font-size:13px;
}
.wg-reference-hero__trust{
    margin-top:30px;
    gap:16px 22px;
}
.wg-reference-hero__trust span{
    font-size:12px;
}

/* make the visual a real second hero column */
.wg-reference-hero__preview{
    width:100%;
    transform:translateY(8px);
}
.wg-reference-browser{
    border-radius:22px;
    box-shadow:0 34px 84px rgba(31,56,94,.16);
}
.wg-reference-browser__bar{
    height:50px;
    padding:0 18px;
}
.wg-reference-browser__body{
    min-height:455px;
    grid-template-columns:145px 1fr;
}
.wg-reference-browser__nav{
    padding:26px 16px;
    gap:9px;
}
.wg-reference-browser__nav strong{
    margin-bottom:11px;
    font-size:9px;
}
.wg-reference-browser__nav span{
    padding:9px;
    font-size:8px;
}
.wg-reference-browser__content{
    padding:30px;
}
.wg-reference-browser__welcome strong{
    font-size:19px;
}
.wg-reference-browser__stats{
    margin-top:24px;
    gap:11px;
}
.wg-reference-browser__stats article{
    padding:17px;
    min-height:88px;
}
.wg-reference-browser__stats strong{
    font-size:25px;
}
.wg-reference-browser__service{
    margin-top:18px;
    padding:17px;
    min-height:74px;
}
.wg-reference-browser__service-icon{
    width:38px;
    height:38px;
}
.wg-reference-browser__service strong{
    font-size:11px;
}
.wg-reference-browser__progress{
    margin-top:18px;
    padding:17px;
}

/* search becomes its own visual stage inside the hero */
.wg-home-domain-search{
    margin-top:72px;
    padding:32px 34px;
    border-radius:22px;
    box-shadow:0 22px 56px rgba(26,45,72,.085);
}
.wg-home-domain-search__head{
    margin-bottom:23px;
}
.wg-home-domain-search__head h2{
    margin:7px 0 6px;
    font-size:31px;
    letter-spacing:-.75px;
}
.wg-home-domain-search__head p{
    max-width:680px;
    font-size:13px;
    line-height:1.65;
}
.wg-home-domain-search__head>a{
    font-size:12px;
}
.wg-home-domain-search__form{
    gap:12px;
}
.wg-home-domain-search__input input{
    min-height:68px;
    padding-left:52px;
    border-radius:13px;
    font-size:18px;
}
.wg-home-domain-search__input>i{
    left:20px;
    font-size:16px;
}
.wg-home-domain-search__form button{
    min-width:200px;
    min-height:68px;
    border-radius:13px;
    font-size:13px;
}
.wg-home-domain-search__result{
    margin-top:18px;
    border-radius:14px;
}
.wg-home-domain-search__result-main{
    min-height:86px;
    padding:16px 17px;
    gap:14px;
}
.wg-home-domain-search__result-icon{
    width:46px;
    height:46px;
}
.wg-home-domain-search__result-main strong{
    font-size:16px;
}
.wg-home-domain-search__result-main p{
    font-size:11px;
}
.wg-home-domain-search__result-price strong{
    font-size:23px;
}
.wg-home-domain-search__result-main>a{
    min-height:44px;
    padding:0 15px;
    font-size:11px;
}

/* feature area should visually start after the large hero */
.wg-reference-features{
    padding-top:96px;
}

/* large desktop: even more breathing room */
@media(min-width:1440px){
    .wg-reference-hero{
        min-height:830px;
        padding-top:124px;
        padding-bottom:108px;
    }
    .wg-reference-hero__grid{
        min-height:560px;
        gap:132px;
    }
    .wg-reference-hero__copy h1{
        font-size:82px;
    }
    .wg-reference-browser__body{
        min-height:480px;
    }
    .wg-home-domain-search{
        margin-top:82px;
    }
}

@media(max-width:1180px){
    .wg-reference-hero{
        min-height:auto;
        padding:88px 0 82px;
    }
    .wg-reference-hero__grid{
        grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);
        gap:68px;
        min-height:480px;
    }
    .wg-reference-hero__copy h1{
        font-size:66px;
    }
    .wg-reference-browser__body{
        min-height:420px;
        grid-template-columns:128px 1fr;
    }
}

@media(max-width:960px){
    .wg-reference-hero{
        padding:72px 0 68px;
    }
    .wg-reference-hero__grid{
        grid-template-columns:1fr;
        gap:56px;
        min-height:auto;
    }
    .wg-reference-hero__copy{
        padding-bottom:0;
    }
    .wg-reference-hero__copy h1{
        max-width:720px;
        font-size:62px;
    }
    .wg-reference-hero__preview{
        max-width:760px;
        margin:0 auto;
        transform:none;
    }
    .wg-home-domain-search{
        margin-top:58px;
    }
}

@media(max-width:700px){
    .wg-reference-hero{
        padding:52px 0 54px;
    }
    .wg-reference-hero__copy h1{
        font-size:50px;
        letter-spacing:-2px;
    }
    .wg-reference-hero__copy>p{
        font-size:16px;
    }
    .wg-reference-hero__actions{
        margin-top:30px;
    }
    .wg-home-domain-search{
        margin-top:44px;
        padding:22px;
    }
    .wg-home-domain-search__head h2{
        font-size:27px;
    }
    .wg-home-domain-search__input input,
    .wg-home-domain-search__form button{
        min-height:60px;
    }
}


/* ========================================================================
   HOMEPAGE HERO 4 — BALANCED
   ======================================================================== */
.wg-reference-hero{
    min-height:0;
    padding:66px 0 62px;
    background:
        radial-gradient(circle at 73% 16%,rgba(18,99,235,.055),transparent 31%),
        var(--ref-page);
}
.wg-reference-hero__grid{
    min-height:410px;
    grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
    gap:76px;
    align-items:center;
}
.wg-reference-hero__copy{
    padding:6px 0 12px;
}
.wg-reference-status{
    padding:7px 10px;
    font-size:10px;
}
.wg-reference-hero__copy h1{
    max-width:600px;
    margin:20px 0 19px;
    font-size:64px;
    line-height:.97;
    letter-spacing:-2.8px;
}
.wg-reference-hero__copy>p{
    max-width:590px;
    font-size:17px;
    line-height:1.65;
}
.wg-reference-hero__actions{
    margin-top:28px;
}
.wg-reference-hero__actions .wg-reference-btn{
    min-height:46px;
    padding:0 19px;
    font-size:12px;
}
.wg-reference-hero__trust{
    margin-top:22px;
    gap:11px 18px;
}
.wg-reference-hero__trust span{
    font-size:10px;
}

/* Preview back to a more balanced scale */
.wg-reference-hero__preview{
    transform:none;
}
.wg-reference-browser{
    max-width:620px;
    margin-left:auto;
    border-radius:19px;
    box-shadow:0 26px 64px rgba(31,56,94,.14);
}
.wg-reference-browser__bar{
    height:44px;
}
.wg-reference-browser__body{
    min-height:370px;
    grid-template-columns:124px 1fr;
}
.wg-reference-browser__nav{
    padding:20px 13px;
    gap:7px;
}
.wg-reference-browser__content{
    padding:22px;
}
.wg-reference-browser__welcome strong{
    font-size:16px;
}
.wg-reference-browser__stats{
    margin-top:18px;
    gap:8px;
}
.wg-reference-browser__stats article{
    min-height:0;
    padding:13px;
}
.wg-reference-browser__stats strong{
    font-size:20px;
}
.wg-reference-browser__service{
    margin-top:12px;
    min-height:0;
    padding:13px;
}
.wg-reference-browser__progress{
    margin-top:12px;
    padding:13px;
}

/* Search remains prominent, but no longer detached from hero */
.wg-home-domain-search{
    margin-top:38px;
    padding:23px 25px;
    border-radius:18px;
    box-shadow:0 16px 40px rgba(26,45,72,.07);
}
.wg-home-domain-search__head{
    margin-bottom:15px;
}
.wg-home-domain-search__head h2{
    margin:5px 0 4px;
    font-size:26px;
    letter-spacing:-.55px;
}
.wg-home-domain-search__head p{
    font-size:11px;
    line-height:1.55;
}
.wg-home-domain-search__head>a{
    font-size:10px;
}
.wg-home-domain-search__input input{
    min-height:56px;
    padding-left:46px;
    border-radius:10px;
    font-size:15px;
}
.wg-home-domain-search__input>i{
    left:17px;
    font-size:13px;
}
.wg-home-domain-search__form button{
    min-width:172px;
    min-height:56px;
    border-radius:10px;
    font-size:11px;
}
.wg-home-domain-search__result{
    margin-top:13px;
}
.wg-home-domain-search__result-main{
    min-height:72px;
    padding:12px 14px;
}
.wg-home-domain-search__result-icon{
    width:38px;
    height:38px;
}
.wg-home-domain-search__result-main strong{
    font-size:14px;
}
.wg-home-domain-search__result-main p{
    font-size:9px;
}
.wg-home-domain-search__result-price strong{
    font-size:20px;
}
.wg-home-domain-search__result-main>a{
    min-height:38px;
    font-size:9px;
}

/* next section sits closer again */
.wg-reference-features{
    padding-top:76px;
}

@media(min-width:1440px){
    .wg-reference-hero{
        min-height:0;
        padding:72px 0 66px;
    }
    .wg-reference-hero__grid{
        min-height:430px;
        gap:86px;
    }
    .wg-reference-hero__copy h1{
        font-size:68px;
    }
    .wg-reference-browser__body{
        min-height:385px;
    }
    .wg-home-domain-search{
        margin-top:42px;
    }
}
@media(max-width:1180px){
    .wg-reference-hero{
        padding:58px 0 56px;
    }
    .wg-reference-hero__grid{
        min-height:390px;
        grid-template-columns:minmax(0,.92fr) minmax(450px,1.08fr);
        gap:54px;
    }
    .wg-reference-hero__copy h1{
        font-size:58px;
    }
    .wg-reference-browser__body{
        min-height:350px;
        grid-template-columns:116px 1fr;
    }
}
@media(max-width:960px){
    .wg-reference-hero{
        padding:56px 0 54px;
    }
    .wg-reference-hero__grid{
        min-height:0;
        grid-template-columns:1fr;
        gap:38px;
    }
    .wg-reference-hero__copy h1{
        font-size:54px;
    }
    .wg-home-domain-search{
        margin-top:34px;
    }
}
@media(max-width:700px){
    .wg-reference-hero{
        padding:42px 0 46px;
    }
    .wg-reference-hero__copy h1{
        font-size:46px;
    }
    .wg-home-domain-search{
        margin-top:28px;
        padding:18px;
    }
    .wg-home-domain-search__head h2{
        font-size:24px;
    }
}


/* ========================================================================
   HOMEPAGE DOMAIN HERO — LIGHT / LAGOM-INSPIRED COMPOSITION
   ======================================================================== */
.wg-domain-home-hero{
    position:relative;
    min-height:610px;
    padding:78px 0 122px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 4%,rgba(18,99,235,.055),transparent 34%),
        linear-gradient(180deg,#ffffff 0%,#f7f9fc 72%,#f3f6fa 100%);
}
.wg-domain-home-hero:after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:150px;
    background:linear-gradient(180deg,rgba(247,249,252,0),#f3f6fa);
    pointer-events:none;
}
.wg-domain-home-hero__inner{
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.wg-domain-home-hero__copy{
    max-width:760px;
    text-align:center;
}
.wg-domain-home-hero__kicker{
    color:var(--ref-blue);
    font-size:11px;
    font-weight:850;
    letter-spacing:1.2px;
}
.wg-domain-home-hero__copy h1{
    margin:12px 0 16px;
    color:var(--ref-text);
    font-size:52px;
    line-height:1.03;
    letter-spacing:-1.7px;
    font-weight:850;
}
.wg-domain-home-hero__copy p{
    max-width:660px;
    margin:0 auto;
    color:#718096;
    font-size:16px;
    line-height:1.65;
}

/* central search */
.wg-domain-home-search{
    width:min(100%,720px);
    margin-top:30px;
    padding:6px;
    border:1px solid #dbe3ef;
    border-radius:13px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px;
    background:#fff;
    box-shadow:0 16px 42px rgba(26,45,72,.09);
}
.wg-domain-home-search__input{
    position:relative;
}
.wg-domain-home-search__input>i{
    position:absolute;
    left:17px;
    top:50%;
    transform:translateY(-50%);
    color:var(--ref-blue);
    font-size:13px;
}
.wg-domain-home-search__input input{
    width:100%;
    min-height:52px;
    padding:0 14px 0 42px;
    border:0;
    outline:none;
    color:#31435b;
    background:transparent;
    font-size:14px;
}
.wg-domain-home-search button{
    min-width:124px;
    min-height:52px;
    padding:0 17px;
    border:0;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#fff;
    background:var(--ref-blue);
    font-size:11px;
    font-weight:800;
    box-shadow:0 8px 20px rgba(18,99,235,.18);
}
.wg-domain-home-search button:hover{
    background:var(--ref-blue-dark);
}
.wg-domain-home-search button:disabled{
    opacity:.6;
    cursor:wait;
}
.wg-domain-home-hero__links{
    margin-top:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
}
.wg-domain-home-hero__links a{
    color:var(--ref-blue)!important;
    font-size:10px;
    font-weight:740;
}
.wg-domain-home-hero__links a i{margin-right:5px}
.wg-domain-home-hero__links>span{
    width:1px;
    height:12px;
    background:#dfe5ed;
}

/* result stays compact inside the stage */
.wg-domain-home-result{
    width:min(100%,720px);
    margin-top:14px;
    box-shadow:0 12px 28px rgba(26,45,72,.055);
}

/* side illustrations */
.wg-domain-home-hero__art{
    position:absolute;
    top:94px;
    z-index:1;
    width:290px;
    height:360px;
    pointer-events:none;
    opacity:.96;
}
.wg-domain-home-hero__art--left{left:max(-38px,calc(50% - 880px))}
.wg-domain-home-hero__art--right{right:max(-42px,calc(50% - 880px))}
.wg-iso-monitor,
.wg-iso-server,
.wg-iso-node,
.wg-iso-bars{
    position:absolute;
    border:1px solid #d7e4f5;
    background:#fff;
    box-shadow:0 20px 38px rgba(39,78,132,.09);
}
.wg-iso-monitor{
    width:126px;
    height:95px;
    top:64px;
    left:28px;
    border-radius:11px;
    display:grid;
    place-items:center;
    transform:skewY(-9deg);
}
.wg-iso-monitor i{
    color:var(--ref-blue);
    font-size:31px;
    transform:skewY(9deg);
}
.wg-iso-monitor:after{
    content:"";
    position:absolute;
    width:78px;
    height:7px;
    left:24px;
    bottom:-17px;
    border-radius:7px;
    background:#dfe8f6;
}
.wg-iso-monitor--right{
    left:auto;
    right:21px;
    top:88px;
    transform:skewY(9deg);
}
.wg-iso-monitor--right i{transform:skewY(-9deg)}
.wg-iso-server{
    width:80px;
    height:116px;
    top:170px;
    left:150px;
    border-radius:10px;
    display:grid;
    place-items:center;
    background:linear-gradient(160deg,#fff,#edf4ff);
}
.wg-iso-server i{
    color:var(--ref-blue);
    font-size:30px;
}
.wg-iso-server:before,
.wg-iso-server:after{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    height:1px;
    background:#d9e4f1;
}
.wg-iso-server:before{top:38px}
.wg-iso-server:after{top:76px}
.wg-iso-server--right{
    left:28px;
    top:145px;
}
.wg-iso-node{
    width:58px;
    height:58px;
    border-radius:10px;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#0f66ed,#2e84ff);
    border-color:#2b7cf1;
}
.wg-iso-node i{
    color:#fff;
    font-size:20px;
}
.wg-iso-node--globe{
    left:77px;
    top:215px;
}
.wg-iso-node--cloud{
    right:75px;
    top:44px;
}
.wg-iso-bars{
    right:8px;
    bottom:25px;
    width:78px;
    height:74px;
    border:0;
    box-shadow:none;
    background:transparent;
    display:flex;
    align-items:flex-end;
    gap:6px;
}
.wg-iso-bars i{
    flex:1;
    border-radius:5px 5px 2px 2px;
    background:linear-gradient(180deg,#3790ff,#1263eb);
}
.wg-iso-bars i:nth-child(1){height:34px}
.wg-iso-bars i:nth-child(2){height:52px}
.wg-iso-bars i:nth-child(3){height:70px}
.wg-iso-line{
    position:absolute;
    height:1px;
    background:linear-gradient(90deg,transparent,#c9daf2,transparent);
}
.wg-iso-line--left{
    width:190px;
    top:315px;
    left:20px;
    transform:rotate(-14deg);
}
.wg-iso-line--right{
    width:190px;
    top:318px;
    right:20px;
    transform:rotate(14deg);
}

/* tld cards overlap the stage floor */
.wg-domain-home-tlds{
    position:absolute;
    left:50%;
    bottom:-84px;
    z-index:5;
    width:min(100%,960px);
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
}
.wg-domain-home-tld{
    min-width:0;
    min-height:172px;
    padding:18px 14px 15px;
    border:1px solid #e0e6ef;
    border-radius:13px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    color:#34465f!important;
    background:#fff;
    box-shadow:0 18px 38px rgba(26,45,72,.085);
    transition:.16s ease;
}
.wg-domain-home-tld:hover{
    transform:translateY(-3px);
    border-color:#bdd0ef;
    box-shadow:0 22px 44px rgba(26,45,72,.11);
}
.wg-domain-home-tld__name{
    display:flex;
    align-items:baseline;
}
.wg-domain-home-tld__name i{
    width:5px;
    height:5px;
    margin-right:2px;
    border-radius:50%;
    background:var(--ref-blue);
}
.wg-domain-home-tld__name strong{
    color:#1f3149;
    font-size:24px;
    line-height:1;
    letter-spacing:-.5px;
    font-weight:850;
}
.wg-domain-home-tld__price{
    margin-top:14px;
    display:flex;
    align-items:baseline;
    gap:3px;
}
.wg-domain-home-tld__price strong{
    color:#2d4058;
    font-size:14px;
    font-weight:800;
}
.wg-domain-home-tld__price span{
    color:#8593a6;
    font-size:8px;
}
.wg-domain-home-tld>small{
    margin-top:4px;
    color:#8c99a9;
    font-size:8px;
}
.wg-domain-home-tld>b{
    margin-top:auto;
    min-height:30px;
    padding:0 10px;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:var(--ref-blue);
    font-size:8px;
    font-weight:800;
}

/* following content starts below overlapping TLD cards */
.wg-reference-features{
    padding-top:138px;
}

@media(max-width:1180px){
    .wg-domain-home-hero__art{
        transform:scale(.84);
    }
    .wg-domain-home-hero__art--left{left:-48px}
    .wg-domain-home-hero__art--right{right:-52px}
    .wg-domain-home-tlds{
        width:min(100% - 32px,920px);
    }
}
@media(max-width:980px){
    .wg-domain-home-hero{
        min-height:0;
        padding:68px 0 115px;
    }
    .wg-domain-home-hero__art{
        display:none;
    }
    .wg-domain-home-hero__copy h1{
        font-size:46px;
    }
    .wg-domain-home-tlds{
        position:relative;
        left:auto;
        bottom:auto;
        width:100%;
        margin-top:34px;
        transform:none;
        grid-template-columns:repeat(3,1fr);
    }
    .wg-reference-features{
        padding-top:76px;
    }
}
@media(max-width:650px){
    .wg-domain-home-hero{
        padding:52px 0 58px;
    }
    .wg-domain-home-hero__copy h1{
        font-size:38px;
    }
    .wg-domain-home-hero__copy p{
        font-size:14px;
    }
    .wg-domain-home-search{
        grid-template-columns:1fr;
        padding:5px;
    }
    .wg-domain-home-search button{
        width:100%;
    }
    .wg-domain-home-hero__links{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }
    .wg-domain-home-hero__links>span{
        display:none;
    }
    .wg-domain-home-tlds{
        grid-template-columns:repeat(2,1fr);
    }
}


/* ========================================================================
   HOMEPAGE DOMAIN HERO — LAYOUT FIX
   Keep search visible, place TLD cards below it, reduce dead space.
   ======================================================================== */
.wg-domain-home-hero{
    min-height:0;
    padding:68px 0 86px;
    overflow:visible;
}
.wg-domain-home-hero:after{
    height:92px;
}
.wg-domain-home-hero__copy{
    max-width:780px;
}
.wg-domain-home-hero__copy h1{
    margin-top:11px;
    margin-bottom:13px;
    font-size:50px;
}
.wg-domain-home-hero__copy p{
    max-width:690px;
    font-size:15px;
}
.wg-domain-home-search{
    position:relative;
    z-index:8;
    margin-top:26px;
}
.wg-domain-home-hero__links{
    position:relative;
    z-index:8;
    margin-top:13px;
}
.wg-domain-home-result{
    position:relative;
    z-index:9;
}

/* Cards become normal content instead of absolute overlay. */
.wg-domain-home-tlds{
    position:relative;
    left:auto;
    bottom:auto;
    z-index:6;
    width:min(100%,960px);
    margin:42px auto -150px;
    transform:none;
}
.wg-domain-home-tld{
    min-height:164px;
    padding-top:16px;
}

/* Balance side artwork with the shorter hero. */
.wg-domain-home-hero__art{
    top:118px;
    height:300px;
    transform:scale(.86);
    transform-origin:center center;
}
.wg-domain-home-hero__art--left{
    left:max(-52px,calc(50% - 860px));
}
.wg-domain-home-hero__art--right{
    right:max(-54px,calc(50% - 860px));
}

/* Give the next section exactly enough room for the TLD card overlap. */
.wg-reference-features{
    padding-top:178px;
}

@media(max-width:1180px){
    .wg-domain-home-hero{
        padding-bottom:78px;
    }
    .wg-domain-home-hero__art{
        transform:scale(.76);
    }
    .wg-domain-home-tlds{
        width:min(100% - 30px,900px);
        margin-top:36px;
        margin-bottom:-145px;
    }
}
@media(max-width:980px){
    .wg-domain-home-hero{
        padding:58px 0 62px;
        overflow:hidden;
    }
    .wg-domain-home-hero__art{
        display:none;
    }
    .wg-domain-home-tlds{
        margin:34px 0 0;
        width:100%;
    }
    .wg-reference-features{
        padding-top:76px;
    }
}
@media(max-width:650px){
    .wg-domain-home-hero{
        padding:46px 0 50px;
    }
    .wg-domain-home-hero__copy h1{
        font-size:38px;
    }
    .wg-domain-home-tlds{
        margin-top:28px;
    }
}

/* ========================================================================
   HOMEPAGE HERO ART — DEPTH + MOTION
   ======================================================================== */
.wg-domain-home-hero__art{
    perspective:900px;
}
.wg-iso-monitor,
.wg-iso-server,
.wg-iso-node,
.wg-iso-chip,
.wg-iso-bars{
    will-change:transform;
}
.wg-iso-monitor{
    animation:wgHeroFloatA 7.5s ease-in-out infinite;
    box-shadow:
        0 24px 48px rgba(28,65,115,.11),
        0 4px 10px rgba(18,99,235,.04);
}
.wg-iso-monitor:before{
    content:"";
    position:absolute;
    inset:9px;
    border-radius:7px;
    background:
        linear-gradient(180deg,rgba(18,99,235,.05),rgba(18,99,235,.01));
    pointer-events:none;
}
.wg-iso-monitor--right{
    animation-name:wgHeroFloatB;
    animation-delay:-1.2s;
}
.wg-iso-server{
    animation:wgHeroFloatB 8.5s ease-in-out infinite;
    box-shadow:
        0 22px 44px rgba(28,65,115,.10),
        inset 0 1px 0 rgba(255,255,255,.9);
}
.wg-iso-server--right{
    animation-name:wgHeroFloatA;
    animation-delay:-2.4s;
}
.wg-iso-node{
    animation:wgHeroPulseFloat 6s ease-in-out infinite;
    box-shadow:
        0 18px 32px rgba(18,99,235,.22),
        0 0 0 8px rgba(18,99,235,.035);
}
.wg-iso-node--cloud{
    animation-delay:-1.7s;
}
.wg-iso-bars{
    animation:wgHeroFloatB 8s ease-in-out infinite;
    animation-delay:-3.1s;
}

/* additional floating chips */
.wg-iso-chip{
    position:absolute;
    z-index:4;
    min-width:72px;
    min-height:48px;
    padding:8px 10px;
    border:1px solid #d7e4f5;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    background:rgba(255,255,255,.96);
    box-shadow:0 16px 32px rgba(37,73,123,.10);
    backdrop-filter:blur(8px);
}
.wg-iso-chip strong{
    color:var(--ref-blue);
    font-size:16px;
    font-weight:850;
    letter-spacing:-.3px;
}
.wg-iso-chip span{
    color:#7d8ca0;
    font-size:7px;
    font-weight:800;
    letter-spacing:.6px;
    text-transform:uppercase;
}
.wg-iso-chip i{
    color:var(--ref-blue);
    font-size:14px;
}
.wg-iso-chip--domain{
    left:10px;
    top:38px;
    animation:wgHeroFloatB 7s ease-in-out infinite;
    animation-delay:-.8s;
}
.wg-iso-chip--ssl{
    right:2px;
    top:205px;
    animation:wgHeroFloatA 7.8s ease-in-out infinite;
    animation-delay:-2s;
}

/* orbital connection points */
.wg-iso-orbit{
    position:absolute;
    z-index:0;
    width:150px;
    height:150px;
    border:1px dashed rgba(18,99,235,.15);
    border-radius:50%;
    animation:wgHeroOrbit 22s linear infinite;
}
.wg-iso-orbit:before,
.wg-iso-orbit:after{
    content:"";
    position:absolute;
    inset:22px;
    border:1px solid rgba(18,99,235,.06);
    border-radius:50%;
}
.wg-iso-orbit:after{
    inset:48px;
}
.wg-iso-orbit i{
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#4a94fb;
    box-shadow:0 0 0 5px rgba(18,99,235,.055);
}
.wg-iso-orbit i:nth-child(1){top:-4px;left:70px}
.wg-iso-orbit i:nth-child(2){right:6px;top:42px}
.wg-iso-orbit i:nth-child(3){left:22px;bottom:12px}
.wg-iso-orbit--left{
    left:52px;
    top:112px;
}
.wg-iso-orbit--right{
    right:47px;
    top:126px;
    animation-direction:reverse;
}

/* animated connection lines */
.wg-iso-line{
    overflow:hidden;
    opacity:.9;
}
.wg-iso-line:after{
    content:"";
    position:absolute;
    top:-1px;
    left:-45%;
    width:45%;
    height:3px;
    border-radius:3px;
    background:linear-gradient(90deg,transparent,rgba(18,99,235,.85),transparent);
    animation:wgHeroSignal 3.6s ease-in-out infinite;
}
.wg-iso-line--right:after{
    animation-delay:-1.8s;
}

/* subtle layered backplates */
.wg-domain-home-hero__art--left:before,
.wg-domain-home-hero__art--right:before{
    content:"";
    position:absolute;
    z-index:-2;
    width:190px;
    height:190px;
    border-radius:48% 52% 55% 45%;
    background:radial-gradient(circle at center,rgba(18,99,235,.08),rgba(18,99,235,0) 68%);
    filter:blur(2px);
}
.wg-domain-home-hero__art--left:before{
    left:35px;
    top:75px;
}
.wg-domain-home-hero__art--right:before{
    right:28px;
    top:82px;
}

/* make service cards below feel less static as well */
.wg-reference-feature-card{
    position:relative;
    overflow:hidden;
}
.wg-reference-feature-card:before{
    content:"";
    position:absolute;
    left:-35%;
    top:-50%;
    width:140px;
    height:140px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(18,99,235,.07),transparent 70%);
    opacity:0;
    transition:.25s ease;
}
.wg-reference-feature-card:hover:before{
    opacity:1;
    transform:translate(30px,25px);
}
.wg-reference-feature-card__icon{
    position:relative;
    transition:.22s ease;
    box-shadow:0 8px 18px rgba(18,99,235,.06);
}
.wg-reference-feature-card:hover .wg-reference-feature-card__icon{
    transform:translateY(-3px) rotate(-3deg);
    box-shadow:0 12px 24px rgba(18,99,235,.10);
}

/* Motion */
@keyframes wgHeroFloatA{
    0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
    50%{transform:translate3d(0,-9px,0) rotate(.6deg)}
}
@keyframes wgHeroFloatB{
    0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
    50%{transform:translate3d(5px,-7px,0) rotate(-.7deg)}
}
@keyframes wgHeroPulseFloat{
    0%,100%{transform:translateY(0) scale(1);box-shadow:0 18px 32px rgba(18,99,235,.22),0 0 0 8px rgba(18,99,235,.035)}
    50%{transform:translateY(-8px) scale(1.035);box-shadow:0 22px 38px rgba(18,99,235,.26),0 0 0 13px rgba(18,99,235,.025)}
}
@keyframes wgHeroOrbit{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}
@keyframes wgHeroSignal{
    0%{left:-50%;opacity:0}
    20%{opacity:1}
    75%{opacity:1}
    100%{left:105%;opacity:0}
}

@media(prefers-reduced-motion:reduce){
    .wg-iso-monitor,
    .wg-iso-server,
    .wg-iso-node,
    .wg-iso-chip,
    .wg-iso-bars,
    .wg-iso-orbit,
    .wg-iso-line:after{
        animation:none!important;
    }
}

@media(max-width:980px){
    .wg-reference-feature-card:hover .wg-reference-feature-card__icon{
        transform:none;
    }
}


/* ========================================================================
   HOMEPAGE POLISH — HEADER GAP / HERO ART / TLD CARDS / TRANSITION
   ======================================================================== */

/* WHMCS Twenty-One adds 20px to #main-body. Remove it only on homepage. */
section#main-body.wg-reference-main-home{
    margin:0!important;
    padding:0!important;
    min-height:0;
}
.wg-reference-main-home>.wg-reference-home-root,
.wg-reference-main-home .primary-content{
    margin-top:0!important;
    padding-top:0!important;
}

/* More depth for the infrastructure compositions */
.wg-domain-home-hero__art{
    isolation:isolate;
}
.wg-domain-home-hero__art:after{
    content:"";
    position:absolute;
    z-index:-3;
    left:22px;
    right:22px;
    bottom:18px;
    height:72px;
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(18,99,235,.13),rgba(18,99,235,0) 70%);
    filter:blur(9px);
    opacity:.72;
}
.wg-domain-home-hero__art--right:after{
    left:32px;
    right:12px;
}
.wg-iso-monitor{
    border-color:#d2e0f4;
    background:
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,249,255,.96));
}
.wg-iso-monitor:before{
    background:
        linear-gradient(135deg,rgba(18,99,235,.07),rgba(18,99,235,.015)),
        repeating-linear-gradient(0deg,transparent 0 12px,rgba(18,99,235,.025) 12px 13px);
}
.wg-iso-server{
    overflow:hidden;
    border-color:#cfdef2;
}
.wg-iso-server:after{
    box-shadow:0 38px 0 #d9e4f1;
}
.wg-iso-server i{
    position:relative;
    z-index:2;
}
.wg-iso-node{
    border:1px solid rgba(255,255,255,.65);
}
.wg-iso-chip{
    border-color:#d3e2f5;
    box-shadow:
        0 14px 28px rgba(37,73,123,.10),
        inset 0 1px 0 rgba(255,255,255,.9);
}

/* Give the connector paths a bit more visual energy. */
.wg-iso-orbit{
    border-color:rgba(18,99,235,.19);
    box-shadow:inset 0 0 35px rgba(18,99,235,.025);
}
.wg-iso-orbit i{
    animation:wgHeroNodePulse 2.8s ease-in-out infinite;
}
.wg-iso-orbit i:nth-child(2){animation-delay:-.9s}
.wg-iso-orbit i:nth-child(3){animation-delay:-1.8s}

@keyframes wgHeroNodePulse{
    0%,100%{transform:scale(.9);opacity:.55}
    50%{transform:scale(1.2);opacity:1}
}

/* TLD cards — more polished, less static. */
.wg-domain-home-tld{
    position:relative;
    overflow:hidden;
    border-color:#dce5f1;
    box-shadow:
        0 16px 34px rgba(26,45,72,.075),
        0 2px 5px rgba(26,45,72,.025);
}
.wg-domain-home-tld:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,transparent,var(--ref-blue),#5ea0ff,transparent);
    opacity:.72;
}
.wg-domain-home-tld:after{
    content:"";
    position:absolute;
    width:82px;
    height:82px;
    top:-46px;
    right:-34px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(18,99,235,.10),rgba(18,99,235,0) 70%);
    transition:.22s ease;
}
.wg-domain-home-tld:hover{
    transform:translateY(-5px);
    border-color:#acc8f0;
    box-shadow:
        0 24px 48px rgba(26,45,72,.12),
        0 4px 12px rgba(18,99,235,.05);
}
.wg-domain-home-tld:hover:after{
    transform:scale(1.35);
}
.wg-domain-home-tld__name i{
    position:relative;
    box-shadow:0 0 0 4px rgba(18,99,235,.055);
}
.wg-domain-home-tld:hover .wg-domain-home-tld__name i{
    animation:wgTldDotPulse 1.5s ease-in-out infinite;
}
.wg-domain-home-tld>b{
    transition:.18s ease;
    box-shadow:0 7px 16px rgba(18,99,235,.12);
}
.wg-domain-home-tld:hover>b{
    transform:translateY(-1px);
    background:var(--ref-blue-dark);
    box-shadow:0 10px 21px rgba(18,99,235,.18);
}
@keyframes wgTldDotPulse{
    0%,100%{box-shadow:0 0 0 4px rgba(18,99,235,.055)}
    50%{box-shadow:0 0 0 8px rgba(18,99,235,.025)}
}

/* Cleaner hero -> content transition */
.wg-reference-features{
    position:relative;
    background:#fff;
}
.wg-reference-features:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:70px;
    pointer-events:none;
    background:linear-gradient(180deg,#f3f6fa 0%,rgba(255,255,255,.92) 50%,#fff 100%);
}
.wg-reference-features>.wg-reference-shell{
    position:relative;
    z-index:1;
}

/* No accidental strip between navigation and homepage hero. */
.wg-reference-header + section#main-body.wg-reference-main-home{
    border-top:0!important;
}

@media(prefers-reduced-motion:reduce){
    .wg-iso-orbit i,
    .wg-domain-home-tld:hover .wg-domain-home-tld__name i{
        animation:none!important;
    }
}

/* ========================================================================
   WEBLYGO CART — MODERN ORDER OVERVIEW
   ======================================================================== */
.wg-checkout-shell{
    width:100%;
}
.wg-cart-head{
    padding:30px 32px;
    align-items:center;
    background:
        radial-gradient(circle at 86% 20%,rgba(18,99,235,.08),transparent 28%),
        linear-gradient(135deg,#fff,#f8fbff);
}
.wg-cart-head__copy{
    max-width:720px;
}
.wg-cart-head h1{
    margin:7px 0 7px;
    font-size:34px;
}
.wg-cart-head p{
    max-width:640px;
    font-size:13px;
    line-height:1.6;
}
.wg-cart-head__facts{
    margin-top:15px;
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
}
.wg-cart-head__facts span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#6f7f93;
    font-size:10px;
    font-weight:690;
}
.wg-cart-head__facts i{
    color:var(--ref-blue);
}

/* two-column checkout layout */
.wg-checkout-shell .wg-cart-layout{
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:18px;
    align-items:start;
}
.wg-checkout-shell .wg-cart-main,
.wg-checkout-shell .wg-cart-sidebar{
    width:auto!important;
    max-width:none!important;
    flex:none!important;
    padding:0!important;
}
.wg-cart-sidebar{
    position:sticky;
    top:98px;
}

/* item list */
.wg-checkout-shell .view-cart-items-header{
    padding:12px 16px;
    border-radius:11px 11px 0 0!important;
    background:#f7f9fc;
}
.wg-checkout-shell .view-cart-items{
    border-radius:0 0 13px 13px!important;
    overflow:hidden;
}
.wg-checkout-shell .view-cart-items .item{
    padding:19px 17px!important;
    transition:.16s ease;
}
.wg-checkout-shell .view-cart-items .item:hover{
    background:#fbfdff;
}
.wg-checkout-shell .item-title{
    display:block;
    color:#293b53;
    font-size:15px;
    line-height:1.25;
}
.wg-checkout-shell .item-title .btn-link{
    margin-left:5px;
    padding:0 4px;
    color:#72839a;
    font-size:9px;
}
.wg-checkout-shell .item-domain{
    display:block;
    margin-top:5px;
    color:var(--ref-blue)!important;
    font-size:12px!important;
    font-weight:760;
}
.wg-checkout-shell .item-group{
    display:block;
    margin-top:3px;
}
.wg-checkout-shell .item-price{
    text-align:right;
    font-size:15px!important;
}
.wg-checkout-shell .item-price>span:first-child{
    color:#25374f;
    font-weight:840;
}
.wg-checkout-shell .item-price .cycle{
    display:block;
    margin-top:2px;
    font-size:10px!important;
}
.wg-checkout-shell .btn-remove-from-cart{
    color:#a7b1bf!important;
}
.wg-checkout-shell .btn-remove-from-cart:hover{
    color:#c94d59!important;
}

/* empty state */
.wg-checkout-shell .wg-cart-empty-state{
    min-height:340px;
    padding:48px 28px!important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:
        radial-gradient(circle at 50% 28%,rgba(18,99,235,.06),transparent 30%),
        #fff;
}
.wg-cart-empty-state__icon{
    width:62px;
    height:62px;
    margin-bottom:16px;
    border-radius:17px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf4ff;
    box-shadow:0 12px 28px rgba(18,99,235,.08);
    font-size:23px;
}
.wg-cart-empty-state h2{
    margin:6px 0 8px;
    color:#293b53;
    font-size:25px;
    font-weight:840;
    letter-spacing:-.5px;
}
.wg-cart-empty-state p{
    max-width:500px;
    margin:0;
    color:#7b899c;
    font-size:12px;
    line-height:1.6;
}
.wg-cart-empty-state__actions{
    margin-top:22px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
}
.wg-cart-empty-state__actions a{
    min-height:42px;
    padding:0 14px;
    border:1px solid #dce4ef;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#53647a!important;
    background:#fff;
    font-size:10px;
    font-weight:780;
}
.wg-cart-empty-state__actions a:hover{
    border-color:#b8cdf0;
    color:var(--ref-blue)!important;
}
.wg-cart-empty-state__actions .wg-cart-empty-state__primary{
    border-color:var(--ref-blue);
    color:#fff!important;
    background:var(--ref-blue);
    box-shadow:0 8px 19px rgba(18,99,235,.14);
}
.wg-cart-empty-state__actions .wg-cart-empty-state__primary:hover{
    color:#fff!important;
    background:var(--ref-blue-dark);
}

/* promo / tools card */
.wg-checkout-shell .view-cart-tabs{
    margin-top:14px;
    border:1px solid var(--ref-line);
    border-radius:12px;
    overflow:hidden;
    background:#fff;
}
.wg-checkout-shell .view-cart-tabs .nav-tabs{
    padding:0 12px;
    border-bottom:1px solid var(--ref-line);
    background:#f8fafc;
}
.wg-checkout-shell .view-cart-tabs .nav-link{
    padding:11px 8px;
    border:0;
    color:#7b899c;
    font-size:10px;
    font-weight:760;
}
.wg-checkout-shell .view-cart-tabs .nav-link.active{
    color:var(--ref-blue);
    background:transparent;
    box-shadow:inset 0 -2px 0 var(--ref-blue);
}
.wg-checkout-shell .view-cart-tabs .tab-content{
    padding:15px;
}

/* summary */
.wg-cart-summary{
    overflow:hidden;
}
.wg-cart-summary__head{
    padding:18px 18px 0;
}
.wg-cart-summary__head h2{
    margin:5px 0 0!important;
    color:#293b53;
    font-size:21px!important;
    font-weight:840;
}
.wg-checkout-shell .wg-cart-summary .summary-container{
    padding:16px 18px 18px!important;
}
.wg-cart-summary .subtotal,
.wg-cart-summary .bordered-totals>div,
.wg-cart-summary .recurring-totals{
    padding:8px 0;
    color:#6f7f93;
    font-size:11px;
}
.wg-cart-summary .subtotal #subtotal,
.wg-cart-summary .recurring-charges{
    color:#34465f;
    font-weight:760;
}
.wg-cart-summary .total-due-today{
    margin:12px -18px -2px;
    padding:18px!important;
    border-top:1px solid var(--ref-line);
    background:#f7faff;
}
.wg-cart-summary .total-due-today .amt{
    display:block;
    color:#21344d!important;
    font-size:28px!important;
    line-height:1;
    font-weight:850;
    letter-spacing:-.7px;
}
.wg-cart-summary .total-due-today>span:last-child{
    display:block;
    margin-top:5px;
    color:#8190a2;
    font-size:9px;
}
.wg-cart-summary #checkout{
    width:100%;
    min-height:46px;
    margin-top:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    font-size:11px;
}
.wg-cart-summary #continueShopping{
    width:100%;
    margin-top:7px;
    color:#6e7f94!important;
    font-size:10px;
}
.wg-cart-summary #continueShopping:hover{
    color:var(--ref-blue)!important;
}

/* assurance */
.wg-cart-assurance{
    margin-top:11px;
    padding:13px 14px;
    border:1px solid #dce6f2;
    border-radius:12px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px;
    align-items:start;
    background:#f9fbfd;
}
.wg-cart-assurance>span{
    width:34px;
    height:34px;
    border-radius:9px;
    display:grid;
    place-items:center;
    color:#16865a;
    background:#eaf8f2;
}
.wg-cart-assurance strong{
    color:#40526a;
    font-size:10px;
}
.wg-cart-assurance p{
    margin:3px 0 0;
    color:#8290a2;
    font-size:9px;
    line-height:1.5;
}

/* empty-cart button */
.wg-checkout-shell .empty-cart{
    margin-top:8px;
    text-align:right;
}
.wg-checkout-shell .empty-cart .btn{
    color:#8b98a9!important;
    font-size:9px;
}

/* Modal polish */
.wg-checkout-shell .modal-content{
    border:0;
    border-radius:14px;
    box-shadow:0 24px 60px rgba(24,45,76,.18);
}
.wg-checkout-shell .modal-body{
    padding:25px;
}
.wg-checkout-shell .modal-footer{
    border-top:1px solid var(--ref-line);
}

/* responsive */
@media(max-width:980px){
    .wg-checkout-shell .wg-cart-layout{
        grid-template-columns:1fr;
    }
    .wg-cart-sidebar{
        position:static;
    }
}
@media(max-width:720px){
    .wg-cart-head{
        align-items:flex-start;
        flex-direction:column;
        padding:23px;
    }
    .wg-cart-head h1{
        font-size:29px;
    }
    .wg-checkout-steps{
        width:100%;
        overflow-x:auto;
    }
    .wg-cart-empty-state__actions{
        width:100%;
        flex-direction:column;
    }
    .wg-cart-empty-state__actions a{
        width:100%;
    }
}


/* ========================================================================
   WEBLYGO DOMAIN CONFIGURATION
   ======================================================================== */
.wg-domain-config-shell{
    width:100%;
}
.wg-domain-config-head{
    margin-bottom:18px;
    padding:28px 30px;
    border:1px solid var(--ref-line);
    border-radius:17px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    background:
        radial-gradient(circle at 88% 15%,rgba(18,99,235,.075),transparent 28%),
        linear-gradient(135deg,#fff,#f8fbff);
    box-shadow:0 9px 28px rgba(26,45,72,.045);
}
.wg-domain-config-head h1{
    margin:6px 0 6px;
    color:var(--ref-text);
    font-size:33px;
    line-height:1.05;
    letter-spacing:-.85px;
    font-weight:850;
}
.wg-domain-config-head p{
    max-width:660px;
    margin:0;
    color:#78879a;
    font-size:12px;
    line-height:1.6;
}
.wg-domain-config-steps{
    display:flex;
    align-items:center;
    gap:8px;
    color:#8996a8;
    font-size:9px;
    font-weight:760;
    white-space:nowrap;
}
.wg-domain-config-steps span{
    display:flex;
    align-items:center;
    gap:6px;
}
.wg-domain-config-steps span b{
    width:24px;
    height:24px;
    border:1px solid var(--ref-line);
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#7d8ca0;
    background:#fff;
    font-size:8px;
}
.wg-domain-config-steps span.is-active{
    color:var(--ref-blue);
}
.wg-domain-config-steps span.is-active b{
    color:#fff;
    border-color:var(--ref-blue);
    background:var(--ref-blue);
}
.wg-domain-config-steps span.is-done{
    color:#47705f;
}
.wg-domain-config-steps span.is-done b{
    color:#16865a;
    border-color:#cde6dc;
    background:#edf9f3;
}
.wg-domain-config-steps>i{
    width:24px;
    height:1px;
    background:var(--ref-line);
}
.wg-domain-config-alert{
    margin-bottom:15px;
    padding:14px 16px;
    border:1px solid #efcbd0;
    border-radius:11px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#913c48;
    background:#fff2f4;
}
.wg-domain-config-alert>i{
    margin-top:2px;
}
.wg-domain-config-alert strong{
    font-size:12px;
}
.wg-domain-config-alert ul{
    margin:5px 0 0;
    padding-left:18px;
    font-size:10px;
}
.wg-domain-config-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 275px;
    gap:16px;
    align-items:start;
}
.wg-domain-config-main{
    display:grid;
    gap:14px;
}
.wg-domain-config-card{
    border:1px solid var(--ref-line);
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 8px 26px rgba(26,45,72,.04);
}
.wg-domain-config-card__head{
    padding:17px 19px;
    border-bottom:1px solid var(--ref-line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    background:linear-gradient(180deg,#fff,#fbfcfe);
}
.wg-domain-config-card__identity{
    min-width:0;
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:11px;
}
.wg-domain-config-card__icon{
    width:42px;
    height:42px;
    border-radius:11px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
    box-shadow:0 8px 18px rgba(18,99,235,.07);
}
.wg-domain-config-card__identity>div{
    min-width:0;
    display:grid;
}
.wg-domain-config-card__identity small{
    color:#91a0b2;
    font-size:7px;
    font-weight:850;
    letter-spacing:.9px;
}
.wg-domain-config-card__identity h2{
    margin:2px 0 0;
    overflow:hidden;
    color:#293b53;
    font-size:19px;
    line-height:1.1;
    font-weight:840;
    letter-spacing:-.35px;
    text-overflow:ellipsis;
}
.wg-domain-config-card__status{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
}
.wg-domain-config-card__status span{
    min-height:30px;
    padding:0 8px;
    border:1px solid #dfe5ed;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#6d7d91;
    background:#f8fafc;
    font-size:8px;
    font-weight:720;
}
.wg-domain-config-card__status .is-positive{
    color:#36705a;
    border-color:#d4e9df;
    background:#f4fbf7;
}
.wg-domain-config-card__status .is-neutral{
    color:#61738a;
    background:#f7f9fc;
}
.wg-domain-config-card__body{
    padding:18px;
}
.wg-domain-config-summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.wg-domain-config-summary>div{
    min-width:0;
    padding:14px;
    border:1px solid var(--ref-line);
    border-radius:11px;
    display:flex;
    flex-direction:column;
    background:#fbfcfe;
}
.wg-domain-config-summary small{
    color:#92a0b1;
    font-size:7px;
    font-weight:850;
    letter-spacing:.8px;
}
.wg-domain-config-summary strong{
    margin-top:4px;
    color:#34465f;
    font-size:13px;
    font-weight:820;
}
.wg-domain-config-summary span{
    margin-top:3px;
    color:#8290a2;
    font-size:9px;
    line-height:1.5;
}
.wg-domain-config-summary a{
    margin-top:9px;
    color:var(--ref-blue)!important;
    font-size:9px;
    font-weight:770;
}
.wg-domain-config-section{
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid var(--ref-line);
}
.wg-domain-config-section>header{
    margin-bottom:13px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px;
    align-items:start;
}
.wg-domain-config-section__icon{
    width:36px;
    height:36px;
    border-radius:9px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
}
.wg-domain-config-section>header>div{
    display:grid;
}
.wg-domain-config-section>header small{
    color:#91a0b1;
    font-size:7px;
    font-weight:850;
    letter-spacing:.8px;
}
.wg-domain-config-section h3{
    margin:2px 0 0;
    color:#34465f;
    font-size:14px;
    font-weight:820;
}
.wg-domain-config-section>header p{
    margin:2px 0 0;
    color:#8794a6;
    font-size:9px;
}
.wg-domain-config-field{
    min-width:0;
}
.wg-domain-config-field>label,
.wg-domain-config-field>span{
    display:block;
    margin-bottom:6px;
    color:#596a80;
    font-size:10px;
    font-weight:760;
}
.wg-domain-config-field label{
    margin-bottom:6px;
}
.wg-domain-config-field label,
.wg-domain-config-field span{
    color:#596a80;
    font-size:10px;
    font-weight:760;
}
.wg-domain-config-field .form-control,
.wg-domain-config-field .field,
.wg-domain-config-field select,
.wg-domain-config-field input[type="text"],
.wg-domain-config-field input[type="email"]{
    width:100%;
    min-height:44px;
    padding:0 11px;
    border:1px solid #d8e0eb!important;
    border-radius:9px!important;
    outline:none;
    color:#34465f;
    background:#fbfcfe!important;
    box-shadow:none!important;
    font-size:11px;
}
.wg-domain-config-field textarea{
    min-height:100px;
    padding:10px 11px!important;
}
.wg-domain-config-field .form-control:focus,
.wg-domain-config-field .field:focus,
.wg-domain-config-field select:focus,
.wg-domain-config-field input:focus{
    border-color:var(--ref-blue)!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(18,99,235,.06)!important;
}
.wg-domain-config-field .field-help-text,
.wg-domain-config-field small,
.wg-domain-config-field .help-block{
    display:block;
    margin-top:5px;
    color:#8b98a9;
    font-size:8px;
    line-height:1.45;
}
.wg-domain-config-fields__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.wg-domain-config-fields__grid .wg-domain-config-field:only-child{
    grid-column:1/-1;
}
.wg-domain-config-addons{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}
.wg-domain-config-addon{
    position:relative;
    min-width:0;
    margin:0;
    padding:13px;
    border:1px solid var(--ref-line);
    border-radius:11px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:9px;
    align-items:start;
    cursor:pointer;
    background:#fbfcfe;
    transition:.16s ease;
}
.wg-domain-config-addon:hover{
    border-color:#bdd0ef;
    background:#fff;
}
.wg-domain-config-addon.is-selected{
    border-color:#9fbeef;
    background:#f3f7ff;
    box-shadow:0 8px 20px rgba(18,99,235,.055);
}
.wg-domain-config-addon>input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.wg-domain-config-addon__icon{
    width:32px;
    height:32px;
    border-radius:8px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
}
.wg-domain-config-addon>div{
    min-width:0;
}
.wg-domain-config-addon strong{
    display:block;
    color:#40526a;
    font-size:10px;
}
.wg-domain-config-addon p{
    margin:3px 0 6px;
    color:#8290a2;
    font-size:8px;
    line-height:1.45;
}
.wg-domain-config-addon small{
    color:#60728a;
    font-size:8px;
    font-weight:760;
}
.wg-domain-config-addon__check{
    width:20px;
    height:20px;
    border:1px solid #d8e0ea;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:transparent;
    background:#fff;
    font-size:7px;
}
.wg-domain-config-addon.is-selected .wg-domain-config-addon__check{
    color:#fff;
    border-color:var(--ref-blue);
    background:var(--ref-blue);
}
.wg-domain-config-ns{
    padding:19px;
    border:1px solid var(--ref-line);
    border-radius:15px;
    background:#fff;
    box-shadow:0 8px 26px rgba(26,45,72,.04);
}
.wg-domain-config-ns>header{
    margin-bottom:16px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:11px;
    align-items:start;
}
.wg-domain-config-ns__icon{
    width:42px;
    height:42px;
    border-radius:11px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
}
.wg-domain-config-ns h2{
    margin:4px 0 4px;
    color:#31445d;
    font-size:18px;
    font-weight:830;
}
.wg-domain-config-ns p{
    max-width:670px;
    margin:0;
    color:#8290a2;
    font-size:9px;
    line-height:1.5;
}
.wg-domain-config-ns__badge{
    min-height:30px;
    padding:0 8px;
    border:1px solid #d4e9df;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#36705a;
    background:#f4fbf7;
    font-size:8px;
    font-weight:720;
    white-space:nowrap;
}
.wg-domain-config-ns__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
}
.wg-domain-config-ns__grid .wg-domain-config-field:nth-child(5){
    grid-column:1/-1;
    max-width:50%;
}
.wg-domain-config-field span b{
    margin-left:4px;
    color:#71839a;
    font-size:7px;
    font-weight:800;
    text-transform:uppercase;
}
.wg-domain-config-field span em{
    margin-left:4px;
    color:#99a5b4;
    font-size:8px;
    font-style:normal;
    font-weight:600;
}
.wg-domain-config-ns__hint{
    margin-top:12px;
    padding:10px 11px;
    border-radius:9px;
    display:flex;
    align-items:flex-start;
    gap:7px;
    color:#77879b;
    background:#f7f9fc;
    font-size:8px;
    line-height:1.5;
}
.wg-domain-config-ns__hint i{
    margin-top:2px;
    color:var(--ref-blue);
}
.wg-domain-config-side{
    position:sticky;
    top:98px;
    display:grid;
    gap:10px;
}
.wg-domain-config-side article{
    padding:17px;
    border:1px solid var(--ref-line);
    border-radius:13px;
    background:#fff;
    box-shadow:0 6px 20px rgba(26,45,72,.035);
}
.wg-domain-config-side__icon{
    width:38px;
    height:38px;
    margin-bottom:12px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
}
.wg-domain-config-side small{
    color:#93a0b1;
    font-size:7px;
    font-weight:850;
    letter-spacing:.85px;
}
.wg-domain-config-side h3{
    margin:5px 0 7px;
    color:#3b4d65;
    font-size:14px;
    line-height:1.25;
    font-weight:820;
}
.wg-domain-config-side p{
    margin:0;
    color:#7f8d9f;
    font-size:9px;
    line-height:1.55;
}
.wg-domain-config-side p strong{
    color:#5a6d84;
}
.wg-domain-config-actions{
    margin-top:16px;
    padding:14px 16px;
    border:1px solid var(--ref-line);
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    background:#fff;
    box-shadow:0 8px 24px rgba(26,45,72,.04);
}
.wg-domain-config-actions__back,
.wg-domain-config-actions__continue{
    min-height:43px;
    padding:0 15px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    font-size:10px;
    font-weight:790;
}
.wg-domain-config-actions__back{
    color:#68798f!important;
    border:1px solid var(--ref-line);
    background:#fff;
}
.wg-domain-config-actions__continue{
    border:0;
    color:#fff;
    background:var(--ref-blue);
    box-shadow:0 8px 18px rgba(18,99,235,.14);
}
.wg-domain-config-actions__continue:hover{
    background:var(--ref-blue-dark);
}
/* Registry output normalization */
.wg-domain-config-fields .form-group{
    margin:0!important;
}
.wg-domain-config-fields label{
    margin-bottom:6px;
}
.wg-domain-config-fields select.form-control{
    height:44px!important;
}
/* Hide stray raw WHMCS separators/headings if emitted by a field */
.wg-domain-config-fields .sub-heading{
    display:none;
}
@media(max-width:980px){
    .wg-domain-config-layout{
        grid-template-columns:1fr;
    }
    .wg-domain-config-side{
        position:static;
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:720px){
    .wg-domain-config-head{
        align-items:flex-start;
        flex-direction:column;
        padding:22px;
    }
    .wg-domain-config-steps{
        width:100%;
        overflow-x:auto;
    }
    .wg-domain-config-summary,
    .wg-domain-config-fields__grid,
    .wg-domain-config-ns__grid{
        grid-template-columns:1fr;
    }
    .wg-domain-config-addons{
        grid-template-columns:1fr;
    }
    .wg-domain-config-ns__grid .wg-domain-config-field:nth-child(5){
        grid-column:auto;
        max-width:none;
    }
    .wg-domain-config-ns>header{
        grid-template-columns:auto 1fr;
    }
    .wg-domain-config-ns__badge{
        grid-column:2;
        justify-self:start;
    }
    .wg-domain-config-side{
        grid-template-columns:1fr;
    }
    .wg-domain-config-actions{
        align-items:stretch;
        flex-direction:column-reverse;
    }
    .wg-domain-config-actions__back,
    .wg-domain-config-actions__continue{
        width:100%;
    }
}


/* ========================================================================
   HOMEPAGE — HOSTING SERVICE CARDS
   ======================================================================== */
.wg-home-services{
    position:relative;
    padding:178px 0 84px;
    overflow:hidden;
    background:#fff;
}
.wg-home-services:before{
    content:"";
    position:absolute;
    left:50%;
    top:28px;
    width:980px;
    height:260px;
    transform:translateX(-50%);
    pointer-events:none;
    background:radial-gradient(ellipse at center,rgba(18,99,235,.045),rgba(18,99,235,0) 70%);
}
.wg-home-services__head{
    position:relative;
    z-index:1;
    max-width:760px;
    margin:0 auto 42px;
    text-align:center;
}
.wg-home-services__head h2{
    margin:7px 0 8px;
    color:var(--ref-text);
    font-size:37px;
    line-height:1.08;
    letter-spacing:-1px;
    font-weight:850;
}
.wg-home-services__head p{
    max-width:690px;
    margin:0 auto;
    color:#78879a;
    font-size:13px;
    line-height:1.65;
}
.wg-home-services__grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}
.wg-home-service-card{
    min-width:0;
    min-height:455px;
    padding:0 30px 29px;
    border:1px solid #e7ebf1;
    border-radius:17px;
    display:flex;
    flex-direction:column;
    color:inherit!important;
    text-decoration:none!important;
    background:
        linear-gradient(180deg,rgba(248,251,255,.65),rgba(255,255,255,0) 42%),
        #fff;
    box-shadow:
        0 17px 46px rgba(26,45,72,.055),
        0 2px 5px rgba(26,45,72,.025);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}
.wg-home-service-card:hover{
    transform:translateY(-7px);
    border-color:#c5d8f4;
    box-shadow:
        0 28px 62px rgba(26,45,72,.10),
        0 5px 14px rgba(18,99,235,.05);
}
.wg-home-service-card__visual{
    position:relative;
    width:100%;
    height:215px;
    flex:none;
    isolation:isolate;
}
.wg-home-service-card__visual:before{
    content:"";
    position:absolute;
    left:50%;
    bottom:27px;
    width:225px;
    height:72px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(18,99,235,.14),rgba(18,99,235,0) 68%);
    filter:blur(7px);
    opacity:.66;
    z-index:-2;
}
.wg-home-service-card__visual:after{
    content:"";
    position:absolute;
    left:50%;
    top:47px;
    width:150px;
    height:150px;
    transform:translateX(-50%);
    border:1px solid rgba(18,99,235,.08);
    border-radius:50%;
    box-shadow:
        0 0 0 20px rgba(18,99,235,.025),
        0 0 0 40px rgba(18,99,235,.014);
    z-index:-3;
}
.wg-home-service-card__content{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.wg-home-service-card__content>small{
    color:var(--ref-blue);
    font-size:8px;
    font-weight:860;
    letter-spacing:1.1px;
}
.wg-home-service-card__content h3{
    margin:7px 0 9px;
    color:#263950;
    font-size:24px;
    line-height:1.1;
    letter-spacing:-.55px;
    font-weight:820;
}
.wg-home-service-card__content p{
    max-width:300px;
    margin:0 auto;
    color:#748398;
    font-size:11px;
    line-height:1.65;
}
.wg-home-service-card__cta{
    width:100%;
    margin-top:auto;
    padding-top:21px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:var(--ref-blue);
}
.wg-home-service-card__cta strong{
    font-size:11px;
    font-weight:810;
}
.wg-home-service-card__cta i{
    font-size:9px;
    transition:transform .18s ease;
}
.wg-home-service-card:hover .wg-home-service-card__cta i{
    transform:translateX(4px);
}

/* Shared mini-illustration pieces */
.wg-service-iso__panel,
.wg-service-iso__screen,
.wg-service-iso__rack{
    position:absolute;
    border:1px solid #d8e4f4;
    background:linear-gradient(145deg,#fff,#f2f7fe);
    box-shadow:0 13px 26px rgba(47,76,119,.08);
}
.wg-service-iso__panel{
    left:37px;
    top:47px;
    width:92px;
    height:68px;
    border-radius:8px;
    transform:skewY(7deg);
    color:#a2b4cc;
    display:grid;
    place-items:center;
    font-size:21px;
}
.wg-service-iso__panel:before{
    content:"";
    position:absolute;
    top:9px;
    left:10px;
    width:36px;
    height:5px;
    border-radius:3px;
    background:#dce6f3;
}
.wg-service-iso__stack{
    position:absolute;
    left:50%;
    top:83px;
    width:105px;
    height:80px;
    transform:translateX(-50%) rotate(-3deg);
}
.wg-service-iso__stack span{
    position:absolute;
    left:0;
    width:100%;
    height:31px;
    border:1px solid #c9daf0;
    border-radius:5px;
    background:linear-gradient(145deg,#f8fbff 0%,#dceaff 100%);
    box-shadow:0 7px 14px rgba(18,99,235,.075);
}
.wg-service-iso__stack span:before{
    content:"";
    position:absolute;
    left:11px;
    top:11px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--ref-blue);
    box-shadow:11px 0 0 rgba(18,99,235,.38);
}
.wg-service-iso__stack span:nth-child(1){top:0;z-index:3}
.wg-service-iso__stack span:nth-child(2){top:24px;z-index:2}
.wg-service-iso__stack span:nth-child(3){top:48px;z-index:1}
.wg-service-iso__globe,
.wg-service-iso__wp,
.wg-service-iso__cpu{
    position:absolute;
    left:50%;
    top:42px;
    transform:translateX(-50%);
    width:58px;
    height:58px;
    border:5px solid #fff;
    border-radius:16px;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(145deg,#2c7df2,#1263eb);
    box-shadow:0 13px 27px rgba(18,99,235,.22);
    font-size:21px;
    z-index:6;
}
.wg-service-iso__globe{
    border-radius:50%;
}
.wg-service-iso__shield,
.wg-service-iso__lock,
.wg-service-iso__chart{
    position:absolute;
    width:42px;
    height:42px;
    border:1px solid #d7e3f3;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#fff;
    box-shadow:0 10px 21px rgba(47,76,119,.09);
    z-index:7;
}
.wg-service-iso__shield{
    right:43px;
    top:120px;
}
.wg-service-iso__node{
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--ref-blue);
    box-shadow:0 0 0 5px rgba(18,99,235,.075);
}
.wg-service-iso__node:after{
    content:"";
    position:absolute;
    top:3px;
    height:1px;
    background:linear-gradient(90deg,rgba(18,99,235,.30),rgba(18,99,235,0));
}
.wg-service-iso__node--a{
    left:29px;
    top:133px;
}
.wg-service-iso__node--a:after{
    left:8px;
    width:45px;
    transform:rotate(-16deg);
    transform-origin:left;
}
.wg-service-iso__node--b{
    right:27px;
    top:91px;
}
.wg-service-iso__node--b:after{
    right:8px;
    width:38px;
    transform:rotate(11deg);
    transform-origin:right;
}

/* WordPress card */
.wg-home-service-card__visual--wordpress .wg-service-iso__wp{
    top:35px;
    width:64px;
    height:64px;
    border-radius:50%;
    font-size:27px;
}
.wg-service-iso__stack--wp{
    top:84px;
}
.wg-service-iso__screen{
    left:39px;
    top:62px;
    width:73px;
    height:58px;
    border-radius:7px;
    transform:skewY(5deg);
    display:grid;
    place-items:center;
    color:#8ca4c3;
    font-size:17px;
}
.wg-service-iso__lock{
    right:42px;
    top:118px;
}
.wg-service-iso__node--c{
    right:30px;
    top:75px;
}
.wg-service-iso__node--c:after{
    right:8px;
    width:49px;
    transform:rotate(-13deg);
    transform-origin:right;
}

/* V-Server card */
.wg-home-service-card__visual--vserver .wg-service-iso__cpu{
    top:34px;
    width:66px;
    height:59px;
    border-radius:14px;
    color:#6e5000;
    background:linear-gradient(145deg,#ffd564,#f9b926);
    font-size:24px;
}
.wg-service-iso__stack--server{
    top:82px;
    width:112px;
}
.wg-service-iso__rack{
    left:37px;
    top:94px;
    width:48px;
    height:76px;
    border-radius:7px;
    display:grid;
    place-items:center;
    color:#67a77e;
    font-size:19px;
}
.wg-service-iso__chart{
    right:37px;
    top:116px;
}
.wg-service-iso__node--d{
    right:27px;
    top:83px;
}
.wg-service-iso__node--d:after{
    right:8px;
    width:54px;
    transform:rotate(-11deg);
    transform-origin:right;
}

/* Motion: subtle, not decorative noise */
@keyframes wgServiceFloatMain{
    0%,100%{transform:translateX(-50%) translateY(0)}
    50%{transform:translateX(-50%) translateY(-5px)}
}
@keyframes wgServiceFloatSide{
    0%,100%{translate:0 0}
    50%{translate:0 -4px}
}
@keyframes wgServiceNodePulse{
    0%,100%{opacity:.62;box-shadow:0 0 0 4px rgba(18,99,235,.06)}
    50%{opacity:1;box-shadow:0 0 0 9px rgba(18,99,235,.018)}
}
.wg-service-iso__globe,
.wg-service-iso__wp,
.wg-service-iso__cpu{
    animation:wgServiceFloatMain 4.6s ease-in-out infinite;
}
.wg-service-iso__shield,
.wg-service-iso__lock,
.wg-service-iso__chart{
    animation:wgServiceFloatSide 4.1s ease-in-out infinite;
}
.wg-service-iso__node{
    animation:wgServiceNodePulse 2.8s ease-in-out infinite;
}
.wg-home-service-card:nth-child(2) .wg-service-iso__wp,
.wg-home-service-card:nth-child(2) .wg-service-iso__lock{
    animation-delay:-1.2s;
}
.wg-home-service-card:nth-child(3) .wg-service-iso__cpu,
.wg-home-service-card:nth-child(3) .wg-service-iso__chart{
    animation-delay:-2.1s;
}

@media(max-width:980px){
    .wg-home-services{
        padding:72px 0;
    }
    .wg-home-services__grid{
        grid-template-columns:1fr;
        max-width:620px;
        margin:0 auto;
    }
    .wg-home-service-card{
        min-height:420px;
    }
}
@media(max-width:620px){
    .wg-home-services__head{
        margin-bottom:28px;
    }
    .wg-home-services__head h2{
        font-size:31px;
    }
    .wg-home-service-card{
        padding:0 22px 24px;
    }
}
@media(prefers-reduced-motion:reduce){
    .wg-service-iso__globe,
    .wg-service-iso__wp,
    .wg-service-iso__cpu,
    .wg-service-iso__shield,
    .wg-service-iso__lock,
    .wg-service-iso__chart,
    .wg-service-iso__node{
        animation:none!important;
    }
}


/* ========================================================================
   CHECKOUT 3 — KOMPAKTE WEBLYGO BESTELLUNG
   ======================================================================== */
.wg-checkout-shell{
    max-width:1180px;
    margin:0 auto;
    padding-bottom:30px;
}
.wg-checkout-shell .wg-checkout-head{
    padding:30px 32px;
    align-items:center;
    background:
        radial-gradient(circle at 88% 20%,rgba(18,99,235,.075),transparent 30%),
        linear-gradient(135deg,#fff,#f8fbff);
}
.wg-checkout-shell .wg-checkout-head h1{
    margin:7px 0 6px;
    font-size:34px;
    letter-spacing:-1px;
}
.wg-checkout-shell .wg-checkout-head p{
    max-width:620px;
    font-size:12px;
    line-height:1.55;
}

.wg-checkout-shell .already-registered{
    margin:0 0 18px;
    padding:14px 16px;
    border-color:#d9e5f5!important;
    background:linear-gradient(135deg,#f8fbff,#fff);
    box-shadow:0 5px 16px rgba(26,45,72,.025);
}
.wg-checkout-shell .already-registered p{
    margin:0;
    color:#64758b;
    font-size:11px;
}
.wg-checkout-shell .already-registered .btn{
    min-height:38px;
    padding:0 13px;
    border-radius:8px!important;
    border:1px solid #c9dcf6!important;
    color:var(--ref-blue)!important;
    background:#fff!important;
    font-size:10px;
    font-weight:780;
}

.wg-checkout-shell #frmCheckout>.alert{
    margin-bottom:16px;
}

.wg-checkout-shell #frmCheckout .sub-heading{
    margin:22px 0 0!important;
    min-height:48px;
    padding:0 16px!important;
    border:1px solid var(--ref-line)!important;
    border-radius:13px 13px 0 0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    background:linear-gradient(180deg,#fbfcfe,#f7f9fc);
}
.wg-checkout-shell #frmCheckout .sub-heading span{
    padding:0!important;
    color:#31445e!important;
    background:transparent!important;
    font-size:13px!important;
    font-weight:830!important;
}
.wg-checkout-shell #frmCheckout .sub-heading:before{
    content:"";
    width:4px;
    height:18px;
    margin-right:9px;
    border-radius:5px;
    background:var(--ref-blue);
}

.wg-checkout-shell #frmCheckout .sub-heading + .row{
    margin:0!important;
    padding:17px 12px 7px;
    border:1px solid var(--ref-line);
    border-top:0;
    border-radius:0 0 13px 13px;
    background:#fff;
    box-shadow:0 7px 22px rgba(26,45,72,.025);
}
.wg-checkout-shell #frmCheckout .sub-heading + p{
    margin:0!important;
    padding:13px 17px 0;
    border-left:1px solid var(--ref-line);
    border-right:1px solid var(--ref-line);
    color:#7e8da1!important;
    background:#fff;
    font-size:9px!important;
    line-height:1.55;
}
.wg-checkout-shell #frmCheckout .sub-heading + p + .row{
    margin:0!important;
    padding:15px 12px 8px;
    border:1px solid var(--ref-line);
    border-top:0;
    border-radius:0 0 13px 13px;
    background:#fff;
    box-shadow:0 7px 22px rgba(26,45,72,.025);
}

.wg-checkout-shell #frmCheckout .form-group{
    margin-bottom:11px;
}
.wg-checkout-shell #frmCheckout .form-control,
.wg-checkout-shell #frmCheckout .field{
    min-height:47px;
    border-color:#dbe3ed!important;
    border-radius:9px!important;
    background:#fbfcfe!important;
    box-shadow:none!important;
    font-size:11px;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.wg-checkout-shell #frmCheckout .form-control:hover,
.wg-checkout-shell #frmCheckout .field:hover{
    border-color:#c8d5e5!important;
}
.wg-checkout-shell #frmCheckout .form-control:focus,
.wg-checkout-shell #frmCheckout .field:focus{
    border-color:var(--ref-blue)!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(18,99,235,.065)!important;
}
.wg-checkout-shell #frmCheckout .prepend-icon .field{
    padding-left:39px!important;
}
.wg-checkout-shell #frmCheckout .prepend-icon .field-icon{
    width:38px!important;
    height:47px!important;
    line-height:47px!important;
    color:#9aa8b8!important;
}
.wg-checkout-shell #frmCheckout .prepend-icon .field-icon i{
    font-size:11px!important;
}
.wg-checkout-shell #frmCheckout .form-control::placeholder,
.wg-checkout-shell #frmCheckout .field::placeholder{
    color:#8997a9;
    opacity:1;
}

/* Deutschland: Ort + PLZ, Bundesland ist für den Checkout nicht nötig. */
.wg-checkout-shell #containerNewUserSignup .col-sm-5:has(#inputState){
    display:none!important;
}
.wg-checkout-shell #containerNewUserSignup .col-sm-4:has(#inputCity){
    flex:0 0 66.666667%!important;
    max-width:66.666667%!important;
}
.wg-checkout-shell #containerNewUserSignup .col-sm-3:has(#inputPostcode){
    flex:0 0 33.333333%!important;
    max-width:33.333333%!important;
}

/* Domaininhaber kompakter und klarer */
.wg-checkout-shell #inputDomainContact{
    max-width:620px;
    margin:0 auto;
    min-height:47px;
    border-color:#dbe3ed!important;
    background:#fbfcfe!important;
}
.wg-checkout-shell .margin-bottom:has(#inputDomainContact){
    margin:0!important;
    padding:16px!important;
    border:1px solid var(--ref-line);
    border-top:0;
    border-radius:0 0 13px 13px;
    background:#fff;
}
.wg-checkout-shell .margin-bottom:has(#inputDomainContact)>div{
    flex:0 0 100%!important;
    max-width:100%!important;
    margin-left:0!important;
}

/* Bestehende Konten */
.wg-checkout-shell .account-select-container{
    padding:13px;
    border:1px solid var(--ref-line)!important;
    border-radius:12px;
    background:#fff;
}
.wg-checkout-shell .account{
    padding:13px!important;
}
.wg-checkout-shell .account.active{
    box-shadow:0 7px 18px rgba(18,99,235,.045);
}

/* Abschließende Bereiche */
.wg-checkout-shell .checkout-security-msg{
    border-radius:11px!important;
    background:#f7f9fc!important;
}
.wg-checkout-shell .marketing-email-optin{
    border-radius:11px;
}
.wg-checkout-shell #btnCompleteOrder{
    min-height:50px!important;
    padding:0 22px!important;
    border-radius:10px!important;
    font-size:11px!important;
    font-weight:820!important;
    box-shadow:0 10px 24px rgba(18,99,235,.16);
}

@media(max-width:760px){
    .wg-checkout-shell #containerNewUserSignup .col-sm-4:has(#inputCity),
    .wg-checkout-shell #containerNewUserSignup .col-sm-3:has(#inputPostcode){
        flex:0 0 100%!important;
        max-width:100%!important;
    }
}

/* ========================================================================
   WEBLYGO TYPOGRAPHY BASELINE — readable UI scale
   ======================================================================== */

/* Shared micro labels / kickers */
.wg-reference-kicker,
.wg-domain-section-kicker,
.wg-vserver-hero__kicker,
.wg-vserver-catalog-head__kicker{
    font-size:11px!important;
    line-height:1.3!important;
    letter-spacing:1.05px!important;
}

/* Global support CTA */
.wg-reference-support-cta span{
    font-size:11px!important;
}
.wg-reference-support-cta h2{
    font-size:30px!important;
}
.wg-reference-support-cta p{
    font-size:13px!important;
    line-height:1.55!important;
}
.wg-reference-support-cta .wg-reference-btn{
    font-size:12px!important;
}

/* Global footer */
.wg-reference-footer__brand p{
    font-size:13px!important;
    line-height:1.65!important;
}
.wg-reference-footer__status{
    font-size:12px!important;
}
.wg-reference-footer__col strong{
    font-size:13px!important;
}
.wg-reference-footer__col a{
    font-size:12px!important;
    line-height:1.45!important;
}
.wg-reference-footer__bottom{
    font-size:11px!important;
}

/* Homepage service cards */
.wg-home-services__head p{
    font-size:14px!important;
}
.wg-home-service-card__content>small{
    font-size:10px!important;
}
.wg-home-service-card__content h3{
    font-size:25px!important;
}
.wg-home-service-card__content p{
    font-size:13px!important;
    line-height:1.65!important;
}
.wg-home-service-card__cta strong{
    font-size:12px!important;
}
.wg-home-service-card__cta i{
    font-size:11px!important;
}

/* Homepage domain cards */
.wg-domain-home-tld__name strong{
    font-size:18px!important;
}
.wg-domain-home-tld__price strong{
    font-size:15px!important;
}
.wg-domain-home-tld__price span,
.wg-domain-home-tld>small{
    font-size:11px!important;
}
.wg-domain-home-tld>b{
    font-size:11px!important;
}

/* Checkout */
.wg-checkout-head p{
    font-size:14px!important;
    line-height:1.55!important;
}
.wg-checkout-steps{
    font-size:12px!important;
}
.wg-checkout-steps span b{
    font-size:10px!important;
}
.wg-checkout-shell .already-registered p{
    font-size:13px!important;
}
.wg-checkout-shell .already-registered .btn{
    font-size:12px!important;
}
.wg-checkout-shell #frmCheckout .sub-heading span,
.wg-checkout-shell .sub-heading span{
    font-size:15px!important;
}
.wg-checkout-shell .form-control,
.wg-checkout-shell .field{
    font-size:14px!important;
}
.wg-checkout-shell label{
    font-size:12px!important;
}
.wg-checkout-shell .field-help-text,
.wg-checkout-shell .help-block,
.wg-checkout-shell .small,
.wg-checkout-shell small{
    font-size:11px!important;
    line-height:1.45!important;
}
.wg-checkout-shell .password-strength-meter p{
    font-size:11px!important;
}
.wg-checkout-shell .generate-password{
    font-size:11px!important;
}
.wg-checkout-shell .payment-methods .payment-method{
    font-size:13px!important;
}

/* Cart */
.wg-checkout-shell .view-cart-items-header{
    font-size:12px!important;
}
.wg-checkout-shell .item-title{
    font-size:15px!important;
}
.wg-checkout-shell .item-group,
.wg-checkout-shell .item-domain,
.wg-checkout-shell .cycle{
    font-size:12px!important;
}
.wg-checkout-shell .item-price{
    font-size:15px!important;
}
.wg-cart-head__facts span{
    font-size:11px!important;
}
.wg-cart-empty-state p{
    font-size:13px!important;
}
.wg-cart-empty-state__actions a{
    font-size:12px!important;
}
.wg-cart-summary .subtotal,
.wg-cart-summary .bordered-totals>div,
.wg-cart-summary .recurring-totals{
    font-size:12px!important;
}
.wg-cart-summary #checkout{
    font-size:12px!important;
}
.wg-cart-summary #continueShopping{
    font-size:11px!important;
}
.wg-cart-assurance strong{
    font-size:12px!important;
}
.wg-cart-assurance p{
    font-size:11px!important;
}

/* Domain configuration */
.wg-domain-config-head p{
    font-size:14px!important;
}
.wg-domain-config-steps{
    font-size:11px!important;
}
.wg-domain-config-card__identity small,
.wg-domain-config-summary small,
.wg-domain-config-section>header small,
.wg-domain-config-side small{
    font-size:10px!important;
}
.wg-domain-config-card__status span{
    font-size:11px!important;
}
.wg-domain-config-summary strong{
    font-size:14px!important;
}
.wg-domain-config-summary span{
    font-size:12px!important;
}
.wg-domain-config-summary a{
    font-size:11px!important;
}
.wg-domain-config-section h3{
    font-size:16px!important;
}
.wg-domain-config-section>header p{
    font-size:12px!important;
}
.wg-domain-config-field label,
.wg-domain-config-field span{
    font-size:12px!important;
}
.wg-domain-config-field .form-control,
.wg-domain-config-field .field,
.wg-domain-config-field select,
.wg-domain-config-field input{
    font-size:13px!important;
}
.wg-domain-config-field .field-help-text,
.wg-domain-config-field small,
.wg-domain-config-field .help-block{
    font-size:11px!important;
}
.wg-domain-config-addon strong{
    font-size:12px!important;
}
.wg-domain-config-addon p,
.wg-domain-config-addon small{
    font-size:11px!important;
}
.wg-domain-config-ns p{
    font-size:12px!important;
}
.wg-domain-config-ns__badge{
    font-size:11px!important;
}
.wg-domain-config-ns__hint{
    font-size:11px!important;
}
.wg-domain-config-side h3{
    font-size:16px!important;
}
.wg-domain-config-side p{
    font-size:12px!important;
}
.wg-domain-config-actions__back,
.wg-domain-config-actions__continue{
    font-size:12px!important;
}

/* V-Server catalogue / configurator */
.wg-vserver-card__eyebrow,
.wg-vserver-badge,
.wg-vserver-card__price small,
.wg-vserver-card__price span,
.wg-vserver-card__price em,
.wg-vserver-card__resources small,
.wg-vserver-card__details>div,
.wg-vserver-card__details strong,
.wg-vserver-card__included span{
    font-size:11px!important;
}
.wg-vserver-card__button{
    font-size:12px!important;
}
.wg-vps-config-head p{
    font-size:13px!important;
}
.wg-vps-product-info__title small{
    font-size:10px!important;
}
.wg-vps-product-info__specs{
    font-size:12px!important;
}
.wg-vps-config-intro p{
    font-size:12px!important;
}
.wg-vps-config-shell label{
    font-size:12px!important;
}
.wg-vps-config-shell .form-control{
    font-size:13px!important;
}
.wg-vps-help strong{
    font-size:12px!important;
}
.wg-vps-help span,
.wg-vps-help>a{
    font-size:11px!important;
}

/* MY Weblygo / service console */
.wg-console-nav nav a{
    font-size:12px!important;
}
.wg-console-nav__foot a{
    font-size:12px!important;
}
.wg-console-kpis small{
    font-size:10px!important;
}
.wg-console-kpis span{
    font-size:11px!important;
}
.wg-console-service small{
    font-size:10px!important;
}
.wg-console-service strong{
    font-size:14px!important;
}
.wg-console-service span,
.wg-console-service>b{
    font-size:12px!important;
}
.wg-console-domain-summary strong{
    font-size:12px!important;
}
.wg-console-domain-summary span,
.wg-console-domain-summary>a{
    font-size:11px!important;
}

/* Preserve compactness on mobile without becoming tiny */
@media(max-width:620px){
    .wg-reference-support-cta h2{
        font-size:26px!important;
    }
    .wg-home-services__head p,
    .wg-checkout-head p,
    .wg-domain-config-head p{
        font-size:13px!important;
    }
}

/* ========================================================================
   DEDICATED SERVER STOREFRONT
   ======================================================================== */
.wg-dedicated-page{
    display:grid;
    gap:28px;
    padding-bottom:34px;
}
.wg-dedicated-hero{
    position:relative;
    padding:46px 48px;
    border:1px solid #dfe7f3;
    border-radius:24px;
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
    gap:48px;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 92% 12%,rgba(18,99,235,.14),transparent 31%),
        linear-gradient(135deg,#fff 0%,#f5f9ff 58%,#edf4ff 100%);
    box-shadow:0 18px 48px rgba(31,55,91,.075);
}
.wg-dedicated-hero:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(18,99,235,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(18,99,235,.025) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(90deg,transparent 25%,#000 100%);
}
.wg-dedicated-hero__copy,
.wg-dedicated-hero__visual{
    position:relative;
    z-index:1;
}
.wg-dedicated-hero h1{
    max-width:690px;
    margin:10px 0 15px;
    color:var(--ref-text);
    font-size:46px;
    line-height:1.04;
    letter-spacing:-1.7px;
    font-weight:850;
}
.wg-dedicated-hero__copy>p{
    max-width:690px;
    margin:0;
    color:#697a90;
    font-size:15px;
    line-height:1.68;
}
.wg-dedicated-hero__facts{
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.wg-dedicated-hero__facts span{
    padding:13px 14px;
    border:1px solid #d9e4f2;
    border-radius:11px;
    display:grid;
    background:rgba(255,255,255,.74);
    backdrop-filter:blur(8px);
}
.wg-dedicated-hero__facts strong{
    color:#273b55;
    font-size:20px;
    line-height:1.1;
    font-weight:850;
}
.wg-dedicated-hero__facts small{
    margin-top:4px;
    color:#7d8c9f;
    font-size:11px!important;
    line-height:1.35;
}
.wg-dedicated-hero__jump{
    min-height:46px;
    margin-top:22px;
    padding:0 16px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#fff!important;
    background:var(--ref-blue);
    box-shadow:0 10px 24px rgba(18,99,235,.16);
    font-size:13px;
    font-weight:800;
}
.wg-dedicated-hero__jump:hover{
    color:#fff!important;
    background:var(--ref-blue-dark);
}
.wg-dedicated-rack{
    width:100%;
    max-width:420px;
    margin:0 auto;
    padding:18px;
    border:1px solid #d5e1f1;
    border-radius:18px;
    background:rgba(255,255,255,.88);
    box-shadow:
        0 24px 55px rgba(38,69,112,.13),
        inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter:blur(12px);
}
.wg-dedicated-rack__head{
    height:32px;
    padding:0 2px 11px;
    border-bottom:1px solid #e6ecf4;
    display:flex;
    align-items:center;
    gap:6px;
}
.wg-dedicated-rack__head>i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#c9d4e2;
}
.wg-dedicated-rack__head>i:first-child{background:#ff8f88}
.wg-dedicated-rack__head>i:nth-child(2){background:#f1c764}
.wg-dedicated-rack__head>i:nth-child(3){background:#63ce93}
.wg-dedicated-rack__head span{
    margin-left:auto;
    color:#708198;
    font-size:10px;
    font-weight:830;
    letter-spacing:.9px;
}
.wg-dedicated-rack__units{
    padding:15px 0 4px;
    display:grid;
    gap:9px;
}
.wg-dedicated-rack__units article{
    min-height:54px;
    padding:0 14px;
    border:1px solid #d9e4f2;
    border-radius:9px;
    display:grid;
    grid-template-columns:auto 1fr 1fr auto;
    gap:10px;
    align-items:center;
    background:linear-gradient(135deg,#f8fbff,#eef5ff);
    box-shadow:0 7px 15px rgba(18,99,235,.04);
}
.wg-dedicated-rack__units article>i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#35a36f;
    box-shadow:0 0 0 4px rgba(53,163,111,.10);
}
.wg-dedicated-rack__units article>span{
    height:6px;
    border-radius:5px;
    background:#cddbea;
}
.wg-dedicated-rack__units article>span:nth-of-type(2){
    max-width:64%;
    background:#b9d0ef;
}
.wg-dedicated-rack__units article>b{
    width:22px;
    height:22px;
    border:1px solid #c9d8ea;
    border-radius:6px;
    background:#fff;
}
.wg-dedicated-rack__meta{
    margin-top:11px;
    padding-top:12px;
    border-top:1px solid #e6ecf4;
    display:flex;
    justify-content:space-between;
    gap:10px;
}
.wg-dedicated-rack__meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#677991;
    font-size:11px;
    font-weight:700;
}
.wg-dedicated-rack__meta i{
    color:var(--ref-blue);
}

.wg-dedicated-intro{
    padding:24px 27px;
    border:1px solid var(--ref-line);
    border-radius:17px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    background:#fff;
    box-shadow:0 8px 24px rgba(26,45,72,.04);
}
.wg-dedicated-intro>div{
    max-width:790px;
}
.wg-dedicated-intro h2{
    margin:7px 0 6px;
    color:#293c54;
    font-size:29px;
    line-height:1.12;
    letter-spacing:-.65px;
    font-weight:840;
}
.wg-dedicated-intro p{
    margin:0;
    color:#748398;
    font-size:14px;
    line-height:1.62;
}
.wg-dedicated-live{
    min-height:34px;
    padding:0 11px;
    border:1px solid #d5eadf;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#36705a;
    background:#f3faf6;
    font-size:11px;
    font-weight:760;
    white-space:nowrap;
}
.wg-dedicated-live i,
.wg-dedicated-card__status i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#34a36f;
    box-shadow:0 0 0 4px rgba(52,163,111,.08);
}
.wg-dedicated-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:17px;
}
.wg-dedicated-card{
    min-width:0;
    padding:21px;
    border:1px solid var(--ref-line);
    border-radius:16px;
    display:flex;
    flex-direction:column;
    background:#fff;
    box-shadow:0 9px 27px rgba(26,45,72,.045);
    transition:.18s ease;
}
.wg-dedicated-card:hover{
    transform:translateY(-4px);
    border-color:#bfd2ef;
    box-shadow:0 18px 38px rgba(26,45,72,.085);
}
.wg-dedicated-card>header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.wg-dedicated-card>header>div{
    min-width:0;
}
.wg-dedicated-card>header small{
    color:var(--ref-blue);
    font-size:10px!important;
    font-weight:850;
    letter-spacing:1px;
}
.wg-dedicated-card h3{
    margin:5px 0 0;
    color:#283b53;
    font-size:20px;
    line-height:1.2;
    letter-spacing:-.3px;
    font-weight:830;
}
.wg-dedicated-card__status{
    min-height:28px;
    padding:0 8px;
    border:1px solid #d6eadf;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    flex:none;
    color:#3b705d;
    background:#f4fbf7;
    font-size:10px;
    font-weight:760;
}
.wg-dedicated-card__price{
    margin:18px 0 15px;
    padding:14px 0;
    border-top:1px solid var(--ref-line);
    border-bottom:1px solid var(--ref-line);
    display:flex;
    align-items:baseline;
    gap:6px;
}
.wg-dedicated-card__price strong{
    color:#21364f;
    font-size:28px;
    line-height:1;
    letter-spacing:-.7px;
    font-weight:860;
}
.wg-dedicated-card__price span{
    color:#7d8b9e;
    font-size:12px;
}
.wg-dedicated-card__resources{
    display:grid;
    grid-template-columns:.72fr 1.28fr;
    gap:9px;
}
.wg-dedicated-card__resources article{
    min-width:0;
    min-height:72px;
    padding:11px;
    border:1px solid #e1e7ef;
    border-radius:10px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:9px;
    align-items:center;
    background:#f9fbfd;
}
.wg-dedicated-card__resources article>span{
    width:32px;
    height:32px;
    border-radius:8px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#eaf2ff;
    font-size:12px;
}
.wg-dedicated-card__resources article>div{
    min-width:0;
    display:grid;
}
.wg-dedicated-card__resources small{
    color:#8a98aa;
    font-size:10px!important;
    font-weight:800;
    letter-spacing:.5px;
}
.wg-dedicated-card__resources strong{
    margin-top:2px;
    overflow:hidden;
    color:#40526a;
    font-size:12px;
    line-height:1.35;
    font-weight:780;
    text-overflow:ellipsis;
}
.wg-dedicated-card__details{
    margin-top:13px;
    display:grid;
    gap:8px;
}
.wg-dedicated-card__details>div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#728197;
    font-size:11px;
}
.wg-dedicated-card__details span{
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.wg-dedicated-card__details i{
    width:14px;
    color:#93a4b8;
    text-align:center;
}
.wg-dedicated-card__details strong{
    color:#4d6077;
    font-size:11px;
    font-weight:770;
    text-align:right;
}
.wg-dedicated-card__included{
    margin:15px 0 17px;
    padding-top:13px;
    border-top:1px solid var(--ref-line);
    display:grid;
    gap:6px;
}
.wg-dedicated-card__included span{
    display:flex;
    align-items:center;
    gap:7px;
    color:#66778d;
    font-size:11px;
}
.wg-dedicated-card__included i{
    color:#2c9a68;
    font-size:9px;
}
.wg-dedicated-card__button{
    min-height:43px;
    margin-top:auto;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#fff!important;
    background:var(--ref-blue);
    box-shadow:0 8px 20px rgba(18,99,235,.14);
    font-size:12px;
    font-weight:810;
}
.wg-dedicated-card__button:hover{
    color:#fff!important;
    background:var(--ref-blue-dark);
}
.wg-dedicated-note{
    padding:17px 19px;
    border:1px solid #dce6f3;
    border-radius:13px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:11px;
    align-items:start;
    background:#f8fafd;
}
.wg-dedicated-note>i{
    width:34px;
    height:34px;
    border-radius:9px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#eaf2ff;
}
.wg-dedicated-note strong{
    color:#40526a;
    font-size:13px;
}
.wg-dedicated-note p{
    margin:4px 0 0;
    color:#75859a;
    font-size:12px;
    line-height:1.55;
}
.wg-dedicated-error,
.wg-dedicated-empty{
    padding:34px;
    border:1px solid var(--ref-line);
    border-radius:15px;
    text-align:center;
    background:#fff;
}
.wg-dedicated-error{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:#8d4751;
    font-size:13px;
}
.wg-dedicated-empty i{
    color:var(--ref-blue);
    font-size:30px;
}
.wg-dedicated-empty h3{
    margin:12px 0 5px;
    color:#33465f;
    font-size:20px;
}
.wg-dedicated-empty p{
    margin:0;
    color:#7a899d;
    font-size:13px;
}

@media(max-width:1050px){
    .wg-dedicated-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:900px){
    .wg-dedicated-hero{
        grid-template-columns:1fr;
        gap:30px;
    }
    .wg-dedicated-hero__visual{
        max-width:620px;
        width:100%;
        margin:0 auto;
    }
}
@media(max-width:700px){
    .wg-dedicated-hero{
        padding:29px 23px;
        border-radius:18px;
    }
    .wg-dedicated-hero h1{
        font-size:36px;
    }
    .wg-dedicated-hero__facts{
        grid-template-columns:1fr;
    }
    .wg-dedicated-intro{
        align-items:flex-start;
        flex-direction:column;
    }
    .wg-dedicated-grid{
        grid-template-columns:1fr;
    }
}


.wg-dedicated-inline-link{
    color:var(--ref-blue)!important;
    font-weight:780;
    text-decoration:none!important;
}
.wg-dedicated-inline-link:hover{
    color:var(--ref-blue-dark)!important;
    text-decoration:underline!important;
}

/* ========================================================================
   DEDICATED HERO STAGE — 2026-09-25
   ======================================================================== */
.wg-dedicated-hero.wg-dedicated-hero--stage{
    min-height:560px;
    padding:48px 38px 0;
    display:block;
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 35%,rgba(18,99,235,.08),transparent 30%),
        linear-gradient(180deg,#ffffff 0%,#fbfdff 48%,#f4f8fd 100%);
}
.wg-dedicated-hero--stage:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(rgba(18,99,235,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(18,99,235,.018) 1px,transparent 1px);
    background-size:38px 38px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 82%);
}
.wg-dedicated-hero__stage-copy{
    position:relative;
    z-index:4;
    max-width:790px;
    margin:0 auto;
    text-align:center;
}
.wg-dedicated-hero--stage h1{
    max-width:780px;
    margin:10px auto 15px;
    font-size:45px;
    line-height:1.06;
    letter-spacing:-1.5px;
    text-align:center;
}
.wg-dedicated-hero__stage-copy>p{
    max-width:700px;
    margin:0 auto;
    color:#6e7f94;
    font-size:15px;
    line-height:1.7;
}
.wg-dedicated-hero__actions{
    margin-top:22px;
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
}
.wg-dedicated-hero__jump,
.wg-dedicated-hero__contact{
    min-height:46px;
    padding:0 16px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:12px;
    font-weight:800;
}
.wg-dedicated-hero__contact{
    border:1px solid #d6e1ef;
    color:#52647a!important;
    background:rgba(255,255,255,.88);
    box-shadow:0 8px 20px rgba(26,45,72,.05);
}
.wg-dedicated-hero__contact:hover{
    color:var(--ref-blue)!important;
    border-color:#bcd0ef;
    background:#fff;
}
.wg-dedicated-hero__facts--stage{
    max-width:610px;
    margin:18px auto 0;
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.wg-dedicated-hero__facts--stage span{
    padding:10px 12px;
    border-color:#e0e8f2;
    background:rgba(255,255,255,.76);
}
.wg-dedicated-hero__facts--stage strong{
    font-size:17px;
}
.wg-dedicated-hero__facts--stage small{
    font-size:11px!important;
}

/* stage art */
.wg-dedicated-stage-art{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:290px;
    z-index:2;
    pointer-events:none;
}
.wg-dedicated-stage-art:before{
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    bottom:24px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(18,99,235,.16),rgba(18,99,235,.16),transparent);
}
.wg-dedicated-stage-art__left,
.wg-dedicated-stage-art__right,
.wg-dedicated-stage-art__center{
    position:absolute;
    bottom:0;
}
.wg-dedicated-stage-art__left{
    left:0;
    width:34%;
    height:100%;
}
.wg-dedicated-stage-art__center{
    left:50%;
    width:260px;
    height:100%;
    transform:translateX(-50%);
}
.wg-dedicated-stage-art__right{
    right:0;
    width:34%;
    height:100%;
}

/* racks */
.wg-stage-rack{
    position:absolute;
    width:116px;
    height:162px;
    padding:10px;
    border-radius:8px;
    background:linear-gradient(145deg,#eaf1f9,#dce7f4);
    box-shadow:0 22px 38px rgba(34,65,107,.11);
}
.wg-stage-rack:before{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:4px;
    background:#fff;
}
.wg-stage-rack span{
    position:relative;
    z-index:2;
    display:block;
    height:24px;
    margin-bottom:7px;
    border-radius:4px;
    background:linear-gradient(90deg,#1263eb,#4288f1);
    box-shadow:inset 0 -3px 0 rgba(4,50,127,.12);
}
.wg-stage-rack span:before{
    content:"";
    position:absolute;
    right:8px;
    top:8px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#d8f2ff;
    box-shadow:-8px 0 0 rgba(255,255,255,.65);
}
.wg-stage-rack--left{
    left:7%;
    bottom:40px;
    transform:perspective(600px) rotateY(12deg);
}
.wg-stage-rack--right{
    right:7%;
    bottom:38px;
    transform:perspective(600px) rotateY(-12deg);
}

/* storage cluster */
.wg-stage-storage{
    position:absolute;
    left:31%;
    bottom:56px;
    width:120px;
    height:112px;
}
.wg-stage-storage span{
    position:absolute;
    width:54px;
    height:52px;
    border:1px solid #d4e1f1;
    border-radius:12px;
    background:linear-gradient(145deg,#2c7df2,#1263eb);
    box-shadow:0 14px 24px rgba(18,99,235,.16);
}
.wg-stage-storage span:nth-child(1){left:0;top:28px}
.wg-stage-storage span:nth-child(2){left:34px;top:0}
.wg-stage-storage span:nth-child(3){left:65px;top:35px}
.wg-stage-storage i{
    position:absolute;
    left:86px;
    top:2px;
    color:#f3b91d;
    font-size:27px;
}

/* center CPU */
.wg-stage-cpu{
    position:absolute;
    left:50%;
    bottom:0;
    width:190px;
    height:188px;
    transform:translateX(-50%);
}
.wg-stage-cpu__chip{
    position:absolute;
    left:50%;
    top:4px;
    width:92px;
    height:72px;
    transform:translateX(-50%) rotate(0deg);
    border:8px solid #347fdf;
    display:grid;
    place-items:center;
    color:#8a6500;
    background:linear-gradient(145deg,#ffd862,#f1b51e);
    box-shadow:0 12px 24px rgba(35,87,155,.18);
    font-size:19px;
    font-weight:850;
    letter-spacing:.8px;
    z-index:4;
}
.wg-stage-cpu__layers{
    position:absolute;
    left:50%;
    top:60px;
    width:138px;
    height:92px;
    transform:translateX(-50%);
}
.wg-stage-cpu__layers span{
    position:absolute;
    left:0;
    width:100%;
    height:45px;
    border:1px solid #347bd2;
    border-radius:4px;
    background:linear-gradient(145deg,#2b7df0,#1263eb);
    box-shadow:0 10px 16px rgba(18,99,235,.15);
}
.wg-stage-cpu__layers span:nth-child(1){top:0;z-index:3}
.wg-stage-cpu__layers span:nth-child(2){top:25px;z-index:2;opacity:.92}
.wg-stage-cpu__layers span:nth-child(3){top:50px;z-index:1;opacity:.82}
.wg-stage-cpu__layers span:before,
.wg-stage-cpu__layers span:after{
    content:"";
    position:absolute;
    top:13px;
    width:22px;
    height:16px;
    border-radius:2px;
    background:repeating-linear-gradient(90deg,#c2d8f2 0 3px,#e7f0fa 3px 5px);
}
.wg-stage-cpu__layers span:before{left:20px}
.wg-stage-cpu__layers span:after{right:20px}
.wg-stage-cpu__base{
    position:absolute;
    left:50%;
    bottom:0;
    width:138px;
    height:38px;
    transform:translateX(-50%);
    border-radius:0 0 5px 5px;
    background:linear-gradient(#dbe4ef,#cfd9e5);
}
.wg-stage-cpu:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-9px;
    width:210px;
    height:30px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(18,99,235,.18),rgba(18,99,235,0) 70%);
    filter:blur(6px);
}

/* monitor/right side */
.wg-stage-monitor{
    position:absolute;
    left:18%;
    bottom:67px;
    width:142px;
    height:104px;
    border:8px solid #2b3540;
    border-radius:5px;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(145deg,#3085f7,#1263eb);
    box-shadow:0 18px 34px rgba(29,54,89,.18);
    font-size:32px;
}
.wg-stage-monitor:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-31px;
    width:42px;
    height:31px;
    transform:translateX(-50%);
    border-left:8px solid #a9b6c4;
    border-right:8px solid #a9b6c4;
}
.wg-stage-monitor__bar{
    position:absolute;
    top:7px;
    left:8px;
    width:38px;
    height:5px;
    border-radius:3px;
    background:rgba(255,255,255,.6);
}
.wg-stage-board{
    position:absolute;
    width:58px;
    height:58px;
    border:1px solid #d4e0ef;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#fff;
    box-shadow:0 12px 25px rgba(34,65,107,.10);
    font-size:22px;
}
.wg-stage-board--left{
    left:44%;
    bottom:35px;
}
.wg-stage-board--right{
    right:33%;
    bottom:29px;
}

/* decorative connector rings */
.wg-stage-orbit{
    position:absolute;
    width:135px;
    height:135px;
    border:1px solid rgba(18,99,235,.11);
    border-radius:50%;
    box-shadow:
        0 0 0 18px rgba(18,99,235,.026),
        0 0 0 36px rgba(18,99,235,.012);
}
.wg-stage-orbit--left{
    left:27%;
    bottom:54px;
}
.wg-stage-orbit--right{
    right:21%;
    bottom:50px;
}

/* subtle motion */
@keyframes wgDedicatedStageFloat{
    0%,100%{translate:0 0}
    50%{translate:0 -6px}
}
@keyframes wgDedicatedRackPulse{
    0%,100%{filter:brightness(1)}
    50%{filter:brightness(1.04)}
}
.wg-stage-cpu{
    animation:wgDedicatedStageFloat 4.8s ease-in-out infinite;
}
.wg-stage-storage,
.wg-stage-monitor{
    animation:wgDedicatedStageFloat 5.4s ease-in-out infinite;
}
.wg-stage-rack{
    animation:wgDedicatedRackPulse 5s ease-in-out infinite;
}

@media(max-width:1050px){
    .wg-dedicated-hero.wg-dedicated-hero--stage{
        min-height:610px;
    }
    .wg-dedicated-stage-art__left,
    .wg-dedicated-stage-art__right{
        opacity:.78;
        transform:scale(.88);
    }
}
@media(max-width:760px){
    .wg-dedicated-hero.wg-dedicated-hero--stage{
        min-height:auto;
        padding:30px 22px 245px;
    }
    .wg-dedicated-hero--stage h1{
        font-size:36px;
    }
    .wg-dedicated-hero__stage-copy>p{
        font-size:14px;
    }
    .wg-dedicated-hero__facts--stage{
        grid-template-columns:1fr;
        max-width:360px;
    }
    .wg-dedicated-stage-art{
        height:220px;
    }
    .wg-dedicated-stage-art__left,
    .wg-dedicated-stage-art__right{
        display:none;
    }
    .wg-dedicated-stage-art__center{
        height:220px;
    }
    .wg-stage-cpu{
        transform:translateX(-50%) scale(.86);
        transform-origin:bottom center;
    }
}
@media(prefers-reduced-motion:reduce){
    .wg-stage-cpu,
    .wg-stage-storage,
    .wg-stage-monitor,
    .wg-stage-rack{
        animation:none!important;
    }
}


/* ========================================================================
   DEDICATED HERO — FULL-WIDTH CINEMATIC
   ======================================================================== */
.wg-dedicated-page{
    overflow:visible;
}
.wg-dedicated-hero.wg-dedicated-hero--cinematic{
    width:100vw;
    min-height:690px;
    margin-left:calc(50% - 50vw);
    margin-bottom:6px;
    padding:0;
    border:0;
    border-radius:0;
    display:block;
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 43%,rgba(18,99,235,.075),transparent 26%),
        radial-gradient(circle at 16% 75%,rgba(18,99,235,.055),transparent 22%),
        radial-gradient(circle at 85% 72%,rgba(18,99,235,.05),transparent 24%),
        linear-gradient(180deg,#ffffff 0%,#fbfdff 55%,#f2f6fb 100%);
    box-shadow:none;
}
.wg-dedicated-hero--cinematic:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        linear-gradient(rgba(18,99,235,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(18,99,235,.018) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.48),transparent 78%);
}
.wg-dedicated-hero--cinematic:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:190px;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(242,246,251,0),#f2f6fb 88%);
}
.wg-dedicated-cinematic__inner{
    width:min(1540px,calc(100% - 48px));
    min-height:690px;
    margin:0 auto;
    position:relative;
}
.wg-dedicated-cinematic__copy{
    position:relative;
    z-index:8;
    max-width:920px;
    margin:0 auto;
    padding-top:48px;
    text-align:center;
}
.wg-dedicated-cinematic__copy .wg-reference-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.wg-dedicated-cinematic__copy .wg-reference-kicker:before,
.wg-dedicated-cinematic__copy .wg-reference-kicker:after{
    content:"";
    width:18px;
    height:1px;
    background:#9cc0fa;
}
.wg-dedicated-cinematic__copy h1{
    max-width:920px;
    margin:12px auto 16px;
    color:#152943;
    font-size:clamp(46px,4.2vw,64px);
    line-height:.99;
    letter-spacing:-2.4px;
    font-weight:880;
}
.wg-dedicated-cinematic__copy>p{
    max-width:760px;
    margin:0 auto;
    color:#6b7d93;
    font-size:15px;
    line-height:1.72;
}
.wg-dedicated-cinematic__actions{
    margin-top:22px;
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
}
.wg-dedicated-cinematic__primary,
.wg-dedicated-cinematic__secondary{
    min-height:46px;
    padding:0 17px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:12px;
    font-weight:800;
    transition:.18s ease;
}
.wg-dedicated-cinematic__primary{
    color:#fff!important;
    background:var(--ref-blue);
    box-shadow:0 10px 24px rgba(18,99,235,.18);
}
.wg-dedicated-cinematic__primary:hover{
    color:#fff!important;
    background:var(--ref-blue-dark);
    transform:translateY(-1px);
}
.wg-dedicated-cinematic__secondary{
    border:1px solid #d5e0ed;
    color:#506278!important;
    background:rgba(255,255,255,.88);
    box-shadow:0 8px 18px rgba(25,47,78,.045);
}
.wg-dedicated-cinematic__secondary:hover{
    color:var(--ref-blue)!important;
    border-color:#b6ccef;
    background:#fff;
}
.wg-dedicated-cinematic__stats{
    margin:18px auto 0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    color:#7a899c;
    font-size:11px;
    font-weight:660;
}
.wg-dedicated-cinematic__stats span{
    display:inline-flex;
    align-items:baseline;
    gap:5px;
}
.wg-dedicated-cinematic__stats strong{
    color:#27405e;
    font-size:15px;
    font-weight:850;
}
.wg-dedicated-cinematic__stats>i{
    width:1px;
    height:15px;
    background:#d7e0eb;
}

/* full-width scene */
.wg-dedicated-cinematic__scene{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    height:330px;
}
.wg-dedicated-cinematic__scene:before{
    content:"";
    position:absolute;
    left:5%;
    right:5%;
    bottom:47px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(18,99,235,.22),rgba(18,99,235,.22),transparent);
}
.wg-dedicated-cinematic__scene:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:14px;
    width:420px;
    height:62px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(18,99,235,.16),rgba(18,99,235,0) 68%);
    filter:blur(8px);
}
.wg-cinematic-left,
.wg-cinematic-center,
.wg-cinematic-right{
    position:absolute;
    bottom:0;
    height:100%;
}
.wg-cinematic-left{
    left:0;
    width:38%;
}
.wg-cinematic-center{
    left:50%;
    width:310px;
    transform:translateX(-50%);
}
.wg-cinematic-right{
    right:0;
    width:38%;
}

/* rack primitives */
.wg-cine-rack{
    position:absolute;
    padding:11px;
    border:1px solid #d7e1ed;
    border-radius:9px;
    background:linear-gradient(145deg,#edf2f8,#dfe8f2);
    box-shadow:0 24px 42px rgba(31,59,97,.13);
}
.wg-cine-rack:before{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:5px;
    background:#fff;
}
.wg-cine-rack b{
    position:relative;
    z-index:2;
    display:block;
    height:28px;
    margin-bottom:8px;
    border-radius:4px;
    background:linear-gradient(90deg,#1263eb,#4087f1);
    box-shadow:inset 0 -4px 0 rgba(2,48,125,.12);
}
.wg-cine-rack b:before{
    content:"";
    position:absolute;
    left:9px;
    top:10px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#9fd8ff;
    box-shadow:10px 0 0 rgba(255,255,255,.74);
}
.wg-cine-rack--big{
    left:2%;
    bottom:38px;
    width:154px;
    height:228px;
    transform:perspective(700px) rotateY(11deg);
}
.wg-cine-rack--small{
    left:17%;
    bottom:64px;
    width:105px;
    height:152px;
    transform:perspective(700px) rotateY(7deg);
}
.wg-cine-rack--right{
    right:3%;
    bottom:39px;
    width:150px;
    height:218px;
    transform:perspective(700px) rotateY(-11deg);
}

/* left storage / network cluster */
.wg-cine-storage{
    position:absolute;
    left:31%;
    bottom:74px;
    width:155px;
    height:130px;
}
.wg-cine-storage span{
    position:absolute;
    width:72px;
    height:62px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:14px;
    background:linear-gradient(145deg,#3b88f2,#1263eb);
    box-shadow:0 18px 28px rgba(18,99,235,.18);
}
.wg-cine-storage span:before{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:13px;
    height:6px;
    border-radius:3px;
    background:rgba(255,255,255,.56);
}
.wg-cine-storage span:nth-child(1){left:0;top:47px}
.wg-cine-storage span:nth-child(2){left:43px;top:0}
.wg-cine-storage span:nth-child(3){left:82px;top:53px}
.wg-cine-wifi{
    position:absolute;
    left:49%;
    bottom:185px;
    color:#f2b91e;
    font-size:35px;
    transform:rotate(-7deg);
}
.wg-cine-board,
.wg-cine-fan{
    position:absolute;
    border:1px solid #d5e1ef;
    display:grid;
    place-items:center;
    background:#fff;
    box-shadow:0 13px 27px rgba(29,58,95,.11);
}
.wg-cine-board{
    width:62px;
    height:62px;
    border-radius:11px;
    color:var(--ref-blue);
    font-size:24px;
}
.wg-cine-board--left{left:54%;bottom:38px}
.wg-cine-board--right{right:30%;bottom:32px}
.wg-cine-fan{
    width:54px;
    height:54px;
    border-radius:50%;
    color:#98a9bd;
    font-size:28px;
}
.wg-cine-fan--left{left:67%;bottom:64px}
.wg-cine-fan--right{right:43%;bottom:57px}

/* center CPU sculpture */
.wg-cine-cpu{
    position:absolute;
    left:50%;
    bottom:0;
    width:260px;
    height:248px;
    transform:translateX(-50%);
}
.wg-cine-cpu__chip{
    position:absolute;
    z-index:5;
    left:50%;
    top:0;
    width:120px;
    height:92px;
    transform:translateX(-50%);
    border:9px solid #347edb;
    border-radius:3px;
    display:grid;
    place-items:center;
    color:#8b6400;
    background:linear-gradient(145deg,#ffda62,#f2b81f);
    box-shadow:
        0 16px 27px rgba(38,90,160,.20),
        inset 0 0 0 4px rgba(255,255,255,.16);
    font-size:23px;
    font-weight:900;
    letter-spacing:1px;
}
.wg-cine-cpu__chip:before,
.wg-cine-cpu__chip:after{
    content:"";
    position:absolute;
    top:18px;
    bottom:18px;
    width:13px;
    background:repeating-linear-gradient(180deg,#d39e11 0 4px,#f9cc42 4px 8px);
}
.wg-cine-cpu__chip:before{left:-18px}
.wg-cine-cpu__chip:after{right:-18px}
.wg-cine-cpu__plate{
    position:absolute;
    left:50%;
    width:192px;
    height:75px;
    transform:translateX(-50%);
    border:1px solid #236fcc;
    border-radius:5px;
    background:linear-gradient(145deg,#2c7ff0,#1263eb);
    box-shadow:0 12px 19px rgba(18,99,235,.16);
}
.wg-cine-cpu__plate:before{
    content:"";
    position:absolute;
    left:20px;
    top:20px;
    width:47px;
    height:25px;
    background:repeating-linear-gradient(90deg,#b8d5f6 0 4px,#ebf3fb 4px 7px);
    box-shadow:104px 0 0 rgba(203,222,244,.95);
}
.wg-cine-cpu__plate--one{top:72px;z-index:4}
.wg-cine-cpu__plate--two{top:116px;z-index:3;opacity:.94}
.wg-cine-cpu__plate--three{top:160px;z-index:2;opacity:.87}
.wg-cine-cpu__base{
    position:absolute;
    left:50%;
    bottom:0;
    width:192px;
    height:46px;
    transform:translateX(-50%);
    border-radius:0 0 6px 6px;
    background:linear-gradient(#dce5ef,#cbd6e2);
}

/* monitor / right scene */
.wg-cine-monitor{
    position:absolute;
    left:8%;
    bottom:68px;
    width:194px;
    height:159px;
}
.wg-cine-monitor__screen{
    width:100%;
    height:128px;
    border:9px solid #283541;
    border-radius:6px;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(145deg,#3387f7,#1263eb);
    box-shadow:0 20px 35px rgba(29,54,89,.18);
    font-size:39px;
}
.wg-cine-monitor__screen:before{
    content:"";
    position:absolute;
    top:18px;
    left:23px;
    width:48px;
    height:6px;
    border-radius:4px;
    background:rgba(255,255,255,.52);
}
.wg-cine-monitor__stand{
    width:57px;
    height:31px;
    margin:0 auto;
    border-left:9px solid #a9b7c5;
    border-right:9px solid #a9b7c5;
}
.wg-cine-monitor__stand:after{
    content:"";
    display:block;
    width:86px;
    height:8px;
    margin-left:-23px;
    margin-top:25px;
    border-radius:5px;
    background:#c5d0dc;
}

/* connector geometry */
.wg-cine-line{
    position:absolute;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(18,99,235,.32),transparent);
}
.wg-cine-line--left{
    left:19%;
    right:5%;
    bottom:42px;
    transform:rotate(-3deg);
}
.wg-cine-line--right{
    left:4%;
    right:18%;
    bottom:45px;
    transform:rotate(3deg);
}

/* depth and motion */
@keyframes wgCineFloat{
    0%,100%{translate:0 0}
    50%{translate:0 -7px}
}
@keyframes wgCinePulse{
    0%,100%{filter:brightness(1)}
    50%{filter:brightness(1.045)}
}
.wg-cine-cpu{animation:wgCineFloat 5s ease-in-out infinite}
.wg-cine-storage,
.wg-cine-monitor{animation:wgCineFloat 5.8s ease-in-out infinite}
.wg-cine-rack{animation:wgCinePulse 4.8s ease-in-out infinite}

@media(max-width:1150px){
    .wg-dedicated-cinematic__inner{
        width:min(100%,calc(100% - 30px));
    }
    .wg-cine-rack--big{left:-2%}
    .wg-cine-rack--right{right:-2%}
    .wg-cine-storage{left:23%}
    .wg-cine-monitor{left:2%}
}
@media(max-width:860px){
    .wg-dedicated-hero.wg-dedicated-hero--cinematic{
        min-height:710px;
    }
    .wg-dedicated-cinematic__copy h1{
        font-size:46px;
    }
    .wg-cinematic-left,
    .wg-cinematic-right{
        opacity:.66;
        transform:scale(.82);
        transform-origin:bottom center;
    }
}
@media(max-width:700px){
    .wg-dedicated-hero.wg-dedicated-hero--cinematic{
        min-height:690px;
    }
    .wg-dedicated-cinematic__inner{
        width:calc(100% - 28px);
    }
    .wg-dedicated-cinematic__copy{
        padding-top:34px;
    }
    .wg-dedicated-cinematic__copy h1{
        font-size:38px;
        letter-spacing:-1.4px;
    }
    .wg-dedicated-cinematic__copy>p{
        font-size:14px;
    }
    .wg-dedicated-cinematic__stats{
        max-width:360px;
        flex-wrap:wrap;
        gap:8px 12px;
    }
    .wg-dedicated-cinematic__stats>i{
        display:none;
    }
    .wg-cinematic-left,
    .wg-cinematic-right{
        display:none;
    }
    .wg-dedicated-cinematic__scene{
        height:280px;
    }
    .wg-cinematic-center{
        height:280px;
    }
    .wg-cine-cpu{
        transform:translateX(-50%) scale(.88);
        transform-origin:bottom center;
    }
}
@media(prefers-reduced-motion:reduce){
    .wg-cine-cpu,
    .wg-cine-storage,
    .wg-cine-monitor,
    .wg-cine-rack{
        animation:none!important;
    }
}


/* Dedicated Server: storage readability + horizontal overflow fix */
body.weblygo-server-page{
    overflow-x:clip;
}
.weblygo-server-page .wg-dedicated-page{
    max-width:100%;
}
.weblygo-server-page .wg-dedicated-card__resources article{
    align-items:flex-start;
}
.weblygo-server-page .wg-dedicated-card__resources strong{
    overflow:visible;
    white-space:normal;
    text-overflow:clip;
    word-break:normal;
    overflow-wrap:anywhere;
    line-height:1.45;
}
.weblygo-server-page .wg-dedicated-card__resources article:nth-child(2){
    min-width:0;
}
.weblygo-server-page .wg-dedicated-card__resources article:nth-child(2) strong{
    font-size:12px!important;
}

/* Dedicated Server viewport must never create horizontal page scrolling. */
html:has(body.weblygo-server-page){
    overflow-x:clip;
}
.weblygo-server-page .wg-dedicated-hero.wg-dedicated-hero--cinematic{
    max-width:100vw;
}

/* ========================================================================
   DEDICATED SERVER — CONFIGURE / EDIT CART ITEM
   ======================================================================== */
.wg-dedicated-config-shell .wg-dedicated-config-head{
    background:
        radial-gradient(circle at 90% 14%,rgba(18,99,235,.075),transparent 30%),
        linear-gradient(135deg,#fff,#f8fbff);
}
.wg-dedicated-config-shell .wg-dedicated-config-head h1{
    font-size:34px!important;
    line-height:1.12!important;
    letter-spacing:-.8px!important;
}
.wg-dedicated-config-shell .wg-dedicated-config-head p{
    max-width:720px;
    font-size:13px!important;
    line-height:1.6!important;
}

.wg-dedicated-config-overview{
    padding:20px;
    border:1px solid var(--ref-line);
    border-radius:15px;
    background:#fff;
    box-shadow:0 8px 25px rgba(26,45,72,.04);
}
.wg-dedicated-config-overview__head{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:12px;
    align-items:start;
}
.wg-dedicated-config-overview__icon{
    width:44px;
    height:44px;
    border-radius:11px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
    font-size:17px;
}
.wg-dedicated-config-overview__head>div{
    min-width:0;
}
.wg-dedicated-config-overview__head small{
    color:var(--ref-blue);
    font-size:10px!important;
    font-weight:850;
    letter-spacing:1px;
}
.wg-dedicated-config-overview__head h2{
    margin:4px 0 5px;
    color:#283c54;
    font-size:22px;
    line-height:1.15;
    font-weight:840;
    letter-spacing:-.4px;
}
.wg-dedicated-config-overview__head p{
    max-width:720px;
    margin:0;
    color:#75859a;
    font-size:12px;
    line-height:1.6;
}
.wg-dedicated-config-overview__live{
    min-height:31px;
    padding:0 9px;
    border:1px solid #d5eadf;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#3d725e;
    background:#f4fbf7;
    font-size:11px;
    font-weight:760;
    white-space:nowrap;
}
.wg-dedicated-config-overview__live i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#34a36f;
    box-shadow:0 0 0 4px rgba(52,163,111,.08);
}

.wg-dedicated-config-specs{
    margin-top:18px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.wg-dedicated-config-spec{
    min-width:0;
    min-height:82px;
    padding:13px;
    border:1px solid #e0e6ee;
    border-radius:11px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:10px;
    align-items:center;
    background:#f9fbfd;
}
.wg-dedicated-config-spec>span{
    width:34px;
    height:34px;
    border-radius:9px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#eaf2ff;
    font-size:13px;
}
.wg-dedicated-config-spec>div{
    min-width:0;
    display:grid;
}
.wg-dedicated-config-spec small{
    color:#8a98aa;
    font-size:9px!important;
    font-weight:840;
    letter-spacing:.65px;
}
.wg-dedicated-config-spec strong{
    margin-top:3px;
    color:#3d5068;
    font-size:12px;
    line-height:1.4;
    font-weight:790;
    overflow-wrap:anywhere;
}
.wg-dedicated-config-spec--cpu{
    grid-column:span 2;
}
.wg-dedicated-config-spec--cpu strong{
    font-size:14px;
}
.wg-dedicated-config-spec--storage{
    grid-column:span 2;
}
.wg-dedicated-config-spec--storage strong{
    font-size:13px;
}

.wg-dedicated-config-note{
    margin-top:14px;
    padding:13px 14px;
    border:1px solid #dbe6f4;
    border-radius:10px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px;
    background:#f7faff;
}
.wg-dedicated-config-note>i{
    width:32px;
    height:32px;
    border-radius:8px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#eaf2ff;
}
.wg-dedicated-config-note strong{
    color:#40536a;
    font-size:12px;
}
.wg-dedicated-config-note p{
    margin:3px 0 0;
    color:#75859a;
    font-size:11px;
    line-height:1.55;
}

.wg-dedicated-config-shell .wg-dedicated-config-intro{
    margin-top:20px;
}
.wg-dedicated-config-shell .wg-dedicated-config-intro h2{
    font-size:23px!important;
}
.wg-dedicated-config-shell .wg-dedicated-config-intro p{
    font-size:12px!important;
    line-height:1.55!important;
}

/* The only editable option on a fixed Dedicated offer is billing. */
.wg-dedicated-config-shell .field-container{
    padding:17px!important;
    border:1px solid var(--ref-line);
    border-radius:12px;
    background:#fff;
    box-shadow:0 7px 20px rgba(26,45,72,.025);
}
.wg-dedicated-config-shell .field-container .form-group{
    margin:0;
}
.wg-dedicated-config-shell .field-container label{
    margin-bottom:8px;
    color:#4d6077;
    font-size:12px!important;
    font-weight:760;
}
.wg-dedicated-config-shell .field-container .form-control{
    min-width:190px;
    min-height:44px;
    font-size:13px!important;
}

/* Dedicated summary should not look like a tiny generic sidebar. */
.wg-dedicated-config-shell .order-summary{
    border-radius:13px!important;
}
.wg-dedicated-config-shell .order-summary .summary-container{
    font-size:12px!important;
}
.wg-dedicated-config-shell .wg-vps-summary-head h2{
    font-size:20px!important;
}

@media(max-width:1000px){
    .wg-dedicated-config-specs{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:620px){
    .wg-dedicated-config-overview__head{
        grid-template-columns:auto 1fr;
    }
    .wg-dedicated-config-overview__live{
        grid-column:2;
        justify-self:start;
    }
    .wg-dedicated-config-specs{
        grid-template-columns:1fr;
    }
    .wg-dedicated-config-spec--cpu,
    .wg-dedicated-config-spec--storage{
        grid-column:auto;
    }
}


/* ========================================================================
   WEBLYGO LEGAL PAGES
   ======================================================================== */
.wg-legal-page{
    display:grid;
    gap:22px;
    padding-bottom:34px;
}
.wg-legal-hero{
    padding:32px 34px;
    border:1px solid var(--ref-line);
    border-radius:18px;
    background:
        radial-gradient(circle at 88% 12%,rgba(18,99,235,.075),transparent 30%),
        linear-gradient(135deg,#fff,#f8fbff);
    box-shadow:0 8px 28px rgba(26,45,72,.04);
}
.wg-legal-hero h1{
    margin:7px 0 8px;
    color:var(--ref-text);
    font-size:38px;
    line-height:1.08;
    letter-spacing:-1px;
    font-weight:860;
}
.wg-legal-hero p{
    max-width:760px;
    margin:0;
    color:#708096;
    font-size:14px;
    line-height:1.65;
}
.wg-legal-hero small{
    display:block;
    margin-top:10px;
    color:#8b98a9;
    font-size:11px!important;
}
.wg-legal-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 280px;
    gap:18px;
    align-items:start;
}
.wg-legal-content{
    display:grid;
    gap:13px;
}
.wg-legal-card,
.wg-legal-prose>section{
    position:relative;
    padding:22px 24px;
    border:1px solid var(--ref-line);
    border-radius:14px;
    background:#fff;
    box-shadow:0 6px 20px rgba(26,45,72,.03);
}
.wg-legal-card{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:15px;
}
.wg-legal-card__number{
    width:37px;
    height:37px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
    font-size:10px;
    font-weight:850;
    letter-spacing:.4px;
}
.wg-legal-card h2,
.wg-legal-prose h2{
    margin:0 0 9px;
    color:#34475f;
    font-size:19px;
    line-height:1.25;
    font-weight:830;
    letter-spacing:-.25px;
}
.wg-legal-card p,
.wg-legal-prose p{
    margin:0 0 10px;
    color:#64758a;
    font-size:13px;
    line-height:1.7;
}
.wg-legal-card p:last-child,
.wg-legal-prose p:last-child{
    margin-bottom:0;
}
.wg-legal-card strong,
.wg-legal-prose strong{
    color:#40536b;
    font-weight:790;
}
.wg-legal-card a,
.wg-legal-prose a{
    color:var(--ref-blue)!important;
    font-weight:740;
}
.wg-legal-card a:hover,
.wg-legal-prose a:hover{
    text-decoration:underline!important;
}
.wg-legal-prose>section{
    scroll-margin-top:100px;
}
.wg-legal-prose>section:before{
    content:"";
    position:absolute;
    left:0;
    top:22px;
    bottom:22px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:#d7e5fb;
}
.wg-legal-aside{
    position:sticky;
    top:98px;
    display:grid;
    gap:11px;
}
.wg-legal-aside article{
    padding:18px;
    border:1px solid var(--ref-line);
    border-radius:13px;
    display:grid;
    background:#fff;
    box-shadow:0 6px 20px rgba(26,45,72,.03);
}
.wg-legal-aside article>span{
    width:38px;
    height:38px;
    margin-bottom:12px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--ref-blue);
    background:#edf3ff;
    font-size:15px;
}
.wg-legal-aside h3{
    margin:0 0 6px;
    color:#3d5068;
    font-size:15px;
    font-weight:820;
}
.wg-legal-aside p{
    margin:0 0 11px;
    color:#78879a;
    font-size:12px;
    line-height:1.6;
}
.wg-legal-aside a{
    margin-top:6px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:var(--ref-blue)!important;
    font-size:11px;
    font-weight:780;
}
.wg-reference-footer__legal{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}
.wg-reference-footer__legal a{
    color:#8290a2!important;
    font-size:11px!important;
}
.wg-reference-footer__legal a:hover{
    color:var(--ref-blue)!important;
}
.wg-checkout-legal-note{
    max-width:760px;
    margin:7px auto 15px;
    color:#7b899b;
    font-size:11px;
    line-height:1.55;
}
.wg-checkout-legal-note a{
    color:var(--ref-blue)!important;
    font-weight:750;
}
@media(max-width:900px){
    .wg-legal-layout{
        grid-template-columns:1fr;
    }
    .wg-legal-aside{
        position:static;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:620px){
    .wg-legal-hero{
        padding:24px 22px;
    }
    .wg-legal-hero h1{
        font-size:31px;
    }
    .wg-legal-card{
        grid-template-columns:1fr;
    }
    .wg-legal-aside{
        grid-template-columns:1fr;
    }
}