/* LicensePOW shared product landing page styles */

.lp-landing--cpanel { --lp-product-brand: #ef5b2a; --lp-product-brand-soft: rgba(239, 91, 42, .12); --lp-product-brand-border: rgba(239, 91, 42, .58); --lp-product-brand-glow: rgba(239, 91, 42, .48); }
.lp-landing--directadmin { --lp-product-brand: #0682b4; --lp-product-brand-soft: rgba(6, 130, 180, .12); --lp-product-brand-border: rgba(6, 130, 180, .58); --lp-product-brand-glow: rgba(6, 130, 180, .48); }
.lp-landing--directadmin .lp-landing__product-logo { border-color: rgba(6, 130, 180, .35); box-shadow: 0 12px 28px rgba(6, 130, 180, .16), 0 16px 36px rgba(15, 21, 35, .12); }
.lp-landing--directadmin .lp-landing__product-logo img { padding: 13px 6px; }
.lp-landing--plesk { --lp-product-brand: #093071; --lp-product-brand-soft: rgba(9, 48, 113, .12); --lp-product-brand-border: rgba(9, 48, 113, .48); --lp-product-brand-glow: rgba(9, 48, 113, .38); }
.lp-landing--plesk .lp-landing__product-logo { border-color: rgba(9, 48, 113, .32); box-shadow: 0 12px 28px rgba(9, 48, 113, .16), 0 16px 36px rgba(15, 21, 35, .12); }
.lp-landing--plesk .lp-landing__product-logo img { padding: 12px 8px; }
.lp-landing--litespeed { --lp-product-brand: #093071; --lp-product-brand-soft: rgba(9, 48, 113, .11); --lp-product-brand-border: rgba(9, 48, 113, .5); --lp-product-brand-glow: rgba(245, 205, 33, .62); }
.lp-landing--litespeed .lp-selected-card { --lp-selected-card-brand: #f5cd21; --lp-selected-card-border: rgba(9, 48, 113, .62); --lp-selected-card-glow: rgba(245, 205, 33, .72); }
.lp-landing--plesk .lp-selected-card { --lp-selected-card-brand: #093071; --lp-selected-card-border: rgba(9, 48, 113, .58); --lp-selected-card-glow: rgba(49, 111, 190, .52); }
.lp-landing--litespeed .lp-landing__product-logo { border-color: rgba(9, 48, 113, .35); box-shadow: 0 12px 28px rgba(9, 48, 113, .16), 0 16px 36px rgba(15, 21, 35, .12); }
.lp-landing--litespeed .lp-landing__product-logo img { padding: 17px 11px; }
.lp-landing--litespeed .lp-landing__pricing-product-logo { flex-basis: 72px; width: 72px; height: 31px; padding: 5px 6px; }
.lp-landing--cloudlinux { --lp-product-brand: #111827; --lp-product-brand-soft: rgba(17, 24, 39, .08); --lp-product-brand-border: rgba(17, 24, 39, .42); --lp-product-brand-glow: rgba(17, 24, 39, .3); }
.lp-landing--softaculous { --lp-product-brand: #ef5b2a; --lp-product-brand-soft: rgba(239, 91, 42, .12); --lp-product-brand-border: rgba(239, 91, 42, .58); --lp-product-brand-glow: rgba(239, 91, 42, .48); }
.lp-landing--sitepad { --lp-product-brand: #5e63b6; --lp-product-brand-soft: rgba(94, 99, 182, .12); --lp-product-brand-border: rgba(94, 99, 182, .58); --lp-product-brand-glow: rgba(94, 99, 182, .48); }
.lp-landing--jetbackup { --lp-product-brand: #1f75cb; --lp-product-brand-soft: rgba(31, 117, 203, .12); --lp-product-brand-border: rgba(31, 117, 203, .54); --lp-product-brand-glow: rgba(31, 117, 203, .44); }
.lp-landing--imunify360 { --lp-product-brand: #f26522; --lp-product-brand-soft: rgba(242, 101, 34, .12); --lp-product-brand-border: rgba(242, 101, 34, .56); --lp-product-brand-glow: rgba(242, 101, 34, .46); }
.lp-landing--cpguard { --lp-product-brand: #dc2626; --lp-product-brand-soft: rgba(220, 38, 38, .12); --lp-product-brand-border: rgba(220, 38, 38, .56); --lp-product-brand-glow: rgba(220, 38, 38, .46); }
.lp-landing--cxs { --lp-product-brand: #f59e0b; --lp-product-brand-soft: rgba(245, 158, 11, .12); --lp-product-brand-border: rgba(245, 158, 11, .56); --lp-product-brand-glow: rgba(245, 158, 11, .46); }
.lp-landing--virtualizor { --lp-product-brand: #1b75bb; --lp-product-brand-soft: rgba(27, 117, 187, .12); --lp-product-brand-border: rgba(27, 117, 187, .56); --lp-product-brand-glow: rgba(27, 117, 187, .46); }
.lp-landing--osm { --lp-product-brand: #64748b; --lp-product-brand-soft: rgba(100, 116, 139, .12); --lp-product-brand-border: rgba(100, 116, 139, .54); --lp-product-brand-glow: rgba(100, 116, 139, .44); }
.lp-landing--whmsonic { --lp-product-brand: #ef4444; --lp-product-brand-soft: rgba(239, 68, 68, .12); --lp-product-brand-border: rgba(239, 68, 68, .56); --lp-product-brand-glow: rgba(239, 68, 68, .46); }
.lp-landing--whmreseller { --lp-product-brand: #2563eb; --lp-product-brand-soft: rgba(37, 99, 235, .12); --lp-product-brand-border: rgba(37, 99, 235, .56); --lp-product-brand-glow: rgba(37, 99, 235, .46); }
.lp-landing--dareseller { --lp-product-brand: #70c4e3; --lp-product-brand-soft: rgba(112, 196, 227, .14); --lp-product-brand-border: rgba(112, 196, 227, .62); --lp-product-brand-glow: rgba(112, 196, 227, .52); }
.lp-landing--whmcs { --lp-product-brand: #2d7bb5; --lp-product-brand-soft: rgba(45, 123, 181, .12); --lp-product-brand-border: rgba(45, 123, 181, .56); --lp-product-brand-glow: rgba(45, 123, 181, .46); }
.lp-landing--cloudlinux .lp-landing__product-logo { border-color: rgba(17, 24, 39, .25); box-shadow: 0 12px 28px rgba(17, 24, 39, .14), 0 16px 36px rgba(15, 21, 35, .12); }
.lp-landing--cloudlinux .lp-landing__product-logo img { padding: 17px 10px; }
.lp-landing--cloudlinux .lp-landing__pricing-card { width: min(100%, 400px); margin-inline: auto; }
.lp-landing--cloudlinux .lp-selected-card { --lp-selected-card-brand: #111827; --lp-selected-card-border: rgba(17, 24, 39, .55); --lp-selected-card-glow: rgba(17, 24, 39, .36); }
.lp-landing--softaculous .lp-landing__product-logo img,
.lp-landing--sitepad .lp-landing__product-logo img,
.lp-landing--virtualizor .lp-landing__product-logo img { object-fit: contain; }
.lp-landing__pricing-product-logo--monogram { color: var(--lp-product-brand, var(--color-accent)); font-size: 13px; font-weight: 900; letter-spacing: -.04em; }
.lp-landing__related-logo--monogram { color: var(--lp-product-brand, var(--color-accent)); font-size: 13px; font-weight: 900; letter-spacing: -.04em; }
.lp-landing .lp-selected-card { --lp-selected-card-brand: var(--lp-product-brand, var(--color-accent)); --lp-selected-card-soft: var(--lp-product-brand-soft, rgba(94, 99, 182, .12)); --lp-selected-card-border: var(--lp-product-brand-border, rgba(94, 99, 182, .58)); --lp-selected-card-glow: var(--lp-product-brand-glow, rgba(94, 99, 182, .48)); }
@property --lp-selected-border-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
.lp-landing__audience-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lp-landing__requirements-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lp-landing__info-list { display: grid; gap: 9px; padding: 0; margin: 16px 0 0; list-style: none; }
.lp-landing__info-list li { color: var(--color-text-muted); font-size: 13px; }
.lp-landing__info-list li::before { margin-right: 8px; color: var(--color-success); content: '✓'; font-weight: 900; }

.lp-landing {
  --lp-container: 1240px;
  color: var(--color-text-primary);
  background: var(--color-bg);
}

.lp-landing *,
.lp-landing *::before,
.lp-landing *::after { box-sizing: border-box; }

.lp-landing__container { width: min(calc(100% - 48px), var(--lp-container)); margin-inline: auto; }
.lp-landing__section { padding: 92px 0; }
.lp-landing__section--alt { background: var(--color-bg-alt); border-block: 1px solid var(--color-border); }
.lp-landing__eyebrow { display: inline-flex; align-items: center; min-height: 27px; padding: 4px 12px; color: var(--color-accent); background: var(--color-accent-soft); border-radius: var(--radius-pill); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lp-landing__section-heading { max-width: 760px; margin: 0 auto 42px; text-align: center; }
.lp-landing__section-heading h2 { margin: 14px 0 12px; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.045em; }
.lp-landing__section-heading p { margin: 0; color: var(--color-text-muted); font-size: 17px; }
.lp-landing__breadcrumbs { padding: 22px 0 0; color: var(--color-text-hint); font-size: 12px; }
.lp-landing__breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 7px; padding: 0; margin: 0; list-style: none; }
.lp-landing__breadcrumbs li:not(:last-child)::after { margin-left: 7px; content: '/'; color: var(--color-text-hint); }
.lp-landing__breadcrumbs a:hover { color: var(--color-accent); }

.lp-landing__hero { position: relative; overflow: hidden; padding: 54px 0 76px; background: radial-gradient(circle at 12% 12%, var(--color-accent-soft), transparent 34%), radial-gradient(circle at 88% 68%, rgba(94, 99, 182, .12), transparent 36%); }
.lp-landing__hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr); gap: 64px; align-items: center; }
.lp-landing__hero-copy { max-width: 690px; }
.lp-landing__hero h1 { max-width: 720px; margin: 18px 0 20px; font-size: clamp(40px, 5.2vw, 68px); letter-spacing: -.06em; line-height: 1.15; }
.lp-landing__hero h1 strong { color: var(--color-accent); }
.lp-landing__hero-lead { max-width: 630px; margin: 0; color: var(--color-text-muted); font-size: 18px; line-height: 1.75; }
.lp-landing__hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.lp-landing__hero-proof { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-top: 28px; color: var(--color-text-muted); font-size: 12px; font-weight: 700; }
.lp-landing__hero-proof span { display: inline-flex; align-items: center; gap: 7px; }
.lp-landing__hero-proof svg,
.lp-landing__included-item svg,
.lp-landing__decision-card li svg,
.lp-landing__terminal-actions + svg { color: var(--color-success); flex: 0 0 auto; }
.lp-landing__included { max-width: 650px; padding: 17px; margin-top: 26px; border: 1px solid rgba(94, 99, 182, .2); border-radius: var(--radius-lg); background: linear-gradient(135deg, var(--color-accent-soft), var(--color-bg-card) 72%); }
.lp-landing__included-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.lp-landing__included-head span { color: var(--color-accent); font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.lp-landing__included-head strong { font-size: 12px; }
.lp-landing__included-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.lp-landing__included-item { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 10px; color: var(--color-text-primary); background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-card); transition: transform var(--transition-fast), border-color var(--transition-fast); }
.lp-landing__included-item:hover { border-color: var(--color-accent); transform: translateY(-2px); }
.lp-landing__included-item > span:last-child { min-width: 0; }
.lp-landing__included-mark { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 27px; width: 27px; height: 27px; color: #fff; background: linear-gradient(135deg, #ef5b2a, #f2a13f); border-radius: 8px; font-size: 8px; font-weight: 800; }
.lp-landing__included-item:nth-child(2) .lp-landing__included-mark { background: linear-gradient(135deg, #5e63b6, #8589cf); }
.lp-landing__included-item:nth-child(3) .lp-landing__included-mark { background: linear-gradient(135deg, #464a8f, #777bc7); }
.lp-landing__included-item strong,
.lp-landing__included-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lp-landing__included-item strong { font-size: 11px; }
.lp-landing__included-item small { margin-top: 1px; color: var(--color-text-muted); font-size: 9px; }
.lp-landing__included > p { margin: 11px 0 0; color: var(--color-text-hint); font-size: 10px; }

.lp-landing__hero-panel-wrap { position: relative; padding-top: 42px; }
.lp-landing__product-logo { position: absolute; z-index: 3; top: 42px; left: 50%; display: flex; align-items: center; justify-content: center; width: 174px; height: 76px; padding: 14px 19px; background: #fff; border: 1px solid rgba(239, 91, 42, .42); border-radius: 18px; box-shadow: 0 12px 28px rgba(239, 91, 42, .2), 0 16px 36px rgba(15, 21, 35, .12); transform: translate(-50%, -50%); }
.lp-landing__product-logo img { width: 100%; height: 100%; object-fit: contain; }
.lp-landing__product-logo--monogram { color: var(--lp-product-brand, var(--color-accent)); font-size: 30px; font-weight: 900; letter-spacing: -.07em; }
.lp-landing__hero-panel { overflow: hidden; border: 1px solid var(--color-border); border-radius: 22px; background: var(--color-bg-card); box-shadow: var(--shadow-xl); }
.lp-landing__hero-panel-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; border-bottom: 1px solid var(--color-border); background: linear-gradient(135deg, var(--color-accent-soft), transparent); }
.lp-landing__hero-panel-top strong,
.lp-landing__hero-panel-top small { display: block; }
.lp-landing__hero-panel-top small { margin-top: 3px; color: var(--color-text-muted); font-size: 11px; }
.lp-landing__status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; color: var(--color-success-text); background: var(--color-success-soft); border-radius: var(--radius-pill); font-size: 10px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.lp-landing__status::before { width: 7px; height: 7px; content: ''; background: var(--color-success); border-radius: 50%; }
.lp-landing__hero-panel-body { padding: 24px; }
.lp-landing__hero-panel-body h2 { margin: 0 0 8px; font-size: 26px; letter-spacing: -.035em; }
.lp-landing__hero-panel-body > p { margin: 0 0 22px; color: var(--color-text-muted); font-size: 13px; }
.lp-landing__hero-panel-body ul,
.lp-landing__decision-card ul,
.lp-landing__command-info ul { display: grid; gap: 11px; padding: 0; margin: 0; list-style: none; }
.lp-landing__hero-panel-body li,
.lp-landing__decision-card li,
.lp-landing__command-info li { display: flex; align-items: flex-start; gap: 9px; color: var(--color-text-muted); font-size: 13px; }
.lp-landing__hero-panel-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 18px; margin-top: 24px; border-top: 1px solid var(--color-border); }
.lp-landing__hero-panel-footer small { color: var(--color-text-hint); font-size: 11px; }
.lp-landing__hero-panel-footer strong { display: block; margin-top: 3px; font-family: var(--font-mono); font-size: 20px; }
.lp-landing__hero-panel-footer em { margin-left: 4px; color: var(--color-text-muted); font-family: var(--font-sans); font-size: 12px; font-style: normal; font-weight: 500; }

.lp-landing__trust { border-block: 1px solid var(--color-border); background: var(--color-bg-card); }
.lp-landing__trust-grid { display: grid; grid-template-columns: 1.1fr repeat(4, 1fr); align-items: center; min-height: 92px; }
.lp-landing__trust-brand { display: flex; align-items: center; gap: 11px; padding-right: 24px; }
.lp-landing__trust-brand > span { color: #00b67a; font-size: 18px; letter-spacing: 1px; }
.lp-landing__trust-brand strong,
.lp-landing__trust-brand small,
.lp-landing__trust-item strong,
.lp-landing__trust-item span { display: block; }
.lp-landing__trust-brand strong { font-size: 13px; }
.lp-landing__trust-brand small,
.lp-landing__trust-item span { color: var(--color-text-muted); font-size: 11px; }
.lp-landing__trust-item { min-height: 46px; padding: 2px 20px; border-left: 1px solid var(--color-border); }
.lp-landing__trust-item strong { font-size: 14px; }

.lp-landing__decision-grid,
.lp-landing__pricing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; max-width: 1060px; margin: 0 auto; }
.lp-landing__pricing-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lp-landing__pricing-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lp-landing__decision-card { position: relative; padding: 27px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-bg-card); box-shadow: var(--shadow-card); }
.lp-landing__decision-tag { position: absolute; top: -12px; right: 22px; padding: 4px 11px; color: #fff; background: var(--color-accent); border-radius: var(--radius-pill); font-size: 10px; font-weight: 800; }
.lp-landing__decision-tag--secondary { color: var(--color-accent-strong); background: var(--color-bg-muted); }
.lp-landing__decision-head,
.lp-landing__pricing-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.lp-landing__decision-head h3,
.lp-landing__pricing-head h3 { margin: 0 0 5px; font-size: 22px; }
.lp-landing__decision-head p,
.lp-landing__pricing-head p { margin: 0; color: var(--color-text-muted); font-size: 12px; }
.lp-landing__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px; color: var(--color-accent); background: var(--color-accent-soft); border-radius: 12px; }
.lp-landing__decision-card li { gap: 8px; }
.lp-landing__decision-bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding-top: 17px; margin-top: 23px; border-top: 1px solid var(--color-border); }
.lp-landing__decision-bottom small { display: block; color: var(--color-text-hint); font-size: 11px; }
.lp-landing__decision-bottom strong { display: block; margin-top: 2px; font-family: var(--font-mono); font-size: 23px; }

.lp-selected-card { --lp-selected-border-angle: 0deg; isolation: isolate; border-color: var(--lp-selected-card-border); background: linear-gradient(160deg, var(--lp-selected-card-soft), var(--color-bg-card) 42%); }
.lp-selected-card > * { position: relative; z-index: 1; }
.lp-selected-card::before { position: absolute; inset: -1px; z-index: 0; padding: 2px; content: ''; border-radius: inherit; background: conic-gradient(from var(--lp-selected-border-angle, 0deg), transparent 0deg 322deg, var(--lp-selected-card-glow) 333deg, var(--lp-selected-card-border) 347deg, var(--lp-selected-card-brand) 356deg, transparent 360deg); filter: drop-shadow(0 0 5px var(--lp-selected-card-glow)); pointer-events: none; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; animation: lp-selected-card-border-snake 5.4s linear infinite; }
.lp-selected-card { overflow: visible; }
.lp-selected-card .lp-landing__decision-tag,
.lp-selected-card .pricing-card__badge { background: var(--lp-selected-card-brand); }
.lp-selected-card .lp-landing__icon { color: var(--lp-selected-card-brand); background: var(--lp-selected-card-soft); }
@keyframes lp-selected-card-border-snake { to { --lp-selected-border-angle: 1turn; } }

.lp-landing__pricing-shell { max-width: 1060px; }
.lp-landing__pricing-grid { max-width: none; }
.lp-landing__pricing-card { display: flex; flex-direction: column; gap: 0; padding: 29px 27px 25px; }
.lp-landing__pricing-card .lp-landing__pricing-head { flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.lp-landing__pricing-card .lp-landing__pricing-head > div { width: 100%; min-width: 0; text-align: center; }
.lp-landing__pricing-card .lp-landing__pricing-head > .lp-landing__icon,
.lp-landing__pricing-card .lp-landing__pricing-head > .lp-landing__pricing-product-logo { order: -1; flex: 0 0 auto; }
.lp-landing__pricing-card .lp-landing__pricing-head h3 { overflow-wrap: anywhere; }
.lp-landing__pricing-card .lp-landing__pricing-head p { max-width: 100%; }
.lp-landing__pricing-card .pricing-card__badge { position: absolute; top: -12px; right: 24px; padding: 4px 12px; color: #fff; border-radius: var(--radius-pill); font-size: 10px; font-weight: 800; }
.lp-landing__pricing-popular-note { display: block; min-height: 18px; margin: -8px 0 6px; color: var(--lp-product-brand, var(--color-accent)); font-size: 11px; font-weight: 800; }
.lp-landing__pricing-card .pricing-card__price { margin: 25px 0 5px; }
.lp-landing__pricing-card .pricing-card__meta { min-height: 22px; margin: 0 0 10px; }
.lp-landing__pricing-card .pricing-card__features { display: grid; gap: 10px; padding: 21px 0 25px; margin: 0; list-style: none; }
.lp-landing__pricing-card .pricing-card__features li { display: flex; gap: 8px; color: var(--color-text-muted); font-size: 13px; }
.lp-landing__pricing-card .pricing-card__features svg { width: 16px; height: 16px; color: var(--color-success); flex: 0 0 auto; }
.lp-landing--single .lp-landing__pricing-card { width: min(100%, 400px); padding: 23px 22px 21px; margin-inline: auto; text-align: center; }
.lp-landing--single .lp-landing__pricing-card .pricing-card__price { margin-top: 18px; }
.lp-landing--single .lp-landing__pricing-card .pricing-card__features { gap: 8px 12px; padding-block: 16px 18px; }
.lp-landing--single .lp-landing__pricing-card .lp-landing__pricing-head > div { width: 100%; }
.lp-landing--single .lp-landing__pricing-card .pricing-card__badge { right: 50%; transform: translateX(50%); }
.lp-landing--single .lp-landing__pricing-card .pricing-card__price { justify-content: center; }
.lp-landing--single .lp-landing__pricing-card .lp-product-availability,
.lp-landing--single .lp-landing__pricing-card .lp-landing__free-setup,
.lp-landing--single .lp-landing__pricing-card .lp-landing__setup-fee { align-self: center; }
.lp-landing--single .lp-landing__pricing-card .pricing-card__features { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
.lp-landing--single .lp-landing__pricing-card .pricing-card__features li { align-items: flex-start; justify-content: flex-start; min-width: 0; text-align: left; }
.lp-landing--single .lp-landing__pricing-card .pricing-card__features li > span { min-width: 0; text-align: left; }
.lp-landing--directadmin .lp-landing__pricing-card .pricing-card__features .lp-landing__pricing-feature--pro-pack { position: relative; isolation: isolate; grid-column: 1 / -1; justify-self: center; width: fit-content; max-width: 100%; overflow: hidden; padding: 6px 11px; color: #fff; background: linear-gradient(135deg, #15803d, #22c55e 48%, #15803d); border: 1px solid rgba(21, 128, 61, .5); border-radius: 999px; box-shadow: 0 5px 13px rgba(22, 163, 74, .2); font-size: 11px; font-weight: 800; line-height: 1.35; animation: lp-directadmin-pro-pack-pulse 2.6s ease-in-out infinite; }
.lp-landing--directadmin .lp-landing__pricing-card .pricing-card__features .lp-landing__pricing-feature--pro-pack > * { position: relative; z-index: 1; }
.lp-landing--directadmin .lp-landing__pricing-card .pricing-card__features .lp-landing__pricing-feature--pro-pack svg { color: #fff; }
.lp-landing--directadmin .lp-landing__pricing-card .pricing-card__features .lp-landing__pricing-feature--pro-pack::after { position: absolute; z-index: 0; inset: 0 auto 0 -45%; width: 26%; content: ''; background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .42), transparent); transform: skewX(-18deg); animation: lp-directadmin-pro-pack-shine 3.8s ease-in-out infinite; pointer-events: none; }
@keyframes lp-directadmin-pro-pack-pulse { 0%, 100% { box-shadow: 0 5px 13px rgba(22, 163, 74, .2); } 50% { box-shadow: 0 6px 16px rgba(74, 222, 128, .34); } }
@keyframes lp-directadmin-pro-pack-shine { 0%, 35% { transform: translateX(-30%) skewX(-18deg); opacity: 0; } 48% { opacity: 1; } 68%, 100% { transform: translateX(420%) skewX(-18deg); opacity: 0; } }
.lp-landing--single .lp-landing__pricing-card > .btn-block { align-self: center; width: min(100%, 190px); min-width: 160px; padding-inline: 18px; }
.lp-landing__free-setup { display: inline-flex; align-self: flex-start; padding: 4px 10px; margin-top: 8px; color: var(--color-success-text); background: var(--color-success-soft); border-radius: var(--radius-pill); font-size: 11px; font-weight: 800; }
.lp-landing__setup-fee { display: block; margin-top: 8px; color: var(--color-text-hint); font-size: 11px; }
.lp-landing__pricing-note { margin: 25px auto 0; color: var(--color-text-hint); font-size: 11px; text-align: center; }
.lp-landing__empty { padding: 32px; color: var(--color-text-muted); text-align: center; }

.lp-landing__benefit-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; max-width: 1000px; padding: 0; margin: -14px auto 30px; list-style: none; }
.lp-landing__benefit-points li { display: flex; gap: 9px; color: var(--color-text-muted); font-size: 13px; }
.lp-landing__benefit-points li::before { color: var(--color-success); content: '✓'; font-weight: 900; }
.lp-landing__card-grid { display: grid; gap: 18px; }
.lp-landing__card-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lp-landing__card,
.lp-landing__addon-card,
.lp-landing__info-card { padding: 25px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg-card); box-shadow: var(--shadow-card); }
.lp-landing__related-logo,
.lp-landing__pricing-product-logo { display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--color-border); }
.lp-landing__related-logo { width: 64px; height: 48px; padding: 7px 9px; margin: 0 auto 15px; border-radius: var(--radius-md); }
.lp-landing__related-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.lp-landing__pricing-product-logo { flex: 0 0 88px; width: 88px; height: 38px; padding: 5px 6px; border-radius: 9px; }
.lp-landing__pricing-product-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.lp-landing__card-icon { display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; margin-bottom: 17px; color: var(--color-accent); background: var(--color-accent-soft); border-radius: 12px; }
.lp-landing__card h3,
.lp-landing__addon-card h3,
.lp-landing__info-card h3 { margin: 0 0 8px; font-size: 18px; }
.lp-landing__card p,
.lp-landing__addon-card p,
.lp-landing__info-card p { margin: 0; color: var(--color-text-muted); font-size: 13px; }

.lp-landing__process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; counter-reset: lp-process; }
.lp-landing__process-grid article { position: relative; padding: 27px 24px 24px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg-card); }
.lp-landing__process-grid article::before { display: block; margin-bottom: 24px; color: var(--color-accent); content: '0' counter(lp-process); counter-increment: lp-process; font-family: var(--font-mono); font-size: 31px; font-weight: 800; opacity: .7; }
.lp-landing__process-grid h3 { margin: 0 0 8px; font-size: 18px; }
.lp-landing__process-grid p { margin: 0; color: var(--color-text-muted); font-size: 13px; }
.lp-landing__notice { max-width: 820px; padding: 14px 17px; margin: 25px auto 0; color: var(--color-text-muted); background: var(--color-warning-soft); border-left: 3px solid var(--color-warning); border-radius: var(--radius-md); font-size: 12px; }
.lp-landing__command-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); gap: 22px; margin-top: 25px; }
.lp-landing__terminal { padding: 27px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: #0c1222; box-shadow: var(--shadow-lg); }
.lp-landing__terminal-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; color: #c0c2ef; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lp-landing__terminal-top i { display: inline-flex; gap: 5px; margin-right: 8px; vertical-align: middle; }
.lp-landing__terminal-top i b { width: 8px; height: 8px; background: #ef4444; border-radius: 50%; }
.lp-landing__terminal-top i b:nth-child(2) { background: #f59e0b; }
.lp-landing__terminal-top i b:nth-child(3) { background: #22c55e; }
.lp-landing__terminal pre { overflow: hidden; padding: 18px; margin: 0; color: #d9e4ff; background: #070b16; border: 1px solid rgba(255, 255, 255, .08); border-radius: 10px; font-size: clamp(11px, 1.5vw, 14px); line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
.lp-landing__terminal-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 17px; }
.lp-landing__terminal-actions small { color: #aeb1df; font-size: 11px; }
.lp-landing__copy { color: #d9e4ff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); white-space: nowrap; }
.lp-landing__copy:hover { color: #fff; background: rgba(94,99,182,.35); border-color: rgba(176,179,235,.7); }
.lp-landing__command-info { padding: 27px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-bg-card); }
.lp-landing__command-info h3 { margin: 0 0 11px; font-size: 21px; }
.lp-landing__command-info p { margin: 0 0 18px; color: var(--color-text-muted); font-size: 13px; }

.lp-landing__addon-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.lp-landing__addon-card { position: relative; display: flex; flex-direction: column; }
.lp-landing__free-label { position: absolute; top: 20px; right: 20px; padding: 4px 8px; color: var(--color-success-text); background: var(--color-success-soft); border-radius: var(--radius-pill); font-size: 10px; font-weight: 800; }
.lp-landing__addon-head { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; padding-right: 64px; }
.lp-landing__addon-head > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 41px; width: 41px; height: 41px; color: #fff; background: linear-gradient(135deg, #ef5b2a, #f2a13f); border-radius: 11px; font-size: 11px; font-weight: 800; }
.lp-landing__addon-card:nth-child(2) .lp-landing__addon-head > span { background: linear-gradient(135deg, #5e63b6, #8589cf); }
.lp-landing__addon-card:nth-child(3) .lp-landing__addon-head > span { background: linear-gradient(135deg, #464a8f, #777bc7); }
.lp-landing__addon-card p { margin-bottom: 17px; }
.lp-landing__addon-card button { display: block; width: 100%; min-height: 53px; overflow: hidden; padding: 10px 11px; margin-top: auto; color: var(--color-accent-strong); background: var(--color-bg-alt); border: 1px solid var(--color-border); border-radius: var(--radius-md); font-family: var(--font-mono); font-size: 10px; line-height: 1.6; text-align: left; white-space: normal; overflow-wrap: anywhere; word-break: break-word; cursor: pointer; transition: color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast); }
.lp-landing__addon-card button:hover,
.lp-landing__addon-card button:focus-visible { color: var(--color-accent); background: var(--color-accent-soft); border-color: var(--color-accent); }

.lp-landing__feature-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 60px; align-items: start; }
.lp-landing__feature-intro { position: sticky; top: 103px; }
.lp-landing__feature-intro h2 { margin: 15px 0 14px; font-size: clamp(28px, 3.5vw, 42px); letter-spacing: -.045em; }
.lp-landing__feature-intro p { max-width: 470px; margin: 0 0 22px; color: var(--color-text-muted); }
.lp-landing__feature-intro > a,
.lp-landing__feature-list a,
.lp-landing__guide-card a,
.lp-landing__info-card a { color: var(--color-accent); font-size: 13px; font-weight: 800; }
.lp-landing__feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.lp-landing__feature-list article { padding: 21px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg-card); }
.lp-landing__feature-list article > div { display: flex; align-items: center; gap: 12px; min-height: 43px; margin-bottom: 14px; }
.lp-landing__feature-list article > div > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; color: var(--color-accent); background: var(--color-accent-soft); border-radius: 11px; font-size: 12px; font-weight: 800; }
.lp-landing__feature-list h3 { margin: 0; font-size: 16px; }
.lp-landing__feature-list p { margin: 0; color: var(--color-text-muted); font-size: 12px; }

.lp-landing__compare-wrap { overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-bg-card); box-shadow: var(--shadow-card); }
.lp-landing__compare-wrap table { width: 100%; min-width: 700px; border-collapse: collapse; }
.lp-landing__compare-wrap th,
.lp-landing__compare-wrap td { padding: 16px 20px; border-bottom: 1px solid var(--color-border); text-align: left; font-size: 13px; }
.lp-landing__compare-wrap th { color: var(--color-text-hint); background: var(--color-bg-alt); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.lp-landing__compare-wrap th:not(:first-child),
.lp-landing__compare-wrap td:not(:first-child) { text-align: center; }
.lp-landing__compare-wrap tr:last-child td { border-bottom: 0; }
.lp-landing__compare-wrap td:first-child { color: var(--color-text-primary); font-weight: 800; }
.lp-landing__compare-wrap td { color: var(--color-text-muted); }
.lp-landing__requirements { padding: 27px; margin-top: 22px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: linear-gradient(145deg, var(--color-accent-soft), var(--color-bg-card) 60%); box-shadow: var(--shadow-card); }
.lp-landing__requirements-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: 20px; }
.lp-landing__requirements-head h3 { margin: 0 0 6px; font-size: 21px; }
.lp-landing__requirements-head p { max-width: 650px; margin: 0; color: var(--color-text-muted); font-size: 12px; }
.lp-landing__requirements-head a { color: var(--color-accent); font-size: 11px; font-weight: 800; white-space: nowrap; }
.lp-landing__requirements-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.lp-landing__requirements-grid article { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 11px; padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg-card); }
.lp-landing__requirements-grid article > span { display: inline-flex; align-items: center; justify-content: center; width: 31px; height: 31px; color: var(--color-accent); background: var(--color-accent-soft); border-radius: 9px; font-size: 12px; font-weight: 800; }
.lp-landing__requirements-grid h4 { margin: 1px 0 4px; font-size: 13px; }
.lp-landing__requirements-grid p { margin: 0; color: var(--color-text-muted); font-size: 11px; line-height: 1.55; }
.lp-landing__requirements-note { margin: 18px 0 0; color: var(--color-text-hint); font-size: 11px; }
.lp-landing__requirements-note strong { color: var(--color-text-muted); }

.lp-landing__audience-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.lp-landing__audience-grid article { min-height: 185px; padding: 25px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg-card); box-shadow: var(--shadow-card); }
.lp-landing__audience-grid article > span { display: block; margin-bottom: 15px; color: var(--color-accent); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lp-landing__audience-grid h3 { margin: 0 0 10px; font-size: 17px; }
.lp-landing__audience-grid p { margin: 0; color: var(--color-text-muted); font-size: 13px; }
.lp-landing__audience-warning { grid-column: span 4; background: var(--color-bg-alt) !important; box-shadow: none !important; }
.lp-landing__audience-warning > span { color: var(--color-warning-text) !important; }
.lp-landing__audience-warning ul { display: grid; gap: 8px; padding: 0; margin: 0; list-style: none; }
.lp-landing__audience-warning li { display: flex; align-items: flex-start; gap: 8px; color: var(--color-text-muted); font-size: 13px; }
.lp-landing__audience-warning li::before { color: var(--color-warning); content: '!'; font-weight: 900; }
.lp-landing__tooltip-wrap { position: relative; display: inline-flex; vertical-align: middle; margin-left: 4px; }
.lp-landing__info-button { display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; padding: 0; color: #fff; background: var(--color-accent); border: 2px solid var(--color-bg-card); border-radius: 50%; box-shadow: 0 0 0 1px var(--color-accent), 0 3px 9px rgba(94, 99, 182, .25); font-family: Georgia, serif; font-size: 13px; font-weight: 700; line-height: 1; }
.lp-landing__info-button:hover { background: var(--color-accent-hover); transform: translateY(-1px); }
.lp-landing__tooltip { position: absolute; z-index: 10; right: 0; bottom: calc(100% + 10px); display: grid; gap: 5px; width: min(315px, calc(100vw - 48px)); padding: 16px; color: var(--color-text-primary); background: var(--color-bg-card); border: 1px solid var(--color-accent); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); font-size: 12px; line-height: 1.5; }
.lp-landing__tooltip strong { display: block; margin-bottom: 3px; font-size: 12px; }
.lp-landing__tooltip span::before { margin-right: 6px; color: var(--color-success); content: '✓'; font-weight: 900; }
.lp-landing__tooltip small { margin-top: 5px; color: var(--color-text-hint); font-size: 10px; }
.lp-landing__tooltip[hidden] { display: none; }

.lp-landing__content-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr); gap: 24px; align-items: start; }
.lp-landing__prose,
.lp-landing__info-card { padding: 31px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-bg-card); box-shadow: var(--shadow-card); }
.lp-landing__prose h2 { margin: 0 0 16px; font-size: 27px; }
.lp-landing__prose h3 { margin: 27px 0 9px; font-size: 18px; }
.lp-landing__prose p { color: var(--color-text-muted); font-size: 14px; }
.lp-landing__side-stack { display: grid; gap: 17px; }
.lp-landing__info-card--accent { background: linear-gradient(145deg, var(--color-accent-soft), var(--color-bg-card) 70%); }
.lp-landing__info-card ul { display: grid; gap: 9px; padding: 0; margin: 16px 0 0; list-style: none; }
.lp-landing__info-card li { color: var(--color-text-muted); font-size: 12px; }
.lp-landing__info-card li::before { margin-right: 8px; color: var(--color-success); content: '→'; }

.lp-landing__guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 1060px; margin: 0 auto; }
.lp-landing__guide-card { display: flex; flex-direction: column; min-height: 218px; padding: 25px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-bg-card); box-shadow: var(--shadow-card); }
.lp-landing__guide-card--featured { grid-column: span 2; background: linear-gradient(145deg, var(--color-accent-soft), var(--color-bg-card) 68%); }
.lp-landing__guide-card > span { margin-bottom: 15px; color: var(--color-accent); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.lp-landing__guide-card h3 { margin: 0 0 11px; font-size: 20px; }
.lp-landing__guide-card p { margin: 0 0 22px; color: var(--color-text-muted); font-size: 13px; }
.lp-landing__guide-card a:last-child { margin-top: auto; }
.lp-landing__guide-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 24px; }

.lp-landing__faq { max-width: 820px; margin: 0 auto; }
.lp-landing__final-cta { padding: 80px 0; color: #fff; background: linear-gradient(135deg, var(--color-accent-strong), var(--color-accent)); text-align: center; }
.lp-landing__final-cta h2 { margin: 0 auto 14px; color: #fff; font-size: clamp(29px, 4vw, 45px); }
.lp-landing__final-cta p { max-width: 600px; margin: 0 auto 27px; color: rgba(255,255,255,.82); font-size: 16px; }
.lp-landing__final-cta > div > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.lp-landing__button-light { color: var(--color-accent); background: #fff; border-color: #fff; }
.lp-landing__button-light:hover { color: var(--color-accent-strong); background: #f5f7ff; border-color: #f5f7ff; }
.lp-landing__mobile-buy-bar { display: none; }

@media (max-width: 1080px) { .lp-landing__hero-grid { gap: 36px; } .lp-landing__trust-grid { grid-template-columns: repeat(4, 1fr); gap: 0; padding-block: 18px; } .lp-landing__trust-brand { grid-column: 1 / -1; justify-content: center; padding: 0 0 17px; text-align: center; } .lp-landing__pricing-grid--three, .lp-landing__pricing-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-landing__requirements-grid, .lp-landing__requirements-grid--three { grid-template-columns: repeat(2, 1fr); } .lp-landing__audience-grid, .lp-landing__audience-grid--three { grid-template-columns: repeat(2, 1fr); } .lp-landing__audience-warning { grid-column: span 2; } }
@media (max-width: 860px) { .lp-landing__hero-grid, .lp-landing__command-layout, .lp-landing__content-layout, .lp-landing__feature-layout { grid-template-columns: 1fr; } .lp-landing__hero-copy, .lp-landing__hero-panel { max-width: 720px; } .lp-landing__feature-intro { position: static; } .lp-landing__guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-landing__guide-card--featured { grid-column: span 2; } }
@media (max-width: 680px) {
  .lp-landing__container { width: min(calc(100% - 32px), var(--lp-container)); }
  .lp-landing--single .lp-landing__pricing-card .pricing-card__features { grid-template-columns: 1fr; }
  .lp-landing--directadmin .lp-landing__pricing-card .pricing-card__features .lp-landing__pricing-feature--pro-pack { grid-column: auto; }
  .lp-landing__section { padding: 66px 0; }
  .lp-landing__hero { padding: 35px 0 55px; }
  .lp-landing__hero h1 { font-size: clamp(35px, 11vw, 53px); }
  .lp-landing__hero-lead { font-size: 16px; }
  .lp-landing__hero-actions .btn { width: 100%; }
  .lp-landing__hero-proof { display: grid; gap: 11px; }
  .lp-landing__included-head { align-items: flex-start; flex-direction: column; gap: 3px; }
  .lp-landing__included-grid, .lp-landing__decision-grid, .lp-landing__pricing-grid, .lp-landing__pricing-grid--three, .lp-landing__card-grid--3, .lp-landing__process-grid, .lp-landing__addon-grid, .lp-landing__feature-list, .lp-landing__requirements-grid, .lp-landing__requirements-grid--three, .lp-landing__benefit-points, .lp-landing__audience-grid--three { grid-template-columns: 1fr; }
  .lp-landing__hero-panel-wrap { padding-top: 36px; }
  .lp-landing__product-logo { top: 36px; width: 144px; height: 64px; padding: 12px 16px; }
  .lp-landing__hero-panel-body, .lp-landing__decision-card, .lp-landing__pricing-card, .lp-landing__card, .lp-landing__addon-card, .lp-landing__requirements, .lp-landing__terminal, .lp-landing__command-info, .lp-landing__prose, .lp-landing__info-card { padding: 22px; }
  .lp-landing__trust-grid { grid-template-columns: repeat(2, 1fr); gap: 16px 0; }
  .lp-landing__trust-brand { padding-bottom: 4px; }
  .lp-landing__trust-item { padding-inline: 13px; }
  .lp-landing__trust-item:nth-child(odd) { border-left: 0; }
  .lp-landing__requirements-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .lp-landing__requirements-head a { white-space: normal; }
  .lp-landing__audience-grid { grid-template-columns: 1fr; }
  .lp-landing__audience-warning { grid-column: auto; }
  .lp-landing__guide-grid { grid-template-columns: 1fr; }
  .lp-landing__guide-card--featured { grid-column: auto; }
  .lp-landing__terminal-actions { align-items: stretch; flex-direction: column; }
  .lp-landing__terminal-actions .btn { width: 100%; }
  .lp-landing__tooltip { right: auto; left: 0; }
  .lp-landing__mobile-buy-bar { position: fixed; z-index: var(--z-fixed); right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 16px; background: color-mix(in srgb, var(--color-bg-card) 94%, transparent); border-top: 1px solid var(--color-border); box-shadow: 0 -8px 25px rgba(15,21,35,.1); backdrop-filter: blur(14px); }
  .lp-landing__mobile-buy-bar small { display: block; color: var(--color-text-muted); font-size: 10px; }
  .lp-landing__mobile-buy-bar strong { display: block; font-family: var(--font-mono); font-size: 15px; }
  .lp-landing__mobile-buy-bar .btn { min-height: 38px; padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-selected-card::before,
  .lp-landing--directadmin .lp-landing__pricing-feature--pro-pack,
  .lp-landing--directadmin .lp-landing__pricing-feature--pro-pack::after { animation: none !important; }
}