/* Cully Systems presentation layer. Keep upstream compiled assets untouched. */
@import url('./cully-family-tokens.css');

:root {
    --white: #fff;
    --neutral-50: #f7faff;
    --neutral-100: #edf3fb;
    --neutral-200: #d9e3ef;
    --neutral-300: #a9b9cc;
    --neutral-400: #6b7d94;
    --neutral-500: #4d6079;
    --neutral-600: #344a66;
    --neutral-700: #243b59;
    --neutral-800: #10233e;
    --neutral-900: #061534;
    --neutral-950: #030a18;
    --primary-50: #edf4ff;
    --primary-100: #dbeaff;
    --primary-200: #b7d5ff;
    --primary-300: #86bbff;
    --primary-400: #43a7ff;
    --primary-500: #2679f0;
    --primary-600: #1763e9;
    --primary-700: #0e50c8;
    --primary-800: #123e8c;
    --primary-900: #0b234b;
    --primary-950: #061534;
    --primary: var(--family-action);
    --primary-lifted: var(--family-action-hover);
    --primary-accented: #123e8c;
    --secondary: #4d6079;
    --secondary-lifted: #344a66;
    --secondary-accented: #10233e;
    --success: #126b50;
    --success-lifted: #0c563f;
    --success-accented: #073f2e;
    --info: #1763e9;
    --info-lifted: #0e50c8;
    --info-accented: #123e8c;
    --notice: #425ab0;
    --notice-lifted: #344a94;
    --notice-accented: #24386f;
    --warning: #825800;
    --warning-lifted: #694700;
    --warning-accented: #503600;
    --error: #a52832;
    --error-lifted: #871e27;
    --error-accented: #65151d;
    --grayscale: #10233e;
    --grayscale-lifted: #243b59;
    --grayscale-accented: #344a66;
    --neutral: #4d6079;
    --neutral-lifted: #344a66;
    --neutral-accented: #10233e;
    --text-inverted: #fff;
    --text-muted: #4d6079;
    --text-lifted: #4d6079;
    --text-accented: #344a66;
    --text: #10233e;
    --border-muted: #e5edf6;
    --border: #d9e3ef;
    --border-lifted: #a9b9cc;
    --border-accented: #6b7d94;
    --bg: #fff;
    --bg-muted: #f7faff;
    --bg-lifted: #edf3fb;
    --bg-accented: #dbeaff;
    --bg-inverted: #061534;
    --text-xs: .75rem;
    --text-sm: .8125rem;
    --text-md: .875rem;
    --text-lg: 1rem;
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;
    --rounding-sm: 3px;
    --rounding-md: 4px;
    --rounding-lg: 4px;
    --letter-spacing: 0;
    --disabled-opacity: 50%;
}

