/* GENERATED by scripts/ib-css-split.mts from live.css (page-template rules). Do not edit. */
/* GENERATED by scratchpad ib-build/tools/build-css.cjs from the live crawl (2026-10-30). Do not edit: put fixes in the area files next to it. */
@layer ib {
/* ── inline <style> [inline-bf4366a755] → .ibp-cookies */
html[data-brand="ib"]:where(:has(.ibp-cookies)) .lg-grid > .lg-content { min-width: 0px; }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 0.88rem; }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-table th:where(.ibr *), html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-table td:where(.ibr *) { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid rgb(232, 234, 237); }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-table th:where(.ibr *) { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(107, 114, 128); background: rgb(248, 249, 251); }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-table td:first-child:where(.ibr *) { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.82rem; white-space: nowrap; color: rgb(20, 24, 31); }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-group { margin: 22px 0px 8px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-group strong:where(.ibr *) { font-size: 1rem; color: rgb(20, 24, 31); }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-group span:where(.ibr *) { font-size: 0.82rem; color: rgb(107, 114, 128); }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-group a:where(.ibr *) { color: rgb(230, 28, 114); font-weight: 600; text-decoration: none; }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-group a:hover:where(.ibr *) { text-decoration: underline; }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-cat { margin-top: 34px; padding-top: 22px; border-top: 1px solid rgb(232, 234, 237); }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-cat:first-of-type { margin-top: 0px; padding-top: 0px; border-top: 0px; }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-cat h3:where(.ibr *) { display: flex; align-items: center; gap: 10px; }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-badge { display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-badge--req { background: rgb(20, 24, 31); color: rgb(255, 255, 255); }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-badge--opt { background: rgb(253, 236, 244); color: rgb(196, 16, 95); }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 999px; background: linear-gradient(135deg, rgb(230, 28, 114), rgb(255, 77, 148)); font-weight: 700; box-shadow: rgba(230, 28, 114, 0.7) 0px 10px 22px -12px; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-btn:hover { transform: translateY(-2px); }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-wrap { overflow-x: auto; max-width: 100%; }
@media (max-width: 640px) {
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-table { font-size: 0.84rem; }
html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-table th:where(.ibr *), html[data-brand="ib"]:where(:has(.ibp-cookies)) .ck-table td:where(.ibr *) { padding: 8px 10px; }
}
/* ── /assets/css/package-styles.min.css [package-styles.min.css-1103621a56] → .ibm-service-auto .ibm-service */
html[data-brand="ib"] { --primary: #e61c72; --primary-light: #ff4d94; --primary-dark: #c9156e; --secondary: #7c3aed; --success: #10b981; --light: #fff; --gray-50: #f9fafb; --gray-200: #e5e7eb; --gray-600: #4b5563; --gray-700: #374151; --gray-800: #1f2937; --shadow: 0 1px 3px 0 rgba(0,0,0,.1); --shadow-md: 0 4px 6px -1px rgba(0,0,0,.1); --shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1); --shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1); --radius: 16px; --radius-lg: 24px; --transition: all .2s cubic-bezier(.4,0,.2,1); }
html[data-brand="ib"] *:where(.ibr *) { box-sizing: border-box; margin: 0px; padding: 0px; }
html[data-brand="ib"], html[data-brand="ib"] body { overflow-x: hidden; width: 100%; position: relative; }
html[data-brand="ib"] body { max-width: 100vw; }
html[data-brand="ib"] .modern-packages-section { background: rgb(255, 255, 255); padding: 60px 0px; width: 100%; max-width: 100%; overflow: hidden; position: relative; contain: layout style paint; }
html[data-brand="ib"] .modern-package-header { text-align: center; margin-bottom: 40px; width: 100%; max-width: 100%; padding: 0px 15px; }
html[data-brand="ib"] .modern-package-header .badge { background: linear-gradient(135deg,var(--primary),var(--primary-light)); color: white; padding: 6px 16px; border-radius: 50px; font-weight: 600; font-size: 0.8rem; text-transform: uppercase; margin-bottom: 16px; display: inline-block; box-shadow: var(--shadow-md); }
html[data-brand="ib"] .modern-package-header h1:where(.ibr *) { font-size: clamp(1.5rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 12px; line-height: 1.2; overflow-wrap: break-word; max-width: 100%; }
html[data-brand="ib"] .modern-package-header .subtitle { font-size: 1rem; color: var(--gray-600); max-width: 500px; margin: 0px auto; line-height: 1.5; overflow-wrap: break-word; }
html[data-brand="ib"] .modern-packages-container { max-width: 1000px; margin: 0px auto; width: 100%; padding: 0px 15px; box-sizing: border-box; }
html[data-brand="ib"] .modern-packages-wrapper { background: var(--light); border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); overflow: hidden; border: 1px solid var(--gray-200); width: 100%; max-width: 100%; box-sizing: border-box; }
html[data-brand="ib"] .packages-selector { background: var(--gray-50); padding: 24px; border-bottom: 1px solid var(--gray-200); width: 100%; box-sizing: border-box; overflow: hidden; }
html[data-brand="ib"] .packages-selector h2:where(.ibr *) { color: var(--gray-800); font-size: 1.3rem; font-weight: 700; margin-bottom: 16px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 8px; overflow-wrap: break-word; }
html[data-brand="ib"] .packages-selector h2:where(.ibr *)::before { content: "🔥"; font-size: 1.1em; }
html[data-brand="ib"] .packages-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 0px; width: 100%; max-width: 100%; box-sizing: border-box; }
html[data-brand="ib"] .package-option { background: var(--light); border: 2px solid var(--gray-200); border-radius: var(--radius); padding: 16px 12px; text-align: center; cursor: pointer; transition: var(--transition); position: relative; width: 100%; box-sizing: border-box; min-width: 0px; overflow-wrap: break-word; overflow: hidden; will-change: transform, box-shadow; }
html[data-brand="ib"] .package-option:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); border-color: var(--primary); }
html[data-brand="ib"] .package-option.active { background: linear-gradient(135deg,var(--primary),var(--primary-light)); border-color: var(--primary); color: var(--light); transform: translateY(-2px); box-shadow: var(--shadow-lg); border-radius: var(--radius); }
html[data-brand="ib"] .package-option.active .package-quantity, html[data-brand="ib"] .package-option.active .package-label { color: var(--light); }
html[data-brand="ib"] .package-quantity { font-size: 1.6rem; font-weight: 800; color: var(--gray-800); margin-bottom: 4px; display: block; overflow-wrap: break-word; }
html[data-brand="ib"] .package-label { font-size: 0.85rem; color: var(--gray-600); font-weight: 500; text-transform: uppercase; letter-spacing: 0.3px; overflow-wrap: break-word; }
html[data-brand="ib"] .package-details { padding: 32px; background: var(--light); width: 100%; box-sizing: border-box; overflow: hidden; }
html[data-brand="ib"] .package-details-grid { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: start; width: 100%; max-width: 100%; box-sizing: border-box; }
html[data-brand="ib"] .package-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; width: 100%; max-width: 100%; box-sizing: border-box; }
html[data-brand="ib"] .feature-item { display: flex; align-items: center; gap: 10px; padding: 12px; background: var(--gray-50); border-radius: var(--radius); border: 1px solid var(--gray-200); transition: var(--transition); width: 100%; box-sizing: border-box; min-width: 0px; overflow: hidden; will-change: transform; }
html[data-brand="ib"] .feature-item:hover { background: var(--light); border-color: var(--primary); transform: translateX(3px); }
html[data-brand="ib"] .feature-icon { width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg,var(--success),#059669); display: flex; align-items: center; justify-content: center; color: var(--light); font-size: 10px; font-weight: bold; flex-shrink: 0; line-height: 1; }
html[data-brand="ib"] .feature-text { font-size: 0.9rem; color: var(--gray-700); font-weight: 500; line-height: 1.3; overflow-wrap: break-word; min-width: 0px; }
html[data-brand="ib"] .package-price-section { text-align: center; background: var(--gray-50); border-radius: var(--radius-lg); padding: 24px; border: 1px solid var(--gray-200); position: sticky; top: 20px; height: fit-content; }
html[data-brand="ib"] .package-price { background:linear-gradient(135deg,var(--primary),var(--primary-light)); font-size: 2.5rem; font-weight: 900; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1; display: inline-block; }
html[data-brand="ib"] .package-price-currency { background:linear-gradient(135deg,var(--primary),var(--primary-light)); font-size: 1.2rem; font-weight: 900; -webkit-text-fill-color: transparent; background-clip: text; margin-left: 2px; }
html[data-brand="ib"] .package-price-label { color: var(--gray-600); font-size: 0.85rem; margin-bottom: 20px; font-weight: 500; }
html[data-brand="ib"] .modern-order-button { background: linear-gradient(135deg,var(--primary),var(--primary-light)); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--light); font-size: 1rem; font-weight: 700; padding: 12px 32px; border-radius: 50px; cursor: pointer; transition: var(--transition); text-transform: uppercase; letter-spacing: 0.8px; position: relative; box-shadow: var(--shadow-lg); width: 100%; will-change: transform, box-shadow; }
html[data-brand="ib"] .modern-order-button:hover { transform: translateY(-2px); box-shadow: var(--shadow-xl); }
html[data-brand="ib"] .modern-order-button:active { transform: translateY(0px); }
html[data-brand="ib"] .modern-order-button.disabled { background: rgb(156, 163, 175); cursor: not-allowed; transform: none; box-shadow: var(--shadow); }
html[data-brand="ib"] .modern-order-button.disabled:hover { transform: none; box-shadow: var(--shadow); }
html[data-brand="ib"] .mobile-bottom-bar { position: fixed; bottom: 0px; left: 0px; right: 0px; background: linear-gradient(135deg,var(--primary),var(--primary-light)); color: white; padding: 12px 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px -4px 20px; z-index: 1000; transform: translateY(100%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-top: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); will-change: transform; height: 70px; }
html[data-brand="ib"] .mobile-bottom-bar.show { transform: translateY(0px); }
html[data-brand="ib"] .mobile-bottom-bar .price-info { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-right: 70px; }
html[data-brand="ib"] .mobile-bottom-bar .mobile-price { font-size: 1.5rem; font-weight: 900; color: white; }
html[data-brand="ib"] .mobile-bottom-bar .mobile-price-currency { font-size: 1rem; margin-left: 2px; }
html[data-brand="ib"] .mobile-bottom-bar .mobile-order-btn { background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.3); color: white; padding: 8px 20px; border-radius: 50px; font-weight: 700; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; transition: var(--transition); backdrop-filter: blur(10px); flex-shrink: 0; will-change: transform, box-shadow; margin-left: auto; }
html[data-brand="ib"] .mobile-bottom-bar .mobile-order-btn:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; }
html[data-brand="ib"] .mobile-bottom-bar .mobile-order-btn.disabled { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.6); cursor: not-allowed; }
html[data-brand="ib"] .mobile-bottom-bar .mobile-order-btn.disabled:hover { transform: none; box-shadow: none; }
@media (max-width: 768px) {
html[data-brand="ib"], html[data-brand="ib"] body { position: relative; overflow-x: hidden !important; width: 100% !important; }
html[data-brand="ib"] body { padding-bottom: 80px; }
html[data-brand="ib"] .modern-packages-section { padding: 50px 0px 40px; max-width: 100vw; overflow: hidden !important; }
html[data-brand="ib"] .modern-packages-container { padding: 0px 10px; margin: 0px auto; max-width: calc(-20px + 100vw); overflow: hidden; }
html[data-brand="ib"] .modern-package-header { margin-top: 20px; margin-bottom: 30px; padding: 0px 5px; max-width: 100%; }
html[data-brand="ib"] .modern-package-header h1:where(.ibr *) { font-size: clamp(1.8rem, 5vw, 2.5rem); overflow-wrap: break-word; }
html[data-brand="ib"] .packages-selector { padding: 30px 12px 20px; overflow: visible; position: relative; }
html[data-brand="ib"] .packages-selector h2:where(.ibr *) { margin-bottom: 25px; }
html[data-brand="ib"] .packages-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; overflow: visible; margin-top: 0px; padding: 10px 0px; position: relative; }
html[data-brand="ib"] .package-option { padding: 12px 8px; min-width: 0px; overflow: visible; position: relative; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
html[data-brand="ib"] .package-quantity { font-size: 1.3rem; }
html[data-brand="ib"] .package-label { font-size: 0.75rem; word-break: break-word; }
html[data-brand="ib"] .package-details { padding: 24px 16px; overflow: hidden; }
html[data-brand="ib"] .package-details-grid { grid-template-columns: 1fr; gap: 24px; }
html[data-brand="ib"] .package-features { grid-template-columns: 1fr; gap: 12px; }
html[data-brand="ib"] .feature-item { min-width: 0px; overflow-wrap: break-word; overflow: hidden; }
html[data-brand="ib"] .package-price { font-size: 2rem; }
html[data-brand="ib"] .package-price-section { position: static; margin-top: 16px; padding: 20px 16px; }
html[data-brand="ib"] .mobile-bottom-bar { display: block; }
}
@media (max-width: 480px) {
html[data-brand="ib"], html[data-brand="ib"] body { overflow-x: hidden !important; width: 100% !important; }
html[data-brand="ib"] .modern-packages-section { padding: 50px 0px 40px; max-width: 100vw; position: relative; z-index: 1; overflow: hidden !important; }
html[data-brand="ib"] .modern-packages-container { padding: 0px 8px; max-width: calc(-16px + 100vw); overflow: hidden; }
html[data-brand="ib"] .modern-package-header { margin-top: 50px; padding: 0px 4px; max-width: 100%; }
html[data-brand="ib"] .modern-package-header h1:where(.ibr *) { font-size: clamp(1.6rem, 5vw, 2.2rem); }
html[data-brand="ib"] .packages-selector { padding: 25px 8px; overflow: hidden; position: relative; z-index: 2; }
html[data-brand="ib"] .packages-selector h2:where(.ibr *) { margin-bottom: 25px; }
html[data-brand="ib"] .packages-grid { grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 15px; position: relative; z-index: 3; }
html[data-brand="ib"] .package-option { padding: 10px 6px; min-width: 0px; overflow: hidden; position: relative; z-index: 4; touch-action: manipulation; }
html[data-brand="ib"] .package-quantity { font-size: 1.1rem; }
html[data-brand="ib"] .package-label { font-size: 0.7rem; word-break: break-word; }
html[data-brand="ib"] .package-details { padding: 20px 12px; overflow: hidden; }
html[data-brand="ib"] .package-price-section { padding: 16px 12px; }
html[data-brand="ib"] .modern-order-button { padding: 10px 24px; font-size: 0.9rem; }
}
@media (min-width: 769px) {
html[data-brand="ib"] .mobile-bottom-bar { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
html[data-brand="ib"] *:where(.ibr *) { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
/* ── /assets/css/package-content-typography.css [package-content-typography.css-66a9b03d66] → .ibm-network .ibm-service-auto .ibm-service */
html[data-brand="ib"] { --pkg-primary: #e91e63; --pkg-primary-dark: #c2185b; --pkg-accent: #ff3e6c; --pkg-text-primary: #1a1a2e; --pkg-text-secondary: #4a4a6a; --pkg-text-light: #7a7a9a; --pkg-bg-light: #f8f9fc; --pkg-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05); --pkg-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08); --pkg-radius: 8px; --pkg-transition: 0.25s ease; }
/* ── /assets/css/package-new-sections.css [package-new-sections.css-4e31102d83] → .ibm-service-auto .ibm-service */
html[data-brand="ib"] { --pkg-primary: #e61c72; --pkg-primary-light: #ff4d94; --pkg-primary-dark: #c9156e; --pkg-primary-text: #a91258; --pkg-gradient: linear-gradient(135deg, var(--pkg-primary) 0%, var(--pkg-primary-light) 100%); --pkg-text-primary: #1a1a2e; --pkg-text-secondary: #64748b; --pkg-bg-light: #f8fafc; --pkg-bg-subtle: #fdf2f8; --pkg-border: rgba(0, 0, 0, 0.06); --pkg-border-light: rgba(230, 28, 114, 0.1); --pkg-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04); --pkg-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08); --pkg-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12); --pkg-shadow-pink: 0 4px 20px rgba(230, 28, 114, 0.15); --pkg-radius-sm: 8px; --pkg-radius-md: 16px; --pkg-radius-lg: 24px; --pkg-radius-full: 9999px; --pkg-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
html[data-brand="ib"] .trust-bar-section { background: var(--pkg-bg-light); padding: 24px 0px; border-bottom: 1px solid var(--pkg-border); }
html[data-brand="ib"] .trust-bar { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 32px; }
html[data-brand="ib"] .trust-item { display: flex; align-items: center; gap: 10px; color: var(--pkg-text-secondary); font-size: 0.9rem; font-weight: 500; transition: var(--pkg-transition); }
html[data-brand="ib"] .trust-item:hover { color: var(--pkg-primary-text); }
html[data-brand="ib"] .trust-icon { width: 20px; height: 20px; stroke: var(--pkg-primary); flex-shrink: 0; }
html[data-brand="ib"] .how-it-works-section { background: rgb(255, 255, 255); padding: 80px 0px; position: relative; overflow: hidden; }
html[data-brand="ib"] .how-it-works-section::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 1px; background: var(--pkg-gradient); opacity: 0.2; }
html[data-brand="ib"] .section-header { text-align: center; margin-bottom: 50px; }
html[data-brand="ib"] .section-badge { display: inline-block; background: var(--pkg-gradient); color: rgb(255, 255, 255); font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; padding: 8px 20px; border-radius: var(--pkg-radius-full); margin-bottom: 20px; box-shadow: var(--pkg-shadow-md); }
html[data-brand="ib"] .section-header h2:where(.ibr *) { background: var(--pkg-gradient); font-size: clamp(1.8rem, 4vw, 2.5rem); font-weight: 800; color: var(--pkg-text-primary); margin-bottom: 12px; -webkit-text-fill-color: transparent; background-clip: text; }
html[data-brand="ib"] .section-header p:where(.ibr *) { font-size: 1.1rem; color: var(--pkg-text-secondary); max-width: 500px; margin: 0px auto; }
html[data-brand="ib"] .steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1000px; margin: 0px auto; }
html[data-brand="ib"] .step-card { position: relative; background: rgb(255, 255, 255); border-radius: var(--pkg-radius-lg); padding: 40px 30px; text-align: center; border: 1px solid var(--pkg-border); box-shadow: var(--pkg-shadow-sm); transition: var(--pkg-transition); animation-duration: 0.6s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: ib-fadeInUp; animation-timeline: auto; animation-range: normal; animation-delay: calc(0.1s * var(--step-index, 1)); opacity: 0; }
html[data-brand="ib"] .step-card:hover { transform: translateY(-8px); box-shadow: var(--pkg-shadow-lg); border-color: var(--pkg-primary); }
html[data-brand="ib"] .step-number { position: absolute; top: -15px; right: -15px; width: 44px; height: 44px; background: var(--pkg-gradient); color: rgb(255, 255, 255); font-size: 1.2rem; font-weight: 800; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: var(--pkg-shadow-md); }
html[data-brand="ib"] .step-icon { width: 64px; height: 64px; background: linear-gradient(135deg, rgba(230, 28, 114, 0.1) 0%, rgba(255, 77, 148, 0.1) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 20px; transition: var(--pkg-transition); }
html[data-brand="ib"] .step-icon svg:where(.ibr *) { width: 32px; height: 32px; stroke: var(--pkg-primary); stroke-width: 1.5; }
html[data-brand="ib"] .step-card:hover .step-icon { background: var(--pkg-gradient); transform: scale(1.1); }
html[data-brand="ib"] .step-card:hover .step-icon svg:where(.ibr *) { stroke: rgb(255, 255, 255); }
html[data-brand="ib"] .step-card h3:where(.ibr *) { font-size: 1.2rem; font-weight: 700; color: var(--pkg-text-primary); margin-bottom: 12px; }
html[data-brand="ib"] .step-card p:where(.ibr *) { font-size: 0.95rem; color: var(--pkg-text-secondary); line-height: 1.6; margin: 0px; }
html[data-brand="ib"] .social-proof-section { background: linear-gradient(135deg, rgba(230, 28, 114, 0.03) 0%, rgba(255, 77, 148, 0.06) 100%); padding: 40px 0px; border-top: 1px solid var(--pkg-border); border-bottom: 1px solid var(--pkg-border); }
html[data-brand="ib"] .social-proof-bar { display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; }
html[data-brand="ib"] .avatars-stack { display: flex; align-items: center; }
html[data-brand="ib"] .avatar { width: 44px; height: 44px; background: var(--pkg-gradient); border-radius: 50%; border: 3px solid rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; margin-left: -14px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; animation-duration: 0.4s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: ib-avatarPop; animation-timeline: auto; animation-range: normal; animation-delay: calc(0.1s * var(--avatar-index, 1)); opacity: 0; transform: scale(0.8); overflow: hidden; }
html[data-brand="ib"] .avatar:first-child { margin-left: 0px; }
html[data-brand="ib"] .avatar-img { background: rgb(240, 240, 240); padding: 0px; }
html[data-brand="ib"] .avatar-img img:where(.ibr *) { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
html[data-brand="ib"] .proof-text { font-size: 1rem; color: var(--pkg-text-secondary); }
html[data-brand="ib"] .proof-text strong:where(.ibr *) { color: var(--pkg-primary-text); font-weight: 700; font-size: 1.1rem; }
html[data-brand="ib"] .faq-section { background: rgb(255, 255, 255); padding: 80px 0px; }
html[data-brand="ib"] .faq-section .section-header { margin-bottom: 50px; }
html[data-brand="ib"] .faq-list { max-width: 800px; margin: 0px auto; display: flex; flex-direction: column; gap: 16px; }
html[data-brand="ib"] .faq-item { background: var(--pkg-bg-light); border-radius: var(--pkg-radius-md); border: 1px solid var(--pkg-border); overflow: hidden; transition: var(--pkg-transition); animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: ib-fadeInUp; animation-timeline: auto; animation-range: normal; animation-delay: calc(0.08s * var(--faq-index, 1)); opacity: 0; }
html[data-brand="ib"] .faq-item:hover { border-color: rgba(230, 28, 114, 0.2); box-shadow: var(--pkg-shadow-md); }
html[data-brand="ib"] .faq-item.open { border-color: var(--pkg-primary); box-shadow: var(--pkg-shadow-pink); }
html[data-brand="ib"] .faq-question { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; text-align: left; transition: var(--pkg-transition); }
html[data-brand="ib"] .faq-question:hover { background: rgba(230, 28, 114, 0.02); }
html[data-brand="ib"] .faq-question:focus { outline: none; }
html[data-brand="ib"] .faq-question:focus-visible { outline: 2px solid var(--pkg-primary); outline-offset: -2px; }
html[data-brand="ib"] .faq-question-text { font-size: 1.05rem; font-weight: 600; color: var(--pkg-text-primary); line-height: 1.4; flex: 1 1 0%; }
html[data-brand="ib"] .faq-item.open .faq-question-text { color: var(--pkg-primary-text); }
html[data-brand="ib"] .faq-toggle { width: 32px; height: 32px; background: linear-gradient(135deg, rgba(230, 28, 114, 0.1) 0%, rgba(255, 77, 148, 0.1) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: var(--pkg-transition); }
html[data-brand="ib"] .faq-toggle svg:where(.ibr *) { width: 16px; height: 16px; stroke: var(--pkg-primary); transition: transform 0.3s; }
html[data-brand="ib"] .faq-item.open .faq-toggle { background: var(--pkg-gradient); }
html[data-brand="ib"] .faq-item.open .faq-toggle svg:where(.ibr *) { stroke: rgb(255, 255, 255); transform: rotate(45deg); }
html[data-brand="ib"] .faq-answer { max-height: 0px; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
html[data-brand="ib"] .faq-item.open .faq-answer { max-height: 500px; }
html[data-brand="ib"] .faq-answer-content { padding: 0px 24px 24px; color: var(--pkg-text-secondary); font-size: 0.95rem; line-height: 1.7; }
html[data-brand="ib"] .faq-more { text-align: center; margin-top: 40px; }
html[data-brand="ib"] .faq-more-link { display: inline-flex; align-items: center; gap: 8px; color: var(--pkg-primary-text); font-size: 1rem; font-weight: 600; text-decoration: none; padding: 12px 24px; border-radius: var(--pkg-radius-full); border: 2px solid var(--pkg-primary); transition: var(--pkg-transition); }
html[data-brand="ib"] .faq-more-link:hover { background: var(--pkg-gradient); border-color: var(--pkg-primary); color: rgb(255, 255, 255); text-decoration: none; }
html[data-brand="ib"] .faq-more-link svg:where(.ibr *) { width: 18px; height: 18px; transition: transform 0.3s; }
html[data-brand="ib"] .faq-more-link:hover svg:where(.ibr *) { transform: translateX(4px); }
html[data-brand="ib"] .cta-final-section { background: rgb(255, 255, 255); padding: 60px 0px 80px; }
html[data-brand="ib"] .cta-final-card { background: var(--pkg-bg-subtle); border: 2px solid var(--pkg-border-light); border-radius: var(--pkg-radius-lg); padding: 40px; display: flex; align-items: center; justify-content: space-between; gap: 30px; max-width: 800px; margin: 0px auto; position: relative; overflow: hidden; transition: var(--pkg-transition); }
html[data-brand="ib"] .cta-final-card::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 4px; background: var(--pkg-gradient); }
html[data-brand="ib"] .cta-final-card:hover { border-color: var(--pkg-primary); box-shadow: var(--pkg-shadow-pink); transform: translateY(-4px); }
html[data-brand="ib"] .cta-final-content { display: flex; align-items: center; gap: 20px; }
html[data-brand="ib"] .cta-icon-wrapper { width: 60px; height: 60px; background: var(--pkg-gradient); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: var(--pkg-shadow-pink); }
html[data-brand="ib"] .cta-icon-wrapper svg:where(.ibr *) { width: 28px; height: 28px; stroke: rgb(255, 255, 255); }
html[data-brand="ib"] .cta-text h2:where(.ibr *) { font-size: 1.5rem; font-weight: 800; color: var(--pkg-text-primary); margin: 0px 0px 4px; }
html[data-brand="ib"] .cta-text p:where(.ibr *) { font-size: 1rem; color: var(--pkg-text-secondary); margin: 0px; }
html[data-brand="ib"] .cta-text strong:where(.ibr *) { color: var(--pkg-primary-text); font-weight: 700; font-size: 1.2rem; }
html[data-brand="ib"] .cta-final-button { display: inline-flex; align-items: center; gap: 10px; background: var(--pkg-gradient); color: rgb(255, 255, 255); font-size: 1rem; font-weight: 700; padding: 16px 28px; border-radius: var(--pkg-radius-full); text-decoration: none; box-shadow: var(--pkg-shadow-pink); transition: var(--pkg-transition); flex-shrink: 0; white-space: nowrap; }
html[data-brand="ib"] .cta-final-button:hover { transform: translateY(-2px) scale(1.02); box-shadow: rgba(230, 28, 114, 0.3) 0px 8px 25px; color: rgb(255, 255, 255); text-decoration: none; }
html[data-brand="ib"] .cta-final-button svg:where(.ibr *) { width: 18px; height: 18px; stroke-width: 2.5; animation: 1.5s ease-in-out 0s infinite normal none running ib-arrowBounce; }
html[data-brand="ib"] .related-products-section { background: var(--pkg-bg-light); padding: 80px 0px; }
html[data-brand="ib"] .related-products-section .section-header { margin-bottom: 40px; }
html[data-brand="ib"] .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1000px; margin: 0px auto; }
html[data-brand="ib"] .related-card { background: rgb(255, 255, 255); border-radius: var(--pkg-radius-md); padding: 28px 24px; text-decoration: none; border: 1px solid var(--pkg-border); transition: var(--pkg-transition); display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; overflow: hidden; }
html[data-brand="ib"] .related-card::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background: var(--pkg-gradient); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
html[data-brand="ib"] .related-card:hover { transform: translateY(-6px); box-shadow: var(--pkg-shadow-lg); border-color: var(--pkg-primary); text-decoration: none; }
html[data-brand="ib"] .related-card:hover::before { transform: scaleX(1); }
html[data-brand="ib"] .related-badge { position: absolute; top: 12px; right: 12px; background: var(--pkg-gradient); color: rgb(255, 255, 255); font-size: 0.7rem; font-weight: 700; padding: 4px 10px; border-radius: var(--pkg-radius-full); text-transform: uppercase; letter-spacing: 0.5px; }
html[data-brand="ib"] .related-card-icon { width: 64px; height: 64px; background: linear-gradient(135deg, rgba(230, 28, 114, 0.08) 0%, rgba(255, 77, 148, 0.08) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; transition: var(--pkg-transition); }
html[data-brand="ib"] .related-card-icon img:where(.ibr *) { width: 48px; height: 48px; object-fit: contain; }
html[data-brand="ib"] .related-card:hover .related-card-icon { transform: scale(1.1); box-shadow: rgba(230, 28, 114, 0.25) 0px 8px 20px; }
html[data-brand="ib"] .related-card-title { font-size: 1rem; font-weight: 700; color: var(--pkg-text-primary); margin: 0px 0px 12px; line-height: 1.3; }
html[data-brand="ib"] .related-card-cta { display: inline-flex; align-items: center; gap: 6px; color: var(--pkg-primary-text); font-size: 0.9rem; font-weight: 600; margin-top: auto; transition: var(--pkg-transition); }
html[data-brand="ib"] .related-card-cta svg:where(.ibr *) { width: 16px; height: 16px; transition: transform 0.3s; }
html[data-brand="ib"] .related-card:hover .related-card-cta { color: var(--pkg-primary-dark); }
html[data-brand="ib"] .related-card:hover .related-card-cta svg:where(.ibr *) { transform: translateX(4px); }
@media (max-width: 992px) {
html[data-brand="ib"] .steps-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
html[data-brand="ib"] .step-card { padding: 30px 20px; }
html[data-brand="ib"] .related-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
html[data-brand="ib"] .cta-final-card { padding: 32px; }
}
@media (max-width: 768px) {
html[data-brand="ib"] .trust-bar { gap: 20px; }
html[data-brand="ib"] .trust-item { font-size: 0.85rem; }
html[data-brand="ib"] .how-it-works-section { padding: 60px 0px; }
html[data-brand="ib"] .steps-grid { grid-template-columns: 1fr; gap: 40px; max-width: 400px; }
html[data-brand="ib"] .step-card { padding: 35px 25px; }
html[data-brand="ib"] .social-proof-section { padding: 30px 0px; }
html[data-brand="ib"] .social-proof-bar { flex-direction: column; gap: 12px; text-align: center; }
html[data-brand="ib"] .faq-section { padding: 60px 0px; }
html[data-brand="ib"] .faq-list { gap: 12px; }
html[data-brand="ib"] .faq-question { padding: 18px 20px; }
html[data-brand="ib"] .faq-question-text { font-size: 0.95rem; }
html[data-brand="ib"] .faq-toggle { width: 28px; height: 28px; }
html[data-brand="ib"] .faq-toggle svg:where(.ibr *) { width: 14px; height: 14px; }
html[data-brand="ib"] .faq-answer-content { padding: 0px 20px 20px; font-size: 0.9rem; }
html[data-brand="ib"] .faq-more { margin-top: 32px; }
html[data-brand="ib"] .faq-more-link { font-size: 0.9rem; padding: 10px 20px; }
html[data-brand="ib"] .cta-final-section { padding: 50px 0px 70px; }
html[data-brand="ib"] .cta-final-card { flex-direction: column; text-align: center; padding: 32px 24px; gap: 24px; }
html[data-brand="ib"] .cta-final-content { flex-direction: column; gap: 16px; }
html[data-brand="ib"] .cta-icon-wrapper { width: 56px; height: 56px; }
html[data-brand="ib"] .cta-icon-wrapper svg:where(.ibr *) { width: 26px; height: 26px; }
html[data-brand="ib"] .cta-text h2:where(.ibr *) { font-size: 1.4rem; }
html[data-brand="ib"] .cta-final-button { width: 100%; justify-content: center; padding: 16px 24px; }
html[data-brand="ib"] .related-products-section { padding: 60px 0px; }
html[data-brand="ib"] .related-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
html[data-brand="ib"] .related-card { padding: 20px 16px; }
html[data-brand="ib"] .related-card-icon { width: 56px; height: 56px; margin-bottom: 12px; }
html[data-brand="ib"] .related-card-icon img:where(.ibr *) { width: 40px; height: 40px; }
html[data-brand="ib"] .related-card-title { font-size: 0.9rem; margin-bottom: 10px; }
html[data-brand="ib"] .related-card-cta { font-size: 0.8rem; }
html[data-brand="ib"] .related-badge { font-size: 0.65rem; padding: 3px 8px; top: 10px; right: 10px; }
}
@media (max-width: 480px) {
html[data-brand="ib"] .trust-bar-section { padding: 20px 0px; }
html[data-brand="ib"] .trust-bar { gap: 16px; }
html[data-brand="ib"] .trust-item { font-size: 0.8rem; gap: 8px; }
html[data-brand="ib"] .trust-icon { width: 18px; height: 18px; }
html[data-brand="ib"] .how-it-works-section { padding: 50px 0px; }
html[data-brand="ib"] .section-badge { font-size: 0.7rem; padding: 6px 16px; }
html[data-brand="ib"] .section-header h2:where(.ibr *) { font-size: 1.6rem; }
html[data-brand="ib"] .section-header p:where(.ibr *) { font-size: 1rem; padding: 0px 20px; }
html[data-brand="ib"] .steps-grid { gap: 30px; padding: 0px 10px; }
html[data-brand="ib"] .step-card { padding: 30px 20px; }
html[data-brand="ib"] .step-number { width: 38px; height: 38px; font-size: 1rem; top: -12px; right: -12px; }
html[data-brand="ib"] .step-icon { width: 56px; height: 56px; }
html[data-brand="ib"] .step-icon svg:where(.ibr *) { width: 28px; height: 28px; }
html[data-brand="ib"] .step-card h3:where(.ibr *) { font-size: 1.1rem; }
html[data-brand="ib"] .step-card p:where(.ibr *) { font-size: 0.9rem; }
html[data-brand="ib"] .social-proof-section { padding: 25px 0px; }
html[data-brand="ib"] .avatar { width: 38px; height: 38px; margin-left: -12px; border-width: 2px; }
html[data-brand="ib"] .proof-text { font-size: 0.9rem; }
html[data-brand="ib"] .proof-text strong:where(.ibr *) { font-size: 1rem; }
html[data-brand="ib"] .faq-section { padding: 50px 0px; }
html[data-brand="ib"] .faq-list { gap: 10px; }
html[data-brand="ib"] .faq-question { padding: 16px 18px; gap: 12px; }
html[data-brand="ib"] .faq-question-text { font-size: 0.9rem; }
html[data-brand="ib"] .faq-toggle { width: 26px; height: 26px; }
html[data-brand="ib"] .faq-toggle svg:where(.ibr *) { width: 12px; height: 12px; }
html[data-brand="ib"] .faq-answer-content { padding: 0px 18px 18px; font-size: 0.85rem; line-height: 1.6; }
html[data-brand="ib"] .faq-more { margin-top: 28px; }
html[data-brand="ib"] .faq-more-link { font-size: 0.85rem; padding: 10px 18px; width: 100%; justify-content: center; }
html[data-brand="ib"] .cta-final-section { padding: 40px 0px 60px; }
html[data-brand="ib"] .cta-final-card { padding: 28px 20px; margin: 0px 10px; gap: 20px; }
html[data-brand="ib"] .cta-icon-wrapper { width: 50px; height: 50px; }
html[data-brand="ib"] .cta-icon-wrapper svg:where(.ibr *) { width: 24px; height: 24px; }
html[data-brand="ib"] .cta-text h2:where(.ibr *) { font-size: 1.25rem; }
html[data-brand="ib"] .cta-text p:where(.ibr *) { font-size: 0.9rem; }
html[data-brand="ib"] .cta-text strong:where(.ibr *) { font-size: 1.1rem; }
html[data-brand="ib"] .cta-final-button { padding: 14px 20px; font-size: 0.95rem; }
html[data-brand="ib"] .related-products-section { padding: 50px 0px; }
html[data-brand="ib"] .related-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 0px 10px; }
html[data-brand="ib"] .related-card { padding: 18px 14px; border-radius: var(--pkg-radius-sm); }
html[data-brand="ib"] .related-card-icon { width: 50px; height: 50px; margin-bottom: 10px; }
html[data-brand="ib"] .related-card-icon img:where(.ibr *) { width: 36px; height: 36px; }
html[data-brand="ib"] .related-card-title { font-size: 0.85rem; margin-bottom: 8px; line-height: 1.25; }
html[data-brand="ib"] .related-card-cta { font-size: 0.75rem; gap: 4px; }
html[data-brand="ib"] .related-card-cta svg:where(.ibr *) { width: 14px; height: 14px; }
html[data-brand="ib"] .related-badge { font-size: 0.6rem; padding: 2px 6px; top: 8px; right: 8px; }
}
@media (max-width: 360px) {
html[data-brand="ib"] .trust-bar { gap: 12px; }
html[data-brand="ib"] .trust-item { font-size: 0.75rem; }
html[data-brand="ib"] .related-grid { gap: 10px; padding: 0px 8px; }
html[data-brand="ib"] .related-card { padding: 16px 12px; }
html[data-brand="ib"] .related-card-icon { width: 44px; height: 44px; }
html[data-brand="ib"] .related-card-icon img:where(.ibr *) { width: 32px; height: 32px; }
html[data-brand="ib"] .related-card-title { font-size: 0.8rem; }
html[data-brand="ib"] .cta-final-card { padding: 24px 16px; }
html[data-brand="ib"] .cta-text h2:where(.ibr *) { font-size: 1.15rem; }
}
@media (prefers-reduced-motion: reduce) {
html[data-brand="ib"] .step-card, html[data-brand="ib"] .avatar, html[data-brand="ib"] .cta-final-button svg:where(.ibr *) { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }
html[data-brand="ib"] .step-card:hover, html[data-brand="ib"] .cta-final-button:hover, html[data-brand="ib"] .cta-final-card:hover, html[data-brand="ib"] .related-card:hover { transform: none; }
html[data-brand="ib"] .related-card:hover .related-card-cta svg:where(.ibr *) { transform: none; }
}
html[data-brand="ib"] .related-blogs-section { padding: 70px 0px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(250, 250, 250) 100%); }
html[data-brand="ib"] .blogs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 50px; }
html[data-brand="ib"] .related-blogs-section .blog-card, html[data-brand="ib"] .related-blogs-section .blog-card:hover, html[data-brand="ib"] .related-blogs-section .blog-card:focus, html[data-brand="ib"] .related-blogs-section .blog-card:active, html[data-brand="ib"] .related-blogs-section .blog-card *:where(.ibr *), html[data-brand="ib"] .related-blogs-section .blog-card:hover *:where(.ibr *) { text-decoration: none !important; }
html[data-brand="ib"] .blog-card { background: rgb(255, 255, 255); border-radius: var(--pkg-radius); overflow: hidden; text-decoration: none; color: inherit; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px; border: 1px solid rgba(0, 0, 0, 0.05); transition: 0.3s; display: flex; flex-direction: column; }
html[data-brand="ib"] .blog-card:hover { transform: translateY(-4px); box-shadow: rgba(230, 28, 114, 0.12) 0px 12px 32px; border-color: rgba(230, 28, 114, 0.15); }
html[data-brand="ib"] .blog-card-image { position: relative; width: 100%; height: 180px; overflow: hidden; background: linear-gradient(135deg, rgb(253, 242, 248) 0%, rgb(252, 231, 243) 100%); }
html[data-brand="ib"] .blog-card-image img:where(.ibr *) { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
html[data-brand="ib"] .blog-card:hover .blog-card-image img:where(.ibr *) { transform: scale(1.08); }
html[data-brand="ib"] .blog-card-content { padding: 24px; display: flex; flex-direction: column; flex-grow: 1; }
html[data-brand="ib"] .blog-card-title { font-size: 1.1rem; font-weight: 700; color: var(--gray-800); margin: 0px 0px 12px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html[data-brand="ib"] .related-blogs-section .blog-card:hover .blog-card-title { color: var(--gray-800); }
html[data-brand="ib"] .blog-card-excerpt { font-size: 0.9rem; color: var(--gray-500); line-height: 1.6; margin: 0px 0px 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; flex-grow: 1; }
html[data-brand="ib"] .blog-card-link { display: inline-flex; align-items: center; gap: 8px; font-size: 0.9rem; font-weight: 600; color: var(--pkg-text-secondary); margin-top: auto; transition: color 0.3s, gap 0.3s; text-decoration: none; }
html[data-brand="ib"] .blog-card:hover .blog-card-link { color: var(--pkg-primary-text); gap: 12px; text-decoration: none; }
html[data-brand="ib"] .blog-card-link svg:where(.ibr *) { width: 18px; height: 18px; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s; opacity: 0.6; }
html[data-brand="ib"] .blog-card:hover .blog-card-link svg:where(.ibr *) { transform: translateX(4px); opacity: 1; }
html[data-brand="ib"] .blogs-more { display: flex; justify-content: center; margin-top: 40px; }
html[data-brand="ib"] .blogs-more-link { display: inline-flex; align-items: center; gap: 8px; font-size: 0.95rem; font-weight: 600; color: var(--primary); text-decoration: none; padding: 12px 24px; border-radius: 50px; background: rgba(230, 28, 114, 0.08); transition: 0.2s; }
html[data-brand="ib"] .blogs-more-link:hover { background: rgba(230, 28, 114, 0.15); color: var(--primary-dark); }
html[data-brand="ib"] .blogs-more-link svg:where(.ibr *) { width: 18px; height: 18px; transition: transform 0.2s; }
html[data-brand="ib"] .blogs-more-link:hover svg:where(.ibr *) { transform: translateX(4px); }
@media (max-width: 992px) {
html[data-brand="ib"] .related-blogs-section { padding: 60px 0px; }
html[data-brand="ib"] .blogs-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 40px; }
html[data-brand="ib"] .blog-card-image { height: 160px; }
html[data-brand="ib"] .blog-card-content { padding: 20px; }
html[data-brand="ib"] .blog-card-title { font-size: 1rem; }
}
@media (max-width: 768px) {
html[data-brand="ib"] .related-blogs-section { padding: 50px 0px; }
html[data-brand="ib"] .blogs-grid { grid-template-columns: 1fr; gap: 20px; margin-top: 35px; padding: 0px 15px; }
html[data-brand="ib"] .blog-card { flex-direction: row; height: auto; }
html[data-brand="ib"] .blog-card-image { width: 120px; min-width: 120px; height: 120px; border-radius: var(--pkg-radius) 0 0 var(--pkg-radius); }
html[data-brand="ib"] .blog-card-content { padding: 16px; justify-content: center; }
html[data-brand="ib"] .blog-card-title { font-size: 0.95rem; margin-bottom: 8px; -webkit-line-clamp: 2; }
html[data-brand="ib"] .blog-card-excerpt { display: none; }
html[data-brand="ib"] .blog-card-link { font-size: 0.85rem; }
html[data-brand="ib"] .blogs-more { margin-top: 30px; }
html[data-brand="ib"] .blogs-more-link { font-size: 0.9rem; padding: 10px 20px; }
}
@media (max-width: 480px) {
html[data-brand="ib"] .related-blogs-section { padding: 40px 0px; }
html[data-brand="ib"] .blogs-grid { gap: 16px; padding: 0px 10px; margin-top: 30px; }
html[data-brand="ib"] .blog-card-image { width: 100px; min-width: 100px; height: 100px; }
html[data-brand="ib"] .blog-card-content { padding: 14px; }
html[data-brand="ib"] .blog-card-title { font-size: 0.9rem; margin-bottom: 6px; }
html[data-brand="ib"] .blog-card-link { font-size: 0.8rem; gap: 6px; }
html[data-brand="ib"] .blog-card-link svg:where(.ibr *) { width: 14px; height: 14px; }
html[data-brand="ib"] .blogs-more-link { font-size: 0.85rem; width: 100%; justify-content: center; }
}
@media (max-width: 360px) {
html[data-brand="ib"] .blog-card-image { width: 90px; min-width: 90px; height: 90px; }
html[data-brand="ib"] .blog-card-content { padding: 12px; }
html[data-brand="ib"] .blog-card-title { font-size: 0.85rem; }
}
/* ── /assets/css/package-mobile-fix.css [package-mobile-fix.css-7a9a7997a0] → .ibm-service-auto .ibm-service */
@media (max-width: 768px) {
html[data-brand="ib"] .modern-packages-section { padding: 20px 0px 40px !important; }
html[data-brand="ib"] .modern-package-header { margin-top: 10px !important; margin-bottom: 20px !important; }
}
@media (max-width: 480px) {
html[data-brand="ib"] .modern-packages-section { padding: 15px 0px 40px !important; }
html[data-brand="ib"] .modern-package-header { margin-top: 10px !important; margin-bottom: 15px !important; }
}
/* ── /assets/css/category-content.css [category-content.css-56b3835de8] → .ibm-network .ibm-service-auto .ibm-service */
html[data-brand="ib"] .cat-content { max-width: 880px; margin: 0px auto; padding: 56px 24px 32px; color: rgb(26, 26, 46); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; font-size: 16.5px; contain: layout style; }
@media (max-width: 720px) {
html[data-brand="ib"] .cat-content { padding: 36px 18px 16px; font-size: 15.5px; line-height: 1.65; }
}
html[data-brand="ib"] .cat-toc { background: rgb(250, 250, 250); border: 1px solid rgb(236, 236, 242); border-radius: 12px; padding: 18px 22px; margin: 0px 0px 36px; }
html[data-brand="ib"] .cat-toc summary:where(.ibr *) { cursor: pointer; font-weight: 700; font-size: 14.5px; color: rgb(15, 15, 30); letter-spacing: -0.005em; list-style: none; display: flex; align-items: center; gap: 10px; user-select: none; }
html[data-brand="ib"] .cat-toc summary:where(.ibr *)::-webkit-details-marker { display: none; }
html[data-brand="ib"] .cat-toc summary:where(.ibr *)::before { content: ""; width: 10px; height: 10px; border-right: 2px solid rgb(233, 30, 99); border-bottom: 2px solid rgb(233, 30, 99); transform: rotate(-45deg); transition: transform 0.2s; margin-left: 2px; }
html[data-brand="ib"] .cat-toc ol:where(.ibr *) { margin: 14px 0px 0px; padding-left: 22px; font-size: 14.5px; line-height: 1.85; }
html[data-brand="ib"] .cat-toc ol li:where(.ibr *) { margin: 0px; }
html[data-brand="ib"] .cat-toc a:where(.ibr *) { color: rgb(74, 74, 106); text-decoration: none; transition: color 0.15s; }
html[data-brand="ib"] .cat-toc a:hover:where(.ibr *) { color: rgb(233, 30, 99); text-decoration: underline; }
html[data-brand="ib"] .cat-content h2:where(.ibr *) { font-size: clamp(22px, 3.2vw, 28px); font-weight: 800; line-height: 1.25; letter-spacing: -0.02em; color: rgb(15, 15, 30); margin: 48px 0px 16px; scroll-margin-top: 80px; }
html[data-brand="ib"] .cat-content h3:where(.ibr *) { font-size: clamp(18px, 2.4vw, 21px); font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; color: rgb(26, 26, 46); margin: 32px 0px 12px; scroll-margin-top: 80px; }
html[data-brand="ib"] .cat-content p:where(.ibr *) { margin: 0px 0px 16px; color: rgb(42, 42, 62); }
html[data-brand="ib"] .cat-content strong:where(.ibr *) { color: rgb(15, 15, 30); font-weight: 700; }
html[data-brand="ib"] .cat-content em:where(.ibr *) { color: rgb(74, 74, 106); font-style: italic; }
html[data-brand="ib"] .cat-content ul:where(.ibr *), html[data-brand="ib"] .cat-content ol:where(.ibr *) { margin: 0px 0px 20px; padding-left: 22px; }
html[data-brand="ib"] .cat-content ul li:where(.ibr *), html[data-brand="ib"] .cat-content ol li:where(.ibr *) { margin: 0px 0px 8px; color: rgb(42, 42, 62); }
html[data-brand="ib"] .cat-content ul li:where(.ibr *)::marker { color: rgb(233, 30, 99); }
html[data-brand="ib"] .cat-content ol li:where(.ibr *)::marker { color: rgb(233, 30, 99); font-weight: 600; }
html[data-brand="ib"] .cat-content a:not(.cat-cta):where(.ibr *) { color: rgb(169, 18, 88); text-decoration: underline 1px; text-underline-offset: 3px; transition: color 0.15s; }
html[data-brand="ib"] .cat-content a:not(.cat-cta):hover:where(.ibr *) { color: rgb(233, 30, 99); }
html[data-brand="ib"] .cat-content .table-wrap { overflow-x: auto; margin: 24px 0px; border-radius: 10px; border: 1px solid rgb(236, 236, 242); }
html[data-brand="ib"] .cat-content table:where(.ibr *) { width: 100%; border-collapse: collapse; font-size: 14.5px; background: rgb(255, 255, 255); min-width: 480px; }
html[data-brand="ib"] .cat-content table th:where(.ibr *), html[data-brand="ib"] .cat-content table td:where(.ibr *) { padding: 12px 14px; text-align: left; border-bottom: 1px solid rgb(236, 236, 242); vertical-align: top; }
html[data-brand="ib"] .cat-content table thead th:where(.ibr *) { background: rgb(15, 15, 30); color: rgb(255, 255, 255); font-weight: 700; font-size: 13.5px; letter-spacing: 0.02em; text-transform: uppercase; }
html[data-brand="ib"] .cat-content table tbody tr:last-child td:where(.ibr *) { border-bottom: 0px; }
html[data-brand="ib"] .cat-content table tbody tr:nth-child(2n):where(.ibr *) { background: rgb(250, 250, 250); }
html[data-brand="ib"] .cat-content table td strong:where(.ibr *) { color: rgb(169, 18, 88); }
html[data-brand="ib"] .cat-content .cat-callout { display: flex; gap: 14px; padding: 16px 18px; margin: 22px 0px; border-radius: 10px; border: 1px solid; align-items: flex-start; font-size: 15px; line-height: 1.6; }
html[data-brand="ib"] .cat-content .cat-callout p:where(.ibr *) { margin: 0px; }
html[data-brand="ib"] .cat-content .cat-callout--info { background: rgb(245, 249, 255); border-color: rgb(214, 230, 255); color: rgb(10, 56, 112); }
html[data-brand="ib"] .cat-content .cat-callout--check { background: rgb(243, 251, 246); border-color: rgb(201, 234, 214); color: rgb(15, 81, 50); }
html[data-brand="ib"] .cat-content .cat-callout--warn { background: rgb(255, 248, 237); border-color: rgb(245, 220, 176); color: rgb(122, 77, 0); }
html[data-brand="ib"] .cat-content .cat-callout::before { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; line-height: 1; }
html[data-brand="ib"] .cat-content .cat-callout--info::before { content: "i"; background: rgb(31, 111, 235); color: rgb(255, 255, 255); font-style: italic; }
html[data-brand="ib"] .cat-content .cat-callout--check::before { content: "✓"; background: rgb(22, 163, 74); color: rgb(255, 255, 255); }
html[data-brand="ib"] .cat-content .cat-callout--warn::before { content: "!"; background: rgb(217, 119, 6); color: rgb(255, 255, 255); }
html[data-brand="ib"] .cat-content .cat-author { margin: 48px 0px 8px; padding: 22px; background: linear-gradient(rgb(250, 250, 250) 0%, rgb(255, 255, 255) 100%); border: 1px solid rgb(236, 236, 242); border-radius: 12px; display: grid; grid-template-columns: 64px 1fr; gap: 18px; align-items: start; }
html[data-brand="ib"] .cat-content .cat-author__avatar { width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, rgb(233, 30, 99), rgb(255, 77, 148)); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-weight: 800; font-size: 24px; letter-spacing: -0.02em; flex-shrink: 0; }
html[data-brand="ib"] .cat-content .cat-author__name { font-weight: 700; font-size: 16px; color: rgb(15, 15, 30); margin: 0px 0px 4px; }
html[data-brand="ib"] .cat-content .cat-author__role { font-size: 13.5px; color: rgb(122, 122, 154); margin: 0px 0px 10px; font-weight: 500; }
html[data-brand="ib"] .cat-content .cat-author__bio { font-size: 14.5px; line-height: 1.6; color: rgb(42, 42, 62); margin: 0px; }
html[data-brand="ib"] .cat-content .cat-author__bio a:where(.ibr *) { color: rgb(169, 18, 88); }
@media (max-width: 520px) {
html[data-brand="ib"] .cat-content .cat-author { grid-template-columns: 56px 1fr; gap: 14px; padding: 18px; }
html[data-brand="ib"] .cat-content .cat-author__avatar { width: 56px; height: 56px; font-size: 22px; }
}
html[data-brand="ib"] .cat-content .cat-meta { font-size: 13px; color: rgb(122, 122, 154); margin: 0px 0px 24px; padding-bottom: 18px; border-bottom: 1px solid rgb(240, 240, 244); }
html[data-brand="ib"] .cat-content .cat-meta strong:where(.ibr *) { color: rgb(74, 74, 106); font-weight: 600; }
@media (prefers-reduced-motion: reduce) {
html[data-brand="ib"] .cat-toc summary:where(.ibr *)::before { transition: none; }
}
/* ── inline <style> [inline-0cf7c12fde] → .ibm-service-auto .ibm-service */
html[data-brand="ib"] .ib-bundle-hints-wrap { max-width: 900px; margin: 8px auto 28px; padding: 0px 20px; box-sizing: border-box; }
html[data-brand="ib"] .ib-bundle-hints-title { display: flex; align-items: center; gap: 8px; color: rgb(74, 85, 104); font-size: 0.86rem; margin-bottom: 10px; padding-left: 2px; font-weight: 700; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
html[data-brand="ib"] .ib-bundle-hints-title svg:where(.ibr *) { flex-shrink: 0; }
html[data-brand="ib"] .ib-bundle-hints { display: flex; flex-direction: column; gap: 9px; }
html[data-brand="ib"] .ib-bundle-hint__why { display: block; margin-top: 2px; font-size: 0.74rem; color: rgb(169, 18, 88); font-weight: 600; line-height: 1.3; }
html[data-brand="ib"] .ib-bundle-hint { display: flex; align-items: center; gap: 12px; background: rgb(255, 255, 255); border: 1px solid rgb(244, 227, 236); border-radius: 14px; padding: 10px 12px 10px 10px; text-decoration: none; color: rgb(26, 32, 44); box-shadow: rgba(20, 16, 45, 0.03) 0px 1px 2px; transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
html[data-brand="ib"] .ib-bundle-hint:hover { transform: translateY(-1px); box-shadow: rgba(198, 24, 98, 0.22) 0px 10px 26px -10px; border-color: rgb(240, 183, 210); text-decoration: none; color: rgb(26, 32, 44); }
html[data-brand="ib"] .ib-bundle-hint__ic { position: relative; flex-shrink: 0; width: 44px; height: 44px; }
html[data-brand="ib"] .ib-bundle-hint__ic img:where(.ibr *) { width: 44px; height: 44px; border-radius: 11px; object-fit: cover; display: block; background: rgb(255, 255, 255); border: 1px solid rgb(241, 217, 229); box-shadow: rgba(198, 24, 98, 0.1) 0px 2px 6px; }
html[data-brand="ib"] .ib-bundle-hint__count { position: absolute; right: -5px; bottom: -5px; background: rgb(230, 28, 114); color: rgb(255, 255, 255); font-size: 10px; font-weight: 800; padding: 1px 5px; border-radius: 999px; border: 2px solid rgb(255, 255, 255); line-height: 1.35; letter-spacing: 0.02em; }
html[data-brand="ib"] .ib-bundle-hint__body { display: flex; flex-direction: column; gap: 1px; min-width: 0px; flex: 1 1 0%; }
html[data-brand="ib"] .ib-bundle-hint__name { font-weight: 700; color: rgb(26, 32, 44); font-size: 0.93rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.005em; }
html[data-brand="ib"] .ib-bundle-hint__items { font-size: 0.76rem; color: rgb(138, 148, 166); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-brand="ib"] .ib-bundle-hint__price { display: flex; flex-direction: column; align-items: flex-end; gap: 0px; flex-shrink: 0; line-height: 1.25; }
html[data-brand="ib"] .ib-bundle-hint__amounts { display: flex; align-items: baseline; gap: 7px; white-space: nowrap; }
html[data-brand="ib"] .ib-bundle-hint__old { color: rgb(154, 163, 178); font-size: 0.78rem; font-weight: 600; }
html[data-brand="ib"] .ib-bundle-hint__new { color: rgb(184, 21, 95); font-size: 1.08rem; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
html[data-brand="ib"] .ib-bundle-hint__save { font-size: 0.72rem; color: rgb(21, 128, 61); font-weight: 700; white-space: nowrap; }
html[data-brand="ib"] .ib-bundle-hint__chev { flex-shrink: 0; color: rgb(217, 177, 198); transition: transform 0.15s, color 0.15s; }
html[data-brand="ib"] .ib-bundle-hint:hover .ib-bundle-hint__chev { transform: translateX(2px); color: rgb(230, 28, 114); }
@media (max-width: 540px) {
html[data-brand="ib"] .ib-bundle-hints-wrap { padding: 0px 14px; }
html[data-brand="ib"] .ib-bundle-hint { gap: 10px; padding: 9px 10px 9px 9px; border-radius: 12px; }
html[data-brand="ib"] .ib-bundle-hint__ic, html[data-brand="ib"] .ib-bundle-hint__ic img:where(.ibr *), html[data-brand="ib"] .ib-bundle-hint__ic-ph { width: 38px; height: 38px; }
html[data-brand="ib"] .ib-bundle-hint__ic img:where(.ibr *), html[data-brand="ib"] .ib-bundle-hint__ic-ph { border-radius: 10px; }
html[data-brand="ib"] .ib-bundle-hint__name { font-size: 0.87rem; }
html[data-brand="ib"] .ib-bundle-hint__items { font-size: 0.72rem; }
html[data-brand="ib"] .ib-bundle-hint__old { font-size: 0.72rem; }
html[data-brand="ib"] .ib-bundle-hint__new { font-size: 1rem; }
html[data-brand="ib"] .ib-bundle-hint__chev { display: none; }
}
/* ── inline <style> [inline-b544e771ed] → .ibp-service-seguidores-instagram */
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-pick { margin: 0px 0px 26px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-pick__title { color: var(--gray-800,#1f2937); font-size: 1.05rem; font-weight: 700; margin: 0px 0px 14px; text-align: center; letter-spacing: -0.01em; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 520px; margin: 0px auto; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card { appearance: none; cursor: pointer; position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 18px 12px 14px; border: 2px solid var(--gray-200,#e5e7eb); border-radius: 16px; background: rgb(255, 255, 255); font-family: inherit; text-align: center; transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card:focus-visible { outline: 2px solid var(--primary,#e61c72); outline-offset: 2px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card:active { transform: scale(0.985); }
@media (hover: hover) {
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,.1)); border-color: var(--primary,#e61c72); }
}
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card.selected { background: linear-gradient(135deg,var(--primary,#e61c72),var(--primary-light,#ff4d94)); border-color: transparent; box-shadow: rgba(230, 28, 114, 0.55) 0px 10px 24px -10px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card__flag { display: block; line-height: 0; margin-bottom: 8px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card__flag .q-flag--big { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 0px 1px, rgba(0, 0, 0, 0.22) 0px 3px 8px -2px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card.selected .nat-card__flag .q-flag--big { box-shadow: rgba(255, 255, 255, 0.95) 0px 0px 0px 3px, rgba(0, 0, 0, 0.3) 0px 4px 10px -3px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card__place { font-size: 1.15rem; font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; color: var(--gray-800,#1f2937); }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card__from { font-size: 0.9rem; font-weight: 700; color: var(--primary,#e61c72); margin-top: 2px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card__note { font-size: 0.74rem; font-weight: 500; line-height: 1.35; color: var(--gray-600,#4b5563); }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card.selected .nat-card__place { color: rgb(255, 255, 255); }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card.selected .nat-card__from { color: rgba(255, 255, 255, 0.95); }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card.selected .nat-card__note { color: rgba(255, 255, 255, 0.9); }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-pick__hint { margin: 12px auto 0px; max-width: 520px; text-align: center; font-size: 0.78rem; line-height: 1.45; color: var(--gray-500,#6b7280); }
@media (max-width: 480px) {
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-pick { margin-bottom: 18px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-pick__title { font-size: 0.92rem; margin-bottom: 10px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-seg { gap: 8px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card { padding: 14px 8px 12px; border-radius: 14px; gap: 2px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card__flag { margin-bottom: 6px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card__flag .q-flag--big { width: 44px; height: 44px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card__place { font-size: 1rem; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card__from { font-size: 0.84rem; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-card__note { font-size: 0.7rem; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .nat-pick__hint { font-size: 0.72rem; margin-top: 10px; }
}
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .q-flag { display: inline-block; width: 21px; height: 16px; border-radius: 3px; object-fit: cover; vertical-align: -2px; margin-right: 7px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; }
html[data-brand="ib"]:where(:has(.ibp-service-seguidores-instagram)) .package-option.q-hidden { display: none !important; }
/* ── inline <style> [inline-fa21bc3cf2] → .ibl-user .ibl-home */
@layer instabooster-footer {
html[data-brand="ib"] footer.instabooster-premium-footer { isolation: isolate !important; position: relative !important; z-index: 0 !important; }
html[data-brand="ib"] footer.instabooster-premium-footer, html[data-brand="ib"] footer.instabooster-premium-footer :not(a):not(button):where(.ibr *) { color-scheme: revert !important; forced-color-adjust: revert !important; math-depth: revert !important; position: revert !important; position-anchor: revert !important; text-size-adjust: revert !important; appearance: revert !important; color: revert !important; font: revert !important; font-palette: revert !important; font-synthesis: revert !important; position-area: revert !important; text-orientation: revert !important; text-rendering: revert !important; text-spacing-trim: revert !important; -webkit-font-smoothing: revert !important; -webkit-locale: revert !important; -webkit-text-orientation: revert !important; -webkit-writing-mode: revert !important; writing-mode: revert !important; zoom: revert !important; accent-color: revert !important; place-content: revert !important; place-items: revert !important; place-self: revert !important; alignment-baseline: revert !important; anchor-name: revert !important; anchor-scope: revert !important; animation-composition: revert !important; animation: revert !important; animation-trigger: revert !important; app-region: revert !important; aspect-ratio: revert !important; backdrop-filter: revert !important; backface-visibility: revert !important; background: revert !important; background-blend-mode: revert !important; baseline-shift: revert !important; baseline-source: revert !important; block-size: revert !important; border-block: revert !important; border: revert !important; border-radius: revert !important; border-collapse: revert !important; border-end-end-radius: revert !important; border-end-start-radius: revert !important; border-inline: revert !important; border-shape: revert !important; border-start-end-radius: revert !important; border-start-start-radius: revert !important; inset: revert !important; box-decoration-break: revert !important; box-shadow: revert !important; break-after: revert !important; break-before: revert !important; break-inside: revert !important; buffered-rendering: revert !important; caption-side: revert !important; caret-animation: revert !important; caret-color: revert !important; caret-shape: revert !important; clear: revert !important; clip: revert !important; clip-path: revert !important; clip-rule: revert !important; color-interpolation: revert !important; color-interpolation-filters: revert !important; color-rendering: revert !important; columns: revert !important; column-fill: revert !important; gap: revert !important; rule-break: revert !important; rule: revert !important; rule-inset: revert !important; rule-visibility-items: revert !important; column-span: revert !important; contain: revert !important; contain-intrinsic-block-size: revert !important; contain-intrinsic-size: revert !important; contain-intrinsic-inline-size: revert !important; container: revert !important; content: revert !important; content-visibility: revert !important; corner-shape: revert !important; corner-block-end-shape: revert !important; corner-block-start-shape: revert !important; counter-increment: revert !important; counter-reset: revert !important; counter-set: revert !important; cursor: revert !important; cx: revert !important; cy: revert !important; d: revert !important; display: revert !important; dominant-baseline: revert !important; dynamic-range-limit: revert !important; empty-cells: revert !important; field-sizing: revert !important; fill: revert !important; fill-opacity: revert !important; fill-rule: revert !important; filter: revert !important; flex: revert !important; flex-flow: revert !important; flex-line-count: revert !important; float: revert !important; flood-color: revert !important; flood-opacity: revert !important; frame-sizing: revert !important; grid: revert !important; grid-area: revert !important; height: revert !important; hyphenate-character: revert !important; hyphenate-limit-chars: revert !important; hyphens: revert !important; image-orientation: revert !important; image-rendering: revert !important; initial-letter: revert !important; inline-size: revert !important; inset-block: revert !important; inset-inline: revert !important; interactivity: revert !important; interest-delay: revert !important; interpolate-size: revert !important; isolation: revert !important; letter-spacing: revert !important; lighting-color: revert !important; line-break: revert !important; list-style: revert !important; margin-block: revert !important; margin: revert !important; margin-inline: revert !important; margin-trim: revert !important; marker: revert !important; mask: revert !important; mask-type: revert !important; math-shift: revert !important; math-style: revert !important; max-block-size: revert !important; max-height: revert !important; max-inline-size: revert !important; max-width: revert !important; min-block-size: revert !important; min-height: revert !important; min-inline-size: revert !important; min-width: revert !important; mix-blend-mode: revert !important; object-fit: revert !important; object-position: revert !important; object-view-box: revert !important; offset: revert !important; opacity: revert !important; order: revert !important; orphans: revert !important; outline: revert !important; outline-offset: revert !important; overflow-anchor: revert !important; overflow-block: revert !important; overflow-clip-margin: revert !important; overflow-inline: revert !important; overflow-wrap: revert !important; overflow: revert !important; overlay: revert !important; overscroll-behavior-block: revert !important; overscroll-behavior-inline: revert !important; overscroll-behavior: revert !important; padding-block: revert !important; padding: revert !important; padding-inline: revert !important; page: revert !important; page-margin-safety: revert !important; page-orientation: revert !important; paint-order: revert !important; perspective: revert !important; perspective-origin: revert !important; pointer-events: revert !important; position-try: revert !important; position-visibility: revert !important; print-color-adjust: revert !important; quotes: revert !important; r: revert !important; reading-flow: revert !important; reading-order: revert !important; resize: revert !important; rotate: revert !important; ruby-align: revert !important; ruby-overhang: revert !important; ruby-position: revert !important; rule-overlap: revert !important; rx: revert !important; ry: revert !important; scale: revert !important; scroll-axis-lock: revert !important; scroll-behavior: revert !important; scroll-initial-target: revert !important; scroll-margin-block: revert !important; scroll-margin: revert !important; scroll-margin-inline: revert !important; scroll-marker-group: revert !important; scroll-padding-block: revert !important; scroll-padding: revert !important; scroll-padding-inline: revert !important; scroll-snap-align: revert !important; scroll-snap-stop: revert !important; scroll-snap-type: revert !important; scroll-target-group: revert !important; scroll-timeline: revert !important; scrollbar-color: revert !important; scrollbar-gutter: revert !important; scrollbar-width: revert !important; shape-image-threshold: revert !important; shape-margin: revert !important; shape-outside: revert !important; shape-rendering: revert !important; size: revert !important; speak: revert !important; stop-color: revert !important; stop-opacity: revert !important; stroke: revert !important; stroke-dasharray: revert !important; stroke-dashoffset: revert !important; stroke-linecap: revert !important; stroke-linejoin: revert !important; stroke-miterlimit: revert !important; stroke-opacity: revert !important; stroke-width: revert !important; tab-size: revert !important; table-layout: revert !important; text-align: revert !important; text-align-last: revert !important; text-anchor: revert !important; text-autospace: revert !important; text-box: revert !important; text-combine-upright: revert !important; text-decoration: revert !important; text-decoration-skip-ink: revert !important; text-decoration-skip-spaces: revert !important; text-emphasis: revert !important; text-emphasis-position: revert !important; text-fit: revert !important; text-indent: revert !important; text-justify: revert !important; text-overflow: revert !important; text-shadow: revert !important; text-transform: revert !important; text-underline-offset: revert !important; text-underline-position: revert !important; text-wrap: revert !important; timeline-scope: revert !important; timeline-trigger: revert !important; touch-action: revert !important; transform: revert !important; transform-box: revert !important; transform-origin: revert !important; transform-style: revert !important; transition: revert !important; translate: revert !important; trigger-scope: revert !important; user-select: revert !important; vector-effect: revert !important; vertical-align: revert !important; view-timeline: revert !important; view-transition-class: revert !important; view-transition-group: revert !important; view-transition-name: revert !important; view-transition-scope: revert !important; visibility: revert !important; border-spacing: revert !important; -webkit-box-align: revert !important; -webkit-box-decoration-break: revert !important; -webkit-box-direction: revert !important; -webkit-box-flex: revert !important; -webkit-box-ordinal-group: revert !important; -webkit-box-orient: revert !important; -webkit-box-pack: revert !important; -webkit-box-reflect: revert !important; -webkit-line-break: revert !important; -webkit-line-clamp: revert !important; -webkit-mask-box-image: revert !important; -webkit-rtl-ordering: revert !important; -webkit-ruby-position: revert !important; -webkit-tap-highlight-color: revert !important; -webkit-text-combine: revert !important; -webkit-text-decorations-in-effect: revert !important; -webkit-text-fill-color: revert !important; -webkit-text-security: revert !important; -webkit-text-stroke: revert !important; -webkit-user-drag: revert !important; white-space-collapse: revert !important; widows: revert !important; width: revert !important; will-change: revert !important; window-drag: revert !important; word-break: revert !important; word-spacing: revert !important; x: revert !important; y: revert !important; z-index: revert !important; box-sizing: border-box !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer { background-color: rgb(17, 17, 17) !important; color: rgb(255, 255, 255) !important; font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif !important; padding: 5rem 2rem 2rem !important; position: relative !important; overflow: visible !important; width: 100% !important; margin: 0px !important; transform: translateZ(0px) !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer::before { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(45deg, rgba(255, 51, 153, 0.1), rgba(0, 0, 0, 0)) !important; z-index: -1 !important; pointer-events: none !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer div.footer-container { max-width: 1400px !important; margin: 0px auto !important; display: grid !important; grid-template-columns: 1.15fr 1fr 1fr 1fr !important; gap: 2.5rem !important; position: relative !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer div.footer-brand { display: flex !important; flex-direction: column !important; gap: 2rem !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer img.footer-logo { width: 220px !important; height: auto !important; filter: brightness(1.1) !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer h3.footer-title { color: rgb(255, 51, 153) !important; font-size: 1.25rem !important; font-weight: 600 !important; margin-bottom: 1.5rem !important; position: relative !important; padding-bottom: 0.75rem !important; line-height: 1.2 !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer h3.footer-title::after { content: "" !important; position: absolute !important; bottom: 0px !important; left: 0px !important; width: 2rem !important; height: 2px !important; background: rgb(255, 51, 153) !important; border-radius: 2px !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer ul.footer-links { list-style: none !important; padding: 0px !important; margin: 0px !important; display: flex !important; flex-direction: column !important; gap: 1rem !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer ul.footer-links li:where(.ibr *) { position: relative !important; margin: 0px !important; padding: 0px !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer ul.footer-links a:where(.ibr *) { color: rgb(255, 255, 255) !important; text-decoration: none !important; font-size: 0.95rem !important; transition: 0.3s !important; display: inline-block !important; padding: 0.2rem 0px !important; line-height: 1.5 !important; font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer ul.footer-links a:hover:where(.ibr *) { color: rgb(255, 51, 153) !important; transform: translateX(5px) !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer p.footer-tagline { margin: -0.9rem 0px 0px !important; padding: 0px !important; max-width: 22ch !important; font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 1.08rem !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -0.01em !important; color: rgb(255, 255, 255) !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer p.footer-tagline em:where(.ibr *) { font-style: normal !important; color: rgb(255, 77, 148) !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer div.footer-hours { margin: 0px !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer div.footer-hours h3.footer-title { font-size: 1rem !important; margin-bottom: 1rem !important; padding-bottom: 0.6rem !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer ul.footer-hours__list { gap: 0.45rem !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer ul.footer-hours__list li:where(.ibr *) { font-size: 0.95rem !important; line-height: 1.6 !important; color: rgba(255, 255, 255, 0.8) !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer ul.footer-hours__list li strong:where(.ibr *) { font-weight: 600 !important; color: rgb(255, 255, 255) !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer div.footer-bottom { margin-top: 4rem !important; padding-top: 2rem !important; text-align: center !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; font-size: 0.9rem !important; color: rgba(255, 255, 255, 0.6) !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer div.footer-bottom p.footer-bottom__main { margin: 0px !important; font-size: 0.92rem !important; color: rgba(255, 255, 255, 0.78) !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer div.footer-bottom p.footer-bottom__legal { max-width: 68ch !important; margin: 10px auto 0px !important; font-size: 0.78rem !important; line-height: 1.55 !important; color: rgba(255, 255, 255, 0.42) !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer ul.footer-links.featured a:where(.ibr *) { background: linear-gradient(90deg, rgb(255, 51, 153), rgb(255, 51, 153)) 0px 100% / 0px 1px no-repeat !important; transition: background-size 0.3s !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer ul.footer-links.featured a:hover:where(.ibr *) { background-size: 100% 1px !important; transform: translateX(5px) !important; }
@media (max-width: 1100px) {
html[data-brand="ib"] body footer.instabooster-premium-footer { padding: 4rem 2rem 2rem !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer div.footer-container { grid-template-columns: 1fr 1fr 1fr 1fr !important; gap: 2rem !important; }
}
@media (max-width: 900px) {
html[data-brand="ib"] body footer.instabooster-premium-footer { padding: 3rem 1.5rem 2rem !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer div.footer-container { grid-template-columns: 1fr 1fr !important; gap: 2.5rem !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer img.footer-logo { width: 180px !important; }
}
@media (max-width: 600px) {
html[data-brand="ib"] body footer.instabooster-premium-footer div.footer-container { grid-template-columns: 1fr !important; gap: 2rem !important; }
}
html[data-brand="ib"] body footer.instabooster-premium-footer a.ib-footer-packs-link { display: inline-flex !important; align-items: center !important; gap: 12px !important; }
html[data-brand="ib"] body footer.instabooster-premium-footer a.ib-footer-packs-link b.ib-footer-packs-badge { display: inline-block !important; margin-left: 10px !important; vertical-align: middle !important; background: linear-gradient(135deg, rgb(230, 28, 114), rgb(255, 77, 148)) !important; color: rgb(255, 255, 255) !important; font-size: 0.62rem !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.4px !important; text-transform: uppercase !important; padding: 2px 7px !important; border-radius: 10px !important; line-height: 1.3 !important; box-shadow: rgba(230, 28, 114, 0.3) 0px 2px 6px !important; }
}
/* ── keyframes (renamed ib-*) */
@keyframes ib-spin { 
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes loader { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes ib-lds-double-ring { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes ib-lds-double-ring_reverse { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}
@-webkit-keyframes float { 
  0%, 50% { transform: translateY(0px); animation-timing-function: cubic-bezier(0.2, 0.25, 0.55, 1); }
  25% { transform: translateY(-7px); animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75); }
  75% { transform: translateY(7px); animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75); }
  100% { transform: translateY(0px); }
}
@keyframes ib-floatMockup { 
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-25px) rotate(1deg); }
}
@keyframes ib-fadeInUp { 
  0% { opacity: 0; transform: translateY(35px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ib-fadeInRight { 
  0% { opacity: 0; transform: translateX(35px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes ib-scrollPlatforms { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-50%)); }
}
@keyframes ib-pkd-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ib-bs-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ib-est26-line-draw { 
  100% { stroke-dashoffset: 0; }
}
@keyframes ib-flkspin { 
  100% { transform: rotate(360deg); }
}
@keyframes ib-avatarPop { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes ib-arrowBounce { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-4px); }
}
@keyframes ib-ib-shimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@keyframes ib-slideInLeft { 
  0% { opacity: 0; transform: translateX(-40px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes ib-iconShine { 
  0%, 100% { transform: translateX(-100%) rotate(45deg); }
  50% { transform: translateX(100%) rotate(45deg); }
}
@keyframes ib-nichePulse { 
  0%, 100% { transform: scale(1.1); }
  50% { transform: scale(1.2); }
}
@keyframes ib-emojiPulse { 
  0%, 100% { transform: scale(1.15); }
  50% { transform: scale(1.25); }
}
@keyframes ib-checkmark { 
  0% { opacity: 0; transform: rotate(45deg) scale(0); }
  100% { opacity: 1; transform: rotate(45deg) scale(1); }
}
@keyframes ib-slideInUp { 
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ib-checkBounce { 
  0% { transform: scale(0); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
@keyframes ib-slideInRight { 
  0% { opacity: 0; transform: translateX(40px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes ib-aiGlow { 
  0%, 100% { opacity: 0.5; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.2); }
}
@keyframes ib-ctaGlow { 
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.6; }
}
@keyframes ib-ctaPattern { 
  0% { transform: scale(1); }
  100% { transform: scale(1.1); }
}
@keyframes ib-slideIn { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
}
html[data-brand="ib"] { --primary: revert-layer; --secondary: revert-layer; --success: revert-layer; --info: revert-layer; --warning: revert-layer; }
html[data-brand="ib"] { --primary: revert-layer; --secondary: revert-layer; --success: revert-layer; --radius: revert-layer; --radius-lg: revert-layer; }