/*
 * FASTPANEL — Atelier Noir
 * A restrained black/graphite design language with blue used only for focus/accent.
 * This file loads after the legacy-compatible custom.css and styles ALL WHMCS pages.
 */
:root {
    --fp-bg: #08090b;
    --fp-bg-deep: #050607;
    --fp-panel: #121417;
    --fp-panel-2: #191b1f;
    --fp-panel-3: #202329;
    --fp-field: #111317;
    --fp-line: #30343a;
    --fp-line-soft: #22262b;
    --fp-blue: #c0c5ce;
    --fp-blue-bright: #eceef2;
    --fp-blue-soft: rgba(236,238,242,.06);
    --fp-cyan: #9fa9bc;
    --fp-white: #f5f5f3;
    --fp-muted: #a0a3aa;
    --fp-subtle: #747983;
    --fp-success: #9bdaa9;
    --fp-warning: #e3c79a;
    --fp-danger: #e7a3a3;
    --fp-accent: #6e96ed;
    --fp-shadow: 0 24px 70px rgba(0,0,0,.46);
}
body.fp-dark { background:#08090b !important; color:#a0a3aa !important; }
body.fp-dark a:focus-visible,body.fp-dark button:focus-visible,body.fp-dark input:focus-visible,
body.fp-dark select:focus-visible,body.fp-dark textarea:focus-visible,body.fp-dark summary:focus-visible { outline-color:var(--fp-accent) !important; }
body.fp-dark ::selection { background:var(--fp-accent); color:#050608; }
body.fp-dark .container { max-width:1260px; }
body.fp-dark h1,body.fp-dark h2,body.fp-dark h3 { letter-spacing:-.045em; }
.fp-header { background:rgba(8,9,11,.94) !important; border-bottom:1px solid #292a2d !important; box-shadow:0 8px 30px #0003; }
.fp-header-inner { height:82px; }
.fp2-brand { display:inline-flex; flex-direction:column; align-items:flex-start; gap:7px; }
.fp2-logo { width:170px; max-width:100%; height:auto; display:block; }
.fp2-brand-caption { display:block; font:600 9px/1.25 Inter,Arial,sans-serif; color:#858a95; letter-spacing:.16em; direction:ltr; }
.fp-nav-list > li > a { color:#bfc0c4 !important; }
.fp-nav-list > li > a:hover,.fp-nav-list > li.open > a { background:#202226 !important; color:#fff !important; }
.fp-icon-btn,.fp-menu-toggle { background:#1a1c1f !important; border-color:#303337 !important; color:#e2e3e5 !important; }
.fp-cart-count { background:#f2f3f5 !important; color:#08090b !important; }
.fp-btn-primary,.fp-dark .btn-primary,.fp-dark .btn-success:not(.btn-xs),.fp-dark .btn-info,
.fp2-button-primary { background:#e7e8e9 !important; border-color:#e7e8e9 !important; color:#0a0b0d !important; box-shadow:none !important; }
.fp-btn-primary:hover,.fp-dark .btn-primary:hover,.fp-dark .btn-success:not(.btn-xs):hover,.fp-dark .btn-info:hover,.fp2-button-primary:hover { background:#fff !important; border-color:#fff !important; color:#050607 !important; }
.fp-btn-outline,.fp-dark .btn-default { background:#191b1f !important; border-color:#393c41 !important; color:#e5e5e7 !important; }
.fp-btn-outline:hover,.fp-dark .btn-default:hover { background:#25282c !important; border-color:#676b72 !important; color:#fff !important; }
.fp-btn-ghost { color:#e3e4e7 !important; }
.fp-btn-ghost:hover { background:#202225 !important; }
.fp-dark a { color:#d6d9df; }
.fp-dark a:hover { color:#fff; }
.fp-dark .dropdown-menu,.fp-mobile-nav { background:#17191c !important; border-color:#393c41 !important; }
.fp-dark .dropdown-menu > li > a:hover { background:#2c3035 !important; }
.fp-footer { background:#090a0c !important; border-top-color:#26282b !important; }
.fp-footer .fp-brand { align-items:flex-start; }
.fp-footer-bottom,.fp-footer-social a { border-color:#2c3035 !important; }
.fp-footer-bottom i { color:#9fa8b8 !important; }
.fp-footer-social a { background:#191b1e !important; }
.fp-support-fab { background:#1b2722 !important; color:#a9dbc0 !important; border-color:#38483e !important; }
.fp-back-top { background:#202226 !important; border-color:#393c42 !important; color:#ddd !important; }
.fp-dark .panel,.fp-dark .card,.fp-dark .well,.fp-dark .list-group-item { background:#16181b !important; border-color:#303339 !important; }
.fp-dark .panel-heading,.fp-dark .panel-footer,.fp-dark .card-header { background:#202225 !important; border-color:#34363a !important; }
.fp-dark .form-control,.fp-dark select,.fp-dark textarea { background:#141619 !important; border-color:#35383d !important; color:#f4f4f5 !important; }
.fp-dark .form-control:focus,.fp-dark input:focus,.fp-dark textarea:focus,.fp-dark select:focus { border-color:#7699e9 !important; box-shadow:0 0 0 3px #7699e91a !important; }
.fp-dark .table,.fp-dark .table-striped>tbody>tr:nth-of-type(odd) { background:#15171a !important; }
.fp-dark .table>thead>tr>th,.fp-dark .table>tbody>tr>td { border-color:#33363c !important; }
.fp-dark .sidebar .panel,.fp-dark .sidebar .list-group { border-color:#35383d !important; }
.fp-dark .progress { background:#303237 !important; }
.fp-dark .progress-bar { background:#969ba6 !important; }
.fp-dark .label-info,.fp-dark .badge-info { background:#363d49 !important; color:#edf0f5 !important; }
.fp-dark .nav-tabs { border-color:#3b3e43 !important; }
.fp-dark .nav-tabs>li.active>a { background:#222429 !important; color:#fff !important; border-color:#41454a !important; }
.fp-dark .breadcrumb { background:#191b1e !important; border-color:#35383c !important; }
.fp-dark .breadcrumb>li,.fp-dark .page-subheader,.fp-dark .text-muted,.fp-dark .help-block { color:#a5a8ae !important; }
.fp-dark .text-primary,.fp-dark .btn-link { color:#c5c9d1 !important; }
.fp-dark .bg-white,.fp-dark .bg-light,.fp-dark .bg-gray,.fp-dark .bg-gray-light,.fp-dark .bg-light-grey,.fp-dark .bg-offwhite { background:#1b1d20 !important; }
.fp-dark .well,.fp-dark .panel,.fp-dark .card,.fp-dark .box,.fp-dark .tile,
.fp-dark .list-group-item,.fp-dark .domain-checker-container,.fp-dark .domain-pricing-table,
.fp-dark .kb-article-content,.fp-dark .ticket-reply,.fp-dark .ticket-reply-detail,
.fp-dark .client-home-panels .panel,.fp-dark .product-details,.fp-dark .service-details {
    background:#1a1c1f !important; color:#bec1c6 !important; border-color:#3a3d42 !important;
}
.fp-dark .panel-heading,.fp-dark .card-header,.fp-dark .panel-footer,.fp-dark .card-footer,
.fp-dark .well .panel-heading,.fp-dark .box-header { background:#24262a !important; color:#f1f1f2 !important; border-color:#3f4246 !important; }
.fp-dark .panel-body,.fp-dark .card-body,.fp-dark .panel-footer { color:#b6bac1 !important; }
.fp-dark .panel-title,.fp-dark .panel-heading h3,.fp-dark .panel-heading h4 { color:#f1f1f2 !important; }
.fp-dark .list-group-item:hover,.fp-dark .list-group-item.active,.fp-dark .nav-pills>li.active>a { background:#33363b !important; border-color:#51555b !important; color:#fff !important; }
.fp-dark .sidebar .list-group-item { color:#c1c5cc !important; border-color:#383b41 !important; }
.fp-dark .sidebar .list-group-item:hover,.fp-dark .sidebar .list-group-item.active { background:#303339 !important; color:#fff !important; }
.fp-dark input[type="text"],.fp-dark input[type="email"],.fp-dark input[type="password"],.fp-dark input[type="search"],
.fp-dark input[type="tel"],.fp-dark input[type="number"],.fp-dark input[type="url"],
.fp-dark .select2-container .select2-choice,.fp-dark .select2-container--default .select2-selection--single {
    background:#141619 !important; color:#eeeeef !important; border-color:#393c43 !important;
}
.fp-dark label,.fp-dark .control-label,.fp-dark legend { color:#e0e2e4 !important; }
.fp-dark .input-group-addon { background:#24262a !important; color:#d3d4d8 !important; border-color:#41454b !important; }
.fp-dark select option { background:#1c1e22 !important; color:#f1f1f2 !important; }
.fp-dark input::placeholder,.fp-dark textarea::placeholder { color:#9397a0 !important; }
.fp-dark input[type="checkbox"],.fp-dark input[type="radio"] { accent-color:#828991 !important; }
.fp-dark .table { background:#191b1e !important; border-color:#393d42 !important; color:#d6d9dd !important; }
.fp-dark .table th,.fp-dark .table td { border-color:#393c42 !important; }
.fp-dark .table>thead>tr>th,.fp-dark .table>thead>tr>td { background:#27292d !important; color:#f0f0f1 !important; }
.fp-dark .table>tbody>tr>td,.fp-dark .table>tbody>tr>th { background:#1c1e21 !important; color:#d0d3d8 !important; }
.fp-dark .table-striped>tbody>tr:nth-of-type(odd)>td { background:#222428 !important; }
.fp-dark .table-hover>tbody>tr:hover>td { background:#303338 !important; }
.fp-dark .pagination>li>a,.fp-dark .pagination>li>span { background:#222429 !important; border-color:#45494e !important; color:#dedfe2 !important; }
.fp-dark .pagination>.active>a,.fp-dark .pagination>.active>span { background:#6d727a !important; border-color:#9499a1 !important; color:#fff !important; }
.fp-dark .nav-tabs>li>a,.fp-dark .nav-pills>li>a { background:#202226 !important; border-color:#3c4045 !important; color:#d2d5da !important; }
.fp-dark .nav-tabs>li.active>a,.fp-dark .nav-tabs>li.active>a:focus,.fp-dark .nav-tabs>li>a:hover { background:#303338 !important; border-color:#6d727a !important; color:#fff !important; }
.fp-dark .modal-content { background:#1d1f23 !important; border-color:#4e5258 !important; color:#c7c9ce !important; }
.fp-dark .modal-header,.fp-dark .modal-footer { border-color:#41454b !important; }
.fp-dark .btn-register-submit,.fp-dark .btn-login-submit { background:#e6e7e9 !important; color:#101114 !important; border-color:#e6e7e9 !important; }
.fp-dark .invoice-container,.fp-dark .invoice,.fp-dark .invoice-header,.fp-dark .invoice-items,
.fp-dark .invoice-notes,.fp-dark .invoice-footer { background:#1b1d20 !important; color:#d8dade !important; border-color:#3f4349 !important; }
.fp-dark #order-standard_cart,.fp-dark #order-standard_cart .products,.fp-dark #order-standard_cart .product,
.fp-dark .cart-body,.fp-dark .cart-sidebar,.fp-dark .order-summary { background:#191b1e !important; color:#d0d2d6 !important; border-color:#383b42 !important; }
.fp-dark .payment-method,.fp-dark .account-user,.fp-dark .contact-details { background:#1c1e21 !important; border-color:#3b3d43 !important; color:#e7e8ea !important; }
.fp-dark .store-order-container .payment-term,.fp-dark .store-order-container .domain-validation { color:#c8ccd2 !important; }
.fp-dark .fp-kpi,.fp-dark .fp-dash-panel,.fp-dark .fp-dashboard-hero,.fp-dark .fp-login {
    background:#1b1d20 !important; border-color:#44474d !important; box-shadow:none !important;
}
.fp-invoice-page .main-invoice-wrapper,.fp-invoice-page .inv-header,.fp-invoice-page .inv-body { background:#181a1e !important; border-color:#41454a !important; color:#e4e4e6 !important; }
.fp-invoice-page .pay-card-item,.fp-invoice-page .pc-row { background:#24262a !important; border-color:#45494f !important; color:#eee !important; }
.fp-invoice-page .pay-title-bar i,.fp-invoice-page .pc-btn { color:#ced1d8 !important; }
.fp-invoice-page .items-table td,.fp-invoice-page .items-table th { border-color:#3e4248 !important; color:#dedfe2 !important; }
.fp-invoice-page .hidden-print.text-center { background:#1c1e21 !important; border-color:#42464b !important; }
.fp-dark .ticket-reply.staff,.fp-dark .ticket-reply.staff .ticket-reply-top,
.fp-dark .ticket-reply-top,.fp-dark .ticket-reply-message { background:#202327 !important; color:#d1d4d9 !important; }
.fp-dark .kb-article,.fp-dark .kb-article p,.fp-dark .announcement-single,.fp-dark .knowledgebase-article { color:#c8cbd0 !important; }
.fp-dark .domain-checker-bg,.fp-dark .domain-checker-container,.fp-dark .domain-search { background:#191b1e !important; }
.fp-dark .tooltip-inner { background:#34383d !important; }
.fp-dark pre,.fp-dark code,.fp-dark .well pre { background:#191b1e !important; color:#e0e2e6 !important; border-color:#45494e !important; }
.fp-dark blockquote { background:#25282c !important; color:#dedfe2 !important; border-right-color:#8c9199 !important; }
.fp-dark .fp-dashboard-hero p,.fp-dark .fp-dashboard-helper p { color:#b7bac0 !important; }
.fp-dark .fp-dashboard-helper { background:#222429 !important; border-color:#41454b !important; }
.fp-dark .fp-kpi:hover { background:#25282c !important; border-color:#767b82 !important; }
.fp-dark .fp-kpi-icon { background:#36393f !important; color:#f2f2f4 !important; }
.fp-dark .fp-kpi-title { color:#b8bbc0 !important; }.fp-dark .fp-kpi-number { color:#f7f7f8 !important; }
.fp-dark .fp-kpi-link,.fp-dark .fp-dash-panel-list li i { color:#cbd0d8 !important; }
.fp-dark .fp-dash-panel-head { background:#272a2d !important; border-color:#404349 !important; }
.fp-dark .fp-dash-panel-list li { border-color:#393d42 !important; }
.fp-dark .fp-login-art-badges span { background:#35393e !important; color:#e4e6e9 !important; border-color:#555b62 !important; }
.fp-dark .fp-login-form-section>p { color:#b7b9bf !important; }
.fp-dark .premium-login-wrapper,.fp-dark .login-animation-box,.fp-dark .login-header,
.fp-dark .auth-footer,.fp-dark .social-login-divider span,
.fp-dark .dashboard-container,.fp-dark .exec-header,.fp-dark .section-panel,.fp-dark .panel-top,
.fp-dark .panel-body-fixed,.fp-dark .data-row,.fp-dark .kpi-card,.fp-dark .tool-btn,
.fp-dark .review-card,.fp-dark .pricing-card,.fp-dark .pricing-card-clean,.fp-dark .feature-card,
.fp-dark .feature-box,.fp-dark .hosting-plan,.fp-dark .contact-form,.fp-dark .form-panel {
    background-color:#1e2024 !important; color:#d0d3d8 !important; border-color:#43464c !important;
}
.fp-dark .tool-btn:hover,.fp-dark .data-row:hover { background:#303339 !important; }
.fp-dark .badge-mini { background:#41454a !important; color:#ebecef !important; }
.fp-dark .infra-monitor,.fp-dark .pricing-box,.fp-dark .search-box,.fp-dark .search-box-clean,
.fp-dark .search-wrapper-super,.fp-dark .cta-banner { background:#232529 !important; color:#eceef0 !important; border-color:#505359 !important; }
.fp-dark .text-gradient,.fp-dark .text-gradient-super { background:linear-gradient(100deg,#f1f2f3,#aaaeb5) !important; background-clip:text !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; }
.fp-dark .back-to-top { background:#34373d !important; }
.fp-dark .field-icon,.fp-dark .input-icon-wrapper i { color:#c2c6cc !important; }
.fp-dark .enterprise-services .ent-metric-value { color:#f1f1f2 !important; }
.fp-dark .enterprise-services .ent-metric-label,.fp-dark .enterprise-services .ent-domain { color:#b0b4bc !important; }
.fp-dark .enterprise-services .ent-card-body { border-color:#42454b !important; }
.fp-dark .enterprise-services .ent-search input { background:#191b1f !important; border-color:#4b4e55 !important; }
.fp-dark .enterprise-services .ent-prod-icon { background:#35393e !important; color:#e2e3e6 !important; }
.fp-dark .enterprise-services .ent-btn,.fp-dark .enterprise-services .ent-empty-btn { background:#313439 !important; border-color:#575b62 !important; color:#f0f0f1 !important; }
.fp-dark .enterprise-services .ent-btn:hover { background:#4a4d54 !important; }
.fp-dark .sub-heading { border-color:#474b50 !important; }.fp-dark .sub-heading h3 { color:#e2e3e6 !important; }
.fp-dark .auth-footer a,.fp-dark .forgot-link { color:#dadde3 !important; }
.fp-dark .landing-page,.fp-dark .landing-page .hero,.fp-dark .landing-page .content-block,
.fp-dark .landing-page .product-options,.fp-dark .landing-page .light-grey-bg,
.fp-dark .landing-page .gray-light-bg,.fp-dark .landing-page .alternate-bg { background:#111315 !important; color:#d2d4d8 !important; }
.fp-dark .landing-page .product-options .item,.fp-dark .landing-page .features .feature,
.fp-dark .landing-page .tab-content,.fp-dark .landing-page .pricing-container,
.fp-dark .landing-page .pricing-box,.fp-dark .landing-page .row-pricing-table ul li,
.fp-dark .landing-page .weebly-lite-plan,.fp-dark .landing-page .feature-block,
.fp-dark .landing-page .plans-single-feature,.fp-dark .landing-page .single-backup-feature,
.fp-dark .sitebuilder-upgrade-container,.fp-dark .weebly-upgrade-container,
.fp-dark .store-order-container,.fp-dark .store-promoted-product {
    background:#202226 !important; color:#d2d5da !important; border-color:#42454b !important;
}
.fp-dark .landing-page .product-options p,.fp-dark .landing-page .tab-content p,
.fp-dark .landing-page .features p,.fp-dark .store-order-container p { color:#bdc0c7 !important; }
.fp-dark .landing-page .product-options .icon,.fp-dark .landing-page .feature i { color:#dde0e5 !important; }
.fp-dark .landing-page .nav-tabs>li>a,.fp-dark .landing-page .navbar .navbar-nav>li.active>a,
.fp-dark .landing-page .store-domain-tabs>li>a { background:#2b2d31 !important; color:#e4e5e7 !important; }
.fp-dark .landing-page .tab-content,.fp-dark .store-domain-tab-content { background:#1b1d20 !important; color:#d2d3d7 !important; }
.fp-dark .landing-page .get-started { background:#35383f !important; color:#f1f1f3 !important; }
.fp-login-art { background:radial-gradient(circle at 40% 35%,#34363e,#111317 70%) !important; border-color:#383a3e !important; }
.fp-login-art:before,.fp-login-art:after { opacity:.16 !important; filter:grayscale(1); }
.fp-login-art-icon,.fp-plan-icon,.fp-service-icon,.fp-step>i { background:#2b2e33 !important; color:#f2f2f4 !important; border-color:#4a4e53 !important; box-shadow:none !important; }
.fp-inner-section { background:#0b0c0e !important; }
.fp-dark .alert-info { background:#262a30 !important; border-color:#414953 !important; color:#dfe4ed !important; }
.fp-dark .alert-success { background:#1c2a22 !important; border-color:#385444 !important; }
.fp-dark .alert-warning { background:#332b20 !important; border-color:#625036 !important; }
.fp-dark .alert-danger { background:#322226 !important; border-color:#663f48 !important; }
.fp-dark .fp-product-hero,.fp-dark .fp-product-card,.fp-dark .fp-native-module-output { background:#17191c !important; border-color:#3a3d42 !important; }
.fp-dark .fp-product-support { background:#202225 !important; border-color:#45484d !important; }
.fp-dark .fp-product-status { background:#29322d !important; border-color:#43584a !important; color:#c1dacb !important; }
.fp-dark .fp-gradient-text { background:linear-gradient(90deg,#f6f7f8,#9298a1); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
/* Component primitives for the new pages. */
.fp2-home { overflow:hidden; background:#08090b; color:#a9abb1; }
.fp2-home .container { max-width:1260px; }
.fp2-home h1,.fp2-home h2,.fp2-home h3,.fp2-product h1,.fp2-product h2,.fp2-product h3 { margin:0; color:#f4f5f4 !important; }
.fp2-home p,.fp2-product p { margin-top:0; }
.fp2-label { display:block; color:#9ca0a7; font:700 10px/1.5 Inter,Arial,sans-serif; letter-spacing:.16em; direction:ltr; text-align:right; margin-bottom:20px; }
.fp2-button { display:inline-flex; justify-content:center; align-items:center; gap:12px; padding:14px 22px; min-height:50px; border-radius:6px; border:1px solid transparent; font-weight:800; font-size:13px; line-height:1.5; text-align:center; transition:background .2s,color .2s,border-color .2s,transform .2s; }
.fp2-button:hover { transform:translateY(-2px); }
.fp2-button-outline { background:transparent; border-color:#3e4145; color:#f3f3f4 !important; }
.fp2-button-outline:hover { background:#242629; border-color:#7d8187; }
.fp2-button-minimal { color:#c6c9ce !important; padding-inline:8px; }
.fp2-button-minimal:hover { color:white !important; }
.fp2-button-white { background:#fff; color:#121315 !important; border-color:#fff; }
.fp2-button-white:hover { background:#e7e8ea; color:#08090b !important; }
.fp2-heading { display:grid; grid-template-columns:1fr minmax(270px,380px); align-items:end; gap:55px; margin-bottom:48px; }
.fp2-heading h2,.fp2-technology h2,.fp2-experience h2,.fp2-faq h2 { font-size:clamp(29px,3.5vw,46px) !important; line-height:1.45; }
.fp2-heading h2 span,.fp2-technology h2 span,.fp2-experience h2 span,.fp2-faq h2 span { color:#999da6 !important; }
.fp2-heading p { font-size:14px; line-height:2.2; color:#a4a7ac; margin-bottom:2px; }
.fp2-section { padding:105px 0; }
.fp2-text-link { display:inline-flex; gap:12px; align-items:center; border-bottom:1px solid #6e747d; padding-bottom:9px; color:#f0f0f1 !important; font-weight:800; }
.fp2-text-link:hover { border-color:#fff; }
/* Art-directed hero. */
.fp2-hero { position:relative; min-height:645px; padding:85px 0 22px; background:radial-gradient(ellipse 36% 50% at 15% 48%,#24262b55,transparent 92%),#090a0c; isolation:isolate; }
.fp2-noise { position:absolute; inset:0; pointer-events:none; opacity:.27; background-image:linear-gradient(90deg,transparent 99.8%,#686b712a 100%),linear-gradient(transparent 99.8%,#686b712a 100%); background-size:85px 85px; mask-image:linear-gradient(to bottom,#000,transparent 95%); }
.fp2-hero-grid { display:grid; grid-template-columns:1.03fr .97fr; gap:50px; align-items:center; position:relative; }
.fp2-hero-copy { padding:50px 0 65px; z-index:2; }
.fp2-overline { display:flex; gap:12px; align-items:center; color:#a6a9ae; font:700 10px/1.5 Inter,Arial,sans-serif; letter-spacing:.13em; direction:ltr; justify-content:flex-end; }
.fp2-signal { width:7px; height:7px; border-radius:50%; background:#aaaeb6; box-shadow:0 0 0 5px #ffffff0d; flex:none; }
.fp2-overline-line { width:46px; height:1px; background:#55575c; }
.fp2-hero h1 { font-size:clamp(40px,4.8vw,71px) !important; line-height:1.33; margin:28px 0 !important; font-weight:900 !important; letter-spacing:-.07em !important; }
.fp2-hero h1 em { font-style:normal; color:#adb0b7; background:linear-gradient(115deg,#f8f8f8,#777b83); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.fp2-hero-lead { font-size:16px; line-height:2.12; color:#b7b8bb; max-width:540px; margin-bottom:31px; }
.fp2-hero-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.fp2-hero-tags { display:flex; gap:24px; margin-top:38px; flex-wrap:wrap; color:#85898e; font-size:11px; }
.fp2-hero-tags i { margin-left:7px; color:#e5e7e9; }
.fp2-visual { position:relative; height:500px; display:grid; align-items:center; justify-items:center; perspective:1200px; }
.fp2-visual-halo { position:absolute; inset:80px 30px; background:radial-gradient(ellipse,#4b505b50,transparent 70%); filter:blur(28px); }
.fp2-visual-coordinate { position:absolute; color:#7d8189; font:600 10px Inter,Arial,sans-serif; letter-spacing:.16em; }
.fp2-coordinate-a { top:25px; left:2px; }.fp2-coordinate-b { bottom:15px; right:4px; }
.fp2-workspace { width:100%; max-width:510px; direction:ltr; text-align:left; border:1px solid #46494e; background:#141619; border-radius:13px; box-shadow:0 45px 90px #000a,0 0 0 9px #ffffff08; overflow:hidden; transform:rotateY(7deg) rotateX(2deg); }
.fp2-workspace-top { display:flex; align-items:center; justify-content:space-between; height:55px; border-bottom:1px solid #33353a; background:#1c1e21; padding:0 18px; color:#f7f7f8; }
.fp2-workspace-brand { font:800 15px Inter,Arial,sans-serif; letter-spacing:-.06em; display:flex; align-items:center; }
.fp2-workspace-logo { display:grid; place-items:center; width:25px; height:25px; background:#eee; border-radius:5px; color:#17191c; margin-right:9px; font-size:13px; }
.fp2-workspace-brand-dot { color:#a7abb3; }
.fp2-workspace-control { display:flex; align-items:center; gap:17px; color:#959aa2; }
.fp2-workspace-avatar { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; color:#191a1d; font:800 12px Inter,Arial,sans-serif; background:#d9dbe0; }
.fp2-workspace-content { display:flex; min-height:304px; }
.fp2-workspace-side { display:flex; flex-direction:column; padding:17px 10px; gap:11px; background:#111316; border-right:1px solid #34373b; }
.fp2-workspace-side span { display:grid; place-items:center; width:32px; height:32px; color:#747b83; border-radius:5px; }
.fp2-workspace-side .is-active { background:#34373d; color:#fff; border-left:2px solid #81a1e6; }
.fp2-workspace-main { width:100%; padding:22px 27px; }
.fp2-workspace-eyebrow { font:700 9px Inter,Arial,sans-serif; letter-spacing:.16em; color:#9b9fa6; display:flex; justify-content:space-between; }
.fp2-workspace-eyebrow span { color:#6b7078; font:12px Cairo,sans-serif; direction:rtl; letter-spacing:0; }
.fp2-workspace h2 { font-size:18px !important; text-align:left; direction:rtl; margin:8px 0 20px !important; font-weight:800 !important; }
.fp2-workspace-domain { display:flex; gap:12px; align-items:center; background:#25282c; border:1px solid #3d4147; padding:15px; border-radius:8px; }
.fp2-domain-symbol { display:grid; place-items:center; height:43px; width:43px; border-radius:7px; background:#353940; color:#d5d8dc; }
.fp2-workspace-domain>span:nth-child(2) { display:flex; flex-direction:column; flex:1; }
.fp2-workspace-domain small { font:700 8px Inter,Arial,sans-serif; color:#8e9299; letter-spacing:.14em; }
.fp2-workspace-domain strong { font:800 17px Inter,Arial,sans-serif; color:#f3f4f5; }
.fp2-workspace-domain>i { color:#9498a0; }
.fp2-workspace-label { margin:20px 0 11px; color:#b5b8bd; font:700 12px Cairo,sans-serif; text-align:right; }
.fp2-workspace-tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.fp2-workspace-tiles span { display:flex; flex-direction:column; gap:8px; align-items:center; justify-content:center; color:#b4b6bb; font:600 10px Cairo,sans-serif; background:#1e2024; border:1px solid #34373c; border-radius:6px; padding:13px 2px; }
.fp2-workspace-tiles i { font-size:17px; color:#e2e3e5; }
.fp2-workspace-bottom { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-top:18px; color:#858990; font:700 8px Inter,Arial,sans-serif; letter-spacing:.05em; }
.fp2-workspace-bottom span:first-child { font:600 10px Cairo,sans-serif; }.fp2-workspace-bottom i { color:#9fc8b0; font-size:6px; margin-right:4px; }
.fp2-visual-note { position:absolute; bottom:0; left:-28px; z-index:2; display:flex; gap:13px; align-items:center; background:#26282d; border:1px solid #494c52; box-shadow:0 15px 36px #0009; padding:13px 17px; border-radius:8px; text-align:right; }
.fp2-note-icon { display:grid; place-items:center; width:34px; height:34px; border:1px solid #575b62; border-radius:6px; color:#d4d6da; }
.fp2-visual-note b,.fp2-visual-note small { display:block; }.fp2-visual-note b { color:#fafafb; font-size:12px; }.fp2-visual-note small { color:#a8abb0; font-size:10px; }
.fp2-hero-footer { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #2b2d32; padding-top:24px; color:#7e8389; font:700 10px Inter,Arial,sans-serif; letter-spacing:.08em; }
.fp2-hero-footer a { display:flex; gap:12px; align-items:center; color:#bcbfc5; font:700 11px Cairo,sans-serif; letter-spacing:0; }
/* Domain search */
.fp2-domain-search-wrap { background:#101114; border-bottom:1px solid #292b2f; padding:30px 0; }
.fp2-domain-search { display:grid; grid-template-columns:1fr 1.35fr; gap:25px; align-items:center; }
.fp2-domain-heading { display:flex; align-items:center; gap:16px; }.fp2-domain-icon { width:52px; height:52px; display:grid; place-items:center; flex:none; background:#23262b; color:#eceef0; border:1px solid #3c3f45; border-radius:8px; font-size:22px; }
.fp2-domain-heading strong,.fp2-domain-heading small { display:block; }.fp2-domain-heading strong { font-size:16px; color:#fff; }.fp2-domain-heading small { font-size:12px; color:#989ba3; }
.fp2-domain-form { display:flex; border:1px solid #3b3e43; border-radius:7px; padding:5px; background:#191b1f; }
.fp2-domain-form input { width:100%; min-width:0; padding:12px 16px; background:transparent; color:#fff; border:0; outline:none; font:600 15px Inter,Arial,sans-serif; }
.fp-dark .fp2-domain-form input { background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; color:#fff !important; }
.fp2-domain-form input:focus { box-shadow:inset 0 -2px 0 #7c9ce5; }
.fp2-domain-form button { border:0; border-radius:4px; background:#e8e9eb; color:#121315; padding:11px 23px; font-weight:800; white-space:nowrap; }
.fp2-domain-form button:hover { background:#fff; }.fp2-domain-form button i { margin-right:10px; }
/* Bento solutions */
.fp2-solutions { background:#0d0e10; }
.fp2-service-bento { display:grid; grid-template-columns:1.15fr .85fr .85fr; grid-template-rows:245px 245px; gap:15px; }
.fp2-solution { position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; padding:24px; border:1px solid #3a3c42; background:#191b1e; border-radius:11px; color:#fff !important; min-width:0; }
.fp2-solution:after { position:absolute; content:""; inset:0; background:linear-gradient(120deg,transparent 30%,#ffffff04); pointer-events:none; }
.fp2-solution:hover { transform:translateY(-4px); border-color:#74777d; color:#fff !important; box-shadow:0 20px 42px #0005; }
.fp2-solution-main { grid-row:span 2; padding:30px; background:radial-gradient(ellipse at 30% 30%,#393c44,#17191d 70%); }
.fp2-solution-domains { background:#25272b; }.fp2-solution-cloud { background:#141618; }.fp2-solution-sy { background:#202227; }
.fp2-solution-top { display:flex; align-items:center; justify-content:space-between; color:#a1a5ac; direction:ltr; font:700 10px Inter,Arial,sans-serif; letter-spacing:.09em; position:relative; z-index:2; }
.fp2-solution-top>i { display:grid; place-items:center; height:30px; width:30px; border:1px solid #55585e; border-radius:50%; color:#e9e9eb; }
.fp2-solution-copy { position:relative; z-index:2; }
.fp2-solution-icon { display:grid; place-items:center; height:40px; width:40px; border-radius:8px; color:#f7f7f8; background:#ffffff16; border:1px solid #ffffff19; margin-bottom:13px; }
.fp2-solution h3 { font-size:22px !important; margin-bottom:8px; }.fp2-solution p { color:#b8bbc2; font-size:12px; line-height:2; margin-bottom:14px; max-width:370px; }
.fp2-solution b { display:inline-flex; align-items:center; gap:10px; font-size:12px; color:#f7f8f9; }
.fp2-solution-art { position:absolute; top:75px; right:0; left:0; height:140px; display:grid; place-items:center; perspective:700px; }
.fp2-solution-art-disk { display:block; position:absolute; width:215px; height:54px; border-radius:12px; background:linear-gradient(125deg,#70747b,#272b31 37%,#15171b); border:1px solid #888d96; transform:rotateX(55deg) rotateZ(-22deg); box-shadow:0 20px 25px #0008; }
.fp2-solution-art-disk:before { content:""; position:absolute; top:16px; left:24px; width:8px; height:8px; border-radius:50%; background:#b4c4b5; box-shadow:20px 0 #5e636a,41px 0 #5e636a; }
.disk-one { top:2px; }.disk-two { top:35px; }.disk-three { top:68px; }
.fp2-domain-letters { position:absolute; color:#ffffff08; font:900 clamp(40px,5vw,78px) Inter,Arial,sans-serif; letter-spacing:-.08em; bottom:50px; left:9px; direction:ltr; white-space:nowrap; }
.fp2-domain-letters span { font-weight:400; }
.fp2-solution-wire { position:absolute; font-size:90px; color:#ffffff09; top:32px; left:24px; transform:rotate(-15deg); }
.fp2-sy-emblem { position:absolute; font:900 93px Inter,Arial,sans-serif; color:#ffffff0c; letter-spacing:-.1em; left:20px; top:23px; direction:ltr; }
/* Technology */
.fp2-technology { background:#111315; border-block:1px solid #282b2f; }
.fp2-technology-layout { display:grid; grid-template-columns:.87fr 1.13fr; gap:55px; align-items:center; }
.fp2-technology-intro h2 { margin-bottom:20px !important; }
.fp2-technology-intro p { color:#aaaeb5; font-size:14px; line-height:2.2; margin-bottom:25px; }
.fp2-technology-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.fp2-tech-tile { padding:25px; border-radius:9px; background:#1a1c20; border:1px solid #35383d; min-height:190px; }
.fp2-tech-tile>i { font-size:23px; color:#e6e7ea; margin-bottom:20px; }.fp2-tech-tile>span { display:block; font:700 9px Inter,Arial,sans-serif; color:#878c94; letter-spacing:.12em; }
.fp2-tech-tile h3 { font:800 21px Inter,Arial,sans-serif !important; margin:8px 0; direction:ltr; text-align:right; }.fp2-tech-tile p { margin:0; color:#a5a9b0; font-size:12px; }
/* Pricing */
.fp2-plans-section { background:#090a0c; }
.fp2-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; align-items:stretch; }
.fp2-plan { position:relative; padding:32px; display:flex; flex-direction:column; background:#17191c; border:1px solid #3a3e43; border-radius:11px; min-width:0; transition:border-color .2s,transform .2s; }
.fp2-plan:hover { transform:translateY(-4px); border-color:#777b82; }
.fp2-plan.is-featured { background:#222428; border-color:#90939a; box-shadow:inset 0 3px 0 #f1f1f2; }
.fp2-plan-top { display:flex; justify-content:space-between; align-items:center; color:#959aa2; direction:ltr; font:700 10px Inter,Arial,sans-serif; letter-spacing:.1em; min-height:24px; }
.fp2-plan-featured-label { color:#fff; font:800 11px Cairo,sans-serif; direction:rtl; letter-spacing:0; }.fp2-plan-featured-label i { color:#d6dae3; margin-left:5px; }
.fp2-plan h3 { font-size:24px !important; margin:35px 0 4px; }.fp2-plan-subtitle { font-size:12px; color:#999da5; margin-bottom:25px; }
.fp2-plan-price { min-height:98px; }.fp2-plan-price strong { display:block; font:800 clamp(28px,3vw,43px) Cairo,sans-serif; color:#fafafa; line-height:1.3; direction:ltr; text-align:right; overflow-wrap:anywhere; }
.fp2-plan-price strong span { font-size:19px; margin-left:6px; color:#c1c4c9; }.fp2-plan-price small { color:#888d96; font-size:10px; }.fp2-plan-price .fp2-plan-ask { font-size:24px; }
.fp2-plan-details { padding:19px 0 25px; border-top:1px solid #404247; color:#b6b9bf; font-size:12px; line-height:1.8; flex:1; overflow-wrap:anywhere; }
.fp2-plan-details p { margin:0 0 10px; }.fp2-plan-details ul { padding:0; list-style:none; margin:0; }.fp2-plan-details li { margin:0; padding:11px 22px 11px 0; border-bottom:1px solid #33363a; position:relative; }
.fp2-plan-details li:before { content:"✓"; position:absolute; top:11px; right:0; color:#e3e5e8; font-weight:800; }
.fp2-plan-button { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:13px 19px; border:1px solid #585d63; background:#202226; color:#fafafa !important; border-radius:5px; font-weight:800; }
.fp2-plan-button:hover { background:#e7e9eb; color:#08090b !important; border-color:#e7e9eb; }
.fp2-plan.is-featured .fp2-plan-button { background:#f1f2f3; border-color:#f1f2f3; color:#121315 !important; }
.fp2-plans-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; font-size:11px; color:#8f939c; margin-top:23px; }.fp2-plans-bottom a { font-weight:800; color:#e7e8ea; }.fp2-plans-bottom i { margin-left:6px; }
.fp2-plans-empty { display:flex; gap:25px; align-items:center; padding:35px; border:1px solid #41454a; background:#1a1d20; border-radius:10px; }.fp2-plans-empty>i { font-size:35px; }.fp2-plans-empty>div { flex:1; }.fp2-plans-empty p { margin:5px 0 0; }
/* Integrations */
.fp2-ecosystem { background:#101113; border-top:1px solid #272a2d; }
.fp2-ecosystem-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.fp2-app-card { background:#1b1d20; border:1px solid #35383c; border-radius:10px; padding:28px 28px 22px; position:relative; display:flex; flex-direction:column; min-height:230px; }
.fp2-app-card:hover { border-color:#777a80; background:#222428; }
.fp2-app-mark { display:grid; place-items:center; width:52px; height:52px; border-radius:11px; border:1px solid #51555c; background:#2b2e33; color:#f3f3f5; font-size:26px; margin-bottom:19px; }
.fp2-app-card h3 { font:800 19px Inter,Cairo,sans-serif !important; margin-bottom:8px; }.fp2-app-card p { font-size:12px; color:#b0b4bc; line-height:1.9; flex:1; }.fp2-app-card small { font:700 9px Inter,Arial,sans-serif; letter-spacing:.12em; color:#80858c; }
/* Features / process / FAQ */
.fp2-experience { background:#090a0c; }.fp2-experience-grid { display:grid; grid-template-columns:.96fr 1.04fr; gap:75px; align-items:center; }
.fp2-experience-art { position:relative; padding:35px; background:radial-gradient(circle at center,#30343a,#16181b 70%); border:1px solid #34373c; border-radius:13px; }
.fp2-experience-art img { display:block; width:100%; filter:grayscale(1) brightness(.82) contrast(1.2); opacity:.85; }
.fp2-experience-sticker { position:absolute; bottom:16px; left:17px; color:#d2d3d7; background:#15171ae8; border:1px solid #494c52; padding:12px 15px; font:700 10px Inter,Arial,sans-serif; letter-spacing:.14em; direction:ltr; }
.fp2-experience-sticker strong { color:white; }
.fp2-experience-copy>p { color:#adb0b6; font-size:14px; line-height:2.2; margin:20px 0 28px; }
.fp2-experience-list { margin-bottom:27px; }.fp2-experience-list>div { display:flex; gap:15px; padding:15px 0; border-bottom:1px solid #34363b; }
.fp2-experience-list>div>span { display:grid; place-items:center; flex:none; width:42px; height:42px; background:#23262b; border:1px solid #3c4046; border-radius:8px; color:#e8e8ea; }
.fp2-experience-list h3 { font-size:16px !important; margin:0 0 3px; }.fp2-experience-list p { color:#a2a6ac; font-size:12px; margin:0; }
.fp2-process { background:#151618; border-block:1px solid #2e3034; }
.fp2-process-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #393c41; border-radius:10px; overflow:hidden; }
.fp2-process-grid>div { min-height:230px; padding:28px; border-left:1px solid #393c41; display:grid; grid-template-columns:1fr auto; align-content:start; background:#1b1d20; }
.fp2-process-grid>div:last-child { border-left:0; }.fp2-process-grid>div>span { font:800 43px Inter,Arial,sans-serif; color:#777b83; letter-spacing:-.08em; }.fp2-process-grid>div>i { font-size:20px; color:#dddfe2; margin-top:12px; }
.fp2-process-grid h3 { grid-column:span 2; font-size:19px !important; margin:26px 0 7px; }.fp2-process-grid p { grid-column:span 2; margin:0; font-size:12px; color:#a3a7ae; }
.fp2-faq { background:#0c0d0f; }.fp2-faq-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; }
.fp2-faq-aside>p { color:#aaadb3; line-height:2.1; margin:20px 0 26px; }
.fp2-faq-list { border-top:1px solid #3d4045; }.fp2-faq-list details { border-bottom:1px solid #3d4045; padding:19px 0; }
.fp2-faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; cursor:pointer; font-weight:800; color:#e8e9ea; font-size:14px; }
.fp2-faq-list summary::-webkit-details-marker { display:none; }.fp2-faq-list summary i { color:#8d929a; transition:transform .2s; }.fp2-faq-list details[open] summary i { transform:rotate(45deg); color:#c3c6cc; }
.fp2-faq-list details p { font-size:12px; line-height:2.1; color:#afb2b9; padding-left:35px; margin:15px 0 0; }
.fp2-last-cta { background:#0c0d0f; padding:0 0 90px; }
.fp2-last-cta-inner { position:relative; isolation:isolate; border:1px solid #5e6269; background:linear-gradient(110deg,#35383e,#191b1e 70%); border-radius:13px; padding:51px 57px; overflow:hidden; }
.fp2-last-cta-content { display:flex; justify-content:space-between; gap:35px; align-items:end; position:relative; z-index:2; }
.fp2-last-cta h2 { font-size:clamp(32px,4vw,55px) !important; line-height:1.35; }.fp2-last-cta h2 em { font-style:normal; color:#bbc0c8; }.fp2-last-cta p { margin:14px 0 0; color:#afb3bb; }
.fp2-last-cta-buttons { display:flex; flex-direction:column; gap:16px; align-items:center; }.fp2-last-cta-contact { color:#e4e5e7 !important; font-weight:800; font-size:12px; }
.fp2-last-cta-number { position:absolute; left:12%; top:-120px; color:#ffffff07; font:900 360px Inter,Arial,sans-serif; pointer-events:none; }.fp2-last-cta-number span { color:#ffffff1a; }
/* Service cockpit */
.fp2-product { color:#aeb0b7; padding-bottom:30px; }
.fp2-product-hero { margin-bottom:14px; padding:35px; position:relative; isolation:isolate; border-radius:13px; border:1px solid #464a50; background:radial-gradient(circle at 85% 40%,#393d44,#181a1e 58%); overflow:hidden; }
.fp2-product-hero:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,#ffffff04); pointer-events:none; }
.fp2-product-hero-grid { display:flex; gap:25px; align-items:stretch; justify-content:space-between; position:relative; z-index:1; }
.fp2-product-hero-copy { min-width:0; }.fp2-product-eyebrow { display:inline-flex; gap:8px; align-items:center; color:#bbc0c8; font:700 10px Inter,Cairo,sans-serif; letter-spacing:.1em; direction:ltr; }
.fp2-product-icon { display:grid; place-items:center; margin:18px 0 12px; height:58px; width:58px; border:1px solid #65686f; background:#42454b; border-radius:11px; color:#f2f2f4; font-size:26px; }
.fp2-product h1 { font-size:clamp(25px,3vw,39px) !important; overflow-wrap:anywhere; }.fp2-product-hero-copy>p { display:flex; align-items:center; gap:10px; color:#bac0c7; font-size:14px; margin:9px 0 23px; overflow-wrap:anywhere; }
.fp2-product-hero-actions { display:flex; flex-wrap:wrap; gap:9px; }.fp2-product-hero-actions .fp2-button { font-size:12px; min-height:42px; padding:10px 15px; }
.fp2-product-hero-side { display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; min-width:130px; }
.fp2-service-state { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; font-size:12px; font-weight:800; border-radius:50px; padding:6px 12px; color:#e5e5e7; background:#3b3e43; border:1px solid #60656c; }
.fp2-service-state i { font-size:7px; color:#afb3b9; }.fp2-service-state-active,.fp2-service-state-completed { background:#27342b; border-color:#52715b; color:#bde5c5; }.fp2-service-state-active i { color:#95cda1; }
.fp2-service-state-suspended,.fp2-service-state-terminated,.fp2-service-state-cancelled { color:#ffc9c9; background:#35272b; border-color:#724b54; }
.fp2-product-hero-decoration { font-size:95px; color:#ffffff09; transform:rotate(-14deg); }
.fp2-product-hero-foot { font:700 9px Inter,Arial,sans-serif; color:#8e929b; letter-spacing:.12em; }
.fp2-service-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:22px; }
.fp2-service-facts>div { background:#1b1d20; border:1px solid #393c41; border-radius:8px; padding:20px; overflow-wrap:anywhere; }
.fp2-service-facts span { display:block; font-size:11px; color:#9fa3ab; margin-bottom:9px; }.fp2-service-facts span i { margin-left:5px; }.fp2-service-facts strong { display:block; font-size:15px; color:#f0f1f2; }
.fp2-service-section { scroll-margin-top:110px; }.fp2-service-module { background:#17191c; border:1px solid #3e4247; border-radius:12px; padding:28px; margin-bottom:20px; }
.fp2-service-section-heading { display:flex; justify-content:space-between; gap:15px; margin-bottom:24px; }.fp2-service-section-heading h2 { font-size:22px !important; margin-bottom:7px; }.fp2-service-section-heading p { color:#abb0b7; font-size:12px; margin:0; }
.fp2-service-section-icon { display:grid; place-items:center; flex:none; height:43px; width:43px; border:1px solid #454950; border-radius:8px; background:#2a2d32; color:#e2e3e5; font-size:17px; }
.fp2-service-native { overflow-x:auto; color:#d5d6da; }.fp2-service-native .btn,.fp2-service-native a.btn { border-radius:6px !important; }.fp2-service-native .panel,.fp2-service-native .card { border-radius:9px !important; }
.fp2-service-native .row-eq-height,.fp2-service-native #cPanelQuickShortcuts,.fp2-service-native .quick-shortcuts-wrapper,.fp2-service-native #cPanelTabs { display:flex !important; flex-wrap:wrap; gap:9px; visibility:visible !important; opacity:1 !important; height:auto !important; }
.fp2-service-native .cpanel-feature-row,.fp2-service-native .cpanel-links { display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; }
.fp2-service-native .panel-cpanel { display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; }
.fp2-service-native a { word-break:break-word; }.fp2-service-note { margin:15px 0 0 !important; padding:12px 15px; background:#24272b; border:1px solid #3d4249; border-radius:6px; color:#c3c7ce; font-size:12px; line-height:1.9; }
.fp2-service-note i { margin-left:7px; color:#bfc5ce; }
.fp2-service-main-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin-bottom:15px; }
.fp2-service-box { background:#1a1c1f; border:1px solid #383b41; border-radius:10px; padding:26px; margin-bottom:16px; overflow-wrap:anywhere; }
.fp2-service-main-grid .fp2-service-box { margin-bottom:0; }
.fp2-service-box-head { display:flex; align-items:center; gap:14px; padding-bottom:20px; margin-bottom:16px; border-bottom:1px solid #3b3e43; }
.fp2-service-box-head .fp2-label { margin-bottom:5px; font-size:9px; }.fp2-service-box-head h2 { font-size:18px !important; }
.fp2-service-dl { margin:0; }.fp2-service-dl>div { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; padding:10px 0; border-bottom:1px solid #303338; font-size:12px; }
.fp2-service-dl>div:last-child { border-bottom:0; }.fp2-service-dl dt { color:#a2a6af; font-weight:600; max-width:55%; }.fp2-service-dl dd { color:#f0f0f2; font-weight:800; margin:0; max-width:65%; text-align:left; overflow-wrap:anywhere; }
.fp2-service-inline-action { display:inline-flex; align-items:center; gap:10px; margin-top:20px; font-size:12px; font-weight:800; color:#e1e3e6 !important; }
.fp2-service-actions { display:flex; flex-wrap:wrap; gap:10px; }.fp2-service-actions .fp2-button { font-size:12px; min-height:42px; }
.fp2-button-danger { background:#35292c; color:#f4c9cb !important; border-color:#67464e; }.fp2-button-danger:hover { background:#483238; }.fp2-button-danger.disabled { opacity:.5; pointer-events:none; }
.fp2-service-ssl { margin-top:18px; }.fp2-ssl-indicator { display:inline-flex; align-items:center; gap:9px; border:1px solid #68504e; border-radius:6px; color:#f1d0ce; background:#352a29; padding:8px 12px; font-size:12px; }.fp2-ssl-indicator.is-active { background:#25352b; color:#c6e5cf; border-color:#497557; }
.fp2-service-resource-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }.fp2-resource-value { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12px; margin-bottom:14px; }.fp2-resource-value strong { color:#f2f3f4; }
.fp2-resource-bar { width:100%; height:8px; border-radius:8px; background:#373a3f; overflow:hidden; }.fp2-resource-bar>span { display:block; height:100%; max-width:100%; background:#b2b6be; border-radius:8px; }
.fp2-service-updated { font-size:11px; color:#898f97; margin:20px 0 0; }
.fp2-service-file-list article { display:flex; justify-content:space-between; align-items:center; gap:25px; border-top:1px solid #34383d; padding:17px 0; }.fp2-service-file-list h3 { font-size:15px !important; }.fp2-service-file-list p { font-size:12px; margin:4px 0 0; }
.fp2-service-addon-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }.fp2-addon { background:#22252a; border:1px solid #454950; padding:19px; border-radius:8px; }
.fp2-addon-head { display:flex; justify-content:space-between; gap:12px; align-items:center; }.fp2-addon h3 { font-size:15px !important; }.fp2-addon-details p { margin:12px 0 0; font-size:12px; }.fp2-addon-controls { margin-top:20px; }
.fp2-service-help { display:flex; align-items:center; gap:18px; background:#26292d; border:1px solid #51545b; border-radius:10px; padding:25px; }
.fp2-service-help-icon { display:grid; place-items:center; flex:none; width:48px; height:48px; border-radius:9px; font-size:20px; color:#e2e3e5; border:1px solid #6c7078; }
.fp2-service-help>div { flex:1; }.fp2-service-help h2 { font-size:18px !important; }.fp2-service-help p { color:#b6bac1; font-size:12px; margin:5px 0 0; }
/* Motion: purposeful and gentle. */
@media (prefers-reduced-motion:no-preference) {
    .fp2-workspace { animation:fp2-enter .65s ease-out both; }.fp2-hero-copy { animation:fp2-copy .55s ease-out both; }
    @keyframes fp2-enter { from { opacity:0; transform:translateY(20px) rotateY(7deg) rotateX(2deg); } to { opacity:1; transform:translateY(0) rotateY(7deg) rotateX(2deg); } }
    @keyframes fp2-copy { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
}
@media (max-width:1199px) {
    .fp2-hero-grid { gap:28px; }.fp2-workspace { transform:none; }.fp2-visual-note { left:0; }
    .fp2-service-bento { grid-template-columns:1fr 1fr; grid-template-rows:repeat(3,220px); }.fp2-solution-main { grid-row:span 2; }
    .fp2-plan-grid { gap:12px; }.fp2-plan { padding:25px; }.fp2-technology-layout { gap:30px; }
}
@media (max-width:991px) {
    .fp2-hero { padding-top:45px; }.fp2-hero-grid { grid-template-columns:1fr; }.fp2-hero-copy { padding:15px 0; }.fp2-hero h1 { font-size:clamp(37px,7vw,60px) !important; }.fp2-visual { height:460px; max-width:600px; width:100%; margin:auto; }
    .fp2-heading,.fp2-technology-layout,.fp2-experience-grid,.fp2-faq-layout { grid-template-columns:1fr; gap:30px; }
    .fp2-plan-grid,.fp2-ecosystem-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.fp2-service-facts { grid-template-columns:repeat(2,1fr); }
    .fp2-domain-search { grid-template-columns:1fr; gap:17px; }.fp2-experience-art { max-width:650px; }
    .fp2-service-bento { grid-template-columns:1fr 1fr; grid-template-rows:repeat(2,minmax(235px,auto)); }.fp2-solution-main { grid-row:span 2; }.fp2-solution-cloud,.fp2-solution-sy { min-height:230px; }
}
@media (max-width:767px) {
    .fp-header-inner { height:75px; }.fp2-logo { width:142px; }.fp2-brand-caption { font-size:8px; }
    .fp2-section { padding:68px 0; }.fp2-heading { margin-bottom:30px; }.fp2-heading h2 { font-size:30px !important; }
    .fp2-hero { padding:30px 0 18px; }.fp2-hero h1 { font-size:37px !important; }.fp2-hero-lead { font-size:14px; }.fp2-hero-copy { padding:20px 0; }
    .fp2-overline { justify-content:flex-start; flex-direction:row-reverse; font-size:9px; }.fp2-overline-line { width:23px; }
    .fp2-hero-tags { gap:10px; flex-direction:column; }.fp2-hero-footer>span:last-child { display:none; }
    .fp2-visual { height:385px; }.fp2-workspace { transform:none; max-width:440px; }.fp2-workspace-main { padding:20px 13px; }.fp2-workspace-side { padding:12px 7px; }.fp2-workspace-domain { padding:10px; }
    .fp2-visual-note { position:relative; bottom:auto; left:auto; justify-self:start; margin-top:-25px; }.fp2-visual-coordinate { display:none; }
    .fp2-domain-form { flex-direction:column; }.fp2-domain-form button { width:100%; }
    .fp2-service-bento { display:grid; grid-template-columns:1fr; grid-template-rows:none; }.fp2-solution,.fp2-solution-main { grid-row:auto; min-height:260px; }.fp2-solution-main { min-height:435px; }
    .fp2-plan-grid,.fp2-ecosystem-grid,.fp2-process-grid { grid-template-columns:1fr; }.fp2-process-grid>div { border-left:0; border-bottom:1px solid #3d4045; min-height:190px; }.fp2-process-grid>div:last-child { border-bottom:0; }
    .fp2-last-cta-inner { padding:32px 27px; }.fp2-last-cta-content { flex-direction:column; align-items:flex-start; }.fp2-last-cta-buttons { align-items:stretch; width:100%; }
    .fp2-product-hero { padding:25px 18px; }.fp2-product-hero-side { min-width:0; }.fp2-product-hero-decoration,.fp2-product-hero-foot { display:none; }
    .fp2-service-main-grid,.fp2-service-resource-grid,.fp2-service-addon-grid { grid-template-columns:1fr; }.fp2-service-facts>div { padding:15px; }
    .fp2-service-module,.fp2-service-box { padding:20px; }.fp2-service-help { flex-wrap:wrap; }.fp2-service-help .fp2-button { width:100%; }
    /* Global WHMCS mobile safety: forms, tables, tickets, cart and invoices. */
    .fp-dark #main-body .container,.fp-dark #main-body .container-fluid { width:100%; padding-left:16px; padding-right:16px; }
    .fp-dark .fp-main-column,.fp-dark .main-content,.fp-dark #main-body,.fp-dark .main-content .row { min-width:0; max-width:100%; }
    .fp-dark img,.fp-dark svg,.fp-dark iframe { max-width:100%; }
    .fp-dark .panel,.fp-dark .well,.fp-dark .card,.fp-dark .ticket-reply,.fp-dark .invoice-container { max-width:100%; overflow-wrap:anywhere; }
    .fp-dark .table-responsive,.fp-dark .dataTables_wrapper,.fp-dark .dataTables_scrollBody { overflow-x:auto !important; -webkit-overflow-scrolling:touch; max-width:100%; }
    .fp-dark .main-content>.table,.fp-dark .main-content>form>.table,
    .fp-dark .dataTables_wrapper table.table { display:block; overflow-x:auto; max-width:100%; -webkit-overflow-scrolling:touch; }
    .fp-dark .dataTables_wrapper .dataTables_filter,.fp-dark .dataTables_wrapper .dataTables_length,
    .fp-dark .dataTables_wrapper .dataTables_info,.fp-dark .dataTables_wrapper .dataTables_paginate { float:none !important; width:100%; max-width:100%; text-align:right; margin:9px 0; }
    .fp-dark .dataTables_wrapper .dataTables_filter input { max-width:100%; min-width:0; }
    .fp-dark .nav-tabs,.fp-dark .nav-pills { display:flex; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; max-width:100%; gap:5px; -webkit-overflow-scrolling:touch; }
    .fp-dark .nav-tabs>li,.fp-dark .nav-pills>li { flex:none; float:none; }.fp-dark .nav-tabs>li>a { white-space:nowrap; }
    .fp-dark .input-group,.fp-dark .form-group,.fp-dark .select2-container { max-width:100%; }
    .fp-dark .form-control,.fp-dark .btn,.fp-dark button,.fp-dark .input-group { min-width:0; }
    .fp-dark .btn-group { max-width:100%; }.fp-dark .dropdown-menu { max-width:calc(100vw - 32px); }
    .fp-dark .modal-dialog { width:calc(100vw - 22px); max-width:560px; margin:11px auto; }
    .fp-dark .modal-content,.fp-dark .modal-body { max-width:100%; overflow-wrap:anywhere; }
    .fp-dark .pagination { display:flex; flex-wrap:wrap; gap:4px; justify-content:center; }
    .fp-dark .pagination>li { display:inline-block; }
    .fp-dark .form-horizontal .control-label { text-align:right; }
    .fp-dark #order-standard_cart .row,.fp-dark .store-order-container .row { min-width:0; }
    .fp-dark #order-standard_cart .col-sm-8,.fp-dark #order-standard_cart .col-sm-4,
    .fp-dark .store-order-container .col-sm-8,.fp-dark .store-order-container .col-sm-4 { max-width:100%; }
    .fp-invoice-page .main-invoice-wrapper,.fp-invoice-page .inv-body,.fp-invoice-page .inv-header { max-width:100%; }
    .fp-invoice-page .items-table { display:block; overflow-x:auto; max-width:100%; -webkit-overflow-scrolling:touch; }
    .fp-invoice-page .inv-meta,.fp-invoice-page .d-col,.fp-invoice-page .pc-row { min-width:0; overflow-wrap:anywhere; }
}
@media (max-width:460px) {
    .fp2-hero h1 { font-size:31px !important; }.fp2-hero-actions .fp2-button { width:100%; }.fp2-hero-footer { font-size:9px; }
    .fp2-workspace-side { display:none; }.fp2-visual { height:350px; }.fp2-workspace { width:calc(100% - 8px); }.fp2-workspace-tiles { gap:4px; }.fp2-workspace-tiles span { font-size:9px; }
    .fp2-plan { padding:24px; }.fp2-plans-empty { flex-direction:column; text-align:center; }.fp2-technology-grid { gap:8px; }.fp2-tech-tile { padding:16px; }
    .fp2-service-facts { grid-template-columns:1fr 1fr; }.fp2-service-facts strong { font-size:12px; }.fp2-product-hero-grid { flex-direction:column; }.fp2-product-hero-side { align-items:flex-start; }
    .fp2-service-dl>div { flex-direction:column; gap:3px; }.fp2-service-dl dt,.fp2-service-dl dd { max-width:100%; text-align:right; }
    .fp2-service-file-list article { flex-direction:column; align-items:stretch; }.fp2-service-actions .fp2-button { width:100%; }
    .fp-dark .fp-main-column,.fp-dark .main-content { padding-left:10px; padding-right:10px; }
    .fp-dark .panel-body,.fp-dark .card-body,.fp-dark .modal-body { padding:14px; }
    .fp-dark .fp-kpi-grid { grid-template-columns:1fr 1fr; gap:8px; }
    .fp-dark .fp-kpi-number { font-size:23px; }
    .fp-dark .fp-dashboard-actions { display:flex; flex-direction:column; }.fp-dark .fp-dashboard-actions>* { width:100%; }
    .fp-dark .fp-login-form-section { padding:24px 17px; }
    .fp-invoice-page .pay-card-item,.fp-invoice-page .pc-row { padding:13px 10px; }
}
@media print {
    body.fp-dark { background:#fff !important; color:#111 !important; }
    .fp-dark .table,.fp-dark .table>tbody>tr>td,.fp-dark .table>thead>tr>th,
    .fp-dark .invoice-container,.fp-dark .invoice,.fp-dark .invoice-header,.fp-dark .invoice-items,
    .fp-invoice-page .main-invoice-wrapper,.fp-invoice-page .inv-header,.fp-invoice-page .inv-body,
    .fp-invoice-page .pay-card-item,.fp-invoice-page .pc-row { background:#fff !important; color:#111 !important; box-shadow:none !important; border-color:#ddd !important; }
    .fp-invoice-page .items-table td,.fp-invoice-page .items-table th,.fp-invoice-page .inv-meta h1,
    .fp-invoice-page .inv-brand h2,.fp-invoice-page .d-col p { color:#111 !important; }
    .fp-header,.fp-footer,.fp-support-fab,.fp-back-top,.fp-sidebar,.fp-breadcrumb { display:none !important; }
    .fp-inner-section { padding:0 !important; }
}