body.cully-client-area {
    background: var(--family-ice);
    color: var(--family-text);
    font: 14px/1.6 Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.cully-client-area h1, .cully-client-area h2, .cully-client-area h3,
.cully-client-area .card-title, .cully-client-area .navbar {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--family-text);
}
.cully-client-area h1 { font-size: 32px; letter-spacing: -.8px; line-height: 1.2; }
.cully-client-area h2 { font-size: 23px; letter-spacing: -.5px; }
.cully-client-area h3 { font-size: 18px; letter-spacing: -.25px; }
.cully-client-area p { line-height: 1.65; }
.cully-client-area a { color: var(--family-action); }
.cully-client-area .text-muted { color: var(--family-copy) !important; }
.cully-client-area .container { width: 100%; max-width: 1328px; padding-inline: 24px; }
.cully-client-area #main-body { padding-top: 0; padding-bottom: 56px; min-height: 50vh; }
.cully-client-area .primary-content { min-width: 0; }
.cully-page-heading { margin: 0 0 26px; }
.cully-page-heading h1 { margin: 0; }
.cully-client-area .master-breadcrumb { background: transparent; border: 0; padding-block: 22px 24px; }
.cully-client-area .breadcrumb { margin: 0; padding: 0; background: transparent; font-size: 12px; }
.cully-client-area .breadcrumb a { color: var(--family-copy); }
.cully-client-area :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid var(--family-accent) !important;
    outline-offset: 3px;
}
.cully-client-area #cully-main-content:focus { outline: none !important; }
.cully-skip-link { position: fixed; top: -100px; left: 16px; padding: 12px 18px; background: #fff; z-index: 2000; }
.cully-skip-link:focus { top: 12px; }

/* One shell for public, authenticated, and inherited cart pages. */
.cully-header { display: flex; flex-direction: column; background: var(--family-ink); border-bottom: 1px solid #243858; }
.cully-header .cully-brandbar { order: 1; padding-block: 12px; background: var(--family-ink); color: #fff; }
.cully-header .cully-brandbar > .container { flex-wrap: nowrap; gap: 20px; }
.cully-header .navbar-brand { flex-shrink: 0; margin: 0; }
.cully-header .logo-img { width: 200px; height: auto; max-height: none; }
.cully-header .main-navbar-wrapper { order: 2; background: var(--family-ink); border-top: 1px solid #1d3050; border-bottom: 0; }
.cully-header .topbar { order: 3; background: #fff; color: var(--family-text); border-block: 1px solid var(--family-line); padding-block: 5px; }
.cully-header .topbar > .container > .d-flex { align-items: center; }
.cully-header .topbar .btn { color: var(--family-text); background: transparent; border-color: transparent; }
.cully-header .topbar .input-group-text { background: transparent; border: 0; color: var(--family-copy); font-size: 11px; }
.cully-header .btn-active-client { font-weight: 600; }
.cully-header .navbar-nav .nav-link { color: #bdcde2; font-size: 13px; min-height: 44px; padding: 12px 16px; border-radius: 0; }
.cully-header .navbar-nav .nav-link:hover, .cully-header .navbar-nav .active > .nav-link { background: #0b234b; color: #fff; }
.cully-header .navbar-nav .active > .nav-link { box-shadow: inset 0 -2px var(--family-action); }
.cully-header .toolbar { flex-wrap: nowrap; flex-direction: row; }
.cully-header .toolbar .nav-link { color: #fff; }
.cully-header .cart-btn .badge { background: var(--family-raised); color: #fff; border-radius: 3px; }
.cully-header .search .form-control, .cully-header .search .btn { background: #0b234b; border-color: #294367; color: #fff; }
.cully-header .search .form-control::placeholder { color: #becde2; }
.cully-header .dropdown-menu { border: 1px solid var(--family-line); border-radius: 4px; box-shadow: 0 8px 24px #030a181f; }
.cully-header .dropdown-item a { color: var(--family-text); }
.cully-header .dropdown-item.active, .cully-header .dropdown-item:hover { background: #edf3fb; }
.cully-welcome { background: var(--family-navy); color: #fff; padding-block: 32px; }
.cully-welcome-inner { display: flex; align-items: center; justify-content: space-between; gap: 36px; }
.cully-welcome h1 { color: #fff; margin-bottom: 10px; }
.cully-welcome p { margin: 0; color: #cedaec; font-size: 13px; }
.cully-handoff { display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid #50668c; border-radius: 4px; padding: 20px; }
.cully-handoff strong { display: block; font-size: 13px; }
.cully-handoff span:not(.sr-only) { display: block; color: #b4c7e2; font-size: 12px; margin-top: 4px; }
.cully-handoff a.btn-primary { white-space: nowrap; color: #fff; }

/* Native Smarty forms/actions remain intact; styling is shared across page families. */
.cully-client-area .card { background: #fff; border: 1px solid var(--family-line); border-radius: 4px; box-shadow: none; }
.cully-client-area .card-header { background: #fff; border-bottom: 1px solid var(--family-line); padding: 18px 20px; }
.cully-client-area .card-header h3, .cully-client-area .card-title { font-size: 16px; font-weight: 600; }
.cully-client-area .card-body { padding: 22px; }
.cully-client-area .card-footer { background: #f7faff; border-color: var(--family-line); padding: 16px 22px; }
.cully-client-area .btn { border-radius: 4px; min-height: 44px; padding: 10px 16px; font-size: 13px; font-weight: 600; line-height: 1.5; }
.cully-client-area .btn-primary { color: #fff; background: var(--family-action); border-color: var(--family-action); }
.cully-client-area .btn-primary:hover { background: var(--family-action-hover); border-color: var(--family-action-hover); }
.cully-client-area .btn-default, .cully-client-area .btn-outline-primary { color: #244568; background: #fff; border-color: #b7c8da; }
.cully-client-area .btn-default:hover, .cully-client-area .btn-outline-primary:hover { background: #edf4ff; color: #123e8c; border-color: #7c9ec7; }
.cully-client-area .btn-link { border-color: transparent; }
.cully-client-area .btn-danger { background: #a52832; border-color: #a52832; color: #fff; }
.cully-client-area .btn-xs, .cully-client-area .btn-sm { min-height: 36px; padding: 7px 11px; font-size: 12px; }
.cully-client-area .form-control, .cully-client-area .custom-select { color: var(--family-text); background-color: #fff; border: 1px solid #a9b9cc; border-radius: 4px; min-height: 44px; font-size: 14px; }
.cully-client-area .form-control:focus { border-color: var(--family-action); box-shadow: 0 0 0 2px #1763e922; }
.cully-client-area textarea.form-control { min-height: 120px; }
.cully-client-area .input-group-text { background: var(--family-ice); border-color: #a9b9cc; border-radius: 4px; }
.cully-client-area .form-group label, .cully-client-area .form-control-label { color: var(--family-text); font-size: 13px; font-weight: 600; }
.cully-client-area .nav-tabs { border-color: #c7d5e6; gap: 10px; }
.cully-client-area .nav-tabs .nav-link { color: var(--family-copy); border: 0; border-bottom: 2px solid transparent; border-radius: 0; min-height: 44px; padding: 12px 16px; font-size: 13px; }
.cully-client-area .nav-tabs .nav-link.active { color: var(--family-action); background: transparent; border-bottom-color: var(--family-action); }
.cully-client-area .list-group-item { color: var(--family-text); border-color: #e5edf6; font-size: 13px; }
.cully-client-area .list-group-item.active { color: #123e8c; background: #edf4ff; border-color: #c5d9f5; }
.cully-client-area .sidebar .card-title { font-size: 14px; }
.cully-client-area .table { color: var(--family-text); font-size: 13px; }
.cully-client-area .table thead th { background: var(--family-ice); color: var(--family-copy); font-size: 11px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; padding: 14px 12px; border-color: var(--family-line); }
.cully-client-area .table td { padding: 16px 12px; border-color: #e5edf6; vertical-align: middle; }
.cully-client-area .table-striped tbody tr:nth-of-type(odd) { background: #fafcff; }
.cully-client-area .dataTables_wrapper .dataTables_filter input { min-height: 44px; border: 1px solid #a9b9cc; border-radius: 4px; margin-left: 8px; }
.cully-client-area .pagination .page-link { color: var(--family-action); min-width: 40px; min-height: 40px; border-color: var(--family-line); }
.cully-client-area .page-item.active .page-link { background: var(--family-action); color: #fff; }
.cully-client-area .label, .cully-client-area .badge { border-radius: 3px; padding: 5px 8px; font-size: 11px; font-weight: 600; }
.cully-client-area .status-active, .cully-client-area .status-paid, .cully-client-area .status-closed, .cully-client-area .label-success { background: #e4f6ef; color: #126b50; }
.cully-client-area .status-unpaid, .cully-client-area .status-pending, .cully-client-area .label-warning { background: #fff4d9; color: #825800; }
.cully-client-area .status-overdue, .cully-client-area .status-expired, .cully-client-area .status-terminated, .cully-client-area .label-danger { background: #ffebeb; color: #a52832; }
.cully-client-area .alert { border-radius: 4px; border-width: 1px 1px 1px 3px; padding: 16px 18px; }
.cully-client-area .alert-info { background: #f0f6ff; color: #2d4e79; border-color: #c5d9f5; }
.cully-client-area .alert-success { background: #ebf8f1; color: #24664b; border-color: #a1d7bc; }
.cully-client-area .alert-warning { background: #fff9e9; color: #72521a; border-color: #e9d6a4; }
.cully-client-area .alert-danger { background: #fff1f1; color: #942734; border-color: #e5a7ac; }
.cully-client-area .modal-content { border-radius: 4px; border: 1px solid var(--family-line); box-shadow: 0 20px 60px #030a1833; }
.cully-client-area .modal-header, .cully-client-area .modal-footer { border-color: var(--family-line); }
.cully-table-scroll { max-width: 100%; overflow-x: auto; scrollbar-width: thin; }
.cully-table-scroll > table { min-width: 580px; }
.cully-empty { padding: 28px; text-align: center; color: var(--family-copy); }

/* Account overview uses native statistics and native hook-provided panels. */
.cully-snapshot { background: #fff; border: 1px solid var(--family-line); border-radius: 4px; padding: 22px; margin-bottom: 24px; }
.cully-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.cully-section-heading h2 { margin: 0; }
.cully-snapshot-label { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 16px; font-size: 12px; font-weight: 600; }
.cully-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.cully-summary { display: flex; flex-direction: column; gap: 8px; padding: 18px; background: var(--family-ice); color: var(--family-text) !important; border: 1px solid #e1e9f3; border-radius: 3px; }
.cully-summary:hover { background: #eaf2ff; text-decoration: none; }
.cully-summary span { color: var(--family-copy); font-size: 11px; }
.cully-summary strong { font-size: 30px; line-height: 1.3; letter-spacing: -.6px; }
.cully-dashboard .client-home-cards .card-title { font-size: 16px; }
.cully-dashboard .client-home-cards .card-footer:empty { display: none; }
.cully-dashboard-tools { border: 1px solid var(--family-line); background: #fff; border-radius: 4px; padding: 18px 22px; margin-top: 24px; }
.cully-dashboard-tools summary { cursor: pointer; font-weight: 600; }
.cully-dashboard-tools > .row { margin-top: 20px; }
.cully-client-area .div-service-item { border: 1px solid var(--family-line); border-radius: 4px; background: #fff; padding: 16px; margin-bottom: 12px; }
.cully-client-area .div-service-name { overflow-wrap: anywhere; }

.cully-client-area #footer { background: var(--family-ink); color: #b9c9df; padding-block: 36px 22px; }
.cully-footer-brand { margin-bottom: 22px; }
.cully-footer-brand img { width: 185px; height: auto; }
.cully-footer-brand p { margin-top: 12px; color: #a7bbd7; font-size: 12px; }
.cully-client-area #footer a { color: #c4d3e8; }
.cully-footer-help { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-block: 20px; }
.cully-footer-help a { min-height: 44px; display: inline-flex; align-items: center; font-size: 12px; }
.cully-client-area #footer .copyright { padding-top: 20px; border-top: 1px solid #233650; font-size: 11px; color: #94aac8; }
.cully-client-area .invoice-container { border: 1px solid var(--family-line); border-radius: 4px; box-shadow: none; }
.cully-client-area .invoice-container .invoice-header { color: var(--family-text); }

@media (min-width: 1200px) {
    .cully-dashboard .client-home-cards .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 1199px) {
    .cully-welcome-inner { align-items: stretch; flex-direction: column; gap: 24px; }
    .cully-handoff { width: 100%; }
    .cully-header .navbar-collapse { padding-block: 12px; }
    .cully-header .navbar-nav .nav-link { padding: 12px; }
    .cully-header .topbar .input-group { flex-wrap: nowrap; }
}
@media (max-width: 767px) {
    .cully-client-area .container { padding-inline: 16px; }
    .cully-client-area h1 { font-size: 28px; }
    .cully-client-area .card-body { padding: 18px; }
    .cully-client-area .card-header { padding: 16px 18px; }
    .cully-client-area .btn-sm, .cully-client-area .btn-xs { min-height: 44px; }
    .cully-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cully-summary { padding: 14px; }
    .cully-summary strong { font-size: 27px; }
    .cully-client-area .nav-tabs { flex-wrap: nowrap; overflow-x: auto; }
    .cully-client-area .nav-tabs .nav-link { white-space: nowrap; padding-inline: 12px; }
    .cully-client-area .dataTables_wrapper .dataTables_filter { float: none; width: 100%; }
    .cully-client-area .dataTables_wrapper .dataTables_filter input { max-width: 65%; }
}
@media (max-width: 575px) {
    .cully-header .logo-img { width: 165px; }
    .cully-header .navbar-brand { max-width: 52%; }
    .cully-header .topbar .btn { padding: 8px; font-size: 12px; }
    .cully-header #accountNotifications { max-width: 124px; overflow-wrap: anywhere; }
    .cully-header .btn-active-client { max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .cully-welcome { padding-block: 26px; }
    .cully-handoff { align-items: flex-start; flex-direction: column; padding: 18px; }
    .cully-snapshot { padding: 16px; }
    .cully-section-heading { align-items: flex-start; }
    .cully-section-heading h2 { font-size: 22px; }
    .cully-summary span { font-size: 10px; }
    .cully-dashboard-tools { padding: 16px; }
    .cully-client-area .table td, .cully-client-area .table th { padding: 12px 10px; }
    .cully-client-area .invoice-container { padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .cully-client-area *, .cully-client-area *::before, .cully-client-area *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
    .cully-header, .cully-welcome, .master-breadcrumb, #footer, .cully-skip-link { display: none !important; }
    body.cully-client-area { background: #fff; }
    .cully-client-area .invoice-container { border: 0; }
}
.cully-invoice-brand { background: var(--family-navy); padding: 20px; border-radius: 4px; margin-bottom: 24px; }
.cully-invoice-brand img { max-width: 100%; height: auto; }
.cully-oauth #header { background: var(--family-navy); color: #fff; padding: 24px 0; }
.cully-oauth #header p { color: #c4d3e8; }
.cully-oauth #content { max-width: 780px; margin: 32px auto; padding: 0 20px; }
.cully-client-area .cully-summary strong .sr-only { font-size: 12px; }
.cully-support-message { padding: 20px 0; border-bottom: 1px solid var(--family-line); }
.cully-support-message:last-child { border-bottom: 0; }
.cully-support-text { margin-block: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.cully-support-details dt { color: var(--family-copy); font-size: 12px; }
.cully-support-details dd { padding-bottom: 12px; border-bottom: 1px solid var(--family-line); }
.cully-client-area .table-container { max-width: 100%; overflow-x: auto; }
/* Keep the Cully desktop brand/navigation on one row without duplicating menus. */
@media (min-width: 1200px) {
    .cully-header .cully-brandbar > .container { gap: 18px; }
    .cully-header .main-navbar-wrapper { flex: 1; padding: 0; border: 0; }
    .cully-header .main-navbar-wrapper > .container { padding: 0; }
    .cully-header .navbar-nav .nav-link { padding-inline: 10px; font-size: 12px; }
    .cully-header .cully-brandbar > .container > .form-inline { order: 3; max-width: 200px; }
    .cully-header .toolbar { order: 4; }
    .cully-header .search input { max-width: 150px; font-size: 12px; }
}
@media (max-width: 1199px) {
    .cully-header .cully-brandbar > .container { flex-wrap: wrap; }
    .cully-header .main-navbar-wrapper { order: 4; width: 100%; padding: 0; }
    .cully-header .main-navbar-wrapper > .container { padding: 0; }
    .cully-header .toolbar { margin-left: auto; }
    .cully-header .navbar-brand { order: 1; }
    .cully-header .toolbar { order: 2; }
    .cully-header .main-navbar-wrapper:not(:has(.show, .collapsing)) { border: 0; }
}
/* Override upstream ID-based chrome rules as well as Bootstrap defaults. */
body.cully-client-area #header .navbar-nav .nav-link { color: #bdcde2; }
body.cully-client-area #header .navbar-nav .nav-link:hover,
body.cully-client-area #header .navbar-nav .active > .nav-link { color: #fff; background: #0b234b; }
body.cully-client-area #header .topbar { background: #fff; color: #10233e; }
body.cully-client-area #header .topbar .btn { color: #10233e; }
body.cully-client-area #header .btn { border-color: transparent; }
body.cully-client-area #header .navbar { min-height: 0; }
body.cully-client-area #header .navbar > .container { min-height: 0; }
body.cully-client-area #main-body { background: var(--family-ice); }
body.cully-client-area h1, body.cully-client-area h2 { font-weight: 700; }
body.cully-client-area .client-home-cards .list-group-item { padding: 18px 20px; font-size: 13px; }
body.cully-client-area #footer > .container > .nav { gap: 8px 20px; }
.cully-icon { width: 20px; height: 20px; vertical-align: middle; flex-shrink: 0; }
body.cully-client-area #header .toolbar .nav-link { display: inline-flex; align-items: center; justify-content: center; position: relative; }
body.cully-client-area #header .toolbar .badge { position: absolute; top: 0; right: 0; font-size: 10px; padding: 3px 5px; }
body.cully-client-area #header .search .btn { border: 1px solid #294367; }
@media (max-width:1199px) {
    body.cully-client-area #header .main-navbar-wrapper { margin: 0; }
    body.cully-client-area #header .main-navbar-wrapper .container { margin: 0; }
}

/* Native Nexus menu anchors do not carry Bootstrap's nav-link class. */
body.cully-client-area #header .main-navbar-wrapper .navbar-nav > li > a {
    color: #bdcde2; font-size: 13px; font-weight: 600;
    min-height: 44px; padding: 12px 10px; display: flex; align-items: center;
}
body.cully-client-area #header .main-navbar-wrapper .navbar-nav > li > a:hover,
body.cully-client-area #header .main-navbar-wrapper .navbar-nav > li.active > a {
    color: #fff; background: #0b234b;
}
body.cully-client-area #header .main-navbar-wrapper .dropdown-menu { background: #fff; border: 1px solid #d9e3ef; }
body.cully-client-area #header .main-navbar-wrapper .dropdown-menu a { color: #10233e; min-height: 44px; display: flex; align-items: center; }
body.cully-client-area #main-body .client-home-cards .list-group-item { padding: 18px 20px; font-size: 13px; }
body.cully-client-area #main-body .client-home-cards .card-footer:not(:has(*)) { display: none; }
body.cully-client-area #main-body .cully-support-prompt { background: #061534; color: #fff; }
body.cully-client-area #main-body .cully-support-prompt h3 { color: #fff; font-size: 24px; }
body.cully-client-area #main-body .cully-support-prompt p { color: #bdcde2; margin-bottom: 20px; }
@media(min-width:1200px) { body.cully-client-area #header .main-navbar-wrapper .navbar-nav > li > a { font-size: 12px; } }

body.cully-invoice .invoice-container { width: calc(100% - 32px); max-width: 960px; margin: 16px auto; }
body.cully-invoice .invoice-header h1 { font-size: 24px; }
@media print {
    body.cully-invoice .invoice-container { width: 100%; max-width: none; margin: 0; padding: 0; }
}

/* Approved public homepage v3. Keep authenticated dashboard and cart internals native. */
.cully-public-wrap{width:calc(100% - 80px);max-width:1280px;margin-inline:auto}
body.cully-public .container{max-width:1310px}
body.cully-public-home .master-breadcrumb{display:none}
body.cully-public-home #main-body{padding:0;background:#fff}
body.cully-public-home #main-body>.row,body.cully-public-home #main-body>div>.row{margin:0}
body.cully-public-home #cully-main-content{padding:0;margin:0;max-width:100%;flex-basis:100%}
body.cully-public-home #main-body .sidebar{display:none}
body.cully-public #header .cully-brandbar>.container{padding-block:8px}
body.cully-public #header .logo-img{width:220px;max-width:100%;height:auto}
body.cully-public #header .form-inline{display:none!important}
body.cully-public #header .main-navbar-wrapper .navbar-nav>li>a{font-size:14px}
body.cully-public .nav-tabs{flex-wrap:wrap;gap:0;max-width:100%}
body.cully-public .nav-tabs .nav-link{white-space:normal;min-height:44px}
.cully-public-hero{background:radial-gradient(ellipse at 100% 0,#173e75 0,transparent 65%),linear-gradient(110deg,#030a18,#061534 70%);color:#f7faff;border-bottom:3px solid #1763e9}
.cully-hero-inner{position:relative;padding-block:64px 52px;isolation:isolate}
.cully-hero-copy{max-width:940px;position:relative;z-index:1}
body.cully-client-area .cully-public-hero h1{font-size:72px;letter-spacing:-2.5px;line-height:1.07;font-weight:750;color:#f7faff;margin:0 0 28px}
.cully-hero-copy>p{max-width:700px;font-size:20px;line-height:1.6;color:#c7d8ee;margin-bottom:32px}
.cully-hero-mark{position:absolute;width:390px;height:auto;right:-10px;top:100px;opacity:.16;z-index:0;pointer-events:none}
.cully-domain-finder{position:relative;max-width:850px;z-index:1;margin:0}
.cully-domain-control{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid #a8bdd6;border-radius:5px;background:#fff;box-shadow:0 10px 28px #02081538}
.cully-domain-control .form-control{flex:1;min-width:0;min-height:58px;border:0;border-radius:3px;padding:12px 16px;font-size:17px;color:#10233e;background:#fff;box-shadow:none}
.cully-domain-control .form-control:focus{outline:2px solid #1763e9;outline-offset:-2px}
.cully-domain-control .btn{min-height:58px;padding-inline:26px;white-space:nowrap;border-radius:4px;font-size:15px}
.cully-domain-mobile,.cully-transfer-mobile{display:none!important}
.cully-domain-finder #cully-domain-hint{color:#b9cce5;font-size:12px;line-height:1.6;margin:12px 0 0}
.cully-hero-links{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:24px}
.cully-public-hero .cully-hero-links a,.cully-public-hero .cully-hero-links button{display:inline-flex;align-items:center;gap:16px;color:#a9d9ff;font-weight:600;min-height:44px;font-size:15px;padding:0;border:0;background:transparent;text-align:left;box-shadow:none}
.cully-public-hero .cully-hero-links a:hover,.cully-public-hero .cully-hero-links button:hover{color:#fff;text-decoration:underline}
.cully-featured-tlds{list-style:none;padding:0;margin:16px 0 0;display:flex;gap:20px;flex-wrap:wrap;color:#c7d8ee;font-size:12px}
.cully-featured-tlds strong{color:#fff;margin-right:5px}
.cully-public-services{background:#edf3fb}
.cully-service-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:46px;gap:38px}
.cully-service-highlights article{display:flex;align-items:flex-start;gap:17px;min-width:0}
.cully-service-highlights article+article{border-left:1px solid #c8d8ec;padding-left:30px}
.cully-service-highlights i{color:#1763e9;font-size:28px;line-height:1.3;margin-top:3px;flex-shrink:0}
body.cully-client-area .cully-service-highlights h2{font-size:20px;letter-spacing:-.4px;color:#10233e;margin:0 0 10px;line-height:1.35}
.cully-service-highlights p{font-size:14px;line-height:1.7;margin:0 0 13px;color:#4d6079;overflow-wrap:anywhere}
.cully-service-highlights a{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:10px;min-height:44px;overflow-wrap:anywhere}
.cully-returning-section{background:#fff}
.cully-returning-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:64px}
body.cully-client-area .cully-returning-inner h2,body.cully-client-area .cully-public-help h2{font-size:34px;letter-spacing:-1px;color:#10233e;margin:0 0 14px;line-height:1.25}
.cully-returning-inner p{font-size:18px;line-height:1.65;color:#4d6079;margin-bottom:22px}
.cully-returning-inner .btn{min-height:44px;padding:13px 20px;display:inline-flex;gap:18px;align-items:center}
.cully-returning-inner nav{display:flex;flex-direction:column;min-width:0}
.cully-returning-inner nav a{padding:17px 0;border-bottom:1px solid #d9e3ef;display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:600;gap:18px}
.cully-returning-inner nav a:first-child{border-top:1px solid #d9e3ef}
.cully-public-help{background:#f7faff;padding-block:64px 72px;border-top:1px solid #d9e3ef}
.cully-public-help>div>p{font-size:17px;color:#4d6079;margin-bottom:32px}
.cully-help-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:38px}
.cully-help-actions>a{padding:22px 30px 22px 0;position:relative;border-top:1px solid #d9e3ef;display:flex;flex-direction:column;justify-content:center;min-width:0;gap:4px}
.cully-help-actions strong{font-size:17px;color:#10233e}
.cully-help-actions span{font-size:13px;color:#4d6079}
.cully-help-actions b{position:absolute;right:0;top:27px;color:#1763e9}
body.cully-public #footer{padding:0 0 24px;background:#030a18;border-top:1px solid #153254}
.cully-public-footer-columns{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:54px;padding-block:54px 44px}
.cully-public-footer-columns>nav{display:flex;flex-direction:column}
body.cully-public #footer .cully-public-footer-columns h2{font-size:14px;color:#fff;margin:0 0 16px}
body.cully-public #footer .cully-public-footer-columns a{color:#b8c9e2;font-size:13px;min-height:35px;display:flex;align-items:center;gap:8px}
body.cully-public #footer .cully-public-footer-columns a:hover{color:#fff}
body.cully-public #footer .cully-public-footer-brand .cully-footer-brand{display:block;margin:0}
.cully-public-footer-brand .cully-footer-brand img{width:220px;max-width:100%;height:auto;margin-bottom:24px}
.cully-public-footer-brand p{font-size:14px;color:#b8c9e2;line-height:1.75;margin:0 0 16px}
.cully-public-footer-brand>p{font-size:20px;color:#e8f0fa;line-height:1.5}
.cully-public a:focus-visible,.cully-public button:focus-visible{outline:3px solid #43a7ff;outline-offset:3px}
@media(max-width:1100px){body.cully-client-area .cully-public-hero h1{font-size:64px}.cully-hero-mark{width:300px;right:0;opacity:.12}.cully-service-highlights{gap:24px}.cully-service-highlights article+article{padding-left:22px}.cully-public-footer-columns{gap:28px}}
@media(max-width:900px){body.cully-client-area .cully-public-hero h1{font-size:60px}.cully-service-highlights{grid-template-columns:1fr;padding-block:32px;gap:24px}.cully-service-highlights article+article{padding:24px 0 0;border-left:0;border-top:1px solid #ccdbea}.cully-service-highlights p{max-width:620px;margin-bottom:5px}.cully-returning-inner{gap:48px}.cully-help-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.cully-public-footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.cully-public-footer-brand{grid-column:1/-1}}
@media(max-width:600px){.cully-public-wrap{width:calc(100% - 40px)}.cully-hero-inner{padding-block:40px 34px}body.cully-client-area .cully-public-hero h1{font-size:44px;letter-spacing:-1.9px;line-height:1.1;margin-bottom:22px}.cully-desktop-break{display:none}.cully-hero-copy>p{font-size:16px;line-height:1.75;margin-bottom:26px}.cully-hero-mark{width:200px;right:0;top:35px;opacity:.08}.cully-domain-control{display:block;padding:5px;box-shadow:none}.cully-domain-control .form-control{width:100%;min-height:51px;font-size:15px;padding-inline:10px}.cully-domain-desktop,.cully-transfer-desktop{display:none!important}.cully-domain-mobile{display:block!important}.cully-domain-mobile .btn{width:100%;min-height:48px;margin-top:4px}.cully-transfer-mobile{display:inline-flex!important}.cully-domain-finder #cully-domain-hint{font-size:11px}.cully-hero-links{gap:8px;align-items:flex-start;flex-direction:column;margin-top:20px}.cully-public-hero .cully-hero-links a,.cully-public-hero .cully-hero-links button{font-size:14px;min-height:44px}.cully-featured-tlds{gap:10px 16px}.cully-service-highlights{gap:22px}.cully-service-highlights article{gap:16px}.cully-returning-inner{grid-template-columns:1fr;gap:30px;padding-block:40px}body.cully-client-area .cully-returning-inner h2,body.cully-client-area .cully-public-help h2{font-size:29px}.cully-returning-inner p{font-size:17px}.cully-returning-inner nav a{font-size:16px;padding-block:15px}.cully-public-help{padding-block:40px}.cully-public-help>div>p{font-size:15px}.cully-help-actions{grid-template-columns:1fr}.cully-help-actions>a{padding-block:18px}.cully-help-actions b{top:25px}.cully-public-footer-columns{grid-template-columns:1fr 1fr;gap:30px 22px;padding-block:40px 30px}.cully-public-footer-columns>nav:last-child{grid-column:1/-1}body.cully-public #footer .cully-public-footer-columns a{min-height:40px;font-size:13px}body.cully-public #header .logo-img{width:170px}body.cully-public #header .navbar-brand{max-width:62%;margin-right:8px}body.cully-public #header .cully-brandbar>.container{padding-block:4px}}
@media(max-width:359px){body.cully-client-area .cully-public-hero h1{font-size:39px}body.cully-public #header .logo-img{width:150px}.cully-public-footer-columns{column-gap:16px}}
body.cully-public,body.cully-public h1,body.cully-public h2,body.cully-public button,body.cully-public input{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}