:root {
    --font-family-base: "Poppins", "Segoe UI", Arial, sans-serif;
    --color-page-bg: #eef7ff;
    --color-panel-bg: #ffffff;
    --color-panel-soft: #f9fcff;
    --color-text: #29375e;
    --color-text-muted: #8291b3;
    --color-text-light: #ffffff;
    --color-border: #e8f0fb;
    --color-border-strong: #dde8f6;
    --color-brand-pink: #ff4b9a;
    --color-brand-purple: #7a5cff;
    --color-brand-blue: #347eff;
    --color-brand-cyan: #24c2d7;
    --color-brand-green: #38d38b;
    --color-brand-red: #ff436b;
    --color-brand-youtube: #ff2f2f;
    --color-brand-twitter: #289bff;
    --color-brand-tiktok: #252946;
    --color-shadow-soft: rgba(83, 117, 173, .12);
    --color-shadow-card: rgba(66, 95, 145, .10);
    --color-shadow-brand: rgba(215, 43, 143, .22);
    --color-glow-pink: rgba(255, 75, 154, .15);
    --color-glow-blue: rgba(52, 126, 255, .15);
    --color-glow-purple: rgba(122, 92, 255, .14);
    --color-glow-green: rgba(56, 211, 139, .14);
    --color-cart-panel: rgba(247, 250, 255, .62);
    --color-cart-card: rgba(247, 250, 255, .86);
    --color-cart-row: rgba(247, 250, 255, .72);
    --color-cart-line: rgba(122, 92, 255, .16);
    --gradient-page: radial-gradient(circle at 78% 23%, var(--color-panel-bg) 0 2px, transparent 3px), radial-gradient(circle at 86% 29%, var(--color-panel-bg) 0 3px, transparent 4px), linear-gradient(180deg, var(--color-page-bg) 0%, var(--color-panel-soft) 50%, var(--color-page-bg) 100%);
    --gradient-primary: linear-gradient(135deg, #ff7a45 0%, #ef5b68 50%, #d72b8f 100%);
    --gradient-pill: linear-gradient(135deg, #ff7a45 0%, #ef5b68 50%, #d72b8f 100%);
    --gradient-blue: linear-gradient(135deg, var(--color-brand-blue), var(--color-brand-cyan));
    --gradient-green: linear-gradient(135deg, var(--color-brand-green), var(--color-brand-cyan));
    --radius-pill: 999px;
    --radius-card: 8px;
    --transition-base: 180ms ease;
}
* {
    box-sizing: border-box;
}
html {
    min-height: 100%;
}
body.home-page {
    --home-section-gap: 20px;
    --color-page-bg: #f0f6fb;
    --color-panel-soft: #f7fbfe;
    --color-text: #283a61;
    --color-text-muted: #8190ad;
    --color-border: #dbdbdb;
    --color-border-strong: #e3edf8;
    --color-brand-pink: #ef4f98;
    --color-brand-purple: #8a6cf1;
    --color-brand-blue: #4388ef;
    --color-brand-cyan: #31c7c0;
    --color-brand-green: #46d2a5;
    --color-shadow-soft: rgba(77, 108, 158, .10);
    --color-shadow-card: rgba(70, 101, 151, .08);
    --color-shadow-brand: rgba(215, 43, 143, .22);
    --color-glow-pink: rgba(239, 79, 152, .13);
    --color-glow-blue: rgba(67, 136, 239, .13);
    --color-glow-purple: rgba(138, 108, 241, .13);
    --color-glow-green: rgba(70, 210, 165, .13);
    --gradient-page: radial-gradient(circle at 78% 16%, rgba(247, 250, 255, .82) 0 2px, transparent 3px), radial-gradient(circle at 86% 21%, rgba(247, 250, 255, .78) 0 3px, transparent 4px), linear-gradient(180deg, #edf5fb 0%, #f7fbfe 47%, #eef6fb 100%);
    --gradient-primary: linear-gradient(135deg, #ff7a45 0%, #ef5b68 50%, #d72b8f 100%);
    --gradient-pill: linear-gradient(135deg, #ff7a45 0%, #ef5b68 50%, #d72b8f 100%);
    --gradient-blue: linear-gradient(135deg, #4388ef, #30bdd5);
    --gradient-green: linear-gradient(135deg, #46d2a5, #30c5c0);
    --gradient-panel-sheen:     radial-gradient(
        ellipse at top center,
        rgba(255,255,255,.95) 0%,
        rgba(255,255,255,.65) 25%,
        rgba(255,255,255,.25) 50%,
        rgba(255,255,255,0) 75%
    );
    background: var(--gradient-page);
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}
.bi.bi-check-lg {
    color: var(--color-text-light);
}
.arrow-white {
    color: var(--color-text-light) !important;
}
.bi-plus-lg {
    font-weight: 800;
}
.bi-star-fill {
    color: #ffc107 !important;
}
.page-shell {
    position: relative;
    width: min(1260px, calc(100% - 60px));
    max-width: 1260px;
    min-height: auto;
    margin: 20px auto 0;
    padding: 0 !important;
    overflow: visible;
}
.chat-bubble {
    position: fixed;
    left: 18px;
    bottom: 21px;
    z-index: 5;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    font-size: 24px;
    font-weight: 500;
    color: var(--color-text-light);
    background: var(--color-brand-green);
    border-radius: 50%;
    box-shadow: 0 9px 18px var(--color-shadow-soft);
}
.chat-bubble .bi {
    color: var(--color-text-light);
}
.topbar {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 31px;
    padding: 0 10px;
    background: var(--gradient-panel-sheen), rgba(247, 250, 255, .9);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    box-shadow: 0 10px 26px var(--color-shadow-soft);
}
.brand {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 108px;
}
.chevron {
    font-size: 7px;
    color: var(--color-text-muted);
}
.home-topbar {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: 20;
    display: block;
    width: 100%;
    min-height: 0;
    padding: 0;
    overflow: visible;
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 10px 28px rgba(66, 95, 145, .07);
    transform: none;
}
.promo-strip {
    min-height: 42px;
    color: var(--color-text);
    background: linear-gradient(90deg, rgba(255, 245, 252, .9), rgba(240, 248, 255, .95));
    border-bottom: 1px solid rgba(224, 234, 248, .75);
}
.promo-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: min(100% - 64px, 1720px);
    min-height: 42px;
    margin: 0 auto;
}
.promo-message,
.promo-actions,
.home-menu-side,
.home-menu-side a,
.home-menu-side button,
.nav-dropdown-toggle {
    display: inline-flex;
    align-items: center;
}
.promo-message,
.promo-actions {
    gap: 14px;
}
.promo-message span {
    display: inline-grid;
    place-items: center;
    min-width: 48px;
    min-height: 22px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 700;
    color: #52627a;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(239, 79, 152, .18);
    border-radius: var(--radius-pill);
    box-shadow: 0 8px 18px rgba(66, 95, 145, .06);
}
.promo-message strong {
    font-size: 13px;
    font-weight: 600;
}
.promo-message .bi {
    font-size: 15px;
    color: var(--color-brand-purple);
}
.promo-actions a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    padding: 0 6px;
    font-size: 13px;
    font-weight: 600;
    color: #25304a;
    text-decoration: none;
}
.promo-actions a + a {
    padding-left: 18px;
    border-left: 1px solid rgba(112, 132, 165, .15);
}
.promo-actions .bi {
    color: currentColor;
}
.promo-actions a:last-child .bi {
    color: #25d366;
}
.fake-order-ticker {
    --fake-order-color: #ff7a45;
    --fake-order-soft: #fff3e6;
    --fake-order-border: rgba(245, 154, 75, .24);
    min-height: 30px;
    padding: 3px 12px 3px 8px;
    gap: 9px;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(245, 154, 75, .24);
    border-radius: var(--radius-pill);
    transition: opacity .18s ease, transform .18s ease;
}
.fake-order-ticker.is-changing {
    opacity: .35;
    transform: translateY(-1px);
}
.fake-order-ticker .fake-order-dot {
    width: 9px;
    min-width: 9px;
    height: 9px;
    min-height: 9px;
    padding: 0;
    background: #22d69a;
    border: 2px solid rgba(255, 255, 255, .95);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(34, 214, 154, .12);
}
.fake-order-ticker .fake-order-platform-icon {
    width: 38px;
    min-width: 38px;
    height: 26px;
    min-height: 26px;
    padding: 0;
    color: var(--fake-order-color);
    background: var(--fake-order-soft);
    border: 1px solid var(--fake-order-border);
    border-radius: var(--radius-pill);
    box-shadow: none;
}
.fake-order-ticker .fake-order-platform-icon i {
    font-size: 15px;
    color: currentColor;
}
.fake-order-ticker strong {
    font-size: 13px;
    font-weight: 600;
    color: #334163;
    white-space: nowrap;
}
.fake-order-ticker small {
    position: relative;
    padding-left: 12px;
    font-size: 11px;
    font-weight: 600;
    color: #7c8aaa;
    white-space: nowrap;
}
.fake-order-ticker small::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #b8c2da;
    transform: translateY(-50%);
}
.home-menu-row {
    width: min(1260px, calc(100% - 60px));
    margin: 0 auto;
}
.home-menu-primary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(13px, 2.8vw, 50px);
    min-height: 84px;
}
.mobile-menu-panel {
    display: contents;
}
.mobile-user-link {
    display: none;
}
.mobile-toggle-icon {
    display: grid;
    gap: 4px;
    justify-items: start;
}
.mobile-toggle-icon span {
    display: block;
    width: 15px;
    height: 2px;
    background: currentColor;
    border-radius: var(--radius-pill);
}
.mobile-toggle-icon span:nth-child(2) {
    width: 11px;
}
.mobile-menu-toggle,
.mobile-menu-close,
.mobile-menu-backdrop {
    display: none;
}
.mobile-drawer-actions {
    display: none;
}
.home-menu-side {
    gap: clamp(13px, 2.1vw, 34px);
}
.home-menu-side a,
.home-menu-side button {
    gap: 7px;
    min-height: 31px;
    padding: 0;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    color: #1f2a44;
    letter-spacing: 0;
    text-decoration: none;
    background: transparent;
    border: 0;
    cursor: pointer;
}
.home-menu-side a > .bi:first-child,
.home-menu-side button > .bi:first-child {
    font-size: 14px;
    color: #41516d;
}
.home-menu-side .chevron {
    font-size: 8px;
    color: #53617a;
    transition: transform var(--transition-base);
}
.nav-dropdown-toggle.is-active .chevron {
    transform: rotate(180deg);
}
.home-menu-side-left {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
}
.home-menu-side-right {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
}
.home-topbar .brand {
    position: relative;
    display: grid;
    grid-column: 2;
    grid-row: 1;
    justify-items: center;
    gap: 4px;
    min-width: 0;
    color: #17223b;
    text-align: center;
    text-decoration: none;
}
.home-topbar .brand-logo {
    display: block;
    width: 145px;
    max-width: 100%;
    height: auto;
}
.nav-mega-panel {
    position: absolute;
    top: calc(100% - 4px);
    left: 50%;
    z-index: 30;
    display: grid;
    grid-template-columns: 161px minmax(0, 1fr);
    gap: 17px;
    width: min(644px, calc(100vw - 48px));
    padding: 13px;
    background: #fff;
    border: 1px solid rgba(224, 234, 248, .9);
    border-radius: 12px;
    box-shadow: 0 17px 49px rgba(66, 95, 145, .18);
    transform: none;
}
.nav-mega-panel[hidden] {
    display: none;
}
.nav-mega-sidebar {
    display: grid;
    gap: 4px;
    padding: 6px;
    background: rgba(248, 251, 255, .92);
    border: 1px solid rgba(224, 234, 248, .72);
    border-radius: 10px;
    box-shadow: 8px 0 22px rgba(66, 95, 145, .06);
}
.nav-mega-sidebar button {
    display: grid;
    box-sizing: border-box;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 7px;
    color: #29354e;
    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}
.nav-mega-sidebar button.is-active {
    color: #ef4f98;
    background: linear-gradient(90deg, rgba(255, 243, 230, .98), rgba(255, 255, 255, .96));
    border: 1px solid rgba(245, 154, 75, .28);
    box-shadow: inset 4px 0 0 #ff7a45, 0 10px 24px rgba(245, 154, 75, .12);
}
.nav-mega-sidebar button .bi:first-child,
.nav-mega-sidebar button .nav-kick-mark {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    color: currentColor;
    font-size: 12px;
}
.nav-kick-mark {
    font-family: inherit;
    font-weight: 600;
}
.nav-mega-sidebar button.is-active .bi:first-child,
.nav-mega-sidebar button.is-active .nav-kick-mark {
    font-size: 14px;
}
.nav-mega-content {
    min-width: 0;
    padding: 4px 6px 0;
    background: #fff;
    border-radius: 10px;
}
.nav-service-panel {
    min-width: 0;
}
.nav-service-panel[hidden] {
    display: none;
}
.nav-mega-head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
    position: relative;
}
.nav-mega-head > span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: var(--color-brand-pink);
    font-size: 21px;
    background: linear-gradient(135deg, rgba(255, 239, 248, .96), rgba(247, 243, 255, .96));
    border: 1px solid rgba(239, 79, 152, .16);
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(239, 79, 152, .12);
}
.nav-mega-head::after {
    position: absolute;
    left: 0;
    top: 56px;
    display: block;
    width: 34px;
    height: 2px;
    margin: 0;
    content: "";
    background: #ef4f98;
    border-radius: var(--radius-pill);
}
.nav-mega-head h2 {
    margin: 0;
    font-size: 13px;
    font-weight: 800;
    color: #16213a;
}
.nav-mega-head p {
    margin: 5px 0 0;
    font-size: 9px;
    font-weight: 600;
    color: var(--color-text-muted);
}
.nav-mega-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 31px;
}
.nav-mega-links a {
    color: #24314b;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}
.nav-mega-links a:hover {
    color: var(--color-brand-purple);
}
.nav-mega-panel[data-menu-panel="services"] .nav-mega-links a::before {
    display: none;
    content: none;
}
.nav-mega-head > span .nav-kick-mark {
    width: auto;
    height: auto;
    color: inherit;
    font-size: 18px;
}
.nav-mega-panel[data-menu-panel="services"] .nav-mega-links a .nav-service-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: var(--nav-mega-accent);
    font-size: 18px;
    background: linear-gradient(135deg, var(--nav-mega-accent-soft), rgba(255, 255, 255, .90));
    border: 1px solid var(--nav-mega-accent-border);
    border-radius: 9px;
}
.nav-mega-panel[data-menu-panel="services"] .nav-mega-links a::after {
    content: "";
    color: #9aa7bb;
    font-family: bootstrap-icons !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 1;
}
.nav-mega-panel[data-menu-panel="services"] .nav-mega-links a span {
    min-width: 0;
}
.nav-mega-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    margin-top: 20px;
    padding: 14px 18px;
    background: linear-gradient(90deg, #fff3e6, rgba(255, 250, 244, .96));
    border: 1px solid rgba(245, 154, 75, .18);
    border-radius: 10px;
}
.nav-mega-cta span {
    color: #5f6c86;
    font-size: 12px;
    font-weight: 700;
}
.nav-mega-cta span .bi {
    color: #ff8a00;
    font-size: 18px;
}
.nav-mega-cta a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 26px;
    color: var(--color-text-light);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    background: linear-gradient(135deg, #ff7a45, #ef5b68);
    border-radius: 9px;
    box-shadow: 0 12px 22px rgba(245, 154, 75, .22);
}
.home-topbar +
.site-footer {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: var(--home-section-gap) 0 0;
    padding: 76px 24px 42px;
    color: var(--color-text-light);
    background:
    radial-gradient(circle at 84% 38%, rgba(236, 72, 153, .12), transparent 20%),
    radial-gradient(circle at 18% 12%, rgba(138, 108, 241, .14), transparent 24%),
    linear-gradient(135deg, #131d2c 0%, #182437 48%, #121b29 100%);
    letter-spacing: 0;
    overflow: hidden;
}
.site-footer::before {
    right: 16%;
    top: 126px;
    width: 86px;
    height: 86px;
}
.site-footer::after {
    right: 8%;
    top: 72px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
}
.site-footer.footer-dark {
    width: 100%;
    margin: var(--home-section-gap) 0 0;
    padding: 32px 24px 22px;
    color: rgba(255, 255, 255, .88);
    background: #151b27 !important;
}
.footer-dark-panel {
    width: min(100% - 72px, 1500px);
    margin: 0 auto;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(35, 42, 56, .96), rgba(31, 38, 51, .98));
    border: 1px solid rgba(255, 255, 255, .055);
    border-radius: 16px;
}
.footer-dark-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-bottom: 1px solid rgba(255, 255, 255, .10);
}
.footer-dark-tabs a,
.footer-dark-tabs button,
.footer-dark-tab-social {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 82px;
    padding: 0;
    color: rgba(255, 255, 255, .52);
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .01em;
    cursor: pointer;
    background: transparent;
    border: 0;
    transition: color var(--transition-base), background var(--transition-base);
}
.footer-dark-tabs a::after,
.footer-dark-tabs button::after {
    position: absolute;
    right: 12%;
    bottom: 0;
    left: 12%;
    height: 2px;
    content: "";
    background: rgba(255, 255, 255, .48);
    opacity: 0;
}
.footer-dark-tabs a:hover,
.footer-dark-tabs a.is-active,
.footer-dark-tabs button:hover,
.footer-dark-tabs button.is-active {
    color: rgba(255, 255, 255, .92);
    background: rgba(255, 255, 255, .025);
}
.footer-dark-tabs a.is-active::after,
.footer-dark-tabs button.is-active::after {
    opacity: 1;
}
.footer-dark-tabs .bi {
    font-size: 16px;
    opacity: .72;
}
.footer-dark-tab-social {
    gap: 9px;
    cursor: default;
}
.footer-dark-tab-social a {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    color: rgba(138, 108, 241, .88);
    font-size: 14px;
    text-decoration: none;
    background: rgba(255, 255, 255, .045);
    border-radius: 50%;
}
.footer-dark-tab-social a::after {
    content: none;
}
.footer-dark-tab-panel[hidden] {
    display: none;
}
.footer-dark-tab-panel {
    min-height: 214px;
}
.footer-dark-mobile-nav {
    display: none;
}
.footer-dark-content {
    display: grid;
    grid-template-columns: minmax(280px, 390px) minmax(0, 1fr);
}
.footer-dark-brand {
    padding: 34px 42px 30px;
    border-right: 1px solid rgba(255, 255, 255, .045);
}
.footer-dark-brand img {
    display: block;
    width: min(280px, 100%);
    height: auto;
}
.footer-dark-brand p {
    max-width: 335px;
    margin: 30px 0 24px;
    color: rgba(255, 255, 255, .76);
    font-size: 15px;
    line-height: 1.25;
}
.footer-dark-dmca {
    display: inline-grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
    max-width: 100%;
    background: rgba(255, 255, 255, .05);
    border-radius: 4px;
}
.footer-dark-dmca span,
.footer-dark-dmca strong {
    padding: 9px 12px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}
.footer-dark-dmca span {
    background: #6bd02f;
}
.footer-dark-dmca strong {
    background: #1b2536;
}
.footer-dark-dmca small {
    padding: 0 12px;
    color: rgba(255, 255, 255, .58);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}
.footer-dark-main {
    min-width: 0;
    padding: 42px 14px 32px;
}
.footer-dark-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(190px, 230px));
    justify-content: center;
    gap: 28px;
    padding: 0 28px;
}
.footer-dark-blog-panel {
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: 18px;
}
.footer-dark-cards a {
    display: grid;
    gap: 10px;
    align-content: center;
    min-width: 0;
    min-height: 170px;
    padding: 22px;
    color: rgba(255, 255, 255, .86);
    text-decoration: none;
    border-radius: 18px;
    transition: color var(--transition-base), background var(--transition-base), transform var(--transition-base);
}
.footer-dark-cards span {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 14px;
    color: rgba(255, 255, 255, .58);
    font-size: 21px;
    background: rgba(255, 255, 255, .075);
    border-radius: 50%;
}
.footer-dark-cards strong {
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    font-weight: 900;
}
.footer-dark-cards small {
    color: rgba(255, 255, 255, .48);
    font-size: 13px;
}
.footer-dark-cards a:hover {
    color: #fff;
    background: rgba(22, 29, 42, .88);
    transform: translateY(-2px);
}
.footer-dark-list-panel {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    padding: 0 0 2px;
}
.footer-dark-list-panel a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 0 20px 0 46px;
    color: rgba(255, 255, 255, .88);
    font-size: 14px;
    text-decoration: none;
    background: rgba(255, 255, 255, .045);
    border-radius: 22px;
    transition: color var(--transition-base), background var(--transition-base), transform var(--transition-base);
}
.footer-dark-list-panel a::before {
    position: absolute;
    left: 20px;
    width: 10px;
    height: 5px;
    content: "";
    background: #ff7a45;
    border-radius: var(--radius-pill);
    transition: width var(--transition-base), background var(--transition-base);
}
.footer-dark-list-panel a:hover {
    color: #fff;
    background: linear-gradient(90deg, rgba(245, 154, 75, .20), rgba(255, 255, 255, .065));
    transform: translateY(-1px);
}
.footer-dark-list-panel a:hover::before {
    width: 18px;
    background: #ff7a45;
}
.footer-dark-line {
    height: 1px;
    width: min(100%, 1004px);
    margin: 58px auto 26px;
    background: rgba(255, 255, 255, .24);
}
.footer-dark-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: min(100%, 1004px);
    margin: 0 auto;
    padding: 0;
}
.footer-dark-legal,
.footer-dark-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;
}
.footer-dark-legal {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    min-width: 0;
}
.footer-dark-legal a {
    white-space: nowrap;
    color: rgba(255, 255, 255, .56);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}
.footer-dark-social {
    gap: 14px;
}
footer .bi {
    color: #dddddd !important;
}
.nav-mega-head .bi {
    color: #fff !important;
}
.footer-dark-social a {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: rgba(255, 255, 255, .75);
    font-size: 14px;
    text-decoration: none;
    background: rgba(255, 255, 255, .055);
    border-radius: 50%;
}
.footer-dark-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    width: min(100% - 72px, 1500px);
    margin: 22px auto 0;
    text-align: center;
}
.footer-dark-meta p {
    margin: 0;
    color: rgba(255, 255, 255, .62);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}
.footer-dark-meta strong {
    display: inline;
    color: #fff;
    background: rgba(67, 136, 239, .72);
}
.footer-dark-payments {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
}
.footer-dark-payments img {
    display: block;
    width: min(100%, 260px);
    height: auto;
}
.footer-brand-mark {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    color: #ff5fa3;
    background: rgba(255, 255, 255, .05);
    border: 3px solid rgba(255, 95, 163, .72);
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(138, 108, 241, .72), 0 14px 28px rgba(236, 72, 153, .22);
}
.footer-brand span:last-child {
    font-size: 30px;
    font-weight: 700;
}
.footer-payment-list span:nth-child(2) {
    color: #ef3d35;
}
.footer-payment-list span:nth-child(4) {
    color: #f08b20;
}
.footer-dmca-badge {
    display: inline-grid;
    grid-template-columns: auto auto;
    margin-top: 32px;
    overflow: hidden;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    border-radius: 2px;
}
.footer-dmca-badge span,
.footer-dmca-badge strong {
    padding: 7px 12px;
}
.footer-dmca-badge span {
    color: var(--color-text-light);
    background: #6bd02f;
}
.footer-dmca-badge strong {
    color: var(--color-text-light);
    background: #1f2d46;
}
.footer-link-column {
    min-width: 0;
}
.site-footer-bottom p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: rgba(255, 255, 255, .72);
}
.site-footer {
    width: 100%;
    margin: var(--home-section-gap) 0 0;
    padding: 28px 24px 66px;
    color: #10224d;
    background:
    radial-gradient(circle at 95% 92%, rgba(239, 79, 152, .22), transparent 24%),
    radial-gradient(circle at 10% 5%, rgba(90, 160, 245, .16), transparent 26%),
    linear-gradient(135deg, rgba(239, 247, 255, .92), rgba(255, 255, 255, .94));
}
.site-footer::before, .site-footer::after {
    position: absolute;
    pointer-events: none;
    border: 2px solid rgba(255, 255, 255, .06);
    border-radius: 24px;
    transform: rotate(-18deg);
    content: none;
}
.site-footer-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(260px, 1.28fr) repeat(3, minmax(185px, 1fr)) minmax(255px, 1.28fr);
    gap: 22px;
    width: min(100% - 72px, 1760px);
    margin: 0 auto;
    padding: 28px;
    background: rgba(255, 255, 255, .68);
    border: 1px solid rgba(205, 220, 239, .9);
    border-radius: 28px 28px 0 0;
    box-shadow: 0 22px 52px rgba(66, 95, 145, .12);
}
.footer-panel-card {
    min-width: 0;
    padding: 30px;
    color: #10224d;
    background: rgba(255, 255, 255, .84);
    border: 1px solid rgba(224, 234, 248, .95);
    border-radius: 22px;
    box-shadow: 0 14px 36px rgba(66, 95, 145, .10);
}
.footer-brand-block {
    max-width: none;
    background:
    radial-gradient(circle at 95% 95%, rgba(97, 156, 239, .20), transparent 34%),
    radial-gradient(circle at 4% 96%, rgba(239, 79, 152, .16), transparent 28%),
    rgba(255, 255, 255, .84);
}
.footer-brand {
    gap: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    color: #10224d;
}
.footer-brand:hover {
    color: #10224d;
}
.footer-brand img {
    display: block;
    width: 205px;
    max-width: 100%;
    height: auto;
}
.footer-brand-block p {
    margin: 30px 0 0;
    max-width: 315px;
    color: #6c7890;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8;
}
.footer-brand-block hr {
    width: 100%;
    height: 1px;
    margin: 30px 0 24px;
    background: rgba(224, 234, 248, .95);
    border: 0;
}
.footer-mini-title {
    display: block;
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 800;
    color: #10224d;
}
.footer-payment-list {
    flex-wrap: wrap;
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 24px;
}
.footer-payment-list span {
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 52px;
    padding: 8px;
    color: #23406c;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(224, 234, 248, .86);
    border-radius: 9px;
    box-shadow: 0 8px 18px rgba(66, 95, 145, .08);
}
.footer-payment-list span:first-child {
    color: #1d4a9a;
    font-size: 20px;
}
.footer-mastercard {
    grid-template-columns: 18px 18px;
}
.footer-mastercard .bi:first-child {
    color: #ff4b35;
}
.footer-mastercard .bi:last-child {
    color: #ffb020;
    margin-left: -8px;
}
.footer-payment-list span:nth-child(4) .bi {
    color: #f08b20;
    font-size: 25px;
}
.footer-trust-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.footer-trust-list span {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 70px;
    padding: 12px;
    background: #fff;
    border: 1px solid rgba(224, 234, 248, .82);
    border-radius: 14px;
}
.footer-trust-list .bi {
    display: grid;
    place-items: center;
    grid-row: 1 / 3;
    width: 38px;
    height: 38px;
    color: var(--color-text-light);
    font-size: 20px;
    background: #31558f;
    border-radius: 12px;
}
.footer-trust-list span:last-child .bi {
    background: #23bf63;
}
.footer-trust-list b,
.footer-trust-list small {
    display: block;
    min-width: 0;
}
.footer-trust-list b {
    font-size: 14px;
    font-weight: 900;
    color: #10224d;
}
.footer-trust-list small {
    margin-top: -7px;
    font-size: 12px;
    font-weight: 700;
    color: #7b88a0;
}
.footer-link-column h2 {
    display: inline-block;
    padding-bottom: 8px;
    line-height: 1;
    border-bottom: 1px solid rgba(255, 255, 255, .34);
    margin: 0 0 22px;
    padding: 0;
    color: #10224d;
    font-size: 20px;
    font-weight: 900;
    border: 0;
}
.footer-link-column a {
    margin-top: 20px;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    width: 100%;
    max-width: none;
    margin: 0;
    min-height: 44px;
    color: #53617f;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: color var(--transition-base), transform var(--transition-base);
}
.footer-link-column a + a {
    margin-top: 7px;
}
.footer-link-column a .bi:first-child {
    color: #9b8ff1;
    font-size: 19px;
}
.footer-link-column a .bi:last-child {
    color: #9aa7bb;
    font-size: 14px;
}
.footer-link-column a:hover {
    text-decoration: none;
    color: #ef4f98;
    transform: translateX(3px);
}
.footer-action-column {
    display: grid;
    align-content: stretch;
    gap: 24px;
    text-align: center;
    background:
    radial-gradient(circle at 4% 0%, rgba(239, 79, 152, .18), transparent 28%),
    radial-gradient(circle at 94% 0%, rgba(70, 137, 239, .18), transparent 30%),
    rgba(255, 255, 255, .84);
}
.footer-support-card {
    display: grid;
    justify-items: center;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
}
.footer-support-icon {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    margin: 8px 0 18px;
    color: #7a5cff;
    font-size: 34px;
    background: linear-gradient(135deg, rgba(255, 234, 246, .98), rgba(235, 229, 255, .96));
    border-radius: 50%;
    box-shadow: 0 14px 30px rgba(239, 79, 152, .12);
}
.footer-support-card h2, .footer-social-block h2 {
    margin: 0;
    color: #10224d;
    font-size: 23px;
    font-weight: 900;
}
.footer-support-card p {
    margin: 38px 0 28px;
    color: #69758c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.75;
}
.footer-chat-link {
    padding: 0 16px;
    transition: transform var(--transition-base), background var(--transition-base);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: min(100%, 230px);
    min-height: 58px;
    color: var(--color-text-light);
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
    background: #ff7a45;
    border: 0;
    border-radius: 13px;
    box-shadow: 0 14px 28px rgba(138, 108, 241, .22);
}
.footer-chat-link:hover {
    color: var(--color-text-light);
    background: var(--gradient-primary);
    transform: translateY(-2px);
}
.footer-social-block {
    padding-top: 28px;
    border-top: 1px solid rgba(224, 234, 248, .95);
}
.footer-social-block h2 {
    font-size: 15px;
}
.footer-social-links {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}
.footer-social-links a {
    transition: transform var(--transition-base), border-color var(--transition-base), background var(--transition-base);
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    color: #10224d;
    font-size: 22px;
    text-decoration: none;
    background: #fff;
    border: 1px solid rgba(224, 234, 248, .9);
    border-radius: 12px;
    box-shadow: 0 9px 20px rgba(66, 95, 145, .08);
}
.footer-social-links a:hover {
    color: #ef4f98;
    background: #fff;
    border-color: rgba(239, 79, 152, .24);
    transform: translateY(-3px);
}
.site-footer-bottom {
    position: relative;
    z-index: 1;
    padding-top: 28px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    width: min(100% - 72px, 1760px);
    margin: 0 auto;
    padding: 28px 32px;
    text-align: left;
    background: rgba(255, 255, 255, .70);
    border: 1px solid rgba(224, 234, 248, .9);
    border-top: 0;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 18px 38px rgba(66, 95, 145, .08);
}
.site-footer-bottom p,
.site-footer-bottom a {
    margin: 0;
    color: #6f7c94;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}
.site-footer-bottom p:nth-child(2) {
    justify-self: center;
}
.site-footer-bottom strong {
    color: #7a5cff;
}
.site-footer-bottom .bi-heart-fill {
    color: #ef4f98;
}
.site-footer-bottom nav {
    display: flex;
    justify-content: flex-end;
    gap: 18px;
}
.site-footer-bottom nav a + a {
    padding-left: 18px;
    border-left: 1px solid rgba(112, 132, 165, .25);
}
.hero-showcase {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
    align-items: stretch;
    gap: 18px;
    width: 100%;
    min-height: 290px;
    overflow: hidden;
    text-align: left;
}
.hero-showcase-copy {
    display: grid;
    align-content: center;
    min-width: 0;
}
.hero-service-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 32px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 800;
    color: #ef4f98;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(239, 79, 152, .25);
    border-radius: 999px;
}
.hero-service-badge .bi {
    color: currentColor;
}
.hero-showcase h1 {
    margin: 14px 0 0;
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 800;
    line-height: .98;
    color: #10224d;
    letter-spacing: 0;
}
.hero-showcase h1 span {
    color: #ef4f98;
}
.hero-showcase-copy > p {
    max-width: 515px;
    margin: 20px 0 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.75;
    color: #566487;
    letter-spacing: 0;
}
.hero-review-card {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0px;
    width: min(100%, 520px);
    margin-top: 24px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(239, 79, 152, .18);
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(70, 101, 151, .08);
}
.hero-review-avatar {
    display: grid;
    grid-row: 1 / 3;
    place-items: center;
    width: 54px;
    height: 54px;
    font-size: 22px;
    font-weight: 700;
    color: var(--color-text-light);
    background: linear-gradient(135deg, #ffd5c2, #ef4f98);
    border: 4px solid rgba(255, 255, 255, .88);
    border-radius: 50%;
}
.hero-review-card blockquote {
    position: relative;
    grid-column: 2 / 4;
    grid-row: 1;
    min-width: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 800;
    font-style: italic;
    line-height: 1.55;
    color: #445171;
    letter-spacing: 0;
    padding-left: 30px;
}
.hero-review-card blockquote::before {
    position: absolute;
    top: 2px;
    left: 0;
    content: "“";
    color: #ef4f98;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: .75;
}
.hero-review-card blockquote::after {
    content: none;
}
.hero-review-stars {
    display: flex;
    grid-column: 2;
    grid-row: 2;
    gap: 4px;
    margin-top: -2px;
    color: #ffb020;
    font-size: 13px;
    margin-left: 30px;
}
.hero-verified-badge {
    display: grid;
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    justify-items: center;
    gap: 4px;
    max-width: 64px;
    padding-left: 18px;
    border-left: 1px solid rgba(239, 79, 152, .18);
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}
.hero-verified-badge .bi {
    color: #ef4f98;
    font-size: 22px;
}
.hero-verified-badge strong,
.hero-verified-badge em {
    display: block;
    font-style: normal;
}
.hero-verified-badge strong {
    color: #ef4f98;
}
.hero-verified-badge em {
    color: #16213a;
}
.hero-showcase-visual {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 234px;
    overflow: hidden;
    border-radius: 18px;
}
.hero-showcase-visual::before {
    position: absolute;
    inset: 18% 10% 6%;
    content: "";
    border: 2px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
}
.hero-phone-visual {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 180px;
    aspect-ratio: 1;
    color: var(--color-text-light);
    background: linear-gradient(135deg, #ffab2f 0%, #ef4f98 48%, #8a6cf1 100%);
    border: 9px solid rgba(255, 255, 255, .75);
    border-radius: 38px;
    transform: rotate(-4deg);
}
.hero-phone-visual .bi {
    color: var(--color-text-light);
    font-size: 72px;
    filter: drop-shadow(0 10px 16px rgba(102, 55, 125, .18));
}
.hero-like-orbit {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 34px;
    padding: 0 13px;
    font-size: 12px;
    font-weight: 800;
    color: var(--color-text-light);
    background: linear-gradient(135deg, #ff5b99, #c653f4);
    border-radius: 8px;
    box-shadow: 0 13px 24px rgba(239, 79, 152, .24);
}
.hero-like-orbit .bi {
    color: currentColor;
}
.hero-like-orbit-one {
    top: 10px;
    right: 30%;
}
.hero-like-orbit-two {
    right: 12px;
    bottom: 47px;
}
.hero-like-orbit-three {
    left: 26px;
    top: 66px;
    border-radius: 50%;
}
.ambient {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(8px);
}
.ambient-one {
    top: 145px;
    right: 110px;
    width: 13px;
    height: 13px;
    background: var(--color-panel-bg);
    box-shadow: 34px 22px 0 var(--color-panel-bg), 70px 8px 0 var(--color-panel-bg);
}
.ambient-two {
    top: 247px;
    left: 235px;
    width: 9px;
    height: 9px;
    background: var(--color-panel-bg);
    box-shadow: 315px -80px 0 var(--color-panel-bg);
}
.package-plus .bi {
    color: var(--color-brand-purple);
}
.service-icon .bi,
.benefit-icon .bi {
    color: currentColor;
}
.service-card strong,
.benefit-card strong {
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.15;
}
.packages-section {
    padding-top: var(--home-section-gap);
}
.section-heading h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
}
.section-heading p {
    margin: 7px 0 0;
    font-weight: 700;
    color: var(--color-text-muted);
    margin-top: 6px;
    font-size: 12px;
}
.package-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px 18px;
    margin-top: 0;
}
.package-card {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    justify-items: center;
    row-gap: 10px;
    min-height: 156px;
    padding: 24px 20px 18px;
    overflow: visible;
    text-align: center;
    background: var(--gradient-panel-sheen), rgba(255, 255, 255, .94);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: 0 10px 24px var(--color-shadow-card);
    transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
.package-card:hover {
    border-color: #ef4f98;
    transform: translateY(-2px);
}
.package-card.selected {
    background: var(--gradient-panel-sheen), #fff;
    color: inherit;
}
.package-badge {
    position: absolute;
    top: -9px;
    right: -1px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 24px;
    padding: 0 11px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    color: var(--color-text-light);
    text-transform: uppercase;
    letter-spacing: 0;
    border-radius: 7px 7px 0 7px;
    box-shadow: 0 8px 16px rgba(66, 95, 145, .14);
}
.package-badge .bi {
    color: currentColor;
}
.badge-best {
    background: #8a62ef;
}
.badge-premium {
    background: #ff961d;
}
.heart {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    font-size: 18px;
    line-height: 1;
    color: #ef2f83;
    background: #fde7f1;
    border-radius: 50%;
    box-shadow: 0 10px 20px rgba(239, 79, 152, .12);
}
.heart .bi {
    color: currentColor;
}
.package-card strong {
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    color: #10224d;
    letter-spacing: 0;
}
.package-card small {
    display: grid;
    place-items: center;
    width: 100%;
    min-height: 25px;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 800;
    color: #ef2f83;
    background: #fde8f2;
    border-radius: 7px;
    letter-spacing: 0;
}
.package-card.selected small {
    color: #7a5cff;
    background: #f1eaff;
}
.package-card-premium small {
    color: #ff8610;
    background: #fff0df;
}
.package-plus {
    position: absolute;
    top: 50%;
    right: -15px;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    font-size: 18px;
    font-weight: 500;
    background: var(--gradient-panel-sheen), var(--color-panel-bg);
    border: 1px solid var(--color-border);
    border-radius: 50%;
    box-shadow: 0 5px 13px var(--color-shadow-card);
    transform: translateY(-50%);
}
.services-section {
    padding-top: var(--home-section-gap);
}
.services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin: 14px auto 0;
    width: 100%;
}
.service-top {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 62px;
}
.service-top p {
    margin: 5px 0 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--color-text-muted);
    letter-spacing: 0;
}
.followers-visual {
    background: linear-gradient(135deg, #57d884, #22b669);
    box-shadow: 0 11px 22px rgba(34, 182, 105, .22);
}
.impressions-visual {
    background: linear-gradient(135deg, #6095f5, #3c74df);
    box-shadow: 0 11px 22px rgba(60, 116, 223, .22);
}
.views-visual {
    background: linear-gradient(135deg, #a668f7, #7038e6);
    box-shadow: 0 11px 22px rgba(112, 56, 230, .24);
}
.saves-visual {
    background: linear-gradient(135deg, #ff5b99, #ef327c);
    box-shadow: 0 11px 22px rgba(239, 50, 124, .24);
}
.service-icon .bi {
    color: currentColor;
}
.service-card strong {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    color: #23283b;
    letter-spacing: 0;
}
.service-select {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 46px;
    align-items: center;
    height: 39px;
    margin-top: 20px;
    overflow: hidden;
    background: var(--gradient-panel-sheen), var(--color-panel-bg);
    border: 1px solid var(--color-border);
    border-radius: 9px;
    box-shadow: 0 7px 15px rgba(66, 95, 145, .08);
    width: 100% !important;
}
.service-select button {
    display: grid;
    place-items: center;
    height: 100%;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: currentColor;
    background: transparent;
    border: 0;
}
.service-minus {
    color: #6a8ed8 !important;
}
.service-plus {
    color: #ef4f98 !important;
}
.service-select span {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    color: #23283b;
}
.more-services-price {
    margin-top: 9px;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
    color: var(--color-brand-purple);
    letter-spacing: 0;
}
.more-services-price small {
    font-size: 12px;
    font-weight: 700;
    color: #23283b;
}
.service-select b {
    font-weight: 700;
}
.order-summary-bar {
    position: fixed;
    left: 50%;
    bottom: 12px;
    z-index: 9;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    width: min(100vw - 28px, 1260px);
    margin: 0;
    padding: 16px 18px;
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(138, 108, 241, .2);
    border-radius: 14px;
    box-shadow: 0 16px 36px rgba(66, 95, 145, .16);
    transform: translateX(-50%);
}
.order-summary-toggle {
    display: none;
}
.order-summary-anchor {
    display: none;
}
.order-summary-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.order-summary-item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 26px;
    align-items: center;
    justify-content: start;
    gap: 10px;
    flex: 1 1 clamp(150px, 13.5vw, 215px);
    min-width: 0;
}
.summary-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    font-size: 22px;
    color: var(--color-text-light);
    border-radius: 9px;
}
.summary-icon .bi,
.summary-adjust .bi,
.order-buy-btn .bi {
    color: currentColor;
}
.summary-likes,
.summary-saves {
    background: linear-gradient(135deg, #ff5b99, #ef327c);
    box-shadow: 0 10px 20px rgba(239, 50, 124, .18);
}
.summary-impressions {
    background: linear-gradient(135deg, #6095f5, #3c74df);
    box-shadow: 0 10px 20px rgba(60, 116, 223, .18);
}
.summary-views {
    background: linear-gradient(135deg, #a668f7, #7038e6);
    box-shadow: 0 10px 20px rgba(112, 56, 230, .18);
}
.summary-followers {
    background: linear-gradient(135deg, #57d884, #22b669);
    box-shadow: 0 10px 20px rgba(34, 182, 105, .18);
}
.order-summary-item small,
.order-summary-item strong,
.order-summary-item b {
    display: block;
    letter-spacing: 0;
}
.order-summary-item small {
    font-size: 10px;
    font-weight: 800;
    color: #10224d;
}
.order-summary-item strong {
    margin-top: 2px;
    font-size: clamp(16px, 1.45vw, 15px);
    font-weight: 800;
    line-height: 1;
    color: #10224d;
    overflow-wrap: anywhere;
}
.order-summary-item b {
    margin-top: 5px;
    font-size: 11px;
    font-weight: 800;
    color: #7a5cff;
}
.summary-adjust {
    display: grid;
    gap: 8px;
}
.summary-adjust button {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 12px;
    color: #ef2f83;
    background: var(--color-panel-bg);
    border: 1px solid var(--color-border);
    border-radius: 7px;
    box-shadow: 0 6px 12px rgba(66, 95, 145, .08);
}
.summary-adjust .bi-plus-lg,
.summary-adjust .bi-dash-lg {
    font-size: 14px;
    font-weight: 600;
    -webkit-text-stroke: .75px currentColor;
    text-shadow: 0 0 0 currentColor;
}
.order-buy-stack {
    justify-self: end;
    display: grid;
    justify-items: stretch;
    gap: 6px;
    width: 144px;
}
.order-buy-stack .order-total-desktop {
    display: block;
    color: #836bd5;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
}
.order-buy-btn {
    justify-self: stretch;
    width: 100%;
    min-width: 144px;
    min-height: 48px;
    padding: 0 14px;
    gap: 8px;
    font-size: 13px;
    font-weight: 800;
    border-radius: 9px;
}
.order-buy-btn strong,
.order-buy-btn span {
    color: currentColor;
}
.order-buy-btn strong {
    font-size: 14px;
}
.buy-btn .bi {
    color: var(--color-text-light);
    font-size: 12px;
}
.buy-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    font-size: 13px;
    font-weight: 500;
    gap: 6px;
    color: var(--color-text-light);
    background: var(--gradient-primary);
    border-radius: var(--radius-card);
    box-shadow: 0 9px 20px var(--color-shadow-brand);
}
.home-extra-section {
    position: relative;
    z-index: 1;
    margin-top: var(--home-section-gap);
}
.feedback-card strong {
    font-size: 17px;
    font-weight: 500;
}
.article-tabs {
    position: relative;
    margin-top: 24px;
    --article-tab-panel-height: auto;
    transition: height 260ms ease;
}
.article-tabs.is-height-lock {
    overflow: hidden;
}
.article-tab-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(224, 234, 248, .92);
    border-radius: 20px;
}
.article-tab-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 72px;
    padding: 0 18px;
    color: #7c879f;
    font-size: 15px;
    font-weight: 900;
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(224, 234, 248, .82);
}
.article-tab-btn:last-child {
    border-right: 0;
}
.article-tab-btn .bi {
    color: currentColor;
    font-size: 22px;
}
.article-tab-btn::after {
    position: absolute;
    right: 50%;
    bottom: 0;
    width: 34px;
    height: 3px;
    content: "";
    background: #ff7a45;
    border-radius: var(--radius-pill);
    opacity: 0;
    transform: translateX(50%);
}
.article-tab-btn.is-active {
    color: #ff7a45;
    background: #fff3e6;
}
.article-tab-btn.is-active::after {
    opacity: 1;
}
.article-tab-panel {
    margin-top: 20px;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 220ms ease, transform 220ms ease;
}
.article-tab-panel[hidden] {
    display: none;
}
.article-tab-panel.is-switching-out,
.article-tab-panel.is-switching-in {
    opacity: 0;
    transform: translateY(8px);
}
.article-tab-panel > .article-buy-guide {
    margin-top: 0;
}
.article-buy-guide {
    display: grid;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.12fr);
    gap: 18px;
    margin-top: 24px;
    padding: 12px;
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(224, 234, 248, .86);
    border-radius: 22px;
}
.article-buy-guide-image {
    min-height: 100%;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(132, 89, 220, .12);
}
.article-buy-guide-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article-buy-guide-content {
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 14px;
    min-width: 0;
}
.article-buy-guide-hero,
.article-buy-step,
.article-why-card,
.article-start-card {
    background: var(--gradient-panel-sheen), rgba(255, 255, 255, .92);
    border: 1px solid rgba(224, 234, 248, .86);
    border-radius: 20px;
}
.article-buy-guide-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 130px;
    align-items: center;
    min-height: 160px;
    padding: 24px;
    overflow: hidden;
    background: radial-gradient(circle at 92% 18%, rgba(255, 222, 171, .72), transparent 24%), linear-gradient(110deg, rgba(255, 255, 255, .96), rgba(255, 235, 246, .72) 55%, rgba(232, 215, 255, .82));
}
.article-buy-guide-hero::before,
.article-buy-guide-hero::after {
    position: absolute;
    content: "";
    border-radius: 50%;
}
.article-buy-guide-hero::before {
    top: 36px;
    right: 178px;
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, #ff8dc1, #9b6cf6);
    box-shadow: 184px 84px 0 rgba(139, 108, 241, .18);
}
.article-buy-guide-hero::after {
    right: 34px;
    bottom: -54px;
    width: 220px;
    height: 220px;
    background: linear-gradient(135deg, rgba(255, 136, 181, .55), rgba(184, 129, 255, .50));
    border-radius: 42px;
    transform: rotate(-19deg);
}
.article-buy-guide-hero h3 {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: clamp(30px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.14;
    color: #10224d;
}
.article-buy-guide-hero h3 span {
    color: #ef4f98;
}
.article-buy-guide-hero p {
    position: relative;
    z-index: 1;
    max-width: 560px;
    margin: 16px 0 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.75;
    color: #5e6a82;
}
.article-buy-guide-brand {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 105px;
    height: 105px;
    justify-self: center;
    color: var(--color-text-light);
    font-size: 62px;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(135deg, #ff7ca8, #ef4f98);
    border-radius: 20px;
    box-shadow: 0 22px 38px rgba(239, 79, 152, .24);
    transform: rotate(12deg);
}
.article-buy-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.article-buy-step {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: center;
    min-height: 200px;
    padding: 24px;
    text-align: center;
}
.article-buy-step span {
    position: absolute;
    top: 14px;
    left: 14px;
    display: grid;
    place-items: center;
    min-width: 40px;
    height: 40px;
    font-size: 22px;
    font-weight: 800;
    border-radius: 10px;
}
.article-buy-step i {
    display: grid;
    place-items: center;
    width: 70px;
    height: 70px;
    margin-bottom: 16px;
    color: var(--color-text-light);
    font-size: 35px;
    border-radius: 18px;
    box-shadow: 0 14px 26px rgba(66, 95, 145, .16);
}
.article-buy-step strong {
    font-size: 12px;
    font-weight: 800;
    color: #17223b;
}
.article-buy-step p {
    max-width: 150px;
    margin: 10px auto 0;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.45;
    color: #6a748a;
}
.article-buy-step::after {
    display: block;
    width: 78%;
    height: 4px;
    margin-top: 8px;
    content: "";
    border-radius: var(--radius-pill);
}
.step-pink span {
    color: #ef4f98;
    background: #ffeaf4;
}
.step-pink i,
.step-pink::after {
    background: linear-gradient(135deg, #ff5b99, #ef327c);
}
.step-purple span {
    color: #8a6cf1;
    background: #f1eaff;
}
.step-purple i,
.step-purple::after {
    background: linear-gradient(135deg, #a668f7, #7038e6);
}
.step-orange span {
    color: #ff961d;
    background: #fff0df;
}
.step-orange i,
.step-orange::after {
    background: linear-gradient(135deg, #ffc447, #ff9417);
}
.step-green span {
    color: #23c5a7;
    background: #e9fbf8;
}
.step-green i,
.step-green::after {
    background: linear-gradient(135deg, #45ddc2, #20bda0);
}
.article-buy-guide-bottom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}
.article-why-card,
.article-start-card {
    min-height: 164px;
    padding: 24px;
}
.article-why-card h4,
.article-start-card h4 {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 800;
    color: #17223b;
}
.article-avatar-row {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.article-avatar-row span,
.article-avatar-row b {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    margin-right: -7px;
    color: var(--color-text-light);
    font-size: 11px;
    font-weight: 800;
    background: var(--gradient-primary);
    border: 2px solid rgba(255, 255, 255, .95);
    border-radius: 50%;
}
.article-avatar-row b {
    margin-left: 8px;
    margin-right: 0;
    background: #ef4f98;
}
.article-why-card p {
    margin: 8px 0 0;
    font-size: 12px;
    font-weight: 700;
    color: #5e6a82;
}
.article-why-card p .bi {
    margin-right: 8px;
    color: #8a6cf1;
}
.article-start-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(115deg, rgba(255, 255, 255, .96), rgba(255, 234, 243, .92));
}
.article-start-card > .bi {
    justify-self: center;
    color: #ef4f98;
    font-size: 108px;
    opacity: .86;
    filter: drop-shadow(0 18px 26px rgba(239, 79, 152, .18));
}
.article-start-card p {
    margin: 0 0 18px;
    font-size: 12px;
    font-weight: 700;
    color: #6a748a;
}
.article-start-card a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 24px;
    color: var(--color-text-light);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    background: linear-gradient(135deg, #ff5b99, #ef327c);
    border-radius: var(--radius-pill);
    box-shadow: 0 13px 24px rgba(239, 79, 152, .24);
}
.price-list-shell {
    display: grid;
    gap: 0;
    padding: 24px;
    background: #fff;
    border: 1px solid rgba(245,154,75,.22);
    border-radius: 20px;
}
.price-list-table {
    overflow: hidden;
}
.price-list-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}
.price-list-table th,
.price-list-table td {
    text-align: left;
}
.price-list-table th {
    padding: 16px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .01em;
    background: #ff7a45;
    border-right: 0;
}
.price-list-table th:first-child {
    border-radius: 14px 0 0 14px;
}
.price-list-table th:last-child {
    border-right: 0;
    border-radius: 0 14px 14px 0;
    text-align: right;
}
.price-list-table tbody td {
    padding: 18px 20px;
    color: #6f7f9f;
    font-size: 15px;
    font-weight: 800;
    background: rgba(255, 255, 255, .96);
    border-top: 1px solid rgba(224, 234, 248, .94);
    border-bottom: 1px solid rgba(224, 234, 248, .94);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.price-list-table tbody td:first-child {
    position: relative;
    padding-left: 48px;
    color: #243453;
    border-left: 1px solid rgba(224, 234, 248, .94);
    border-radius: 14px 0 0 14px;
}
.price-list-table tbody td:first-child::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--gradient-primary);
    transform: translateY(-50%);
    box-shadow: 0 0 0 5px rgba(245, 154, 75, .10);
}
.price-list-table tbody td:last-child {
    color: #17203a;
    text-align: right;
    border-right: 1px solid rgba(224, 234, 248, .94);
    border-radius: 0 14px 14px 0;
}
.price-list-table tbody tr:hover td {
    background: #fff7ef;
    border-color: rgba(245, 154, 75, .34);
}
.price-list-table tbody tr:hover td:first-child,
.price-list-table tbody tr:hover td:last-child {
    box-shadow: none;
}
.article-card {
    position: relative;
    display: grid;
    gap: 12px;
    min-height: 265px;
    padding: 24px;
    overflow: hidden;
    background: var(--color-cart-card);
    border: 1px solid var(--color-border);
    border-radius: 20px;
}
.article-tag {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 26px;
    padding: 0 12px;
    font-size: 10px;
    font-weight: 500;
    color: var(--color-brand-purple);
    background: var(--color-panel-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
}
.article-card h3 {
    margin: 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.35;
}
.article-card p {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.8;
    color: var(--color-text);
}
.article-card a {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 34px;
    padding: 0 16px;
    font-size: 11px;
    font-weight: 500;
    color: var(--color-text-light);
    background: var(--gradient-primary);
    border-radius: var(--radius-pill);
    box-shadow: 0 10px 20px var(--color-shadow-brand);
}
.article-visual {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 220px;
    overflow: hidden;
    background: var(--gradient-primary);
    border-radius: 14px;
}
.article-visual::before,
.article-visual::after {
    position: absolute;
    width: 160px;
    height: 160px;
    content: "";
    background: var(--color-panel-bg);
    border-radius: 50%;
    opacity: .18;
}
.article-visual::before {
    top: -45px;
    right: -36px;
}
.article-visual::after {
    bottom: -58px;
    left: -36px;
}
.article-visual span {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    font-size: 30px;
    font-weight: 500;
    color: var(--color-brand-pink);
    background: var(--color-panel-bg);
    border-radius: 18px;
    box-shadow: 0 12px 24px var(--color-shadow-brand);
}
.article-visual span + span {
    position: absolute;
    right: 20%;
    bottom: 20%;
    width: 45px;
    height: 45px;
    font-size: 20px;
    color: var(--color-brand-blue);
}
.article-visual span:last-child {
    top: 18%;
    right: auto;
    bottom: auto;
    left: 19%;
    width: 34px;
    height: 34px;
    font-size: 15px;
    color: var(--color-brand-green);
}
.article-visual-buy,
.article-visual-growth {
    min-height: 132px;
    margin-bottom: 4px;
    background: var(--gradient-blue);
}
.article-visual-growth {
    background: var(--gradient-green);
}
.faq-item summary::-webkit-details-marker {
    display: none;
}
.faq-item[open] .faq-toggle-icon {
    transform: rotate(180deg);
}
.faq-item p {
    margin: -8px 68px 26px 32px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.75;
    color: var(--color-text-muted);
}
.feedback-summary {
    display: grid;
    grid-template-columns: minmax(240px, 1.05fr) minmax(360px, 1.25fr) minmax(220px, .78fr);
    gap: 22px;
    align-items: stretch;
    margin-bottom: var(--home-section-gap);
}
.feedback-summary-copy {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
}
.feedback-quote-mark {
    color: #ef4f98;
    font-size: 118px;
    font-weight: 800;
    line-height: .72;
}
.feedback-summary-copy h2 {
    margin: 0;
    font-size: clamp(38px, 4vw, 52px);
    font-weight: 800;
    line-height: 1;
    color: #10224d;
    letter-spacing: 0;
}
.feedback-summary-copy p {
    margin: 18px 0 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-text-muted);
    letter-spacing: 0;
}
.feedback-summary-copy p + p {
    margin-top: 8px;
}
.feedback-rating-panel,
.feedback-recommend-card {
    background: rgba(255, 255, 255, .86);
    border: 1px solid var(--color-border);
    border-radius: 20px;
}
.feedback-rating-panel {
    display: grid;
    grid-template-columns: minmax(140px, .72fr) minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    padding: 28px 34px;
}
.feedback-rating-score strong {
    display: block;
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    color: #10224d;
}
.feedback-rating-score span,
.feedback-card-top b {
    display: flex;
    gap: 4px;
    margin-top: 13px;
    font-size: 15px;
    color: #fbbc04;
    letter-spacing: 0;
}
.feedback-rating-score span .bi,
.feedback-card-top b .bi {
    color: #fbbc04;
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
}
.feedback-rating-score small {
    display: block;
    margin-top: 9px;
    font-size: 13px;
    font-weight: 700;
    color: var(--color-text-muted);
}
.feedback-rating-bars {
    display: grid;
    gap: 11px;
}
.feedback-rating-bars div {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 800;
    color: #10224d;
}
.feedback-rating-bars b {
    height: 8px;
    overflow: hidden;
    background: rgba(251, 188, 4, .16);
    border-radius: var(--radius-pill);
}
.feedback-rating-bars i {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #fbbc04 0%, #f6b400 100%);
    border-radius: inherit;
}
.feedback-rating-bars strong {
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}
.feedback-recommend-card {
    position: relative;
    display: grid;
    align-content: center;
    min-height: 160px;
    padding: 24px;
}
.feedback-recommend-card span {
    position: absolute;
    top: 32px;
    right: 32px;
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    color: #ef4f98;
    background: rgba(239, 79, 152, .12);
    border-radius: 50%;
}
.feedback-recommend-card span .bi {
    color: currentColor;
    font-size: 25px;
}
.feedback-recommend-card strong {
    display: block;
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    color: #10224d;
}
.feedback-recommend-card p {
    max-width: 170px;
    margin: 22px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    color: var(--color-text-muted);
}
.feedback-form {
    position: relative;
    display: grid;
    gap: 18px;
    align-items: center;
    width: 100%;
    margin: 0 0 24px;
    padding: 20px 56px 20px 22px;
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    box-shadow: 0 12px 28px var(--color-shadow-soft);
}
.feedback-form[hidden] {
    display: none;
}
.feedback-form-close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    color: var(--color-text-muted);
    background: transparent;
    border: 0;
}
.feedback-form-close .bi {
    color: currentColor;
}
.feedback-form-intro {
    display: grid;
    gap: 13px;
    align-content: center;
}
.feedback-form h3 {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.1;
    color: #53617f;
    text-align: left;
    letter-spacing: 0;
}
.feedback-form-stars {
    display: flex;
    justify-content: flex-start;
    gap: 6px;
}
.feedback-form-stars button {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 22px;
    color: #c9d3e5;
    background: transparent;
    border: 0;
}
.feedback-form-stars button.is-active {
    color: #fbbc04;
}
.feedback-form-stars .bi {
    color: currentColor;
}
.feedback-form-fields {
    display: grid;
    gap: 14px;
    align-items: stretch;
}
.feedback-form label {
    display: grid;
    gap: 7px;
    margin: 0;
}
.feedback-form label span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
.feedback-form input[type="text"],
.feedback-form textarea {
    width: 100%;
    padding: 13px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #10224d;
    background: var(--color-panel-bg);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    outline: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}
.feedback-form textarea {
    height: 96px;
    min-height: 48px;
    resize: vertical;
}
.feedback-form input::placeholder,
.feedback-form textarea::placeholder {
    color: #a9b2c6;
}
.feedback-form input:focus,
.feedback-form textarea:focus {
    border-color: rgba(138, 108, 241, .45);
    box-shadow: 0 0 0 4px rgba(138, 108, 241, .09);
}
.feedback-submit-btn {
    width: 100%;
    min-height: 48px;
    font-size: 13px;
    font-weight: 800;
    color: var(--color-text-light);
    background: var(--gradient-primary);
    border: 0;
    border-radius: 12px;
    box-shadow: 0 12px 24px var(--color-shadow-brand);
}
.feedback-track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}
.feedback-track .feedback-card,
.feedback-track .feedback-card:nth-child(1),
.feedback-track .feedback-card:nth-child(2),
.feedback-track .feedback-card:nth-child(3),
.feedback-track .feedback-card:nth-child(4),
.feedback-track .feedback-card:nth-child(5) {
    grid-column: auto;
    min-height: 176px;
}
.feedback-card {
    min-height: 232px;
    position: relative;
    display: grid;
    align-content: start;
    justify-items: stretch;
    padding: 24px;
    text-align: left;
    background: rgba(255, 255, 255, .88);
    border: 1px solid var(--color-border);
    border-radius: 20px;
    box-shadow: 0 12px 28px var(--color-shadow-soft);
}
.feedback-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.feedback-card-top span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    font-size: 14px;
    font-weight: 800;
    color: var(--color-text-light);
    background: var(--gradient-primary);
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(239, 79, 152, .18);
}
.feedback-card-top b {
    margin-top: 0;
    font-size: 12px;
}
.feedback-card-meta {
    margin-top: -32px;
    padding-left: 48px;
}
.feedback-card-meta strong {
    display: block;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.1;
    color: #10224d;
}
.feedback-card-meta small {
    display: block;
    margin-top: 8px;
    font-size: 9px;
    font-weight: 800;
    color: var(--color-text-muted);
}
.feedback-card em {
    position: absolute;
    top: 52px;
    right: 20px;
    padding: 5px 11px;
    font-size: 9px;
    font-weight: 800;
    font-style: normal;
    color: #25a85f;
    background: rgba(56, 211, 139, .12);
    border-radius: var(--radius-pill);
}
.feedback-card p {
    max-width: none;
    margin: 25px 0 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.65;
    color: #53617f;
}
.feedback-card a {
    width: fit-content;
    margin-top: 20px;
    font-size: 10px;
    font-weight: 800;
    color: var(--color-brand-purple);
    text-decoration: none;
}
.feedback-load-more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: min(100%, 250px);
    min-height: 42px;
    margin: 22px auto 0;
    font-size: 12px;
    font-weight: 800;
    color: #ff7a45;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 122, 69, .22);
    border-radius: 12px;
}
.feedback-load-more .bi {
    color: currentColor;
}
.feedback-load-more:disabled {
    cursor: default;
    opacity: .72;
}
.article-stack {
    display: grid;
    gap: 18px;
    margin-top: 24px;
}
.article-stack .article-card {
    grid-template-columns: minmax(170px, .52fr) minmax(0, 1fr);
    align-items: stretch;
    min-height: 0;
    padding: 24px;
}
.article-stack .article-card:nth-child(even) {
    grid-template-columns: minmax(0, 1fr) minmax(170px, .48fr);
}
.article-stack .article-card:nth-child(even) .article-visual {
    order: 2;
}
.article-body {
    display: grid;
    align-content: center;
    gap: 12px;
    margin: 0 16px;
}
.article-body ul {
    display: grid;
    gap: 7px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.article-body li {
    position: relative;
    padding-left: 18px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
    color: var(--color-text);
}
.article-body li::before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 7px;
    content: "";
    background: var(--gradient-primary);
    border-radius: 50%;
}
.article-stack .article-visual {
    min-height: 190px;
}
.faq-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 12px;
}
.faq-list--split {
    align-items: start;
}
.faq-list-column {
    display: grid;
    align-content: start;
    gap: 12px;
}
.faq-item {
    border: 1px solid var(--color-border);
    box-shadow: 0 12px 28px var(--color-shadow-soft);
    position: relative;
    overflow: hidden;
    background: var(--color-panel-bg);
    border-radius: 16px;
}
.faq-item::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    content: "";
    background: #ff7a45;
}
.faq-item summary {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    cursor: pointer;
    list-style: none;
    min-height: 66px;
    padding: 0 66px 0 24px;
    gap: 14px;
}
.faq-item summary span {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    font-size: 10px;
    font-weight: 500;
    color: var(--color-text-light);
    background: #ff7a45;
    border-radius: 12px;
}
.faq-toggle-icon {
    position: absolute;
    right: 30px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    font-size: 13px;
    font-weight: 500;
    background: var(--color-panel-soft);
    border: 1px solid var(--color-border);
    border-radius: 50%;
    transition: transform .2s ease;
    box-shadow: 0 8px 18px var(--color-shadow-soft);
}
.faq-item[open] {
    box-shadow: 0 14px 34px var(--color-shadow-soft);
}
.faq-item[open] p {
    padding: 14px 18px;
    margin: -2px 66px 20px 72px;
    background: var(--color-panel-soft);
    border: 1px solid var(--color-border);
    border-radius: 14px;
}
details[data-animated-faq="true"] {
    box-sizing: border-box;
    overflow: hidden;
    transition: height .28s ease;
    will-change: height;
}
details[data-animated-faq="true"] > p {
    box-sizing: border-box;
    opacity: 1;
    transition: opacity .12s ease;
}
details[data-animated-faq="true"].is-closing > p {
    opacity: 0;
    transition-duration: .08s;
}
details[data-animated-faq="true"].is-closing summary i,
details[data-animated-faq="true"].is-closing .faq-toggle-icon {
    transform: rotate(0deg) !important;
}
.home-articles-section + .benefits-row {
    display: none;
}
.benefits-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
    padding: 24px;
    background: var(--gradient-panel-sheen), rgba(247, 250, 255, .88);
    border: 1px solid var(--color-border);
    border-radius: 20px;
    margin: var(--home-section-gap) auto 0;
}
.benefit-card {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 9px;
    align-items: center;
    text-align: left;
}
.benefit-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text-light);
    border-radius: var(--radius-card);
    clip-path: polygon(50% 0, 88% 14%, 88% 54%, 50% 100%, 12% 54%, 12% 14%);
}
.benefit-fast {
    background: linear-gradient(135deg, #ff5f86, #ef4f98);
}
.benefit-secure {
    background: linear-gradient(135deg, #4388ef, #5da5f4);
}
.benefit-quality {
    background: linear-gradient(135deg, #8a6cf1, #b164ed);
}
.benefit-drop {
    background: linear-gradient(135deg, #31c7c0, #46d2a5);
}
.benefit-card strong {
    font-size: 13px;
}
.benefit-card small {
    display: block;
    margin-top: 2px;
    font-weight: 700;
    color: var(--color-text-muted);
    font-size: 10px;
    line-height: 1.25;
}
.home-page .benefits-row {
    grid-template-columns: minmax(292px, 1.65fr) repeat(4, minmax(120px, 1fr));
    gap: 16px;
    align-items: stretch;
    padding: 24px;
    background: linear-gradient(135deg, rgba(247, 251, 255, .92), rgba(255, 255, 255, .72));
    border: 1px solid rgba(194, 213, 238, .78);
    border-radius: 20px;
}
.home-page .benefit-card {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-content: center;
    gap: 11px;
    min-height: 124px;
    padding: 18px 14px;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(226, 235, 248, .88);
    border-radius: 9px;
    box-shadow: 0 12px 30px rgba(66, 95, 145, .08);
}
.home-page .benefit-trust-card {
    grid-template-columns: 58px minmax(0, 1fr);
    justify-items: start;
    align-content: center;
    gap: 18px;
    padding: 21px 26px;
    overflow: hidden;
    text-align: left;
    background:
    radial-gradient(circle at 92% 18%, rgba(185, 109, 241, .16), transparent 18%),
    linear-gradient(135deg, rgba(255, 238, 249, .92), rgba(248, 245, 255, .80));
    border-color: rgba(236, 116, 185, .28);
}
.home-page .benefit-trust-card::before,
.home-page .benefit-trust-card::after {
    position: absolute;
    width: 8px;
    height: 8px;
    pointer-events: none;
    content: "";
    background: rgba(183, 113, 235, .28);
    transform: rotate(45deg);
}
.home-page .benefit-trust-card::before {
    right: 27px;
    top: 19px;
}
.home-page .benefit-trust-card::after {
    left: 27px;
    bottom: 27px;
    width: 6px;
    height: 6px;
}
.home-page .benefit-icon {
    width: 48px;
    height: 48px;
    font-size: 24px;
    border-radius: 14px;
    clip-path: none;
    box-shadow: 0 10px 22px rgba(66, 95, 145, .10);
}
.home-page .benefit-trust {
    background: linear-gradient(135deg, #b97cf5, #6a58e8);
}
.home-page .benefit-fast {
    background: linear-gradient(135deg, #ff7ba0, #ed3f89);
}
.home-page .benefit-secure {
    background: linear-gradient(135deg, #65a6f5, #3479e3);
}
.home-page .benefit-quality {
    background: linear-gradient(135deg, #b982f5, #7d55e8);
}
.home-page .benefit-drop {
    background: linear-gradient(135deg, #60d9c2, #28bfa7);
}
.home-page .benefit-card strong {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    color: #10224d;
}
.home-page .benefit-trust-card strong {
    font-size: 18px;
    line-height: 1.22;
}
.home-page .benefit-card small {
    max-width: 130px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
    color: #7888a8;
}
.home-page .benefit-trust-card small {
    max-width: 210px;
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.45;
}
.cart-page {
    background: var(--gradient-page);
}
.cart-shell {
    width: min(100%, 850px);
    padding: 0 22px 30px;
}
.cart-shell::before,
.cart-shell::after {
    display: none;
}
.success-page {
    background: var(--gradient-page);
}
.success-shell {
    width: min(100%, 500px);
    padding: 0 22px 32px;
}
.success-shell::before,
.success-shell::after {
    display: none;
}
.success-hero {
    position: relative;
    z-index: 1;
    width: min(100%, 610px);
    margin: 0 auto 26px;}
.success-check-wrap {
    position: relative;
    display: grid;
    place-items: center;
    width: 94px;
    height: 94px;
    margin: 0 auto 16px;
}
.success-check-wrap::before {
    position: absolute;
    inset: 6px;
    content: "";
    background: var(--color-panel-bg);
    border-radius: 50%;
    box-shadow: 0 14px 34px var(--color-shadow-soft);
}
.success-check {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    font-size: 32px;
    font-weight: 500;
    color: var(--color-text-light);
    background: var(--gradient-green);
    border-radius: 50%;
    box-shadow: 0 12px 24px var(--color-glow-green);
}
.success-confetti {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.success-confetti-one {
    top: 14px;
    left: 16px;
    background: var(--color-brand-pink);
}
.success-confetti-two {
    top: 8px;
    right: 20px;
    background: var(--color-brand-blue);
}
.success-confetti-three {
    right: 8px;
    bottom: 24px;
    background: #ff7a45;
}
.success-confetti-four {
    bottom: 18px;
    left: 11px;
    background: var(--color-brand-green);
}
.success-hero h1 {
    margin: 0;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.16;
    color: var(--color-text);
}
.success-hero p {
    width: min(100%, 490px);
    margin: 10px auto 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.55;
    color: var(--color-text);
}
.success-content {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 14px;
    width: min(100%, 940px);
    margin: 0 auto;
}
.success-meta-card,
.success-card,
.success-notice {
    background: var(--color-cart-card);
    border: 1px solid var(--color-border);
    border-radius: 20px;
}
.success-meta-card {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 24px;
}
.success-meta-card article,
.success-product-main {
    display: flex;
    gap: 10px;
    align-items: center;
}
.success-meta-icon {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    font-size: 15px;
    color: var(--color-brand-purple);
    background: var(--color-panel-soft);
    border-radius: var(--radius-card);
}
.success-meta-card small,
.success-product-row small {
    display: block;
    margin-bottom: 3px;
    font-size: 8px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--color-text-muted);
}
.success-meta-card strong,
.success-product-row strong {
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.25;
    color: var(--color-text);
}
.success-status-item {
    justify-content: flex-end;
}
.success-status {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    min-height: 25px;
    padding: 0 11px;
    font-size: 8px;
    font-weight: 500;
    color: var(--color-brand-green);
    background: var(--color-panel-soft);
    border-radius: var(--radius-pill);
}
.success-card {
    padding: 24px;
}
.success-card h2 {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0 0 13px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text);
}
.success-card h2 span {
    color: var(--color-brand-purple);
}
.success-product-row {
    display: grid;
    grid-template-columns: 1.45fr repeat(4, minmax(86px, 1fr));
    gap: 14px;
    align-items: center;
    padding: 12px 14px;
    background: var(--color-cart-row);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
}
.success-product-icon {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    font-size: 21px;
    color: var(--color-text-light);
    background: var(--gradient-primary);
    border-radius: var(--radius-card);
    box-shadow: 0 10px 20px var(--color-glow-pink);
}
.success-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 14px;
}
.success-price-list {
    display: grid;
    gap: 10px;
    padding-bottom: 13px;
    margin-bottom: 13px;
    border-bottom: 1px solid var(--color-border);
}
.success-price-list div,
.success-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.success-price-list span,
.success-total span {
    font-size: 10px;
    font-weight: 800;
    color: var(--color-text);
}
.success-price-list strong {
    font-size: 10px;
    font-weight: 500;
}
.success-total strong {
    color: var(--color-brand-purple) !important;
    font-size: 18px;
    font-weight: 500;
}
.success-timeline {
    display: grid;
    gap: 0;
}
.success-timeline article {
    position: relative;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: start;
    min-height: 44px;
}
.success-timeline article::before {
    position: absolute;
    top: 18px;
    bottom: -3px;
    left: 8px;
    width: 1px;
    content: "";
    background: var(--color-border-strong);
}
.success-timeline article:last-child::before {
    display: none;
}
.success-timeline article > span {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 17px;
    height: 17px;
    background: var(--color-panel-bg);
    border: 1px solid var(--color-border-strong);
    border-radius: 50%;
}
.success-timeline article > span::before {
    width: 7px;
    height: 7px;
    content: "";
    background: #ff7a45;
    border-radius: 50%;
}
.success-timeline article.active > span {
    background: var(--color-brand-green);
    border-color: var(--color-brand-green);
}
.success-timeline article.active > span::before {
    background: var(--color-text-light);
}
.success-timeline strong {
    display: block;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.25;
}
.success-timeline small {
    display: block;
    margin-top: 2px;
    font-size: 7px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--color-text-muted);
}
.success-timeline time {
    font-size: 8px;
    font-weight: 800;
    color: var(--color-text-muted);
}
.success-notice {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 24px;
}
.success-notice span {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    color: var(--color-brand-purple);
    background: var(--color-panel-soft);
    border-radius: var(--radius-card);
}
.success-notice p {
    margin: 0;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.55;
    color: var(--color-text-muted);
}
.success-notice strong {
    color: var(--color-text);
}
.success-actions {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 6px;
}
.success-action-primary,
.success-action-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 154px;
    min-height: 37px;
    padding: 0 18px;
    font-size: 10px;
    font-weight: 500;
    border-radius: var(--radius-card);
}
.success-action-primary {
    color: var(--color-text-light);
    background: var(--gradient-primary);
}
.success-action-secondary {
    color: var(--color-brand-purple);
    background: var(--color-panel-bg);
    border: 1px solid var(--color-border-strong);
}
.success-content + .benefits-row {
    position: relative;
    z-index: 1;
    margin-top: 20px;
}
.failure-page .success-check {
    background: var(--color-brand-red);
    box-shadow: 0 12px 24px var(--color-glow-pink);
}
.failure-page .success-status {
    color: var(--color-brand-red);
}
.failure-page .success-product-icon {
    background: var(--color-brand-red);
}
.failure-page .success-total strong {
    color: var(--color-brand-red) !important;
}
.failure-page .success-timeline article.active > span {
    background: var(--color-brand-red);
    border-color: var(--color-brand-red);
}
.failure-page .success-notice span,
.failure-page .success-card h2 span,
.failure-page .success-meta-icon {
    color: var(--color-brand-red);
}
.failure-page .success-action-primary {
    background: var(--color-brand-red);
}
.failure-page .success-action-secondary {
    color: var(--color-brand-red);
}
@keyframes mobileServiceReveal {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.main-home-page {
    overflow-x: hidden;
}
.main-home-page .main-kicker,
.main-home-page .main-service-strip h2,
.main-home-page .main-section-head p,
.main-home-page .main-growth-copy span {
    color: #7b8bac;
    font-weight: 700;
}
.main-home-page .main-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid rgba(138, 98, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 16px 36px rgba(50, 72, 118, .08);
    font-size: 13px;
}
.main-home-page .main-hero-copy p {
    max-width: 560px;
    color: #536484;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 600;
}
.main-home-page .main-hero-actions,
.main-home-page .main-trust-pills,
.main-home-page .main-package-band nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.main-home-page .main-hero-actions a,
.main-home-page .main-quick-order button,
.main-home-page .main-growth-copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 20px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #ef4f98, #4d86f7);
    box-shadow: 0 16px 30px rgba(85, 105, 245, .22);
    font-weight: 800;
    text-decoration: none;
}
.main-home-page .main-trust-pills span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #637395;
    font-size: 12px;
    font-weight: 700;
}
.main-home-page .main-trust-pills .bi {
    color: #ef4f98;
}
.main-home-page .main-quick-order,
.main-home-page .main-service-strip,
.main-home-page .main-growth-section,
.main-home-page .main-why-row article,
.main-home-page .main-service-cards a,
.main-home-page .main-social-proof,
.main-home-page .main-insights article,
.main-home-page .main-happy-customers {
    border: 1px solid rgba(205, 219, 241, .86);
    border-radius: 18px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 48px rgba(46, 67, 106, .08);
}
.main-home-page .main-quick-order {
    padding: 22px;
}
.main-home-page .main-quick-order h2 {
    margin: 0;
    color: #0b1f4f;
    font-size: 22px;
    font-weight: 800;
}
.main-home-page .main-quick-order p {
    margin: 4px 0 16px;
    color: #7b8bac;
    font-size: 13px;
    font-weight: 700;
}
.main-home-page .main-quick-order label {
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
    color: #536484;
    font-size: 12px;
    font-weight: 800;
}
.main-home-page .main-quick-order select,
.main-home-page .main-quick-order input {
    width: 100%;
    height: 42px;
    border: 1px solid rgba(205, 219, 241, .95);
    border-radius: 10px;
    color: #0b1f4f;
    background: #fff;
    padding: 0 12px;
    font-weight: 700;
}
.main-home-page .main-quick-order button {
    width: 100%;
    margin-top: 4px;
}
.main-home-page .main-quick-order small {
    display: block;
    margin-top: 12px;
    color: #8a98b5;
    text-align: center;
    font-weight: 700;
}
.main-home-page .main-service-strip a,
.main-home-page .main-package-grid article,
.main-home-page .main-growth-cards article {
    border: 1px solid rgba(205, 219, 241, .86);
    border-radius: 14px;
    background: #fff;
}
.main-home-page .main-service-strip small,
.main-home-page .main-package-grid p,
.main-home-page .main-service-cards small {
    color: #7b8bac;
    font-weight: 700;
}
.main-home-page .main-service-strip .bi-instagram,
.main-home-page .main-package-grid .bi-instagram,
.main-home-page .main-service-cards .bi-instagram {
    color: #ef4f98;
}
.main-home-page .main-service-strip .bi-youtube,
.main-home-page .main-package-grid .bi-youtube,
.main-home-page .main-service-cards .bi-youtube {
    color: #ff2d2d;
}
.main-home-page .main-service-strip .bi-facebook,
.main-home-page .main-service-cards .bi-facebook {
    color: #1877f2;
}
.main-home-page .main-service-strip .bi-spotify,
.main-home-page .main-service-cards .bi-spotify {
    color: #1db954;
}
.main-home-page .main-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}
.main-home-page .main-section-head h2 {
    margin: 0;
    color: inherit;
    font-size: clamp(24px, 2.4vw, 24px);
}
.main-home-page .main-section-head p {
    margin: 4px 0 0;
}
.main-home-page .main-growth-visual img,
.main-home-page .main-insights img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.main-home-page .main-growth-copy p,
.main-home-page .main-growth-copy li,
.main-home-page .main-growth-cards p,
.main-home-page .main-social-proof p,
.main-home-page .main-social-proof small,
.main-home-page .main-insights p,
.main-home-page .main-happy-customers p {
    color: #617091;
    font-weight: 600;
    line-height: 1.55;
}
.main-home-page .main-growth-cards strong,
.main-home-page .main-why-row strong,
.main-home-page .main-service-cards strong,
.main-home-page .main-social-proof h2,
.main-home-page .main-insights h3,
.main-home-page .main-happy-customers h2 {
    color: #0b1f4f;
}
.main-home-page .main-why-row,
.main-home-page .main-service-cards,
.main-home-page .main-insight-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}
.main-home-page .main-why-row article,
.main-home-page .main-service-cards a {
    display: grid;
    gap: 7px;
    padding: 18px;
    text-decoration: none;
}
.main-home-page .main-popular-services,
.main-home-page .main-social-proof,
.main-home-page .main-insights,
.main-home-page .main-happy-customers {
    margin-top: 34px;
}
.main-home-page .main-section-head.centered {
    display: block;
    text-align: center;
}
.main-home-page .site-footer.footer-dark {
    margin-top: 36px;
}
.main-home-page .main-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(260px, .76fr) minmax(280px, .9fr);
    gap: 8px;
    align-items: center;
    margin-top: 0;
    padding-top: 154px;}
.main-home-page .main-hero-copy h1 {
    margin: 18px 0 14px;
    color: #0b1f4f;
    line-height: .98;
    letter-spacing: 0;
    max-width: 640px;
    font-size: clamp(46px, 2.4vw, 76px);
}
.main-home-page .main-hero-copy h1 span {
    color: transparent;
    background: linear-gradient(100deg, #ef4f98 4%, #b55bf1 52%, #4d86f7 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.main-home-page .main-trust-pills > span:nth-child(2) > .bi {
    background: rgba(239, 79, 152, .65);
    box-shadow: 0 14px 26px rgba(239, 79, 152, .22);
}
.main-home-page .main-trust-pills > span > span {
    display: grid;
    gap: 1px;
}
.main-home-page .main-trust-pills strong {
    color: #10224d;
    line-height: 1.1;
}
.main-home-page .main-trust-pills small {
    color: #7b8bac;
    line-height: 1.1;
    font-weight: 700;
}
.main-home-page .main-mini-bars,
.main-home-page .main-chart-line {
    display: flex;
    align-items: end;
    gap: 9px;
}
.main-home-page .main-growth-chart strong,
.main-home-page .main-chart-card b {
    color: #0b1f4f;
    font-weight: 800;
}
.main-home-page .main-growth-chart small,
.main-home-page .main-chart-card span {
    color: #7b8bac;
    font-weight: 700;
}
@keyframes mainPackageIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.main-home-page .main-trust-pills {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 12px;
    max-width: 640px;
}
.main-home-page .main-trust-pills > span {
    display: inline-grid;
    align-items: center;
    gap: 3px;
    color: #10224d;
    font-size: 12px;
    min-width: 0;
    grid-template-columns: 34px minmax(0, 1fr);
}
.main-home-page .main-trust-pills > span > .bi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: rgba(77, 134, 247, .65);
    box-shadow: 0 14px 26px rgba(77, 134, 247, .22);
    width: 34px;
    height: 34px;
}
.main-home-page .main-trust-pills strong,
.main-home-page .main-trust-pills small {
    white-space: nowrap;
}
.main-home-page .main-growth-section {
    display: grid;
    gap: 22px;
    margin-top: 34px;
    padding: 26px;
    grid-template-columns: minmax(220px, .72fr) minmax(0, 1fr) minmax(360px, 1.04fr);
    align-items: center;
}
.main-home-page .main-faq-list h2,
.main-home-page .main-faq-support h3 {
    margin: 0 0 12px;
    color: #0b1f4f;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 800;
}
.main-home-page .main-faq-strip {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) 190px minmax(220px, .62fr);
    align-items: center;
    gap: 22px;
    padding: 20px 24px;
    margin-top: 22px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(100deg, rgba(255, 255, 255, .38), rgba(247, 240, 255, .42));
    box-shadow: none;
}
.main-home-page .main-organic-panel,
.main-home-page .main-satisfaction-panel,
.main-home-page .main-testimonial-suite {
    margin-top: 34px;
}
.main-smart-results {
    margin-top: 10px !important;
}
.main-home-page .main-organic-panel {
    display: grid;
    grid-template-columns: minmax(0, 2.15fr) minmax(260px, .9fr);
    gap: 12px;
    padding: 0;
    border: none;
    border-radius: 18px;
    background: none;
    box-shadow: none;
}
.main-home-page .organic-card,
.main-home-page .organic-flow,
.main-home-page .satisfaction-main,
.main-home-page .mini-review-grid,
.main-home-page .smart-overview,
.main-home-page .smart-service-panel,
.main-home-page .suite-review-card,
.main-home-page .suite-priority,
.main-home-page .suite-faq,
.main-home-page .suite-stats {
    border: 1px solid rgba(205, 219, 241, .72);
    border-radius: 20px;
    background: #fff;
}
.main-home-page .organic-feature {
    padding: 24px;
}
.main-home-page .organic-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 16px;
}
.main-home-page .organic-tabs button {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 10px;
    color: #8a63ff;
    background: #f3edff;
    font-size: 14px;
    font-weight: 600;
    transition: transform 180ms ease, box-shadow 180ms ease;
}
.main-home-page .organic-tabs button:hover,
.main-home-page .organic-tabs button.is-active {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(90, 111, 155, .10);
}
.main-home-page .organic-tabs button:first-child {
    color: #ff8a20;
    background: #fff0e2;
}
.main-home-page .organic-tabs button:last-child {
    color: #28b76f;
    background: #edfbea;
}
.main-home-page .organic-tabs button.is-active:first-child {
    box-shadow: inset 0 0 0 1px rgba(255, 138, 32, .28), 0 12px 20px rgba(255, 138, 32, .10);
}
.main-home-page .organic-tabs button.is-active:nth-child(2) {
    box-shadow: inset 0 0 0 1px rgba(138, 99, 255, .28), 0 12px 20px rgba(138, 99, 255, .10);
}
.main-home-page .organic-tabs button.is-active:last-child {
    box-shadow: inset 0 0 0 1px rgba(40, 183, 111, .28), 0 12px 20px rgba(40, 183, 111, .10);
}
.main-home-page .organic-feature-body {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(300px, 1.12fr);
    gap: 18px;
    align-items: center;
}
.main-home-page .organic-feature h2,
.main-home-page .smart-copy h2,
.main-home-page .service-panel-copy h2,
.main-home-page .suite-priority h2 {
    margin: 0;
    color: #17233f;
    font-size: clamp(21px, 1.85vw, 28px);
    line-height: 1.16;
    font-weight: 600;
}
.main-home-page .organic-feature p,
.main-home-page .organic-flow-copy p,
.main-home-page .satisfaction-main p,
.main-home-page .smart-copy p,
.main-home-page .service-panel-copy p,
.main-home-page .suite-priority p,
.main-home-page .suite-faq p {
    color: #667594;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 500;
}
.main-home-page .organic-feature ul {
    display: grid;
    gap: 8px;
    margin: 16px 0;
    padding: 0;
    list-style: none;
    color: #52617e;
    font-size: 12px;
    font-weight: 600;
}
.main-home-page .organic-feature li {
    display: flex;
    align-items: center;
    gap: 9px;
}
.main-home-page .organic-feature li .bi {
    color: #ff9a2b;
}
.main-home-page .organic-feature a,
.main-home-page .organic-flow-copy a,
.main-home-page .suite-priority a,
.main-home-page .suite-faq aside a {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(135deg, #ff9a2b, #ff7a1a);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
.main-home-page [data-organic-panel="organic-growth"] li .bi {
    color: #ff8a20;
}
.main-home-page [data-organic-panel="organic-growth"] > div > a {
    background: linear-gradient(135deg, #ff9a2b, #ff7a1a);
    box-shadow: 0 12px 24px rgba(255, 138, 32, .16);
}
.main-home-page [data-organic-panel="instagram-reels"] li .bi {
    color: #8a63ff;
}
.main-home-page [data-organic-panel="instagram-reels"] > div > a {
    background: linear-gradient(135deg, #9a73ff, #7b63ff);
    box-shadow: 0 12px 24px rgba(138, 99, 255, .16);
}
.main-home-page [data-organic-panel="creator-strategy"] li .bi {
    color: #28b76f;
}
.main-home-page [data-organic-panel="creator-strategy"] > div > a {
    background: linear-gradient(135deg, #35c98a, #22a969);
    box-shadow: 0 12px 24px rgba(40, 183, 111, .16);
}
.main-home-page .organic-feature figure {
    position: relative;
    min-height: 230px;
    margin: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 14px;
    background: linear-gradient(135deg, #fff9e8, #f4fbff);
}
.main-home-page .organic-feature figure img {
    width: 106px;
    height: 106px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 16px 34px rgba(255, 154, 43, .18);
}
.main-home-page .organic-feature figcaption {
    position: absolute;
    right: 72px;
    top: 78px;
    color: #17233f;
    font-size: 38px;
    line-height: 1;
    font-weight: 700;
    transform: rotate(-12deg);
    -webkit-text-stroke: 1px rgba(23, 35, 63, .18);
}
.main-home-page .organic-choice {
    padding: 24px;
    background: rgba(255, 255, 255, .96);
    height: 100%;
}
.main-home-page .organic-choice h3,
.main-home-page .mini-review-grid h2,
.main-home-page .suite-review-head h2,
.main-home-page .suite-faq h2 {
    color: #17233f;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
}
.main-home-page .organic-choice h3 {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.01em;
}
.main-home-page .organic-choice article {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    min-height: 60px;
    padding: 9px 11px;
    border: 1px solid rgba(214, 224, 239, .78);
    border-radius: 14px;
    background: #fff;
}
.main-home-page .organic-choice article + article {
    margin-top: 9px;
}
.main-home-page .organic-choice article.is-active {
    border-color: rgba(146, 108, 255, .58);
    background: linear-gradient(135deg, rgba(251, 247, 255, .96), #fff);
    box-shadow: inset 0 0 0 1px rgba(146, 108, 255, .12);
}
.main-home-page .organic-choice article > .bi,
.main-home-page .organic-flow article > .bi,
.main-home-page .satisfaction-service-row .bi,
.main-home-page .smart-stat-row .bi,
.main-home-page .suite-priority article .bi,
.main-home-page .suite-stats .bi {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #8a63ff;
    background: #f1ebff;
    font-size: 20px;
}
.main-home-page .organic-choice article > .bi {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    color: #fff;
    font-size: 17px;
    box-shadow: 0 9px 18px rgba(46, 67, 106, .08);
}
.main-home-page .organic-choice article:nth-of-type(1) > .bi {
    background: linear-gradient(135deg, #a76cff, #7c48e8);
}
.main-home-page .organic-choice article:nth-of-type(2) > .bi {
    background: linear-gradient(135deg, #ff9a2b, #ff7a1a);
}
.main-home-page .organic-choice article:nth-of-type(3) > .bi {
    background: linear-gradient(135deg, #20d5a2, #04b985);
}
.main-home-page .organic-choice article:nth-of-type(4) > .bi {
    background: linear-gradient(135deg, #2f9bff, #1477d8);
}
.main-home-page .organic-choice strong,
.main-home-page .organic-flow strong,
.main-home-page .satisfaction-service-row strong,
.main-home-page .service-panel-copy strong,
.main-home-page .suite-priority strong,
.main-home-page .suite-stats strong {
    display: block;
    color: #17233f;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 600;
}
.main-home-page .organic-choice strong {
    font-size: 14px;
    font-weight: 600;
}
.main-home-page .organic-choice small,
.main-home-page .organic-flow small,
.main-home-page .satisfaction-service-row small,
.main-home-page .service-panel-copy small,
.main-home-page .suite-priority small,
.main-home-page .suite-stats small {
    display: block;
    color: #7b8bac;
    font-size: 10px;
    line-height: 1.35;
    font-weight: 500;
}
.main-home-page .organic-choice small {
    color: #647291;
    font-size: 12px;
    line-height: 1.28;
}
.main-home-page .organic-flow {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(340px, 1.44fr) minmax(132px, 1fr) 34px minmax(132px, 1fr) 34px minmax(132px, 1fr);
    gap: 14px;
    align-items: center;
    padding: 24px;
    background: linear-gradient(100deg, rgba(255, 255, 255, .92), rgba(248, 251, 255, .96));
}
.main-home-page .organic-flow-copy h3 {
    margin: 0 0 8px;
    color: #17233f;
    font-size: 16px;
    line-height: 1.22;
    font-weight: 700;
}
.main-home-page .organic-flow-copy p {
    max-width: 340px;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 1.45;
}
.main-home-page .organic-flow-copy a {
    min-height: 34px;
    padding: 0 16px;
    border-radius: 11px;
    color: #7b63ff;
    background: #fff;
    border: 1px solid rgba(138, 99, 255, .28);
    box-shadow: 0 10px 20px rgba(138, 99, 255, .07);
}
.main-home-page .organic-flow article {
    min-height: 104px;
    padding: 16px 14px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 16px 34px rgba(46, 67, 106, .055);
}
.main-home-page .organic-flow article > .bi {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
    border-radius: 11px;
    font-size: 20px;
}
.main-home-page .organic-flow .flow-card-purple > .bi {
    color: #8a63ff;
    background: #f0e7ff;
}
.main-home-page .organic-flow .flow-card-orange > .bi {
    color: #ff9a2b;
    background: #fff0dc;
}
.main-home-page .organic-flow .flow-card-blue > .bi {
    color: #35a9f4;
    background: #e8f7ff;
}
.main-home-page .organic-flow strong {
    font-size: 11px;
}
.main-home-page .organic-flow small {
    max-width: 140px;
    font-size: 12px;
    line-height: 1.28;
}
.main-home-page .flow-arrow {
    position: relative;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #7b63ff;
    background: radial-gradient(circle at 45% 45%, #fff 0 26%, #f2eaff 27% 100%);
    box-shadow: 0 10px 20px rgba(138, 99, 255, .14);
}
.main-home-page .flow-arrow::after {
    content: "";
    position: absolute;
    inset: 7px;
    border-radius: inherit;
    background: rgba(138, 99, 255, .12);
}
.main-home-page .flow-arrow .bi {
    position: relative;
    z-index: 1;
    font-size: 18px;
}
.main-home-page .main-satisfaction-panel {
    display: grid;
    grid-template-columns: minmax(260px, .92fr) minmax(0, 2fr);
    gap: 14px;
}
.main-home-page .mini-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 24px;
}
.main-home-page .mini-review-grid h2,
.main-home-page .mini-review-grid > a {
    grid-column: 1 / -1;
}
.main-home-page .mini-review-grid article {
    padding: 12px;
    border: 1px solid rgba(205, 219, 241, .72);
    border-radius: 12px;
    background: #fff;
}
.main-home-page .mini-review-grid article span {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    color: #17233f;
    font-size: 12px;
    font-weight: 600;
}
.main-home-page .mini-review-grid article span small {
    display: block;
    grid-column: 2;
    margin-top: -6px;
    color: #9aa6bd;
    font-size: 9px;
    font-weight: 500;
}
.main-home-page .mini-review-grid img,
.main-home-page .suite-review-card img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}
.main-home-page .mini-review-grid b,
.main-home-page .suite-review-card b {
    display: inline-flex;
    gap: 3px;
    margin: 10px 0;
    color: #ffb000;
    font-size: 12px;
}
.main-home-page .mini-review-grid p {
    margin: 0;
    color: #52617e;
    font-size: 12px;
    line-height: 1.45;
}
.main-home-page .mini-review-grid > a {
    justify-self: center;
    color: #28b76f;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}
.main-home-page .satisfaction-main {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, .75fr);
    gap: 26px;
    padding: 24px;
    background: linear-gradient(105deg, #f8fcff, #eef8ff);
}
.main-home-page .satisfaction-main > div > span {
    color: #62b6ff;
    font-size: 20px;
    font-weight: 500;
}
.main-home-page .satisfaction-main h2 {
    margin: 14px 0;
    color: #1467bd;
    font-size: clamp(26px, 2.4vw, 26px);
    line-height: 1.15;
    font-weight: 600;
}
.main-home-page .satisfaction-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}
.main-home-page .satisfaction-pills span {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
    border-radius: 10px;
    color: #52617e;
    background: #fff;
    font-size: 11px;
    font-weight: 600;
}
.main-home-page .satisfaction-main figure {
    position: relative;
    min-height: 230px;
    margin: 0;
    display: grid;
    place-items: center;
}
.main-home-page .phone-card {
    position: relative;
    width: 140px;
    min-height: 226px;
    margin: 0 auto 0 14px;
    padding: 34px 15px 14px;
    border: 2px solid rgba(62, 126, 199, .72);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 34px rgba(62, 126, 199, .08);
}
.main-home-page .phone-card::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 50%;
    width: 42px;
    height: 6px;
    border-radius: 999px;
    background: #0e1730;
    transform: none;
}
.main-home-page .phone-card strong,
.main-home-page .phone-card p {
    display: block;
    margin: 0 0 8px;
    color: #17233f;
    font-size: 7px;
    font-weight: 600;
}
.main-home-page .phone-card p {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 6px;
    align-items: center;
}
.main-home-page .phone-card p img {
    width: 18px;
    height: 18px;
    grid-row: span 2;
    border-radius: 50%;
    object-fit: cover;
}
.main-home-page .phone-card p small {
    display: block;
    grid-column: 2;
    color: #8b98b4;
    font-size: 6px;
    line-height: 1;
}
.main-home-page .phone-card b {
    display: block;
    padding-left: 24px;
    color: #4d86f7;
    font-size: 7px;
    letter-spacing: .5px;
    margin: -5px 0 12px;
}
.main-home-page .phone-bubble {
    position: absolute;
    right: 8px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    width: 124px;
    padding: 9px 10px;
    border-radius: 12px;
    background: #fff;
    color: #52617e;
    font-size: 8px;
    font-weight: 600;
    box-shadow: 0 14px 30px rgba(46, 67, 106, .09);
}
.main-home-page .phone-bubble.top {
    top: 50px;
}
.main-home-page .phone-bubble.bottom {
    bottom: 32px;
}
.main-home-page .phone-bubble .bi {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #147ee8;
    background: #eaf4ff;
}
.main-home-page .phone-bubble img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}
.main-home-page .satisfaction-service-row {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-top: 20px;
}
.main-home-page .satisfaction-service-row a:nth-child(2) { background: linear-gradient(135deg, #fff0f8, #fff7fb); }
.main-home-page .satisfaction-service-row a:nth-child(3) { background: linear-gradient(135deg, #eaf7ff, #f8fcff); }
.main-home-page .satisfaction-service-row a:nth-child(4) { background: linear-gradient(135deg, #fff6dc, #fffdf5); }
.main-home-page .satisfaction-service-row a:nth-child(5) { background: linear-gradient(135deg, #efe7ff, #fbf7ff); }
.main-home-page .satisfaction-service-row .bi {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 9px;
    font-size: 17px;
    transform: rotate(-8deg);
    box-shadow: 0 10px 18px rgba(46, 67, 106, .07);
}
.main-home-page .satisfaction-service-row a:nth-child(1) .bi {
    color: #28b76f;
    background: #cffff0;
}
.main-home-page .satisfaction-service-row a:nth-child(2) .bi {
    color: #ef4f98;
    background: #ffe0f1;
}
.main-home-page .satisfaction-service-row a:nth-child(3) .bi {
    color: #40aef5;
    background: #dff3ff;
}
.main-home-page .satisfaction-service-row a:nth-child(4) .bi {
    color: #f3a62d;
    background: #ffedc2;
}
.main-home-page .satisfaction-service-row a:nth-child(5) .bi {
    color: #8a63ff;
    background: #eadfff;
}
.main-home-page .satisfaction-service-row span,
.main-home-page .satisfaction-service-row small {
    display: block;
}
.main-home-page .satisfaction-service-row span {
    min-width: 0;
    color: #17233f;
    font-size: 14px;
    line-height: 1.15;
    font-weight: 600;
}
.main-home-page .satisfaction-service-row small {
    margin-top: 3px;
    color: #667594;
    font-size: 12px;
    line-height: 1.15;
    font-weight: 500;
}
.main-home-page .smart-overview {
    display: grid;
    grid-template-columns: minmax(255px, .88fr) minmax(360px, 1.35fr) minmax(178px, .58fr);
    grid-template-rows: 168px 62px;
    gap: 10px 14px;
    align-items: stretch;
    padding: 24px;
    border-color: rgba(69, 198, 125, .28);
    background: linear-gradient(100deg, #f6fff8, #ffffff);
}
.main-home-page .smart-copy {
    grid-row: 1 / 3;
    align-self: center;
}
.main-home-page .smart-copy a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 16px;
    margin-bottom: 24px;
    border: 1px solid rgba(69, 198, 125, .32);
    border-radius: 999px;
    color: #28a963;
    background: #fff;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}
.main-home-page .smart-copy h2 {
    max-width: 292px;
    font-size: 25px;
    line-height: 1.18;
}
.main-home-page .smart-copy p {
    max-width: 310px;
    font-size: 12px;
    line-height: 1.45;
}
.main-home-page .smart-chart-card,
.main-home-page .top-countries,
.main-home-page .smart-stat-row span {
    padding: 12px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(46, 67, 106, .06);
}
.main-home-page .smart-chart-card {
    align-self: stretch;
}
.main-home-page .top-countries {
    grid-row: 1 / 3;
    align-self: stretch;
}
.main-home-page .smart-chart-card h3,
.main-home-page .top-countries h3,
.main-home-page .service-panel-copy h2 {
    margin: 0 0 10px;
    color: #17233f;
    font-size: 13px;
    font-weight: 600;
}
.main-home-page .smart-chart {
    position: relative;
    height: 82px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: end;
    gap: 18px;
    padding: 10px 8px 0 34px;
    border-bottom: 1px solid rgba(205, 219, 241, .75);
    background-image: linear-gradient(to bottom, rgba(205, 219, 241, .45) 1px, transparent 1px);
    background-size: 100% 25%;
    background-position: left 10px;
}
.main-home-page .smart-chart::before {
    content: "80K\A 60K\A 40K\A 20K\A 0";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: -2px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    white-space: pre-line;
    color: #667594;
    font-size: 8px;
    line-height: 1;
}
.main-home-page .smart-chart span {
    display: block;
    min-width: 26px;
    border-radius: 5px 5px 0 0;
    background: linear-gradient(180deg, #27c66f, #1aaa60);
}
.main-home-page .chart-months {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
    margin-top: 6px;
    padding-left: 34px;
    color: #667594;
    font-size: 9px;
    text-align: center;
}
.main-home-page .top-countries span {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 8px 0;
    color: #17233f;
    font-size: 0;
    height: 60px;
}
.main-home-page .top-countries span::before {
    content: "";
    width: 34px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(23, 35, 63, .08);
}
.main-home-page .top-countries span:nth-of-type(1)::before {
    background:
    linear-gradient(#3155a4, #3155a4),
    repeating-linear-gradient(to bottom, #d94b4b 0 2px, #fff 2px 4px);
    background-size: 16px 12px, 100% 100%;
    background-repeat: no-repeat;
}
.main-home-page .top-countries span:nth-of-type(2)::before {
    background:
    radial-gradient(circle, #2456a6 0 22%, transparent 23%),
    linear-gradient(45deg, transparent 30%, #ffd84d 31% 69%, transparent 70%),
    linear-gradient(-45deg, transparent 30%, #ffd84d 31% 69%, transparent 70%),
    #1fb45c;
}
.main-home-page .top-countries span:nth-of-type(3)::before {
    background: linear-gradient(to bottom, #ff9933 0 33%, #fff 33% 66%, #1f9d55 66% 100%);
}
.main-home-page .top-countries span + span {
    border-top: 1px solid rgba(205, 219, 241, .64);
}
.main-home-page .top-countries p {
    margin: 0 0 8px;
    color: #52617e;
    font-size: 10px;
    line-height: 1.35;
    font-weight: 500;
}
.main-home-page .top-countries b,
.main-home-page .top-countries small {
    display: block;
    font-size: 9px;
}
.main-home-page .top-countries small {
    color: #7b8bac;
    font-weight: 500;
}
.main-home-page .smart-stat-row {
    grid-column: 2 / 3;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.main-home-page .smart-stat-row span {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 1px 8px;
    align-items: center;
    padding: 7px 10px;
}
.main-home-page .smart-stat-row .bi {
    width: 30px;
    height: 30px;
    grid-row: 1 / 4;
    border-radius: 10px;
    font-size: 15px;
}
.main-home-page .smart-stat-row strong {
    color: #17233f;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 700;
}
.main-home-page .smart-stat-row small {
    color: #17233f;
    font-size: 8px;
    line-height: 1.1;
    font-weight: 700;
}
.main-home-page .smart-stat-row em {
    color: #22b96f;
    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;
    font-style: normal;
}
.main-home-page .smart-service-panel aside a.is-active {
    color: #ef4f98;
    background: #fff0f8;
}
.main-home-page .smart-service-panel aside a.is-active > .bi:first-child {
    color: #ef4f98;
    background: #ffe3f0;
}
.main-home-page .smart-service-panel aside a span,
.main-home-page .smart-service-panel aside a small {
    display: block;
}
.main-home-page .service-panel-copy[hidden] {
    display: none;
}
.main-home-page .satisfaction-service-row a {
    min-height: 70px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 20px;
    border: 1px solid rgba(205, 219, 241, .72);
    border-radius: 9px;
    color: #17233f;
    background: linear-gradient(135deg, #dff9e8, #f5fff8);
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.main-home-page .satisfaction-service-row a:hover,
.main-home-page .satisfaction-service-row a.is-active {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(46, 67, 106, .08);
}
.main-home-page .satisfaction-service-row a:nth-child(1).is-active { border-color: rgba(40, 183, 111, .34); }
.main-home-page .satisfaction-service-row a:nth-child(2).is-active { border-color: rgba(239, 79, 152, .34); }
.main-home-page .satisfaction-service-row a:nth-child(3).is-active { border-color: rgba(64, 174, 245, .34); }
.main-home-page .satisfaction-service-row a:nth-child(4).is-active { border-color: rgba(243, 166, 45, .34); }
.main-home-page .satisfaction-service-row a:nth-child(5).is-active { border-color: rgba(138, 99, 255, .34); }
.main-home-page .smart-overview[data-overview-theme="followers"] {
    border-color: rgba(40, 183, 111, .24);
    background: linear-gradient(105deg, #dff9e8, #f5fff8);
}
.main-home-page .smart-overview[data-overview-theme="likes"] {
    border-color: rgba(239, 79, 152, .24);
    background: linear-gradient(105deg, #fff0f8, #fff7fb);
}
.main-home-page .smart-overview[data-overview-theme="views"] {
    border-color: rgba(64, 174, 245, .24);
    background: linear-gradient(105deg, #eaf7ff, #f8fcff);
}
.main-home-page .smart-overview[data-overview-theme="reviews"] {
    border-color: rgba(243, 166, 45, .24);
    background: linear-gradient(105deg, #fff6dc, #fffdf5);
}
.main-home-page .smart-overview[data-overview-theme="shares"] {
    border-color: rgba(138, 99, 255, .24);
    background: linear-gradient(105deg, #efe7ff, #fbf7ff);
}
.main-home-page .smart-overview[data-overview-theme="followers"] .smart-copy a,
.main-home-page .smart-overview[data-overview-theme="followers"] .smart-stat-row em {
    color: #28a963;
}
.main-home-page .smart-overview[data-overview-theme="likes"] .smart-copy a,
.main-home-page .smart-overview[data-overview-theme="likes"] .smart-stat-row em {
    color: #ef4f98;
}
.main-home-page .smart-overview[data-overview-theme="views"] .smart-copy a,
.main-home-page .smart-overview[data-overview-theme="views"] .smart-stat-row em {
    color: #2e9ee7;
}
.main-home-page .smart-overview[data-overview-theme="reviews"] .smart-copy a,
.main-home-page .smart-overview[data-overview-theme="reviews"] .smart-stat-row em {
    color: #d89120;
}
.main-home-page .smart-overview[data-overview-theme="shares"] .smart-copy a,
.main-home-page .smart-overview[data-overview-theme="shares"] .smart-stat-row em {
    color: #7b63ff;
}
.main-home-page .service-panel-copy,
.main-home-page .smart-service-panel > figure {
    padding: 30px;
}
.main-home-page .smart-service-panel > aside {
    border-right: 1px solid rgba(205, 219, 241, .62);
    padding: 24px 8px;
}
.main-home-page .smart-service-panel aside a > .bi:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8a63ff;
    background: #f2edff;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: 20px;
}
.main-home-page .smart-service-panel aside a small {
    color: #7b8bac;
    line-height: 1.15;
    font-weight: 500;
    margin-top: 5px;
    font-size: 12px;
}
.main-home-page .smart-service-panel aside a > .bi:last-child {
    color: #a5b1c8;
    font-size: 16px;
}
.main-home-page .service-panel-copy > span {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    color: #ef4f98;
    background: #fff0f8;
    font-weight: 700;
    min-height: 28px;
    padding: 0 14px;
    font-size: 11px;
}
.main-home-page .service-proof-grid .bi {
    font-size: 24px;
}
.main-home-page .service-panel-copy dd {
    margin: 0;
    color: #7b8bac;
    font-weight: 600;
    font-size: 11px;
}
.main-home-page .service-panel-copy > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(135deg, #7b63ff, #8f3af2);
    font-weight: 700;
    text-decoration: none;
    min-height: 42px;
    width: min(100%, 420px);
    font-size: 13px;
}
.main-home-page .smart-service-panel figure {
    position: relative;
    margin: 0;
    overflow: hidden;
    min-height: 440px;
}
.main-home-page .smart-service-panel figure::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(138, 99, 255, .18), rgba(238, 246, 255, .55) 64%, transparent 65%);
    right: 32px;
    top: 38px;
    width: 290px;
    height: 290px;
}
.main-home-page .smart-service-panel figure img {
    position: absolute;
    bottom: 0;
    object-fit: cover;
    object-position: center top;
    border-radius: 26px 26px 0 0;
    right: 62px;
    width: 280px;
    height: 390px;
}
.main-home-page .smart-service-panel figure span {
    position: absolute;
    color: #fff;
    font-weight: 700;
    min-width: 112px;
    padding: 13px 16px;
    border-radius: 10px;
    font-size: 15px;
}
.main-home-page .smart-service-panel figure small {
    display: block;
    font-size: 10px;
}
.main-home-page .smart-service-panel .pink {
    background: #ef4f98;
    left: 20px;
    top: 68px;
}
.main-home-page .smart-service-panel .blue {
    background: #4d86f7;
    right: 14px;
    top: 96px;
}
.main-home-page .smart-service-panel .green {
    background: #35c98a;
    right: 20px;
    bottom: 70px;
}
.main-home-page .smart-service-panel {
    display: grid;
    align-items: stretch;
    margin-top: 24px;
    overflow: hidden;
    grid-template-columns: 290px minmax(0, 1fr) minmax(340px, .82fr);
    gap: 30px;
    height: 480px;
    min-height: 480px;
}
.main-home-page .service-panel-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
.main-home-page .smart-service-panel aside h3 {
    margin: 0 0 14px;
    color: #17233f;
    margin-bottom: 22px;
    font-weight: 800;
    padding-left: 14px;
    font-size: 18px;
}
.main-home-page .smart-service-panel aside a {
    display: grid;
    align-items: center;
    color: #52617e;
    text-decoration: none;
    grid-template-columns: 42px minmax(0, 1fr) 18px;
    gap: 14px;
    padding: 10px 14px;
    border-radius: 12px;
    min-height: 58px;
}
.main-home-page .smart-service-panel aside a span {
    color: #17233f;
    line-height: 1.15;
    font-weight: 800;
    font-size: 13px;
}
.main-home-page .service-panel-copy h2 {
    margin-top: 20px;
    font-weight: 800;
    max-width: 500px;
    font-size: clamp(25px, 2.1vw, 28px);
    line-height: 1.16;
}
.main-home-page .service-panel-copy p {
    max-width: 540px;
    margin-top: 14px;
    font-size: 12px;
    line-height: 1.55;
}
.main-home-page .service-proof-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 20px;
}
.main-home-page .service-proof-grid span {
    display: grid;
    place-items: center;
    gap: 6px;
    border: 1px solid rgba(205, 219, 241, .72);
    border-radius: 12px;
    color: #52617e;
    text-align: center;
    font-weight: 600;
    padding: 12px;
    font-size: 10px;
    min-height: 74px;
}
.main-home-page .service-panel-copy dl {
    display: flex;
    margin: 0 0 14px;
    gap: 58px;
    margin-bottom: 18px;
}
.main-home-page .service-panel-copy dt {
    color: #17233f;
    font-weight: 800;
    font-size: 22px;
}
.main-home-page .main-testimonial-suite {
    padding: 24px;
    border: 1px solid rgba(205, 219, 241, .72);
    border-radius: 20px;
    background: #fff;
}
.main-home-page .suite-review-head {
    position: relative;
    text-align: center;
}
.main-home-page .suite-review-head h2 {
    margin: 0;
    color: #17233f;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 600;
}
.main-home-page .suite-review-head p {
    margin: 6px 0 0;
    color: #667594;
    font-size: 13px;
    font-weight: 500;
}
.main-home-page .suite-review-arrow {
    position: absolute;
    top: 130px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(205, 219, 241, .7);
    border-radius: 50%;
    color: #8a63ff;
    background: #fff;
    cursor: pointer;
    z-index: 4;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.main-home-page .suite-review-arrow:hover {
    transform: translateY(-1px);
    border-color: rgba(138, 99, 255, .45);
    box-shadow: 0 10px 24px rgba(138, 99, 255, .14);
}
.main-home-page .suite-review-arrow .bi {
    pointer-events: none;
}
.main-home-page .suite-review-prev {
    left: 18px;
}
.main-home-page .suite-review-next {
    right: 18px;
}
.main-home-page .suite-avatar-row {
    display: flex;
    justify-content: center;
    gap: 28px;
    margin: 30px 0 -24px;
    position: relative;
    z-index: 2;
}
.main-home-page .suite-avatar-row button {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    opacity: .60;
    transition: transform .24s ease, opacity .24s ease, box-shadow .24s ease;
}
.main-home-page .suite-avatar-row button:hover,
.main-home-page .suite-avatar-row button:focus-visible {
    opacity: .86;
    transform: translateY(-2px);
}
.main-home-page .suite-avatar-row button:focus-visible {
    outline: 2px solid rgba(138, 99, 255, .72);
    outline-offset: 5px;
}
.main-home-page .suite-avatar-row img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
}
.main-home-page .suite-avatar-row button.is-active {
    opacity: 1;
    transform: scale(1.20);
    box-shadow: 0 0 0 3px rgba(138, 99, 255, .8), 0 0 0 8px rgba(138, 99, 255, .14);
}
.main-home-page .suite-review-card {
    max-width: 960px;
    min-height: 184px;
    margin: 0 auto;
    padding: 58px 92px 24px;
    border-color: rgba(205, 219, 241, .72);
    background: linear-gradient(100deg, rgba(255, 255, 255, .98), rgba(250, 247, 255, .96));
}
.main-home-page .suite-review-card blockquote {
    margin: 0;
    color: #3f4f70;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 600;
    animation: suiteReviewIn .26s ease both;
}
.main-home-page .suite-review-card blockquote[hidden] {
    display: none;
}
.main-home-page .suite-review-card blockquote > .bi {
    color: #8a63ff;
    font-size: 28px;
    margin-right: 12px;
}
.main-home-page .suite-review-card footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 24px;
}
.main-home-page .suite-review-card footer span {
    display: inline-grid;
    grid-template-columns: 38px auto;
    gap: 10px;
    align-items: center;
}
.main-home-page .suite-review-card footer span img {
    grid-row: 1 / span 2;
}
.main-home-page .suite-review-card footer span strong {
    color: #17233f;
    font-size: 13px;
    font-weight: 700;
}
.main-home-page .suite-review-card footer span strong .bi {
    display: inline-block;
    color: #2188ff !important;
    font-size: 13px;
    vertical-align: -1px;
}
.main-home-page .suite-review-card footer small {
    display: block;
    grid-column: 2;
    margin-top: -12px;
    color: #7b8bac;
    font-size: 10px;
    font-weight: 500;
}
.main-home-page .suite-review-card footer b {
    color: #ffb000 !important;
    font-size: 19px;
    gap: 5px;
}
.main-home-page .suite-review-card footer b .bi {
    color: #ffb000 !important;
}
@keyframes suiteReviewIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.main-home-page .suite-priority {
    display: grid;
    grid-template-columns: 170px minmax(250px, .78fr) repeat(4, minmax(112px, .48fr));
    gap: 18px;
    align-items: center;
    margin-top: 28px;
    padding: 16px 24px;
    border-color: rgba(166, 206, 255, .72);
    background: linear-gradient(100deg, #eef8ff 0%, #f7fbff 44%, #f9fcff 100%);
}
.main-home-page .suite-priority > img {
    width: 158px;
    height: 158px;
    object-fit: cover;
    object-position: center top;
    border-radius: 26px;
}
.main-home-page .suite-priority h2 {
    max-width: 310px;
    font-size: 26px;
    line-height: 1.12;
}
.main-home-page .suite-priority p {
    max-width: 370px;
    margin: 8px 0 14px;
    font-size: 12px;
    line-height: 1.45;
}
.main-home-page .suite-priority article {
    text-align: center;
}
.main-home-page .suite-priority article .bi {
    margin: 0 auto 10px;
    border-radius: 50%;
    color: #8a63ff;
    background: #edf3ff;
    box-shadow: none;
}
.main-home-page .suite-priority article strong {
    font-size: 13px;
    font-weight: 700;
}
.main-home-page .suite-priority article small {
    max-width: 92px;
    margin: 4px auto 0;
    font-size: 12px;
}
.main-home-page .suite-priority article:nth-of-type(2) .bi {
    color: #4d86f7;
    background: #e7f8ff;
}
.main-home-page .suite-priority article:nth-of-type(3) .bi {
    color: #27c7a5;
    background: #e5fbf6;
}
.main-home-page .suite-priority article:nth-of-type(4) .bi {
    color: #35c98a;
    background: #eaf9ee;
}
.main-home-page .suite-priority a {
    color: #fff;
    background: linear-gradient(135deg, #ff9a2b, #ff7a1a);
}
.main-home-page .suite-faq {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
    gap: 28px;
    margin-top: 28px;
    padding: 22px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
    background: linear-gradient(100deg, rgba(255, 255, 255, .85), rgba(242, 248, 255, .8));
}
.main-home-page .suite-faq-item {
    border-bottom: 1px solid rgba(205, 219, 241, .68);
}
.main-home-page .suite-faq-item button {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #17233f;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}
.main-home-page .suite-faq-item.is-open button {
    color: #ef4f98;
}
.main-home-page .suite-faq-item p {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    transition: max-height .24s ease, padding .24s ease;
}
.main-home-page .suite-faq-item.is-open p {
    max-height: 80px;
    padding: 0 0 12px;
}
.main-home-page .suite-faq aside {
    display: grid;
    grid-template-columns: minmax(160px, .72fr) minmax(170px, .7fr);
    align-items: center;
    gap: 18px;
}
.main-home-page .suite-faq aside > div {
    padding: 24px;
    border-radius: 16px;
    background: #f3f8ff;
}
.main-home-page .suite-faq aside h3 {
    margin: 0 0 10px;
    color: #17233f;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}
.main-home-page .suite-faq aside a {
    background: linear-gradient(135deg, #8a63ff, #5b74f7);
}
.main-home-page .suite-faq aside img {
    width: 190px;
    height: 190px;
    object-fit: cover;
    object-position: center top;
    border-radius: 20px;
}
.main-home-page .suite-stats {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
    padding: 24px;
    background: linear-gradient(100deg, #fff2f8, #f4fff5, #f2f8ff);
}
.main-home-page .suite-stats span {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}
.main-home-page .suite-support-panel {
    margin-top: 24px;
    overflow: hidden;
    border: 1px solid rgba(205, 219, 241, .72);
    border-radius: 16px;
    background: linear-gradient(105deg, rgba(255, 255, 255, .98), rgba(249, 245, 255, .9));
}
.main-home-page .suite-support-panel .suite-faq {
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    gap: 26px;
    margin-top: 0;
    padding: 18px 20px 16px;
    border: 0;
    border-radius: 0;
    background:
    radial-gradient(circle at 78% 16%, rgba(138, 99, 255, .08), transparent 34%),
    linear-gradient(100deg, rgba(255, 255, 255, .98), rgba(248, 244, 255, .76));
    box-shadow: none;
}
.main-home-page .suite-support-panel .suite-faq > div {
    display: grid;
    align-content: start;
    gap: 7px;
}
.main-home-page .suite-support-panel .suite-faq h2 {
    margin: 0 0 2px;
    color: #17233f;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
}
.main-home-page .suite-support-panel .suite-faq-item {
    overflow: hidden;
    border: 1px solid rgba(205, 219, 241, .78);
    border-radius: 5px;
    background: #fff;
}
.main-home-page .suite-support-panel .suite-faq-item button {
    min-height: 31px;
    padding: 0 11px;
    color: #17233f;
    font-size: 10px;
    font-weight: 700;
}
.main-home-page .suite-support-panel .suite-faq-item button .bi {
    color: #8a63ff;
    font-size: 10px;
}
.main-home-page .suite-support-panel .suite-faq-item.is-open button {
    color: #ef4f98;
}
.main-home-page .suite-support-panel .suite-faq-item p {
    color: #667594;
    font-size: 9px;
    line-height: 1.45;
}
.main-home-page .suite-support-panel .suite-faq-item.is-open p {
    padding: 0 11px 9px;
}
.main-home-page .suite-support-panel .suite-faq aside {
    position: relative;
    grid-template-columns: minmax(150px, .7fr) minmax(220px, .85fr);
    align-items: center;
    gap: 16px;
    min-height: 170px;
}
.main-home-page .suite-support-panel .suite-faq aside::before,
.main-home-page .suite-support-panel .suite-faq aside::after {
    content: "?";
    position: absolute;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #8a63ff;
    background: #fff;
    box-shadow: 0 12px 28px rgba(90, 116, 160, .12);
    font-size: 24px;
    font-weight: 800;
}
.main-home-page .suite-support-panel .suite-faq aside::before {
    left: -18px;
    top: 44px;
}
.main-home-page .suite-support-panel .suite-faq aside::after {
    left: 168px;
    bottom: 38px;
}
.main-home-page .suite-support-panel .suite-faq aside > div {
    min-height: 120px;
    display: grid;
    align-content: center;
    padding: 22px 24px;
    border-radius: 14px;
    background: linear-gradient(135deg, #eef7ff, #f7f4ff);
}
.main-home-page .suite-support-panel .suite-faq aside h3 {
    max-width: 130px;
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 1.08;
    font-weight: 700;
}
.main-home-page .suite-support-panel .suite-faq aside p {
    max-width: 150px;
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 1.4;
}
.main-home-page .suite-support-panel .suite-faq aside a {
    width: max-content;
    min-height: 34px;
    padding: 0 16px;
    border-radius: 6px;
    background: linear-gradient(135deg, #8a63ff, #6f52e8);
    font-size: 12px;
    box-shadow: 0 12px 24px rgba(112, 82, 232, .18);
}
.main-home-page .suite-support-panel .suite-faq aside img {
    justify-self: end;
    align-self: end;
    width: 203px;
    height: 242px;
    border-radius: 0;
    object-fit: cover;
    object-position: center top;
}
.main-home-page .suite-support-panel .suite-stats {
    display: flex;
    border-top: 1px solid rgba(205, 219, 241, .58);
    background: linear-gradient(100deg, #fff0fb 0%, #fff8e5 20%, #effff1 42%, #f4f8ff 66%, #fff 100%);
}
.main-home-page .suite-support-panel .suite-stats span {
    flex: 1 1 0;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 14px;
    border-right: 1px solid rgba(205, 219, 241, .38);
}
.main-home-page .suite-support-panel .suite-stats span:last-child {
    border-right: 0;
}
.main-home-page .suite-support-panel .suite-stat-icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}
.main-home-page .suite-support-panel .suite-stat-icon .bi {
    font-size: 19px;
}
.main-home-page .suite-support-panel .suite-stats span:nth-child(1) .suite-stat-icon {
    color: #8a63ff;
    background: #f0eaff;
}
.main-home-page .suite-support-panel .suite-stats span:nth-child(2) .suite-stat-icon {
    color: #ff9a2b;
    background: #fff1d8;
}
.main-home-page .suite-support-panel .suite-stats span:nth-child(3) .suite-stat-icon {
    color: #26b875;
    background: #eafbef;
}
.main-home-page .suite-support-panel .suite-stats span:nth-child(4) .suite-stat-icon {
    color: #7b63ff;
    background: #edf0ff;
}
.main-home-page .suite-support-panel .suite-stats span:nth-child(5) .suite-stat-icon {
    color: #ff9a2b;
    background: #fff0df;
}
.main-home-page .suite-support-panel .suite-stats span:nth-child(6) .suite-stat-icon {
    color: #4d86f7;
    background: #eef5ff;
}
.main-home-page .suite-support-panel .suite-stat-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
}
.main-home-page .suite-support-panel .suite-stats strong {
    color: #17233f;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 800;
}
.main-home-page .suite-support-panel .suite-stats span:nth-child(n+4) strong {
    font-size: 13px;
    line-height: 1.15;
    font-weight: 600;
}
.main-home-page .suite-support-panel .suite-stats small {
    color: #667594;
    font-size: 9px;
    line-height: 1.25;
    font-weight: 500;
}
.main-home-page .main-hero.main-hero-showcase {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(320px, .72fr);
    grid-template-rows: auto auto auto;
    align-items: center;
    gap: 0 28px;
    margin-top: 0;
    padding: 42px 24px 24px;
}
.main-home-page .main-hero-showcase .main-hero-copy {
    position: relative;
    z-index: 3;
    max-width: 570px;
}
.main-home-page .main-hero-showcase .main-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 17px;
    border: 0;
    border-radius: 999px;
    color: #ef4f98;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 12px 28px rgba(239, 79, 152, .10);
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}
.main-home-page .main-hero-showcase .main-hero-copy h1 {
    max-width: 500px;
    margin: 18px 0 14px;
    color: #10224d;
    font-size: clamp(38px, 3vw, 52px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: 0;
}
.main-home-page .main-hero-showcase .main-hero-copy h1 span {
    color: transparent;
    background: linear-gradient(100deg, #ef4f98 5%, #d94fc2 54%, #7b63ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.main-home-page .main-hero-showcase .main-hero-copy p {
    max-width: 470px;
    margin: 0;
    color: #52617e;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
}
.main-home-page .main-hero-showcase .main-trust-pills {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    width: min(100%, 560px);
    max-width: 560px;
    margin-top: 22px;
}
.main-home-page .main-hero-showcase .main-trust-pills > span {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 16px;
    border: 1px solid rgba(223, 223, 223, .96);
    border-radius: 10px;
    color: #536484;
    background: rgba(255, 255, 255, .72);
    font-size: 11px;
    line-height: 1.15;
    font-weight: 700;
    white-space: nowrap;
}
.main-home-page .main-hero-showcase .main-trust-pills > span > .bi {
    width: auto;
    height: auto;
    color: #7b63ff;
    background: transparent;
    box-shadow: none;
    font-size: 16px;
}
.main-home-page .main-hero-showcase .main-trust-pills > span:nth-child(2) > .bi {
    color: #ef4f98;
    background: transparent;
    box-shadow: none;
}
.main-home-page .main-hero-showcase .main-trust-pills strong {
    color: #536484;
    line-height: 1.15;
    white-space: nowrap;
}
.main-home-page .main-hero-showcase .main-hero-visual {
    position: relative;
    z-index: 2;
    min-height: 292px;
    align-self: end;
}
.main-home-page .main-hero-showcase .main-hero-visual img {
    position: absolute;
    right: 42%;
    bottom: -28px;
    display: block;
    width: auto;
    max-width: 100%;
    height: 350px;
    max-height: 350px;
    object-fit: contain;
    object-position: center bottom;
    border-radius: 0;
    filter: drop-shadow(0 26px 44px rgba(87, 54, 145, .18));
    transform: translateX(50%);
}
.main-home-page .main-hero-showcase .main-hero-float,
.main-home-page .main-hero-showcase .main-hero-badge,
.main-home-page .main-hero-showcase .main-hero-dot {
    position: absolute;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.main-home-page .main-hero-showcase .main-hero-dot {
    border-radius: 50%;
    background: linear-gradient(135deg, #ef4f98, #8a63ff);
    box-shadow: 0 12px 22px rgba(123, 99, 255, .2);
}
.main-home-page .main-hero-showcase .main-dot-one {
    left: -42px;
    top: 82px;
    width: 16px;
    height: 16px;
}
.main-home-page .main-hero-showcase .main-dot-two {
    left: 34px;
    top: 176px;
    width: 9px;
    height: 9px;
}
.main-home-page .main-hero-showcase .main-dot-three {
    right: 8px;
    bottom: 76px;
    width: 14px;
    height: 14px;
}
.main-home-page .main-hero-showcase .main-dot-four {
    top: 34px;
    right: 45px;
    width: 8px;
    height: 8px;
    background: #ef4f98;
}
.main-home-page .main-hero-showcase .main-dot-five {
    bottom: 28px;
    left: 92px;
    width: 12px;
    height: 12px;
    background: #a663ef;
}
.main-home-page .main-hero-showcase .main-dot-six {
    top: 66px;
    left: 66px;
    width: 11px;
    height: 11px;
    background: #ef4f98;
}
.main-home-page .main-hero-showcase .main-dot-seven {
    top: 104px;
    left: 138px;
    width: 7px;
    height: 7px;
    background: #8a63ff;
}
.main-home-page .main-hero-showcase .main-dot-eight {
    top: 136px;
    left: 96px;
    width: 14px;
    height: 14px;
    background: linear-gradient(135deg, #f06da9, #b063ef);
}
.main-home-page .main-hero-showcase .main-hero-order {
    position: relative;
    z-index: 6;
    grid-column: 1 / -1;
    margin: 30px auto 0;
    padding: 12px 16px 14px;
    border: 1px solid rgba(205, 219, 241, .76);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(55, 65, 96, .10);
    backdrop-filter: blur(10px);
    width: 100%;
}
.main-home-page .main-hero-showcase .main-order-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.main-home-page .main-hero-showcase .main-order-head h2 {
    margin: 0;
    color: #25375e;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
}
.main-home-page .main-hero-showcase .main-order-head span {
    color: #4d86f7;
    font-size: 11px;
    font-weight: 700;
}
.main-home-page .main-hero-showcase .main-order-grid {
    display: grid;
    grid-template-columns: 1.08fr 1fr 1.1fr .58fr .92fr;
    gap: 12px;
    align-items: center;
}
.main-home-page .main-hero-showcase .main-hero-order label {
    position: relative;
    min-width: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid rgba(205, 219, 241, .86);
    border-radius: 12px;
    color: #10224d;
    background: rgba(255, 255, 255, .95);
    font-size: 12px;
    font-weight: 700;
}
.main-home-page .main-hero-showcase .main-hero-order label::after {
    content: "";
    font-family: "bootstrap-icons";
    color: #536484;
    font-size: 12px;
}
.main-home-page .main-hero-showcase .main-hero-order label span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    white-space: nowrap;
}
.main-home-page .main-hero-showcase .main-hero-order label .bi {
    color: #7b63ff;
    font-size: 17px;
}
.main-home-page .main-hero-showcase .main-hero-order select {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.main-home-page .main-hero-showcase .main-order-price {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(205, 219, 241, .62);
    border-radius: 12px;
    color: #ef4f98;
    background: rgba(255, 255, 255, .84);
    font-size: 16px;
    font-weight: 800;
}
.main-home-page .main-hero-showcase .main-hero-order button {
    width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 0 18px;
    border-radius: 12px;
    font-size: 12px;
    box-shadow: 0 16px 28px rgba(85, 105, 245, .20);
}
.services-page {
    background: #f8f8ff;
    color: #141743;
}
.services-page .services-hero,
.services-page .services-promo,
.services-page .services-catalog,
.services-page .services-proof {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.services-hero {
    padding: 24px;
    padding-bottom: 70px;
}
.services-hero::after {
    content: "";
    position: absolute;
    right: -80px;
    bottom: -105px;
    width: 460px;
    height: 240px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .26);
    transform: rotate(-7deg);}
.services-hero-copy {
    position: relative;
    z-index: 2;
    max-width: 590px;
}
.services-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 32px;
    padding: 0 14px;
    border: 1px solid #f3d7e7;
    border-radius: 999px;
    color: #ed3f8f;
    background: rgba(255, 255, 255, .78);
    font-size: 12px;
    font-weight: 800;
}
.services-hero h1 {
    margin: 18px 0 13px;
    color: #131842;
    font-size: clamp(38px, 4vw, 52px);
    line-height: 1.06;
    letter-spacing: -2.4px;
    font-weight: 600;
}
.services-hero h1 span {
    color: #ee3c8d;
}
.services-hero-art {
    position: absolute;
    z-index: 1;
    inset: 0 0 0 50%;
}
.hero-orbit {
    position: absolute;
    top: 52%;
    right: 70px;
    width: 430px;
    height: 210px;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 50%;
    transform: translateY(-50%) rotate(10deg);
}
.hero-orbit.orbit-two {
    width: 340px;
    height: 170px;
    right: 115px;
    transform: translateY(-50%) rotate(-15deg);
}
.instagram-cube {
    position: absolute;
    top: 50%;
    right: 165px;
    display: grid;
    width: 142px;
    height: 142px;
    place-items: center;
    border: 7px solid rgba(255, 255, 255, .42);
    border-radius: 34px;
    color: #fff;
    background: #e1306c;
    box-shadow: 0 20px 35px rgba(225, 48, 108, .24), inset 0 0 22px rgba(255,255,255,.18);
    transform: translateY(-50%) rotate(-4deg);
}
.instagram-cube .bi {
    font-size: 58px;
}
.hero-bubble {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 9px 13px;
    border-radius: 9px;
    color: #fff;
    background: #e1306c;
    box-shadow: 0 9px 20px rgba(225, 48, 108, .20);
    font-size: 12px;
    font-weight: 600;
}
.bubble-left { top: 105px; left: 24px; }
.bubble-right { right: 42px; bottom: 72px; }
.services-promo {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 64px 1fr 185px 200px;
    align-items: center;
    min-height: 100px;
    margin-top: -20px;
    padding: 14px 18px;
    border: 5px solid #fff;
    border-radius: 14px;
    color: #fff;
    background:
    linear-gradient(90deg, rgba(47, 37, 111, .97), rgba(44, 35, 91, .96) 56%, rgba(92, 42, 64, .93)),
    linear-gradient(135deg, #27215f, #6b294a);
}
.services-page .services-promo {
    width: min(920px, calc(100% - 48px));
}
.services-promo-icon {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 15px;
    color: #ff3e91;
    background: rgba(255, 255, 255, .1);
    font-size: 25px;
}
.services-promo-copy { display: flex; flex-direction: column; }
.services-promo-copy > span {
    align-self: flex-start;
    margin-bottom: 3px;
    padding: 3px 9px;
    border-radius: 999px;
    color: #fff;
    background: #f23e91;
    font-size: 10px;
    font-weight: 600;
}
.services-promo-copy strong { font-size: 16px; font-weight: 600; }
.services-promo-copy small { margin-top: 3px; color: #d9d6e9; font-size: 11px; }
.services-promo-price {
    display: flex;
    flex-direction: column;
    min-height: 62px;
    justify-content: center;
    padding: 0 18px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .08);
    margin-right: 10px;
}
.services-promo-price strong { color: #ff6aa8; font-size: 14px; font-weight: 600; }
.services-promo-price small { color: #e6e1ec; font-size: 10px; }
.services-promo > a {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 10px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}
.services-promo > a:hover { background: #ed3b8d; transform: translateY(-2px); }
.services-catalog {
    margin-top: 24px;
    padding: 0 0 20px;
    border: 1px solid rgba(205, 219, 241, .72);
    border-radius: 20px;
    background: #fff;
}
.service-tabs {
    display: grid;
    grid-template-columns: 1.35fr repeat(8, 1fr);
    padding: 8px;
    border: 1px solid #ececf6;
    border-radius: 14px;
    background: #fff;
}
.service-tabs a,
.service-tabs button {
    display: flex;
    min-width: 0;
    min-height: 64px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 7px 8px;
    border-right: 1px solid #eeeeF6;
    color: #282b55;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    background: transparent;
    font-family: inherit;
    cursor: pointer;
}
.service-tabs a:last-child,
.service-tabs button:last-child { border-right: 0; }
.service-tabs a > i,
.service-tabs button > i { color: #ed3c91; font-size: 20px; }
.service-tabs a span,
.service-tabs button span { display: flex; flex-direction: column; white-space: nowrap; }
.service-tabs a small,
.service-tabs button small { margin-top: 4px; color: #9698ae; font-size: 9px; font-weight: 400; }
.service-tabs a.is-active,
.service-tabs button.is-active {
    border: 0;
    border-radius: 10px;
    color: #fff;
    background: #e1306c;
    box-shadow: 0 8px 17px rgba(225, 48, 108, .18);
}
.service-tabs a.is-active > i,
.service-tabs a.is-active small,
.service-tabs button.is-active > i,
.service-tabs button.is-active small { color: #fff; }
.service-tabs button:focus-visible {
    outline: 2px solid #6f55de;
    outline-offset: 2px;
}
.service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
    padding: 22px 18px 0;
}
.service-card[hidden] { display: none; }
.service-card:hover {
    border-color: #f3a1c7;
    box-shadow: 0 9px 24px rgba(105, 52, 130, .09);
    transform: translateY(-2px);
}
.service-action a:hover { background: #c92760; }
.service-card > .bi-chevron-right { color: #8d8fa4; font-size: 11px; }
.services-proof {
    display: grid;
    grid-template-columns: 1.08fr 1.15fr .9fr;
    gap: 14px;
    margin-top: 20px;
}
.proof-card {
    min-height: 235px;
    padding: 24px;
    border: 1px solid rgba(205, 219, 241, .72);
    border-radius: 20px;
    background: #fff;
}
.proof-card h2 {
    margin: 0 0 8px;
    color: #1d204d;
    font-size: 14px;
    font-weight: 600;
}
.proof-why h2 {
    position: relative;
    display: inline-block;
    margin-bottom: 13px;
}
.proof-why h2::after {
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 30px;
    height: 2px;
    border-radius: 999px;
    background: #e1306c;
    content: "";
}
.proof-card p { margin: 0; color: #7d7f99; font-size: 10px; }
.proof-why > div { display: flex; align-items: center; justify-content: space-between; }
.proof-card ul { margin: 14px 0 0; padding: 0; list-style: none; }
.proof-why li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    color: #696b88;
    font-size: 10px;
}
.proof-why li i { color: #7863e8; font-size: 13px; }
.proof-reviews { text-align: center; }
.review-brands { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 22px; }
.review-brands .review-brand-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 10px 5px 9px;
    border: 1px solid #ececf5;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(54, 56, 101, .04);
    font-size: 9px;
}
.review-brands b {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #34365d;
    font-size: 10px;
    font-weight: 500;
}
.services-page .trustpilot-mark {
    color: #00b67a !important;
    font-size: 15px;
}
.sitejabber-mark {
    display: grid;
    width: 16px;
    height: 16px;
    place-items: center;
    border-radius: 50%;
    background: #f05b24;
}
.services-page .sitejabber-mark .bi-star-fill {
    color: #fff !important;
    font-size: 8px;
}
.google-mark {
    display: inline-block;
    color: transparent;
    background: conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 43%, #fbbc05 0 66%, #ea4335 0 83%, #4285f4 0);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}
.review-stars {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-height: 14px;
    letter-spacing: 0;
}
.services-page .review-stars .bi {
    color: #f5a400 !important;
    font-size: 11px;
}
.review-brands small { color: #313358; font-size: 9px; }
.proof-numbers ul { margin-top: 13px; }
.proof-numbers li {
    display: grid;
    grid-template-columns: 22px 62px 1fr;
    align-items: center;
    gap: 6px;
    margin-top: 15px;
}
.proof-numbers li i { color: #725ae7; font-size: 17px; }
.proof-numbers li b { color: #5949ca; font-size: 17px; font-weight: 600; }
.proof-numbers li span { color: #777993; font-size: 10px; }
.home-combo-heading {
    max-width: 720px;
    margin: 0 auto 24px;
    text-align: center;
}
.home-combo-heading span {
    display: block;
    margin-bottom: 8px;
    color: #7b61ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.home-combo-heading h2 {
    margin: 0;
    color: #17203a;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -.04em;
}
.home-combo-heading p {
    max-width: 780px;
    margin: 12px auto 0;
    color: #52617f;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.72;
}
.home-combo-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 28px;
}
.home-combo-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 164px;
    min-height: 52px;
    padding: 0 20px;
    border: 1px solid rgba(199, 214, 239, .70);
    border-radius: 999px;
    color: #17203a;
    background: rgba(255,255,255,.86);
    box-shadow: 0 12px 28px rgba(66,95,145,.10);
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .24s ease, box-shadow .24s ease, color .24s ease, background .24s ease;
}
.home-combo-tab:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(66,95,145,.14);
}
.home-combo-tab.active {
    color: #fff;
    background: var(--gradient-primary, linear-gradient(135deg, #ef4f98 0%, #6d7bff 100%));
    border-color: transparent;
}
.home-combo-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 34px 86px rgba(75, 88, 130, .24);
}
.home-combo-card.is-featured::after {
    content: "✦ Popular";
    position: absolute;
    top: 0;
    right: 18px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 26px;
    padding: 0 12px;
    border-radius: 999px;
    color: #18233f;
    background: linear-gradient(180deg, #ffffff 0%, #f4f7ff 100%);
    border: 1px solid rgba(255,255,255,.90);
    box-shadow: 0 8px 18px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.68);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    z-index: 4;
    pointer-events: none;
}
.home-combo-package-badge {
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    min-height: 40px;
    padding: 0 18px;
    margin-bottom: 22px;
    border-radius: 15px;
    color: #fff;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.24);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}
.home-combo-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.home-combo-metrics li {
    min-height: 82px;
    padding: 14px 12px 12px;
    border-radius: 15px;
    background: linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.075) 100%);
    border: 1px solid rgba(255,255,255,.18);
}
.home-combo-metrics strong,
.home-combo-metrics span {
    display: block;
}
.home-combo-metrics strong {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -.03em;
}
.home-combo-metrics span {
    margin-top: 8px;
    color: rgba(255,255,255,.90);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}
.home-combo-card p {
    min-height: 56px;
    margin: 18px 0 0;
    padding-top: 16px;
    color: rgba(255,255,255,.92);
    border-top: 1px solid rgba(255,255,255,.18);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
}
.home-combo-price {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    margin-top: auto;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.32);
    background: linear-gradient(180deg, rgba(8,14,28,.20) 0%, rgba(255,255,255,.10) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 14px 28px rgba(9,14,30,.12);
}
.home-combo-price del {
    color: rgba(255,255,255,.55);
    font-size: 13px;
    font-weight: 800;
}
.home-combo-price strong {
    color: #fff;
    font-size: 27px;
    font-weight: 900;
    letter-spacing: -.04em;
    text-shadow: 0 8px 20px rgba(0,0,0,.14);
}
.home-combo-card a {
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 148px;
    min-height: 48px;
    margin-top: 22px;
    border-radius: 14px;
    color: #17203a;
    background: linear-gradient(180deg, #ffffff 0%, #f4f6ff 100%);
    box-shadow: 0 16px 30px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.90);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    transition: transform .24s ease, box-shadow .24s ease;
}
.home-combo-card a:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 36px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.95);
}
.home-combo-card.is-instagram {
    background: linear-gradient(155deg, #df3f8d 0%, #7d4fe6 100%);
}
.home-combo-card.is-instagram.tier-small {
    background: linear-gradient(155deg, #ec6fa5 0%, #9b5fe8 100%);
}
.home-combo-card.is-instagram.tier-large {
    background: linear-gradient(155deg, #c93482 0%, #6945d2 100%);
}
.home-combo-card.is-instagram.tier-premium {
    background: linear-gradient(155deg, #ac2a74 0%, #4f35b5 100%);
}
.home-combo-card.is-tiktok.tier-small {
    background: linear-gradient(155deg, #5f6268 0%, #24272d 100%);
}
.home-combo-card.is-tiktok.tier-medium,
.home-combo-card.is-tiktok.is-featured {
    background: linear-gradient(155deg, #4d5159 0%, #171a20 100%);
}
.home-combo-card.is-tiktok.tier-large {
    background: linear-gradient(155deg, #3a3f4b 0%, #0f131b 100%);
}
.home-combo-card.is-tiktok.tier-premium {
    background: linear-gradient(155deg, #171a22 0%, #05070b 100%);
}
.home-combo-card.is-facebook.tier-small {
    background: linear-gradient(155deg, #5c92ff 0%, #2457b8 100%);
}
.home-combo-card.is-facebook.tier-medium,
.home-combo-card.is-facebook.is-featured {
    background: linear-gradient(155deg, #3b7cff 0%, #173b8f 100%);
}
.home-combo-card.is-facebook.tier-large {
    background: linear-gradient(155deg, #2d65d9 0%, #102e72 100%);
}
.home-combo-card.is-facebook.tier-premium {
    background: linear-gradient(155deg, #204fae 0%, #081d52 100%);
}
.home-combo-card.is-youtube.tier-small {
    background: linear-gradient(155deg, #ff6b6b 0%, #b72034 100%);
}
.home-combo-card.is-youtube.tier-medium,
.home-combo-card.is-youtube.is-featured {
    background: linear-gradient(155deg, #ff4d4d 0%, #8b0f1f 100%);
}
.home-combo-card.is-youtube.tier-large {
    background: linear-gradient(155deg, #d93434 0%, #650817 100%);
}
.home-combo-card.is-youtube.tier-premium {
    background: linear-gradient(155deg, #a81f2d 0%, #33040c 100%);
}
.home-combo-packages-section {
    position: relative;
    isolation: isolate;
    padding: 76px 0 72px;
    overflow: hidden;
    background:
    radial-gradient(circle at 12% 32%, rgba(239, 79, 152, .20), transparent 28%),
    radial-gradient(circle at 88% 42%, rgba(75, 139, 255, .18), transparent 30%),
    linear-gradient(110deg, #fff1f7 0%, #f7f3ff 48%, #eef5ff 100%);
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 72px !important;
    margin-bottom: 72px !important;
    padding-top: 92px !important;
    padding-bottom: 92px !important;
}
.home-combo-packages-inner {
    margin: 0 auto;
    width: min(1260px, calc(100% - 120px)) !important;
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.home-combo-panel {
    display: grid;
    align-items: stretch;
    width: 100% !important;
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}
.home-combo-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 562px;
    padding: 28px 20px 22px;
    border-radius: 24px;
    overflow: visible;
    color: #fff;
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: 0 26px 70px rgba(75, 88, 130, .18);
    transition: transform .24s ease, box-shadow .24s ease;
    width: 100% !important;
    min-width: 0 !important;
}
.home-combo-tabs .home-combo-tab {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
}
.home-combo-tabs .home-combo-tab.active {
    color: #ffffff !important;
    background-color: #d84dcc !important;
    background-image: linear-gradient(90deg, #ef4f98 0%, #d84dcc 52%, #8f63f4 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    border-color: transparent !important;
    box-shadow: 0 14px 28px rgba(143, 99, 244, .18) !important;
}
.home-combo-tabs .home-combo-tab.active::before,
.home-combo-tabs .home-combo-tab.active::after {
    content: none !important;
    display: none !important;
}
.home-combo-tabs .home-combo-tab.active i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.home-combo-tabs .home-combo-tab.active i::before {
    display: inline-block !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
body {
    min-height: 100vh;
    font-family: var(--font-family-base);
    color: var(--color-text);
    background: var(--gradient-page);
    letter-spacing: -0.02em;
    overflow-x: hidden;
    margin: 0;
}
body > .topbar.home-topbar,
body > nav.topbar.home-topbar {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    z-index: 20;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0;
    margin: 0 !important;
    padding: 0;
    overflow: visible;
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 10px 28px rgba(66, 95, 145, .07);
    transform: none !important;
}
body > .topbar.home-topbar .promo-inner,
body > .topbar.home-topbar .home-menu-row {
    width: min(1260px, calc(100% - 60px)) !important;
    max-width: 1260px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
body > .topbar.home-topbar .home-menu-primary {
    width: 100%;
}
.blog-hero,
.blog-toolbar,
.blog-grid,
.article-page,
.contact-hero,
.contact-channels,
.contact-panel,
.contact-faq-strip,
.packages-hero,
.packages-platforms,
.packages-compare,
.packages-request,
.faq-hero,
.faq-category-grid,
.faq-layout,
.contracts-hero,
.contracts-section,
.order-track-hero,
.order-track-panel,
.order-track-info-grid {
    width: 100% !important;
    max-width: none !important;
}
body > .site-footer.footer-dark {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.cart-shell,
.payment-shell,
.success-shell {
    margin-top: 32px !important;
}
.services-page .service-grid {
    gap: 14px 20px;
    padding: 24px 20px 22px;
}
.services-page .service-card {
    grid-template-columns: 60px minmax(0, 1fr) 122px 12px;
    min-height: 96px;
    gap: 14px;
    padding: 13px 15px 13px 12px;
    border-radius: 14px;
}
.services-page .service-icon {
    width: 56px;
    height: 56px;
    border-radius: 13px;
    font-size: 25px;
}
.services-page .service-card em {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
}
.services-page .service-card h2 {
    overflow: visible;
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: initial;
    white-space: normal;
}
.services-page .service-card p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #747b9d;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.45;
    text-overflow: initial;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.services-page .service-action {
    gap: 8px;
}
.services-page .service-action small {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
}
.services-page .service-tabs a.is-active,
.services-page .service-tabs button.is-active,
.services-page .service-icon,
.services-page .instagram-cube,
.services-page .hero-bubble,
.services-page .service-action a,
.services-page .proof-why h2::after {
    background: #e1306c;
}
.services-page .service-tabs a > i,
.services-page .service-tabs button > i,
.services-page .services-eyebrow,
.services-page .services-hero h1 span,
.services-page .services-promo-icon,
.services-page .services-promo-price strong {
    color: #e1306c;
}
.services-page .service-action a {
    min-width: 108px;
    min-height: 32px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 700;
    box-shadow: 0 5px 11px rgba(225, 48, 108, .18);
}
.services-page .service-action a:hover {
    background: #c92760;
}
.services-page .service-tabs a.is-active > i,
.services-page .service-tabs button.is-active > i {
    color: #ffffff;
}
.services-page .service-tabs a span strong,
.services-page .service-tabs button span strong,
.services-page .service-tabs a span,
.services-page .service-tabs button span {
    line-height: 1.18;
}
.services-page .service-tabs {
    overflow: visible;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
    padding: 24px;
    background: rgba(255, 255, 255, .98);
    border: 1px solid rgba(226, 234, 248, .96);
    border-radius: 19px;
}
.services-page .service-tabs a > i, .services-page .service-tabs button > i {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: none;
    color: #e1306c;
    font-size: 22px;
    line-height: 1;
}
.services-page .service-tabs a:not(.is-active):hover, .services-page .service-tabs button:not(.is-active):hover {
    color: #e1306c;
    background: rgba(225, 48, 108, .055);
    border-color: rgba(225, 48, 108, .14);
    transform: none;
}
.services-page .service-tabs a.is-active, .services-page .service-tabs button.is-active {
    transform: none;
    color: #ffffff;
    background: #e1306c;
    border-color: #e1306c;
    border-radius: 16px;
}
.services-page .service-tabs a.is-active > i, .services-page .service-tabs button.is-active > i, .services-page .service-tabs a.is-active small, .services-page .service-tabs button.is-active small {
    color: #ffffff;
}
.services-page .service-tabs a, .services-page .service-tabs button {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    justify-content: flex-start;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-content: center;
    min-width: 0;
    min-height: 78px;
    padding: 10px 8px;
    color: #12224a;
    text-align: center;
    background: #ffffff;
    border: 1px solid transparent;
    border-radius: 16px;
    box-shadow: none;
    transform: none;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
    grid-template-rows: 28px auto auto;
    gap: 4px;
}
.services-page .service-tabs a span, .services-page .service-tabs button span {
    gap: 3px;
    display: block;
    width: 100%;
    min-width: 0;
    color: inherit;
    font-size: 12px;
    white-space: normal;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.12;
}
.services-page .service-tabs a small, .services-page .service-tabs button small {
    display: block;
    margin: 0;
    color: #7f89a7;
    font-size: 9px;
    margin-top: 4px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.05;
}
.services-page .service-tabs a.is-active span,
.services-page .service-tabs button.is-active span {
    font-weight: 750;
}
.services-page .service-tabs a.is-active small,
.services-page .service-tabs button.is-active small {
    font-weight: 650;
}
.services-page .services-trust-updated {
    grid-template-columns: 1.05fr 1.18fr 1fr;
    gap: 18px;
    margin-top: 22px;
}
.services-page .services-trust-updated .proof-card {
    min-height: 258px;
    padding: 24px;
    border-radius: 20px;
    border: 1px solid rgba(205, 219, 241, .72);
    background: #fff;
}
.services-page .services-trust-updated .proof-card-head {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 18px;
}
.services-page .services-trust-updated .proof-card-head.center {
    align-items: center;
    text-align: center;
}
.services-page .services-trust-updated .proof-kicker {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    color: #e1306c;
    background: rgba(225, 48, 108, .08);
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
}
.services-page .services-trust-updated .proof-card p {
    max-width: 360px;
    margin: 0;
    color: #68728f;
    font-size: 12px;
    line-height: 1.55;
}
.services-page .services-trust-updated .proof-card-head.center p {
    margin-right: auto;
    margin-left: auto;
}
.services-page .services-trust-updated .proof-why h2::after {
    display: none;
}
.services-page .proof-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.services-page .proof-feature-grid span {
    display: grid;
    min-height: 82px;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 12px;
    row-gap: 3px;
    padding: 14px 15px;
    border: 1px solid #edf0f7;
    border-radius: 18px;
    background: #fbfcff;
    text-align: left;
}
.services-page .proof-feature-grid i {
    display: grid;
    width: 38px;
    height: 38px;
    grid-row: 1 / 3;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: #e1306c;
    box-shadow: 0 10px 20px rgba(225, 48, 108, .18);
    font-size: 18px;
}
.services-page .proof-feature-grid b {
    color: #071a44;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;
    align-self: end;
}
.services-page .proof-feature-grid small {
    color: #737b95;
    font-size: 10px;
    line-height: 1.45;
    align-self: start;
}
.services-page .review-score-card {
    display: grid;
    justify-items: center;
    gap: 7px;
    max-width: 230px;
    margin: 0 auto 14px;
    padding: 18px 18px 16px;
    border: 1px solid rgba(225, 48, 108, .14);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(225, 48, 108, .06), rgba(255,255,255, .96));
}
.services-page .review-score-card strong {
    color: #071a44;
    font-size: 42px;
    font-weight: 750;
    line-height: .95;
    letter-spacing: -1.2px;
}
.services-page .review-score-card .review-stars {
    gap: 3px;
}
.services-page .review-score-card .review-stars .bi {
    color: #f5a400 !important;
    font-size: 15px;
}
.services-page .review-score-card small {
    color: #68728f;
    font-size: 10px;
    font-weight: 500;
}
.services-page .services-trust-updated .review-brands {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 0;
}
.services-page .services-trust-updated .review-brand-card {
    min-height: 66px;
    justify-content: center;
    gap: 8px;
    padding: 12px 8px;
    border-radius: 16px;
    border-color: #edf0f7;
    background: #fff;
    box-shadow: none;
}
.services-page .services-trust-updated .review-brand-card b {
    color: #071a44;
    font-size: 11px;
    font-weight: 650;
}
.services-page .services-trust-updated .review-brand-card small {
    color: #68728f;
    font-size: 10px;
    font-weight: 600;
}
.services-page .services-trust-updated .proof-numbers ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
}
.services-page .services-trust-updated .proof-numbers li {
    display: grid;
    grid-template-columns: 38px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 3px 10px;
    min-height: 86px;
    margin: 0;
    padding: 14px;
    border: 1px solid #edf0f7;
    border-radius: 18px;
    background: #fbfcff;
}
.services-page .services-trust-updated .proof-numbers li i {
    display: grid;
    width: 38px;
    height: 38px;
    grid-row: 1 / 3;
    place-items: center;
    border-radius: 13px;
    color: #e1306c;
    background: rgba(225, 48, 108, .08);
    font-size: 18px;
}
.services-page .services-trust-updated .proof-numbers li b {
    color: #071a44;
    font-size: 20px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: -.4px;
}
.services-page .services-trust-updated .proof-numbers li span {
    color: #68728f;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.3;
}
.services-page .services-trust-updated .proof-why h2 {
    white-space: nowrap;
    font-size: 22px;
    letter-spacing: -0.35px;
}
.services-page .services-trust-updated h2 {
    margin: 0;
    color: #071a44;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.45px;
    text-transform: none;
}
.services-page .services-benefits-row {
    grid-template-columns: minmax(292px, 1.65fr) repeat(4, minmax(120px, 1fr));
    gap: 16px;
    align-items: stretch;
    padding: 16px;
    background: linear-gradient(135deg, rgba(247, 251, 255, .92), rgba(255, 255, 255, .72));
    border: 1px solid rgba(194, 213, 238, .78);
    border-radius: 22px;
    box-shadow: 0 16px 36px rgba(66, 95, 145, .10);
}
.services-page .services-benefits-row .benefit-card {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-content: center;
    gap: 11px;
    min-height: 124px;
    padding: 18px 14px;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(226, 235, 248, .88);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(66, 95, 145, .08);
}
.services-page .services-benefits-row .benefit-trust-card {
    grid-template-columns: 58px minmax(0, 1fr);
    justify-items: start;
    align-content: center;
    gap: 18px;
    padding: 21px 26px;
    overflow: hidden;
    text-align: left;
    background:
    radial-gradient(circle at 92% 18%, rgba(185, 109, 241, .16), transparent 18%),
    linear-gradient(135deg, rgba(255, 238, 249, .92), rgba(248, 245, 255, .80));
    border-color: rgba(236, 116, 185, .28);
}
.services-page .services-benefits-row .benefit-trust-card::before,
.services-page .services-benefits-row .benefit-trust-card::after {
    position: absolute;
    width: 8px;
    height: 8px;
    pointer-events: none;
    content: "";
    background: rgba(183, 113, 235, .28);
    transform: rotate(45deg);
}
.services-page .services-benefits-row .benefit-trust-card::before {
    right: 27px;
    top: 19px;
}
.services-page .services-benefits-row .benefit-trust-card::after {
    left: 27px;
    bottom: 27px;
    width: 6px;
    height: 6px;
}
.services-page .services-benefits-row .benefit-icon {
    width: 48px;
    height: 48px;
    font-size: 24px;
    border-radius: 14px;
    clip-path: none;
    box-shadow: 0 10px 22px rgba(66, 95, 145, .10);
}
.services-page .services-benefits-row .benefit-trust {
    background: linear-gradient(135deg, #b97cf5, #6a58e8);
}
.services-page .services-benefits-row .benefit-fast {
    background: linear-gradient(135deg, #ff7ba0, #ed3f89);
}
.services-page .services-benefits-row .benefit-secure {
    background: linear-gradient(135deg, #65a6f5, #3479e3);
}
.services-page .services-benefits-row .benefit-quality {
    background: linear-gradient(135deg, #b982f5, #7d55e8);
}
.services-page .services-benefits-row .benefit-drop {
    background: linear-gradient(135deg, #60d9c2, #28bfa7);
}
.services-page .services-benefits-row .benefit-card strong {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    color: #10224d;
}
.services-page .services-benefits-row .benefit-trust-card strong {
    font-size: 18px;
    line-height: 1.22;
}
.services-page .services-benefits-row .benefit-card small {
    max-width: 130px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
    color: #7888a8;
}
.services-page .services-benefits-row .benefit-trust-card small {
    max-width: 210px;
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.45;
}
body.payment-page {
    background: var(--gradient-page);
    --payment-warm-gradient: #ff7a45;
    --payment-warm-shadow: rgba(255, 122, 69, .18);
}
body.payment-page .payment-shell {
    width: var(--home-desktop-shell-width, min(100% - 96px, 1260px)) !important;
    max-width: 1260px !important;
    margin: var(--home-section-gap, 32px) auto 0 !important;
    padding: 0 0 70px !important;
}
body.payment-page .payment-shell::before,
body.payment-page .payment-shell::after {
    display: none !important;
}
body.payment-page .payment-hero-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: center;
    gap: 28px;
    margin: 0 0 20px;
    padding: 24px !important;
}
body.payment-page .payment-hero-card::before {
    content: "";
    position: absolute;
    right: -80px;
    bottom: -170px;
    width: 430px;
    height: 430px;
    border-radius: 999px;
    background: #fff3e6;
    pointer-events: none;}
body.payment-page .payment-hero-copy {
    align-self: center;
    justify-self: start;
    text-align: left !important;
}
body.payment-page .payment-hero-card .payment-hero-badge,
body.payment-page .payment-hero-card h1,
body.payment-page .payment-hero-card p,
body.payment-page .payment-hero-points {
    margin-left: 0 !important;
    text-align: left !important;
}
body.payment-page .payment-hero-copy,
body.payment-page .payment-hero-visual {
    position: relative;
    z-index: 1;
}
body.payment-page .payment-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 32px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 800;
    color: #ff7a45;
    background: #fff3e6;
    border: 1px solid rgba(255,122,69,.28);
    border-radius: 999px;
}
body.payment-page .payment-hero-card h1 {
    color: #17203a;
    max-width: 620px;
    margin: 18px 0 14px;
    font-size: clamp(34px, 4.35vw, 58px) !important;
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.048em;
}
body.payment-page .payment-hero-card p {
    max-width: 570px;
    margin: 14px 0 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d6d8f;
}
body.payment-page .payment-hero-points {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 22px;
}
body.payment-page .payment-hero-points span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 800;
    color: #0b1738;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(190,204,224,.72);
    border-radius: 999px;
}
body.payment-page .payment-hero-points i {
    color: #ff7a45;
}
body.payment-page .payment-hero-visual {
    display: grid;
    place-items: center;
    min-height: 210px;
}
body.payment-page .payment-hero-orb {
    display: grid;
    place-items: center;
    width: 150px;
    height: 150px;
    font-size: 58px;
    color: #fff;
    background: var(--payment-warm-gradient);
    border-radius: 38px;
    box-shadow: 0 26px 50px var(--payment-warm-shadow);
    transform: rotate(-5deg);
}
body.payment-page .payment-hero-chip {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 13px;
    font-size: 13px;
    font-weight: 900;
    color: #0b1738;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(190,204,224,.72);
    border-radius: 16px;
    box-shadow: 0 18px 34px rgba(46,71,116,.12);
}
body.payment-page .chip-total { top: 26px; right: 20px; color: #ff7a45; }
body.payment-page .chip-safe { left: 18px; bottom: 22px; }
body.payment-page .chip-safe i { color: #24c28a; }
body.payment-page .payment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(360px, .95fr);
    align-items: start;
    gap: 28px;
    width: 100% !important;
    padding: 24px !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(190,204,224,.72) !important;
    border-radius: 20px !important;
}
body.payment-page .payment-card,
body.payment-page .payment-summary-card,
body.payment-page .payment-method-card,
body.payment-page .payment-inline-code {
    background: #fff !important;
    border: 1px solid rgba(190,204,224,.86) !important;
    border-radius: 22px !important;
    box-shadow: none !important;
}
body.payment-page .payment-customer-card {
    display: grid;
    gap: 16px;
    align-content: start;
    padding: 0 !important;
    background: transparent !important;
    border: 1px solid rgba(190, 204, 224, .86) !important;
    border-radius: 22px !important;
    padding: 24px !important;
}
body.payment-page .payment-card h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 800;
    color: var(--color-text);
}
body.payment-page .payment-card h2 span {
    display: inline-grid;
    place-items: center;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    color: #ff7a45;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.payment-page .payment-card h2 span i {
    color: #ff7a45 !important;
}
body.payment-page .payment-field-row {
    display: grid;
    gap: 16px;
    width: 100%;
}
body.payment-page .payment-field-row-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
:is(body.payment-page, body.profile-settings-page) .payment-field {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-items: center;
    min-height: 50px;
    margin: 0;
    overflow: hidden;
    background: #fbfcff !important;
    border: 1px solid rgba(190,204,224,.86) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
:is(body.payment-page, body.profile-settings-page) .payment-phone-field {
    grid-template-columns: 54px 86px minmax(0, 1fr) !important;
}
:is(body.payment-page, body.profile-settings-page) .payment-field span {
    display: grid;
    place-items: center;
    width: 50px;
    height: 100%;
    font-size: 18px !important;
    color: #ff7a45 !important;
    background: rgba(255, 122, 69, .12);
    border-right: 0;
    box-shadow: none !important;
}
:is(body.payment-page, body.profile-settings-page) .payment-field span i {
    color: #ff7a45 !important;
}
:is(body.payment-page, body.profile-settings-page) .payment-field input,
body.payment-page .payment-code-row input {
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: 0 18px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--color-text) !important;
    background: transparent;
    border: 0;
    outline: 0;
}
:is(body.payment-page, body.profile-settings-page) .payment-field input::placeholder,
body.payment-page .payment-code-row input::placeholder {
    color: #9aa7bf !important;
}
body.payment-page .payment-inline-code {
    width: 100% !important;
    margin-top: 6px !important;
    padding: 20px !important;
}
body.payment-page .payment-inline-code h2 {
    margin-bottom: 14px !important;
}
body.payment-page .payment-code-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 82px;
    gap: 10px;
    height: 48px;
    margin-top: 0 !important;
}
body.payment-page .payment-code-row input,
body.payment-page .payment-code-row button {
    border-radius: 16px;
}
body.payment-page .payment-code-row input {
    background: #fff;
    border: 1px solid rgba(190,204,224,.86);
}
body.payment-page .payment-code-row button {
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    background: var(--payment-warm-gradient);
    border: 0;
}
body.payment-page .payment-side {
    display: grid;
    gap: 20px;
}
body.payment-page .payment-summary-card,
body.payment-page .payment-method-card {
    padding: 24px !important;
}
body.payment-page .payment-summary-list {
    display: grid;
    gap: 10px;
    margin-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(190,204,224,.72);
}
body.payment-page .payment-summary-item {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 58px;
    padding: 10px 12px;
    background: #fbfcff;
    border: 1px solid rgba(190,204,224,.72);
    border-radius: 16px;
}
body.payment-page .payment-summary-item > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: #ff7a45;
    background: rgba(255, 122, 69, .12);
    border-radius: 14px;
    box-shadow: none;
}
body.payment-page .payment-summary-item > span i {
    color: #ff7a45;
}
body.payment-page .payment-summary-item strong,
body.payment-page .payment-summary-item small { display: block; }
body.payment-page .payment-summary-item strong { font-size: 13px; font-weight: 800; color: var(--color-text); }
body.payment-page .payment-summary-item small { margin-top: 3px; font-size: 10px; font-weight: 600; color: var(--color-text-muted); }
body.payment-page .payment-summary-item b { font-size: 13px; font-weight: 800; color: var(--color-text); }
body.payment-page .payment-total {
    margin-top: 14px !important;
}
body.payment-page .payment-total-breakdown {
    display: grid;
    gap: 8px;
}
body.payment-page .payment-total-row,
body.payment-page .payment-total-final {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
body.payment-page .payment-total-row span,
body.payment-page .payment-total-row b {
    font-size: 12px;
    font-weight: 800;
    color: var(--color-text);
}
body.payment-page .payment-total-row span {
    color: var(--color-text-muted);
}
body.payment-page .payment-total-final {
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid rgba(190,204,224,.72);
}
body.payment-page .payment-total-final strong,
body.payment-page .payment-total-final small { display: block; }
body.payment-page .payment-total-final strong { font-size: 13px !important; font-weight: 800 !important; }
body.payment-page .payment-total-final small { margin-top: 3px; font-size: 10px !important; font-weight: 600 !important; color: var(--color-text-muted); }
body.payment-page .payment-total-final > b { font-size: 28px !important; font-weight: 900 !important; color: var(--color-text); }
body.payment-page .payment-method-card p {
    margin: 8px 0 12px;
    font-size: 11px;
    font-weight: 700;
    color: var(--color-text-muted);
}
body.payment-page .payment-method-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
body.payment-page .payment-method {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 78px;
    padding: 10px 8px;
    margin: 0;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(190,204,224,.86);
    border-radius: 16px;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}
body.payment-page .payment-method:hover {
    border-color: rgba(255, 122, 69, .42);
    background: #fff3e6;
}
body.payment-page .payment-method:has(input:checked),
body.payment-page .payment-method.active {
    border-color: #ff7a45 !important;
    background: #fff3e6 !important;
}
body.payment-page .payment-method input {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 10px;
    height: 10px;
}
body.payment-page .payment-method span {
    font-size: 24px;
    color: #ff7a45 !important;
}
body.payment-page .payment-method span i {
    color: #ff7a45 !important;
}
body.payment-page .payment-method b {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 800;
    color: var(--color-text-muted);
}
body.payment-page .payment-method:has(input:checked) span,
body.payment-page .payment-method.active span,
body.payment-page .payment-method:has(input:checked) b,
body.payment-page .payment-method.active b,
body.payment-page .payment-method:has(input:checked) span i,
body.payment-page .payment-method.active span i {
    color: #ff7a45 !important;
}
body.payment-page .payment-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    width: 100%;
    margin-top: 14px;
    font-size: 15px;
    font-weight: 900;
    color: #fff;
    background: var(--payment-warm-gradient);
    border: 0;
    border-radius: 16px;
}
body.payment-page .payment-secure,
body.payment-page .payment-footer-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 10px 0 0;
    font-size: 11px;
    font-weight: 700;
    color: var(--color-text-muted);
}
body.payment-page .payment-secure span,
body.payment-page .payment-footer-note span { color: #ff7a45; }
.cart-page .cart-shell {
    padding-top: 24px;
    padding-bottom: 64px;
}
.cart-modern-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: center;
    gap: 28px;
    padding: 24px;
}
.cart-modern-hero::after {
    content:"";
    position:absolute;
    right: -80px;
    bottom: -170px;
    width: 430px;
    height: 430px;
    border-radius: 999px;
    background: #fff3e6;
    pointer-events:none;}
.cart-modern-hero-content,
.cart-modern-preview {
    position: relative;
    z-index: 1;
}
.cart-modern-badge {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    width: fit-content;
    gap: 8px;
    margin: 0 0 14px;
    padding: 0px 14px;
    border: 1px solid rgba(255, 122, 69,.22);
    border-radius: 999px;
    background: #fff3e6;
    color: #ff7a45;
    font-size: 12px;
    font-weight: 800;
}
.cart-modern-hero h1 {
    max-width: 620px;
    margin: 0;
    font-size: clamp(42px, 4.6vw, 66px);
    line-height: 1.04;
    letter-spacing: -.055em;
    color: #17203a;
    font-weight: 900;
}
.cart-modern-hero p {
    max-width: 570px;
    margin: 14px 0 0;
    color: #5d6d8f;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}
.cart-modern-tags {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap: 10px;
    margin-top: 22px;
}
.cart-modern-tags span {
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(190,204,224,.72);
    border-radius:999px;
    background: rgba(255,255,255,.82);
    color:#0b1738;
    font-size:13px;
    font-weight:800;
}
.cart-modern-tags i { color:#ff7a45; }
.cart-modern-preview {
    justify-self: center;
    width: 265px;
    min-height: 210px;
    padding:24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:22px;
    border: 1px solid rgba(190,204,224,.72);
    background: rgba(255,255,255,.70);
}
.cart-preview-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:86px;
    height:86px;
    border-radius:24px;
    background: #ff7a45;
    color:#fff;
    font-size:36px;
    box-shadow: 0 22px 45px rgba(255, 122, 69,.25);
    transform: rotate(-5deg);
}
.cart-preview-pill {
    margin-top: 16px;
    padding: 6px 12px;
    border-radius:999px;
    background:rgba(255, 122, 69, .12);
    color:#ff7a45;
    font-size:12px;
    font-weight:800;
    border:1px solid rgba(255, 122, 69, .28);
}
.cart-modern-preview strong {
    margin-top: 10px;
    font-size: 34px;
    line-height: 1;
    color:#11244a;
    font-weight: 800;
}
.cart-modern-preview small {
    margin-top: 8px;
    color:#6f7d9f;
    font-size:12px;
    font-weight:700;
}
.cart-modern-layout {
    display:grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    margin: 20px 0px 40px;
    padding: 24px;
    border: 1px solid rgba(154,177,213,.45);
    border-radius: 20px;
    background: rgba(255,255,255,.82);
}
.cart-items-card,
.cart-summary-card {
    min-width:0;
}
.cart-section-heading {
    display:flex;
    align-items:center;
    gap: 12px;
    margin-bottom: 18px;
}
.cart-section-heading > span {
    color:#ff7a45;
    font-size: 20px;
    line-height: 1;
}
.cart-section-heading h2 {
    margin:0;
    font-size: 22px;
    line-height:1.2;
    color:#10224a;
    font-weight: 800;
}
.cart-section-heading p {
    margin: 4px 0 0;
    color:#7b89aa;
    font-size:13px;
    font-weight:600;
}
.cart-item-card,
.cart-summary-card {
    border: 1px solid rgba(154,177,213,.45);
    border-radius: 22px;
    background: rgba(255,255,255,.9);
}
.cart-item-card {
    padding: 18px;
}
.cart-item-card + .cart-item-card {
    margin-top: 16px;
}
.cart-item-main {
    display:grid;
    grid-template-columns: 58px minmax(0,1fr) auto;
    gap: 14px;
    align-items:center;
}
.cart-item-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: rgba(255, 122, 69, .12);
    color:#ff7a45;
    font-size: 24px;
    box-shadow: none;
}
.cart-item-copy{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cart-item-copy h3 {
    margin:0;
    color:#10224a;
    font-size:17px;
    font-weight: 800;
}
.cart-item-copy p {
    margin:4px 0 0;
    color:#7b89aa;
    font-size: 13px;
    font-weight: 600;
}
.cart-item-price {
    color:#10224a;
    font-size:18px;
    font-weight: 800;
    margin-top: 5px;
}
.cart-delivery-list {
    margin-top: 16px;
    overflow:hidden;
    border:1px solid rgba(154,177,213,.38);
    border-radius:18px;
}
.cart-delivery-row {
    display:grid;
    grid-template-columns: 34px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:48px;
    padding: 10px 14px;
    background: rgba(248,250,255,.8);
}
.cart-delivery-row + .cart-delivery-row {
    border-top:1px solid rgba(154,177,213,.25);
}
.cart-delivery-row span {
    color:#ff7a45;
    font-size:18px;
}
.cart-delivery-row strong {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#667694;
    font-size:13px;
    font-weight:700;
    max-width: 360px;
}
.cart-delivery-row b {
    color:#10224a;
    font-size:13px;
    font-weight:800;
}
.cart-item-foot {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:14px;
}
.cart-item-foot small {
    color:#7b89aa;
    font-size:12px;
    font-weight:600;
}
.cart-item-foot small i { color:#ff7a45; }
.cart-item-foot button {
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:34px;
    padding:0 13px;
    border:1px solid rgba(255, 122, 69,.22);
    border-radius:999px;
    background:#fff3e6;
    color:#ff7a45;
    font-size:12px;
    font-weight:800;
}
.cart-summary-card {
    align-self:start;
    position:sticky;
    top: 24px;
    margin-top: 68px;
    padding: 20px;
}
.cart-summary-heading {
    margin-bottom:16px;
}
.cart-summary-items {
    display:grid;
    gap: 10px;
    padding: 14px;
    border-radius:18px;
    background: rgba(248,250,255,.9);
    border:1px solid rgba(154,177,213,.32);
}
.cart-summary-item,
.cart-summary-total {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.cart-summary-item span {
    color:#667694;
    font-size:13px;
    font-weight:700;
}
.cart-summary-item strong {
    color:#10224a;
    font-size:14px;
    font-weight:800;
}
.cart-summary-item.muted strong { color:#8b98b5; }
.cart-summary-total {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(154,177,213,.32);
}
.cart-summary-total span {
    color:#10224a;
    font-size:15px;
    font-weight:800;
}
.cart-summary-total strong {
    color:#10244c;
    font-size:34px;
    line-height:1;
    font-weight:800;
}
.cart-checkout-btn {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    min-height:56px;
    margin-top:18px;
    border-radius:12px;
    background: #ff7a45;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:800;
}
.cart-checkout-btn:hover {
    color:#fff;
    transform: translateY(-1px);
}
.cart-secure-line {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin:12px 0 0;
    color:#7b89aa;
    font-size:12px;
    font-weight:700;
}
.cart-secure-line i { color:#ff7a45; }
.cart-page {
    --cart-warm-gradient: #ff7a45;
}
.cart-page .cart-payment-benefits-row {
    display: grid;
    grid-template-columns: minmax(292px, 1.65fr) repeat(4, minmax(120px, 1fr));
    gap: 16px;
    align-items: stretch;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 36px;
    padding: 24px;
    background: linear-gradient(135deg, rgba(247,251,255,.92), rgba(255,255,255,.72));
    border: 1px solid rgba(194,213,238,.78);
    border-radius: 22px;
    box-shadow: 0 16px 36px rgba(66,95,145,.10);
}
.cart-page .cart-payment-benefits-row .benefit-card {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-content: center;
    gap: 11px;
    min-height: 124px;
    padding: 18px 14px;
    text-align: center;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(226,235,248,.88);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(66,95,145,.08);
}
.cart-page .cart-payment-benefits-row .benefit-trust-card {
    grid-template-columns: 58px minmax(0, 1fr);
    justify-items: start;
    align-content: center;
    gap: 18px;
    padding: 21px 26px;
    overflow: hidden;
    text-align: left;
    background: #fff3e6;
    border-color: rgba(255, 122, 69, .28);
}
.cart-page .cart-payment-benefits-row .benefit-trust-card::before,
.cart-page .cart-payment-benefits-row .benefit-trust-card::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    pointer-events: none;
    background: rgba(255, 122, 69, .22);
    transform: rotate(45deg);
}
.cart-page .cart-payment-benefits-row .benefit-trust-card::before { right: 27px; top: 19px; }
.cart-page .cart-payment-benefits-row .benefit-trust-card::after { left: 27px; bottom: 27px; width: 6px; height: 6px; }
.cart-page .cart-payment-benefits-row .benefit-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    font-size: 24px;
    color: #fff;
    border-radius: 14px;
}
.cart-page .cart-payment-benefits-row .benefit-trust,
.cart-page .cart-payment-benefits-row .benefit-fast,
.cart-page .cart-payment-benefits-row .benefit-secure,
.cart-page .cart-payment-benefits-row .benefit-quality,
.cart-page .cart-payment-benefits-row .benefit-drop {
    background: var(--cart-warm-gradient);
}
.cart-page .cart-payment-benefits-row .benefit-card strong {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    color: #10224d;
}
.cart-page .cart-payment-benefits-row .benefit-card small {
    max-width: 130px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
    color: #7888a8;
}
.cart-page .cart-payment-benefits-row .benefit-trust-card strong {
    font-size: 18px;
    line-height: 1.22;
}
.cart-page .cart-payment-benefits-row .benefit-trust-card small {
    max-width: 210px;
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.45;
}
body.order-status-page > .page-shell.success-shell {
    width: min(1260px, calc(100% - 60px)) !important;
    max-width: 1260px !important;
    margin: 32px auto 0 !important;
    padding: 0 0 42px !important;
}
body.order-status-page .success-shell::before,
body.order-status-page .success-shell::after {
    display: none !important;
}
body.order-status-page .success-hero {
    margin: 0 0 20px;
    padding: 24px;
}
body.order-status-page .success-check-wrap {
    width: 96px;
    height: 96px;
    margin-bottom: 18px;
}
body.order-status-page .success-check {
    width: 66px;
    height: 66px;
    font-size: 32px;
    border-radius: 20px;
}
body.order-status-page .success-hero h1 {
    max-width: 760px;
    margin: 0 auto;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.05;
    color: #17264d;
}
body.order-status-page .success-hero p {
    width: min(100%, 680px);
    margin-top: 14px;
    font-size: 15px;
    font-weight: 600;
    color: #637292;
}
body.order-status-page .success-content {
    width: 100%;
    max-width: none;
    gap: 18px;
}
body.order-status-page .success-meta-card,
body.order-status-page .success-card,
body.order-status-page .success-notice {
    background: rgba(255, 255, 255, .92);
    border: 1px solid #d9e7f7;
    border-radius: 20px;
}
body.order-status-page .success-meta-card {
    padding: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.order-status-page .success-card {
    padding: 24px;
}
body.order-status-page .success-card h2 {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.02em;
}
body.order-status-page .success-card h2 span,
body.order-status-page .success-meta-icon,
body.order-status-page .success-notice span {
    color: #ff7043;
    background: rgba(255, 112, 67, .10);
    border-radius: 12px;
}
body.order-status-page .success-card h2 span {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
}
body.order-status-page .success-meta-card small,
body.order-status-page .success-product-row small {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 700;
}
body.order-status-page .success-meta-card strong,
body.order-status-page .success-product-row strong {
    font-size: 15px;
    font-weight: 700;
}
body.order-status-page .success-status {
    min-height: 36px;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 700;
}
body.order-status-page .success-product-row {
    grid-template-columns: 1.35fr repeat(4, minmax(110px, 1fr));
    gap: 18px;
    padding: 18px;
    border-radius: 18px;
}
body.order-status-page .success-product-icon {
    width: 54px;
    height: 54px;
    color: #ff7043;
    background: rgba(255, 112, 67, .12);
    box-shadow: none;
}
body.order-status-page .success-grid {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 18px;
}
body.order-status-page .success-price-list span,
body.order-status-page .success-total span {
    font-size: 14px;
}
body.order-status-page .success-price-list strong {
    font-size: 14px;
}
body.order-status-page .success-total strong {
    font-size: 30px;
    color: #17264d !important;
}
body.order-status-page .success-timeline strong {
    font-size: 14px;
}
body.order-status-page .success-timeline small {
    font-size: 12px;
}
body.order-status-page .success-timeline time {
    font-size: 12px;
}
body.order-status-page .success-notice {
    padding: 24px;
}
body.order-status-page .success-notice p {
    font-size: 13px;
}
body.order-status-page .success-actions {
    margin-top: 4px;
}
body.order-status-page .success-action-primary,
body.order-status-page .success-action-secondary {
    min-height: 48px;
    min-width: 180px;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 16px;
}
body.order-status-page .success-action-primary {
    background: linear-gradient(90deg, #ff7a45, #e1306c);
}
body.failure-page.order-status-page .success-action-primary {
    background: linear-gradient(90deg, #ff7043, #ff436b);
}
body.order-status-page .payment-footer-note {
    margin-top: 20px;
    text-align: center;
}
body.order-status-page .site-footer.footer-dark {
    margin-top: 0;
}
body.order-status-page {
    background: var(--gradient-page);
    min-height: 100vh;
    overflow-x: hidden;
}
body.order-status-page > .topbar.home-topbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 50;
}
body.order-status-page > .topbar.home-topbar .promo-inner,
body.order-status-page > .topbar.home-topbar .home-menu-row {
    width: min(1260px, calc(100% - 60px)) !important;
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
body.order-status-page > main.page-shell.success-shell {
    display: block;
    width: min(1260px, calc(100% - 60px)) !important;
    max-width: 1260px !important;
    margin: 32px auto 0 !important;
    padding: 0 0 42px !important;
    overflow: visible !important;
}
body.order-status-page > footer.site-footer.footer-dark {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    clear: both;
}
body.order-status-page .success-details-card .success-product-row + .success-product-row {
    margin-top: 12px;
}
body.order-status-page .success-product-link strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.order-status-page .success-details-card .success-product-row {
    grid-template-columns: minmax(390px, 1.55fr) minmax(360px, 1.35fr) minmax(90px, .36fr) minmax(82px, .30fr) !important;
    align-items: center;
}
body.order-status-page .success-product-link,
body.order-status-page .success-product-quantity,
body.order-status-page .success-product-price {
    min-width: 0;
}
body.order-status-page .success-link-list,
body.order-status-page .success-qty-list {
    display: grid;
    gap: 7px;
}
body.order-status-page .success-link-list span,
body.order-status-page .success-qty-list span {
    display: block;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 600;
    color: #17264d;
}
body.order-status-page .success-link-list span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.order-status-page .success-qty-list span {
    color: #17264d;
}
body.order-status-page .success-product-price {
    justify-self: end;
    text-align: right;
}
body.order-status-page .success-product-price strong {
    font-size: 16px;
}
body.success-page.order-status-page:not(.failure-page) .success-qty-list span {
    color: #17264d !important;
}
body.about-modern-page {
    --about-orange: #ff7a45;
    --about-soft: #fff3e6;
    --about-text: #142447;
    --about-muted: #697796;
    --about-border: rgba(255, 122, 69, .24);
    --about-border-soft: rgba(255, 122, 69, .16);
    --about-shadow: 0 18px 44px rgba(35, 48, 80, .08);
    color: var(--about-text);
}
body.about-modern-page .about-v2-hero,
body.about-modern-page .about-v2-focus,
body.about-modern-page .about-v2-process,
body.about-modern-page .about-v2-article-card,
body.about-modern-page .about-v2-storyline article,
body.about-modern-page .about-v2-platforms {
    box-sizing: border-box;
    border: 1px solid var(--about-border);
    background: #fff;
}
body.about-modern-page .about-v2-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .72fr);
    gap: 34px;
    align-items: center;
    padding: 24px;
}
body.about-modern-page .about-v2-hero::before,
body.about-modern-page .about-v2-hero::after {
    content: none !important;
    display: none !important;
}
body.about-modern-page .about-v2-hero-copy,
body.about-modern-page .about-v2-dashboard {
    position: relative;
    z-index: 1;
}
body.about-modern-page .about-v2-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 350px;
}
body.about-modern-page .about-v2-badge,
body.about-modern-page .about-v2-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: var(--about-orange);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}
body.about-modern-page .about-v2-badge {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--about-border);
    border-radius: 999px;
    background: #fff3e6;
    text-transform: none;
}
body.about-modern-page .about-v2-hero h1 {
    max-width: 760px;
    margin: 20px 0 0;
    color: var(--about-text);
    font-size: clamp(38px, 4.1vw, 60px);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -.055em;
}
body.about-modern-page .about-v2-hero p {
    max-width: 680px;
    margin: 20px 0 0;
    color: var(--about-muted);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.75;
}
body.about-modern-page .about-v2-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}
body.about-modern-page .about-v2-primary,
body.about-modern-page .about-v2-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 0 21px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
}
body.about-modern-page .about-v2-primary {
    color: #fff;
    border: 1px solid var(--about-orange);
    background: var(--about-orange);
}
body.about-modern-page .about-v2-primary:hover {
    color: var(--about-orange);
    background: #fff;
    transform: translateY(-1px);
}
body.about-modern-page .about-v2-secondary {
    color: var(--about-orange);
    border: 1px solid var(--about-border);
    background: #fff;
}
body.about-modern-page .about-v2-secondary:hover {
    color: var(--about-orange);
    background: var(--about-soft);
    transform: translateY(-1px);
}
body.about-modern-page .about-v2-dashboard {
    display: grid;
    gap: 14px;
    align-content: center;
    padding: 24px;
    border: 1px solid var(--about-border);
    border-radius: 20px;
    background: #fff;
}
body.about-modern-page .about-v2-dashboard-top {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--about-border-soft);
    border-radius: 20px;
    color: var(--about-text);
    background: var(--about-soft);
}
body.about-modern-page .about-v2-dashboard-top > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    color: #fff;
    background: var(--about-orange);
    font-size: 26px;
}
body.about-modern-page .about-v2-dashboard-top strong {
    display: block;
    color: var(--about-text);
    font-size: 18px;
    font-weight: 900;
}
body.about-modern-page .about-v2-dashboard-top small {
    display: block;
    margin-top: 3px;
    color: var(--about-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
}
body.about-modern-page .about-v2-metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
body.about-modern-page .about-v2-metric-grid div {
    min-height: 104px;
    padding: 18px;
    border: 1px solid var(--about-border-soft);
    border-radius: 18px;
    background: #fff;
}
body.about-modern-page .about-v2-metric-grid strong {
    display: block;
    color: var(--about-orange);
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
}
body.about-modern-page .about-v2-metric-grid span {
    display: block;
    margin-top: 8px;
    color: var(--about-muted);
    font-size: 12px;
    font-weight: 800;
}
body.about-modern-page .about-v2-focus,
body.about-modern-page .about-v2-process,
body.about-modern-page .about-v2-platforms {
    border-radius: 20px;
}
body.about-modern-page .about-v2-focus {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .85fr);
    gap: 34px;
    align-items: center;
    padding: 24px;
}
body.about-modern-page .about-v2-focus-copy h2,
body.about-modern-page .about-v2-section-head h2,
body.about-modern-page .about-v2-article-card h2,
body.about-modern-page .about-v2-storyline h2 {
    color: var(--about-text);
    font-weight: 600;
    letter-spacing: -.045em;
}
body.about-modern-page .about-v2-focus-copy h2 {
    max-width: 840px;
    margin: 12px 0 16px;
    line-height: 1.08;
}
body.about-modern-page .about-v2-focus-copy p {
    max-width: 760px;
    color: var(--about-muted);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
}
body.about-modern-page .about-v2-focus-cards {
    display: grid;
    gap: 16px;
}
body.about-modern-page .about-v2-focus-cards article {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-height: 122px;
    padding: 20px;
    border: 1px solid var(--about-border-soft);
    border-radius: 20px;
    background: var(--about-soft);
}
body.about-modern-page .about-v2-focus-cards span,
body.about-modern-page .about-v2-process-icon,
body.about-modern-page .about-v2-article-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--about-orange);
    background: #fff;
    border: 1px solid var(--about-border);
}
body.about-modern-page .about-v2-focus-cards span,
body.about-modern-page .about-v2-process-icon {
    width: 56px;
    height: 56px;
    border-radius: 17px;
    font-size: 23px;
}
body.about-modern-page .about-v2-focus-cards strong {
    color: var(--about-text);
    font-size: 19px;
    font-weight: 900;
}
body.about-modern-page .about-v2-focus-cards p {
    grid-column: 2;
    margin: -6px 0 0;
    color: var(--about-muted);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.55;
}
body.about-modern-page .about-v2-process {
    padding: 24px;
}
body.about-modern-page .about-v2-section-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
body.about-modern-page .about-v2-section-head-left {
    align-items: flex-start;
    text-align: left;
}
body.about-modern-page .about-v2-section-head h2 {
    max-width: 780px;
    margin: 12px 0 0;
    line-height: 1.08;
}
body.about-modern-page .about-v2-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
}
body.about-modern-page .about-v2-process-grid article {
    position: relative;
    min-height: 218px;
    padding: 24px;
    border: 1px solid var(--about-border-soft);
    border-radius: 20px;
    background: var(--about-soft);
}
body.about-modern-page .about-v2-process-grid em {
    position: absolute;
    top: 20px;
    right: 22px;
    color: rgba(255, 122, 69, .20);
    font-size: 38px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}
body.about-modern-page .about-v2-process-grid strong {
    display: block;
    margin-top: 24px;
    color: var(--about-text);
    font-size: 18px;
    font-weight: 900;
}
body.about-modern-page .about-v2-process-grid p {
    margin: 10px 0 0;
    color: var(--about-muted);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.6;
}
body.about-modern-page .about-v2-article-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: 24px;
}
body.about-modern-page .about-v2-article-card,
body.about-modern-page .about-v2-storyline article {
    position: relative;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    column-gap: 12px;
    align-content: start;
    padding: 20px;
    border-radius: 22px;
}
body.about-modern-page .about-v2-article-card-large {
    background: var(--about-soft);
}
body.about-modern-page .about-v2-article-icon {
    grid-column: 1;
    grid-row: 1;
    width: 56px;
    height: 56px;
    margin: 0;
    border-color: var(--about-orange);
    border-radius: 18px;
    color: #fff;
    background: var(--about-orange);
    font-size: 22px;
}
body.about-modern-page .about-v2-article-card > .about-v2-kicker,
body.about-modern-page .about-v2-storyline article > .about-v2-kicker {
    position: relative;
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 56px;
    padding: 0 44px 0 17px;
    overflow: hidden;
    border: 1px solid var(--about-border);
    border-radius: 18px;
    color: var(--about-orange);
    background: var(--about-soft);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .075em;
    line-height: 1.25;
    text-transform: uppercase;
}
body.about-modern-page .about-v2-article-card > .about-v2-kicker::after,
body.about-modern-page .about-v2-storyline article > .about-v2-kicker::after {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: var(--about-orange);
    content: "";
    transform: translateY(-50%);
}
body.about-modern-page .about-v2-article-card h2,
body.about-modern-page .about-v2-storyline h2 {
    grid-column: 1 / -1;
    margin: 26px 0 0;
    font-size: 29px;
    line-height: 1.16;
}
body.about-modern-page .about-v2-article-card p,
body.about-modern-page .about-v2-storyline p {
    grid-column: 1 / -1;
    margin: 16px 0 0;
    color: var(--about-muted);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.75;
}
body.about-modern-page .about-v2-mini-platforms {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 22px;
}
body.about-modern-page .about-v2-mini-platforms span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--about-border-soft);
    border-radius: 999px;
    color: var(--about-text);
    background: #fff;
    font-size: 12px;
    font-weight: 900;
}
body.about-modern-page .about-v2-storyline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
body.about-modern-page .about-v2-storyline article {
    min-height: 420px;
}
body.about-modern-page .about-v2-story-number {
    position: absolute;
    top: 22px;
    right: 24px;
    color: rgba(255, 122, 69, .14);
    font-size: 54px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.05em;
}
body.about-modern-page .about-v2-platforms {
    padding: 36px;
    margin-bottom: 44px;
}
body.about-modern-page .about-v2-platform-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}
body.about-modern-page .about-v2-platform-grid span {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 12px 16px;
    border: 1px solid var(--about-border-soft);
    border-radius: 18px;
    color: var(--about-text);
    background: var(--about-soft);
    font-size: 13px;
    font-weight: 900;
}
body.about-modern-page .about-v2-platform-grid i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: var(--about-orange) !important;
    background: #fff !important;
    border: 1px solid var(--about-border) !important;
    font-size: 17px;
}
.error404-page {
    background: #eef7ff;
}
:where(body.error404-page) .error404-main {
    position: relative;
    margin: 0 0 32px;
}
:where(body.error404-page) .error404-legacy-card {
    width: 100%;
    overflow: hidden;
    padding: 20px;
    text-align: center;
}
:where(body.error404-page) .error404-legacy-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 860px);
    max-height: 390px;
    margin: 0 auto 28px;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
}
:where(body.error404-page) .error404-legacy-visual img {
    display: block;
    width: 100%;
    max-height: 390px;
    object-fit: contain;
}
:where(body.error404-page) .error404-legacy-message {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 62px;
    margin: 0 auto 26px;
    padding: 16px 24px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.45;
    background: linear-gradient(135deg, #1f2937, #737f8a);
    border-radius: 14px;
    box-shadow: 0 14px 28px rgba(44, 55, 72, .12);
}
:where(body.error404-page) .error404-legacy-intro {
    margin: 0 0 22px;
    color: #667085;
    font-size: 16px;
    font-weight: 600;
}
:where(body.error404-page) .error404-links-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px 22px;
    width: min(100%, 980px);
    margin: 0 auto;
}
:where(body.error404-page) .error404-links-grid a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 44px;
    padding: 0 18px;
    color: #10224d;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
    text-decoration: none;
    background: rgba(247, 250, 255, .86);
    border: 1px solid rgba(224, 234, 248, .95);
    border-radius: 14px;
    transition: color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
:where(body.error404-page) .error404-links-grid a:hover,
:where(body.error404-page) .error404-links-grid a:focus-visible {
    color: #ef4f72;
    border-color: rgba(239, 79, 114, .28);
    box-shadow: none;
    transform: none;
    outline: none;
}
.blog-detail-page {
    overflow-x: hidden;
    background: var(--gradient-page);
}
.blog-detail-page .page-shell {
    width: 100%;
}
:where(body.blog-detail-page) .article-page {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin: 0 auto;
}
:where(body.blog-detail-page) .article-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .36fr);
    gap: 20px;
    align-items: stretch;}
:where(body.blog-detail-page) .article-summary-card,
:where(body.blog-detail-page) .article-content,
:where(body.blog-detail-page) .article-share-card,
:where(body.blog-detail-page) .article-related-card {
    border: 1px solid rgba(255,122,69,.18);
    border-radius: 20px;
    background: #ffffff;}
:where(body.blog-detail-page) .article-back,
:where(body.blog-detail-page) .article-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 32px;
    padding: 0 14px;
    color: #ff7a45;
    border: 1px solid rgba(255,122,69,.18);
    border-radius: 999px;
    background: #fff3e6;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}
:where(body.blog-detail-page) .article-eyebrow {
    margin-left: 8px;
    color: #ff7a45;
}
:where(body.blog-detail-page) .article-hero h1 {
    max-width: 880px;
    margin: 20px 0 14px;
    color: #17203a;
    font-size: clamp(38px, 4.1vw, 60px);
    font-weight: 600;
    letter-spacing: -.055em;
}
:where(body.blog-detail-page) .article-hero p {
    max-width: 1260px;
    margin: 0;
    color: #61708e;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
}
:where(body.blog-detail-page) .article-author {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
}
:where(body.blog-detail-page) .article-author span {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    color: #fff;
    border-radius: 17px;
    background: #ff7a45;
    font-size: 13px;
    font-weight: 900;
}
:where(body.blog-detail-page) .article-author strong,
:where(body.blog-detail-page) .article-author small {
    display: block;
}
:where(body.blog-detail-page) .article-author strong {
    color: #1d2843;
    font-size: 14px;
    font-weight: 900;
}
:where(body.blog-detail-page) .article-author small {
    margin-top: 2px;
    color: #74819d;
    font-size: 12px;
    font-weight: 700;
}
:where(body.blog-detail-page) .article-summary-card {
    display: grid;
    align-content: center;
    gap: 10px;
    padding: 24px;
    color: #fff;
    background:
    radial-gradient(circle at 86% 12%, rgba(255,255,255,.18), transparent 30%),
    linear-gradient(160deg, #202b45 0%, #151b2d 100%);
}
:where(body.blog-detail-page) .article-summary-card span {
    color: #6b7896;
    font-size: 12px;
    font-weight: 900;
}
:where(body.blog-detail-page) .article-summary-card a {
    padding: 13px 14px;
    color: rgba(255,255,255,.86);
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 15px;
    background: rgba(255,255,255,.07);
    font-size: 13px;
    font-weight: 800;
}
:where(body.blog-detail-page) .article-content-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, .36fr);
    gap: 20px;
    align-items: start;
    margin-top: 24px;
}
:where(body.blog-detail-page) .article-content {
    padding: 24px;
}
:where(body.blog-detail-page) .article-content h2 {
    margin: 34px 0 12px;
    color: #17203a;
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 900;
    letter-spacing: -.035em;
}
:where(body.blog-detail-page) .article-content p {
    margin: 0 0 16px;
    color: #596886;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.86;
}
:where(body.blog-detail-page) .article-lead-card {
    display: flex;
    gap: 16px;
    padding: 20px;
    border-radius: 20px;
    color: #24314f;
    background: #f8fbff;
    border: 1px solid #e8f0fb;
}
:where(body.blog-detail-page) .article-lead-card i {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    color: #fff;
    border-radius: 16px;
    background: #ff7a45;
}
:where(body.blog-detail-page) .article-lead-card p {
    margin: 0;
    color: #43516f;
}
:where(body.blog-detail-page) .article-content blockquote {
    margin: 26px 0;
    padding: 22px 24px;
    color: #1e2841;
    border-left: 5px solid #ff7a45;
    border-radius: 18px;
    background: linear-gradient(90deg, rgba(255,122,69,.10), rgba(255,122,69,.06));
    font-size: 18px;
    font-weight: 800;
    line-height: 1.6;
}
:where(body.blog-detail-page) .article-check-grid,
:where(body.blog-detail-page) .article-highlight-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0;
}
:where(body.blog-detail-page) .article-check-grid span,
:where(body.blog-detail-page) .article-highlight-row div {
    padding: 16px;
    border: 1px solid #e8f0fb;
    border-radius: 18px;
    background: #f9fcff;
    color: #29375e;
    font-size: 13px;
    font-weight: 800;
}
:where(body.blog-detail-page) .article-check-grid i {
    color: #38d38b;
    margin-right: 7px;
}
:where(body.blog-detail-page) .article-highlight-row strong,
:where(body.blog-detail-page) .article-highlight-row span {
    display: block;
}
:where(body.blog-detail-page) .article-highlight-row strong {
    color: #17203a;
    font-size: 18px;
    font-weight: 900;
}
:where(body.blog-detail-page) .article-highlight-row span {
    margin-top: 4px;
    color: #74819d;
    font-size: 12px;
}
:where(body.blog-detail-page) .article-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 34px;
    padding: 24px;
    border-radius: 22px;
    background:
    radial-gradient(circle at 90% 10%, rgba(255,255,255,.18), transparent 28%),
    #ff7a45;
    color: #fff;
}
:where(body.blog-detail-page) .article-cta-box span,
:where(body.blog-detail-page) .article-cta-box h3 {
    display: block;
    margin: 0;
}
:where(body.blog-detail-page) .article-cta-box span {
    color: #6b7896;
    font-size: 12px;
    font-weight: 900;
}
:where(body.blog-detail-page) .article-cta-box h3 {
    margin-top: 6px;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -.03em;
}
:where(body.blog-detail-page) .article-cta-box a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    color: #17203a;
    background: #fff;
    border-radius: 999px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}
:where(body.blog-detail-page) .article-share-card span,
:where(body.blog-detail-page) .article-related-card span {
    display: block;
    margin-bottom: 12px;
    color: #17203a;
    font-size: 13px;
    font-weight: 900;
}
:where(body.blog-detail-page) .article-share-card div {
    display: flex;
    gap: 8px;
}
:where(body.blog-detail-page) .article-share-card a {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #fff;
    border-radius: 15px;
    background: #ff7a45;
    text-decoration: none;
}
:where(body.blog-detail-page) .article-related-card a {
    display: block;
    padding: 13px 0;
    color: #43516f;
    border-top: 1px solid #e8f0fb;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
    text-decoration: none;
}
:where(body.blog-page) .blog-hero,
:where(body.blog-page) .blog-toolbar,
:where(body.blog-page) .blog-grid {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}
:where(body.blog-page) .blog-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, .48fr);
    gap: 22px;}
:where(body.blog-page) .blog-eyebrow,
:where(body.blog-page) .blog-feature-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    color: #ff7a45;
    background: #fff3e6;
    border: 1px solid rgba(255,122,69,.18);
    font-size: 12px;
    font-weight: 800;
}
:where(body.blog-page) .blog-hero-actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
:where(body.blog-page) .blog-hero-actions a,
:where(body.blog-page) .blog-feature-card a,
:where(body.blog-page) .blog-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 999px;
    color: #fff;
    background: #ff7a45;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}
:where(body.blog-page) .blog-hero-actions a:nth-child(2) {
    color: #24314f;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(255,122,69,.24);
}
:where(body.blog-page) .blog-feature-card {
    display: grid;
    align-content: end;
    min-height: 440px;
    color: #ffffff;
    background: #ffffff;
    border: 1px solid rgba(255,122,69,.24);
    border-radius: 20px;
}
:where(body.blog-page) .blog-feature-card .blog-feature-label {
    color: #fff;
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.18);
}
:where(body.blog-page) .blog-feature-meta {
    display: flex;
    gap: 8px;
    margin: 24px 0 12px;
}
:where(body.blog-page) .blog-feature-meta span {
    padding: 7px 10px;
    border-radius: 999px;
    color: #6b7896;
    background: rgba(255,255,255,.08);
    font-size: 11px;
    font-weight: 800;
}
:where(body.blog-page) .blog-feature-card h2 {
    margin: 0 0 10px;
    font-size: 29px;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -.035em;
}
:where(body.blog-page) .blog-feature-card p {
    color: rgba(255,255,255,.68);
    font-size: 13px;
}
:where(body.blog-page) .blog-feature-card a {
    width: fit-content;
    margin-top: 20px;
}
:where(body.blog-page) .blog-toolbar,
:where(body.blog-page) .blog-card {
    border: 1px solid rgba(255, 122, 69, .18);
    background: rgba(255,255,255,.9);
}
:where(body.blog-page) .blog-search i {
    color: #ff7a45;
}
:where(body.blog-page) .blog-filter-pills button.is-active {
    color: #fff;
    border-color: transparent;
    background: #ff7a45;
}
:where(body.blog-page) .blog-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 24px 50px rgba(66,95,145,.13);
}
:where(body.blog-page) .blog-card-large {
    grid-column: span 2;
    display: grid;
    grid-template-columns: .44fr 1fr;
}
:where(body.blog-page) .blog-card-visual {
    position: relative;
    overflow: hidden;
    min-height: 190px;
    background: #e9eef8;
}
:where(body.blog-page) .blog-card-body {
    padding: 22px;
}
:where(body.blog-page) .blog-card-body span {
    display: inline-flex;
    color: #ff7a45;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}
:where(body.blog-page) .blog-card-body h2 {
    margin: 8px 0 9px;
    color: #17203a;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.16;
    letter-spacing: -.03em;
}
:where(body.blog-page) .blog-card-large h2 {
    font-size: 28px;
}
:where(body.blog-page) .blog-card-body p {
    margin: 0 0 16px;
    color: #6b7896;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.65;
}
:where(body.blog-page) .blog-card a {
    min-height: 40px;
    padding: 0 16px;
    font-size: 12px;
}
:where(body.blog-page) .blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px !important;
}
:where(body.blog-page) .blog-card {
    overflow: hidden;
    border-radius: 20px;
    transition: transform .18s ease, box-shadow .18s ease;
    background: #fff;
    border: 1px solid rgba(224, 231, 245, .95);
}
:where(body.blog-page) .blog-card-visual img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 190px;
    object-fit: cover;
}
:where(body.blog-page) .blog-card-large .blog-card-visual {
    min-height: 100%;
}
:where(body.blog-page) .blog-card-large .blog-card-visual img {
    min-height: 100%;
}
:where(body.blog-page) .blog-card:not(.blog-card-large) .blog-card-visual {
    aspect-ratio: 4 / 3;
}
:where(body.blog-page) .blog-card:not(.blog-card-large) .blog-card-visual img {
    aspect-ratio: 4 / 3;
}
:where(body.blog-page) .blog-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    border-radius: 20px;
    margin-top: 24px !important;
    gap: 18px;
}
:where(body.blog-page) .blog-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    font-weight: 700;
    font-size: 14px;
}
:where(body.blog-page) .blog-filter-pills button {
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid #e8f0fb;
    border-radius: 999px;
    color: #51607f;
    background: #fff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: all .18s ease;
}
:where(body.blog-page) .blog-filter-pills button:hover {
    border-color: rgba(255, 122, 69, .28);
    color: #253556;
    transform: translateY(-1px);
}
:where(body.blog-page) .blog-card[hidden] {
    display: none !important;
}
:where(body.blog-page) .blog-empty-state {
    margin-top: 20px;
    padding: 34px 24px;
    border-radius: 24px;
    border: 1px dashed rgba(255, 122, 69, .20);
    background: rgba(255,255,255,.78);
    text-align: center;
}
:where(body.blog-page) .blog-empty-state strong {
    display: block;
    color: #17203a;
    font-size: 20px;
    font-weight: 900;
}
:where(body.blog-page) .blog-empty-state p {
    margin: 8px 0 0;
    color: #6f7d99;
    font-size: 14px;
    font-weight: 600;
}
:where(body.blog-page) .blog-hero-copy {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;}
:where(body.blog-page) .blog-hero h1 {
    position: relative;
    z-index: 1;
    margin: 18px 0 14px;
    color: #17203a;
    max-width: 680px;
    margin-bottom: 18px;
    font-size: clamp(38px, 4.1vw, 60px);
    line-height: 1.10;
    font-weight: 600;
    letter-spacing: -.038em;
    text-wrap: balance;
}
:where(body.blog-page) .blog-hero p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #61708e;
    max-width: 720px;
    font-size: 16px;
    line-height: 1.85;
    font-weight: 600;
}
:where(body.blog-page) .blog-feature-image {
    position: relative;
    min-height: 220px;
    overflow: hidden;
}
:where(body.blog-page) .blog-feature-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(23, 32, 58, 0) 45%, rgba(23, 32, 58, .18) 100%);
    pointer-events: none;
}
:where(body.blog-page) .blog-feature-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
}
:where(body.blog-page) .blog-feature-content {
    padding: 24px 26px 26px;
}
:where(body.blog-page) .blog-feature-post .blog-feature-label {
    color: #ff7a45;
    background: rgba(255,122,69,.10);
    border-color: rgba(255,122,69,.24);
}
:where(body.blog-page) .blog-feature-post .blog-feature-meta {
    margin: 16px 0 12px;
}
:where(body.blog-page) .blog-feature-post .blog-feature-meta span {
    color: #667695;
    background: #f5f7ff;
}
:where(body.blog-page) .blog-feature-post h2 {
    color: #17203a;
    font-size: 27px;
    line-height: 1.12;
    letter-spacing: -.035em;
}
:where(body.blog-page) .blog-feature-post p {
    color: #667695;
    font-size: 13px;
    line-height: 1.65;
    font-weight: 600;
}
:where(body.blog-page) .blog-feature-post a {
    margin-top: 16px;
}
:where(body.blog-page) .blog-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    justify-content: flex-start;
}
:where(body.blog-page) .blog-search {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    background: #f8fbff;
    border: 1px solid #e8f0fb;
    flex: 1 1 auto;
    min-width: 380px;
    max-width: 620px;
    min-height: 52px;
    padding: 0 18px;
    margin-left: auto;
}
.blog-page .blog-card-large .blog-card-body,
.blog-page .blog-feature-card .blog-card-body {
    background: #ffffff !important;
    background-image: none !important;
    color: #17203a !important;
}
.blog-page .blog-card-large .blog-card-body h2,
.blog-page .blog-feature-card .blog-card-body h2,
.blog-page .blog-card-large .blog-card-body p,
.blog-page .blog-feature-card .blog-card-body p {
    color: inherit !important;
}
.blog-page .blog-card-large .blog-card-body p,
.blog-page .blog-feature-card .blog-card-body p {
    color: #596886 !important;
}
.blog-page .blog-card-large .blog-card-body > span,
.blog-page .blog-feature-card .blog-card-body > span {
    background: rgba(255, 122, 69, .10) !important;
    background-image: none !important;
    color: #ff7a45 !important;
    box-shadow: none !important;
}
.blog-page .blog-card-large .blog-card-body a,
.blog-page .blog-feature-card .blog-card-body a,
.blog-page .blog-card-large a,
.blog-page .blog-feature-card a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: #ff7a45 !important;
}
.blog-page .blog-card-large .blog-card-body a *,
.blog-page .blog-feature-card .blog-card-body a *,
.blog-page .blog-card-large a *,
.blog-page .blog-feature-card a * {
    color: #ffffff !important;
}
.blog-page .blog-hero-actions {
    margin-top: 22px !important;
}
.contact-page {
    --contact-accent: #ff7a45;
    --contact-accent-soft: #fff3e6;
    --contact-accent-border: rgba(255, 122, 69, .24);
    --contact-border: rgba(190, 204, 224, .72);
    --contact-border-soft: rgba(211, 224, 244, .92);
    --contact-surface: rgba(255, 255, 255, .94);
    overflow-x: hidden;
    background: var(--gradient-page);
}
:where(body.contact-page) .contact-hero,
:where(body.contact-page) .contact-channels,
:where(body.contact-page) .contact-panel,
:where(body.contact-page) .contact-faq-strip {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}
:where(body.contact-page) .contact-hero-card::before,
:where(body.contact-page) .contact-hero-card::after {
    position: absolute;
    content: "";
    border-radius: 999px;
    pointer-events: none;}
:where(body.contact-page) .contact-hero-card::before {
    right: -70px;
    top: -88px;
    width: 230px;
    height: 230px;
    background: var(--contact-accent-soft);}
:where(body.contact-page) .contact-hero-card::after {
    left: 45%;
    bottom: -110px;
    width: 280px;
    height: 280px;
    background: rgba(255, 122, 69, .08);}
:where(body.contact-page) .contact-hero-copy,
:where(body.contact-page) .contact-status-card {
    position: relative;
    z-index: 1;
}
:where(body.contact-page) .contact-eyebrow,
:where(body.contact-page) .contact-side-badge,
:where(body.contact-page) .contact-section-heading span,
:where(body.contact-page) .contact-faq-strip span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    color: var(--contact-accent);
    background: var(--contact-accent-soft);
    border: 1px solid var(--contact-accent-border);
    font-size: 12px;
    font-weight: 800;
}
:where(body.contact-page) .contact-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}
:where(body.contact-page) .contact-primary-btn,
:where(body.contact-page) .contact-secondary-btn,
:where(body.contact-page) .contact-form > button,
:where(body.contact-page) .contact-side-card a,
:where(body.contact-page) .contact-faq-strip a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 40px;
    padding: 0 20px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .18s ease, background .18s ease;
}
:where(body.contact-page) .contact-primary-btn,
:where(body.contact-page) .contact-form > button,
:where(body.contact-page) .contact-side-card a,
:where(body.contact-page) .contact-faq-strip a {
    color: #fff;
    border: 0;
    background: var(--contact-accent);
}
:where(body.contact-page) .contact-secondary-btn {
    color: #24314f;
    background: rgba(255, 255, 255, .72);
    border: 1px solid var(--contact-accent-border);
}
:where(body.contact-page) .contact-primary-btn:hover,
:where(body.contact-page) .contact-secondary-btn:hover,
:where(body.contact-page) .contact-form > button:hover,
:where(body.contact-page) .contact-side-card a:hover,
:where(body.contact-page) .contact-faq-strip a:hover {
    transform: translateY(-2px);
}
:where(body.contact-page) .contact-pulse {
    position: relative;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff7a45;
    box-shadow: 0 0 0 7px rgba(255, 122, 69, .14);
}
:where(body.contact-page) .contact-status-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
:where(body.contact-page) .contact-status-grid div,
:where(body.contact-page) .contact-mini-ticket {
    padding: 15px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    background: rgba(255,255,255,.07);
}
:where(body.contact-page) .contact-mini-ticket {
    display: flex;
    align-items: center;
    gap: 14px;
}
:where(body.contact-page) .contact-mini-ticket > span {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    color: #38d38b;
    border-radius: 14px;
    background: rgba(56, 211, 139, .12);
}
:where(body.contact-page) .contact-mini-ticket strong {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
}
:where(body.contact-page) .is-featured .contact-channel-icon {
    color: #fff;
    background: rgba(255,255,255,.18);
}
:where(body.contact-page) .contact-channel-card small {
    display: block;
    color: var(--contact-accent);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}
:where(body.contact-page) .contact-channel-card.is-featured small,
:where(body.contact-page) .contact-channel-card.is-featured p,
:where(body.contact-page) .contact-channel-card.is-featured a {
    color: rgba(255,255,255,.78);
}
:where(body.contact-page) .contact-channel-card.is-featured h2 {
    color: #fff;
}
:where(body.contact-page) .contact-channel-card a {
    color: #24314f;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}
:where(body.contact-page) .contact-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .42fr);
    gap: 18px;
    margin-top: 20px;
    align-items: stretch;
}
:where(body.contact-page) .contact-form-card,
:where(body.contact-page) .contact-side-card,
:where(body.contact-page) .contact-faq-strip {
    border: 1px solid var(--contact-border);
    border-radius: 20px;
    background: #fff;
}
:where(body.contact-page) .contact-section-heading h2,
:where(body.contact-page) .contact-side-card h2,
:where(body.contact-page) .contact-faq-strip h2 {
    margin: 12px 0 8px;
    color: #17203a;
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 800;
    letter-spacing: -.03em;
}
:where(body.contact-page) .contact-section-heading p,
:where(body.contact-page) .contact-side-card p,
:where(body.contact-page) .contact-faq-strip p {
    margin: 0;
    color: #6b7896;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
}
:where(body.contact-page) .contact-form {
    display: grid;
    gap: 15px;
    margin-top: 24px;
}
:where(body.contact-page) .contact-form textarea {
    min-height: 132px;
    padding-top: 15px;
    resize: vertical;
}
:where(body.contact-page) .contact-form input:focus,
:where(body.contact-page) .contact-form select:focus,
:where(body.contact-page) .contact-form textarea:focus {
    border-color: rgba(255, 122, 69, .46);
    background: #fff;
    box-shadow: none;
}
:where(body.contact-page) .contact-form > button {
    width: fit-content;
    padding: 0 24px;
    cursor: pointer;
}
:where(body.contact-page) .contact-side-card {
    display: flex;
    flex-direction: column;
    padding: 24px;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #fff9f5 100%);
}
:where(body.contact-page) .contact-timeline {
    display: grid;
    gap: 14px;
    padding: 0;
    margin: 24px 0;
    list-style: none;
}
:where(body.contact-page) .contact-timeline li {
    display: flex;
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid #e8f0fb;
}
:where(body.contact-page) .contact-timeline li > span {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    color: #fff;
    border-radius: 14px;
    background: var(--contact-accent);
    font-size: 12px;
    font-weight: 900;
}
:where(body.contact-page) .contact-timeline strong,
:where(body.contact-page) .contact-timeline small {
    display: block;
}
:where(body.contact-page) .contact-hero-card {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1.02fr) minmax(320px, .58fr) !important;}
:where(body.contact-page) .contact-hero h1 {
    margin: 18px 0 14px;
    color: #17203a;
    font-weight: 800;
    max-width: 640px !important;
    font-size: clamp(34px, 4.35vw, 58px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.048em !important;
}
:where(body.contact-page) .contact-hero p {
    margin: 0;
    color: #596886;
    font-weight: 600;
    max-width: 720px !important;
    font-size: 15.5px !important;
    line-height: 1.78 !important;
}
:where(body.contact-page) .contact-status-card {
    align-self: stretch;
    display: grid;
    align-content: space-between;
    gap: 18px;
    color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 10px rgba(31, 43, 69, .24);
    min-height: 300px !important;
    padding: 24px !important;
    background:
    radial-gradient(circle at 86% 16%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(160deg, #27324b 0%, #182034 100%) !important;
}
:where(body.contact-page) .contact-status-top {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    font-size: 15px !important;
}
:where(body.contact-page) .contact-status-grid strong {
    display: block;
    margin-top: 6px;
    font-weight: 800;
    font-size: 21px !important;
}
:where(body.contact-page) .contact-status-grid span, :where(body.contact-page) .contact-mini-ticket small {
    display: block;
    color: rgba(255,255,255,.62);
    font-weight: 700;
    font-size: 11.5px !important;
}
:where(body.contact-page) .contact-channels {
    display: grid;
    margin-top: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
}
:where(body.contact-page) .contact-channel-card {
    display: flex;
    gap: 16px;
    border: 1px solid var(--contact-border);
    border-radius: 20px;
    background: rgba(255, 255, 255, .86);
    position: relative;
    min-height: 190px !important;
    padding: 24px !important;
    overflow: hidden;
}
:where(body.contact-page) .contact-channel-card:not(.is-featured) {
    background: rgba(255,255,255,.92) !important;
}
:where(body.contact-page) .contact-channel-card.is-featured {
    color: #fff;
    background: var(--contact-accent) !important;
}
:where(body.contact-page) .contact-channel-icon {
    display: grid;
    place-items: center;
    flex: 0 0 54px;
    color: var(--contact-accent);
    background: var(--contact-accent-soft);
    font-size: 24px;
    width: 58px !important;
    height: 58px !important;
    flex-basis: 58px !important;
    border-radius: 19px !important;
    box-shadow: none;
}
:where(body.contact-page) .contact-channel-card h2 {
    margin: 7px 0 8px;
    color: #1d2843;
    font-weight: 800;
    font-size: 19px !important;
    line-height: 1.22 !important;
}
:where(body.contact-page) .contact-channel-card p {
    margin: 0 0 16px;
    color: #6d7894;
    font-weight: 600;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
}
:where(body.contact-page) .contact-topic-strip {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin: 20px auto 0;
    padding: 24px;
    border: 1px solid var(--contact-border);
    border-radius: 20px;
    background: rgba(255,255,255,.90);
}
:where(body.contact-page) .contact-topic-heading {
    max-width: 760px;
}
:where(body.contact-page) .contact-topic-heading h2 {
    margin: 12px 0 8px;
    color: #17203a;
    font-size: clamp(24px, 2.8vw, 34px);
    font-weight: 800;
    letter-spacing: -.03em;
}
:where(body.contact-page) .contact-topic-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}
:where(body.contact-page) .contact-topic-grid article {
    min-height: 138px;
    padding: 18px;
    border-radius: 20px;
    background: #f8fbff;
    border: 1px solid #e4edf8;
    transition: transform .18s ease, border-color .18s ease;
}
:where(body.contact-page) .contact-topic-grid article:hover {
    transform: translateY(-3px);
    border-color: var(--contact-accent-border);
    box-shadow: none;
}
:where(body.contact-page) .contact-topic-grid i {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    color: #fff;
    border-radius: 14px;
    background: var(--contact-accent);
    font-size: 19px;
    box-shadow: none;
}
:where(body.contact-page) .contact-topic-grid strong,
:where(body.contact-page) .contact-topic-grid small {
    display: block;
}
:where(body.contact-page) .contact-topic-grid strong {
    color: #17203a;
    font-size: 14.5px;
    font-weight: 800;
}
:where(body.contact-page) .contact-topic-grid small {
    margin-top: 6px;
    color: #6b7896;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.55;
}
:where(body.contact-page) .contact-form-card {
    padding: 24px !important;
}
:where(body.contact-page) .contact-section-heading h2 {
    font-size: clamp(24px, 2.7vw, 34px) !important;
}
:where(body.contact-page) .contact-form label {
    display: grid;
    gap: 8px;
    color: #29375e;
    font-weight: 800;
    font-size: 13px !important;
}
:where(body.contact-page) .contact-form input, :where(body.contact-page) .contact-form select, :where(body.contact-page) .contact-form textarea {
    width: 100%;
    min-height: 50px;
    padding: 0 16px;
    color: #26324f;
    border: 1px solid #e3edf8;
    border-radius: 16px;
    outline: none;
    background: #f8fbff;
    font: inherit;
    transition: border .18s ease, background .18s ease;
    font-size: 14px !important;
    font-weight: 600 !important;
}
:where(body.contact-page) .contact-side-card h2 {
    font-size: clamp(28px, 3vw, 36px) !important;
    line-height: 1.12 !important;
}
:where(body.contact-page) .contact-timeline strong {
    color: #1d2843;
    font-weight: 800;
    font-size: 13.5px !important;
}
:where(body.contact-page) .contact-timeline small {
    margin-top: 3px;
    color: #74819d;
    font-weight: 600;
    line-height: 1.5;
    font-size: 12.5px !important;
}
:where(body.contact-page) .contact-side-note {
    display: flex;
    gap: 12px;
    margin-top: auto;
    border: 1px solid var(--contact-accent-border);
    padding: 14px !important;
    border-radius: 16px !important;
    color: var(--contact-accent) !important;
    background: var(--contact-accent-soft) !important;
}
:where(body.contact-page) .contact-side-note i {
    margin-top: 2px;
    font-size: 15px;
}
:where(body.contact-page) .contact-side-note p {
    color: inherit;
    font-size: 11.5px !important;
    line-height: 1.5 !important;
}
:where(body.contact-page) .contact-faq-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 20px;
    padding: 24px !important;
    background: rgba(255,255,255,.92) !important;
}
:where(body.contact-page) .contact-faq-strip h2 {
    margin-bottom: 0;
    max-width: 680px !important;
    font-size: clamp(24px, 2.8vw, 36px) !important;
    line-height: 1.16 !important;
}
:where(body.contact-page) .contact-faq-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}
:where(body.contact-page) .contact-faq-tags strong {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    color: #5d6a87;
    border-radius: 999px;
    background: #f7faff;
    border: 1px solid #e4edf8;
    font-size: 11.5px;
    font-weight: 800;
}
.contact-page .contact-hero-card,
.contact-page .contact-status-card,
.contact-page .contact-channel-card,
.contact-page .contact-topic-strip,
.contact-page .contact-topic-grid article,
.contact-page .contact-form-card,
.contact-page .contact-side-card,
.contact-page .contact-timeline li,
.contact-page .contact-side-note,
.contact-page .contact-faq-strip {
    padding: 24px !important;
}
.contact-page .contact-form-with-icons .contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
}
.contact-page .contact-form-with-icons label {
    display: grid;
    gap: 10px;
}
.contact-page .contact-form-with-icons .contact-form-wide {
    grid-column: 1 / -1;
}
.contact-page .contact-input-wrap {
    position: relative;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    min-height: 50px;
    overflow: hidden;
    border: 1px solid #dfe8f7;
    border-radius: 10px;
    background: #f8fbff;
    transition: border-color .18s ease, background .18s ease;
}
.contact-page .contact-input-wrap:focus-within {
    background: #ffffff;
    box-shadow:0 0 0 2px rgba(255,122,4,.18);
}
.contact-page .contact-input-wrap > i {
    display: grid;
    place-items: center;
    width: 54px;
    height: 100%;
    min-height: 50px;
    color: #17203a;
    border-right: 1px solid #e8eef8;
    font-size: 18px;
}
.contact-page .contact-input-wrap input,
.contact-page .contact-input-wrap select,
.contact-page .contact-input-wrap textarea {
    width: 100%;
    min-width: 0;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #17203a;
    box-shadow: none !important;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
}
.contact-page .contact-input-wrap input,
.contact-page .contact-input-wrap select {
    height: 50px;
    padding: 0 44px 0 16px;
}
.contact-page .contact-input-wrap textarea {
    min-height: 138px;
    padding: 18px 18px 18px 16px;
    resize: vertical;
    line-height: 1.55;
}
.contact-page .contact-input-wrap input::placeholder,
.contact-page .contact-input-wrap textarea::placeholder {
    color: #69769a;
    opacity: 1;
}
.contact-page .contact-select-wrap select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.contact-page .contact-select-wrap::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #69769a;
    font-family: "bootstrap-icons";
    font-size: 13px;
    pointer-events: none;
}
.contact-page .contact-textarea-wrap {
    align-items: stretch;
}
.contact-page .contact-textarea-wrap > i {
    align-items: start;
    padding-top: 20px;
}
.contact-page .contact-form-with-icons button {
    justify-self: start;
    margin-top: 2px;
}
:where(body.contact-page) .contact-info-section {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin: 20px auto 0;
}
:where(body.contact-page) .contact-info-card {
    padding: 24px;
    border-radius: 20px;
    border: 1px solid rgba(211, 224, 244, .92);
    background: rgba(255, 255, 255, .88);
}
:where(body.contact-page) .contact-info-card .contact-section-heading {
    margin-bottom: 20px;
}
:where(body.contact-page) .contact-info-card .contact-section-heading h2 {
    margin: 16px 0 8px;
    color: #17203a;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.035em;
}
:where(body.contact-page) .contact-info-card .contact-section-heading p {
    max-width: 680px;
    margin: 0;
    color: #596886;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
}
:where(body.contact-page) .contact-info-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
:where(body.contact-page) .contact-info-grid article {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-height: 118px;
    padding: 24px;
    border: 1px solid #dfe8f7;
    border-radius: 20px;
    background: #f8fbff;
}
:where(body.contact-page) .contact-info-icon {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 15px;
    color: #fff;
    background: var(--contact-accent);
    box-shadow: none;
    font-size: 18px;
}
:where(body.contact-page) .contact-info-grid strong {
    display: block;
    margin-bottom: 7px;
    color: #17203a;
    font-size: 14px;
    font-weight: 900;
}
:where(body.contact-page) .contact-info-grid a,
:where(body.contact-page) .contact-info-grid p {
    margin: 0;
    color: #596886;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.55;
    text-decoration: none;
}
:where(body.contact-page) .contact-info-grid a:hover {
    color: var(--contact-accent);
}
:where(body.contact-page) .contact-order-number-field.is-hidden,
:where(body.contact-page) .contact-order-number-field[hidden] {
    display: none !important;
}
.contact-page .contact-form-with-icons label > span {
    color: #17203a;
    font-size: 13px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
}
.contact-page .contact-required {
    display: inline-block;
    margin-left: 4px;
    font-style: normal;
    font-weight: 900;
    color: var(--contact-accent);
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select {
    position: relative !important;
    z-index: 70 !important;
    width: 100% !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select.is-open {
    z-index: 200 !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__trigger {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) 20px !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 18px !important;
    color: #121b38 !important;
    background: #f8fbff !important;
    border: 1px solid #dbe6f7 !important;
    border-radius: 10px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    text-align: left !important;
    cursor: pointer !important;
    transform: none !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__trigger:hover,
:where(body.contact-page) .contact-form .contact-subject-teaser-select.is-open .teaser-select__trigger,
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__trigger:focus-visible {
    box-shadow:0 0 0 2px rgba(255,122,4,.18);
    transform: none !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__current-icon {
    justify-self: start !important;
    font-size: 18px !important;
    line-height: 1 !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__value {
    justify-self: start !important;
    width: 100% !important;
    color: #121b38 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: left !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__chevron {
    justify-self: end !important;
    color: var(--contact-accent) !important;
    font-size: 13px !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__menu {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    display: none !important;
    gap: 3px !important;
    width: 100% !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    padding: 8px !important;
    background: #ffffff !important;
    border: 1px solid rgba(224, 230, 242, .96) !important;
    border-radius: 16px !important;
    box-shadow: 0 22px 48px rgba(26, 37, 72, .14) !important;
    text-align: left !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__menu::before {
    content: "" !important;
    position: absolute !important;
    top: -8px !important;
    left: 50% !important;
    width: 16px !important;
    height: 16px !important;
    background: #ffffff !important;
    border-left: 1px solid rgba(224, 230, 242, .96) !important;
    border-top: 1px solid rgba(224, 230, 242, .96) !important;
    transform: translateX(-50%) rotate(45deg) !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select.is-open .teaser-select__menu {
    display: grid !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__option {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: initial !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    color: #121b38 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    text-align: left !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transform: none !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__option i {
    color: currentColor !important;
    font-size: 18px !important;
    line-height: 1 !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__option span {
    color: currentColor !important;
}
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__option:hover,
:where(body.contact-page) .contact-form .contact-subject-teaser-select .teaser-select__option.is-selected {
    color: var(--contact-accent) !important;
    background: var(--contact-accent-soft) !important;
    box-shadow: none !important;
    transform: none !important;
}
.order-tracking-page {
    overflow-x: hidden;
    background: var(--gradient-page);
}
:where(body.order-tracking-page) .order-track-hero,
:where(body.order-tracking-page) .order-track-panel,
:where(body.order-tracking-page) .order-track-info-grid {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
:where(body.order-tracking-page) .order-track-hero-card {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .62fr);
    gap: 24px;
    padding: 24px;
}
:where(body.order-tracking-page) .order-track-hero-card::before,
:where(body.order-tracking-page) .order-track-hero-card::after {
    position: absolute;
    content: "";
    border-radius: 999px;
    pointer-events: none;}
:where(body.order-tracking-page) .order-track-hero-card::before {
    right: -70px;
    top: -88px;
    width: 230px;
    height: 230px;
    background: rgba(255, 122, 69, .10);}
:where(body.order-tracking-page) .order-track-hero-card::after {
    left: 46%;
    bottom: -116px;
    width: 290px;
    height: 290px;
    background: rgba(255, 243, 230, .80);}
:where(body.order-tracking-page) .order-track-hero-copy,
:where(body.order-tracking-page) .order-track-status-card {
    position: relative;
    z-index: 1;
}
:where(body.order-tracking-page) .order-track-eyebrow,
:where(body.order-tracking-page) .order-track-section-heading span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    color: #ff7a45;
    background: #fff3e6;
    border: 1px solid rgba(255, 122, 69, .24);
    font-size: 12px;
    font-weight: 800;
}
:where(body.order-tracking-page) .order-track-hero h1 {
    max-width: 700px;
    margin: 18px 0 14px;
    color: #17203a;
    font-size: clamp(34px, 5.1vw, 68px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.045em;
}
:where(body.order-tracking-page) .order-track-hero p {
    max-width: 610px;
    margin: 0;
    color: #596886;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
}
:where(body.order-tracking-page) .order-track-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}
:where(body.order-tracking-page) .order-track-hero-actions span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(255, 122, 69, .20);
    border-radius: 10px;
    color: #24314f;
    background: rgba(255, 255, 255, .82);
    font-size: 12px;
    font-weight: 800;
}
:where(body.order-tracking-page) .order-track-hero-actions i {
    color: #ff7a45;
}
:where(body.order-tracking-page) .order-track-status-card {
    align-self: stretch;
    display: grid;
    align-content: space-between;
    gap: 18px;
    min-height: 330px;
    padding: 24px;
    color: #17203a;
    border-radius: 22px;
    background: #fff3e6;
    border: 1px solid rgba(255, 122, 69, .24);
    box-shadow: none;
}
:where(body.order-tracking-page) .order-track-status-top {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 800;
}
:where(body.order-tracking-page) .order-track-status-top strong {
    color: #17203a;
}
:where(body.order-tracking-page) .order-track-pulse {
    position: relative;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff7a45;
    box-shadow: 0 0 0 7px rgba(255, 122, 69, .14);
}
:where(body.order-tracking-page) .order-track-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
:where(body.order-tracking-page) .order-track-metrics div,
:where(body.order-tracking-page) .order-track-safe-box {
    padding: 15px;
    border: 1px solid rgba(255, 122, 69, .18);
    border-radius: 22px;
    background: rgba(255,255,255,.72);
}
:where(body.order-tracking-page) .order-track-metrics span,
:where(body.order-tracking-page) .order-track-safe-box small {
    display: block;
    color: #6b7896;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.45;
}
:where(body.order-tracking-page) .order-track-metrics strong {
    display: block;
    margin-top: 8px;
    color: #17203a;
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
}
:where(body.order-tracking-page) .order-track-safe-box {
    display: flex;
    align-items: center;
    gap: 13px;
}
:where(body.order-tracking-page) .order-track-safe-box > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 18px;
    color: #ffffff;
    background: #ff7a45;
    font-size: 22px;
}
:where(body.order-tracking-page) .order-track-safe-box strong {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 800;
}
:where(body.order-tracking-page) .order-track-panel {
    display: grid;
    grid-template-columns: minmax(320px, .52fr) minmax(0, .9fr);
    gap: 20px;
    margin-top: 20px;
}
:where(body.order-tracking-page) .order-track-form-card,
:where(body.order-tracking-page) .order-track-result-card,
:where(body.order-tracking-page) .order-track-info-grid article {
    border-radius: 20px;
    background: rgba(255,255,255,.90);
    border: 1px solid rgba(205, 219, 241, .72);
}
:where(body.order-tracking-page) .order-track-form-card,
:where(body.order-tracking-page) .order-track-result-card {
    padding: 24px;
}
:where(body.order-tracking-page) .order-track-section-heading {
    margin-bottom: 22px;
}
:where(body.order-tracking-page) .order-track-section-heading h2,
:where(body.order-tracking-page) .order-track-empty-state h2,
:where(body.order-tracking-page) .order-track-result-head h2,
:where(body.order-tracking-page) .order-track-info-grid h3 {
    margin: 12px 0 8px;
    color: #17203a;
    font-weight: 800;
    letter-spacing: -.035em;
}
:where(body.order-tracking-page) .order-track-section-heading h2,
:where(body.order-tracking-page) .order-track-empty-state h2,
:where(body.order-tracking-page) .order-track-result-head h2 {
    font-size: clamp(26px, 3vw, 36px);
}
:where(body.order-tracking-page) .order-track-section-heading p,
:where(body.order-tracking-page) .order-track-empty-state p,
:where(body.order-tracking-page) .order-track-result-head p,
:where(body.order-tracking-page) .order-track-info-grid p {
    margin: 0;
    color: #667493;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
}
:where(body.order-tracking-page) .order-track-form {
    display: grid;
    gap: 10px;
}
:where(body.order-tracking-page) .order-track-form label {
    color: #24314f;
    font-size: 13px;
    font-weight: 800;
}
:where(body.order-tracking-page) .order-track-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
:where(body.order-tracking-page) .order-track-input-wrap i {
    position: absolute;
    left: 17px;
    color: #ff7a45;
    font-size: 17px;
    pointer-events: none;
}
:where(body.order-tracking-page) .order-track-input-wrap input {
    width: 100%;
    min-height: 56px;
    padding: 0 18px 0 48px;
    border: 1px solid rgba(255, 122, 69, .18);
    border-radius: 22px;
    color: #17203a;
    background: #f8fbff;
    outline: none;
    font-size: 14px;
    font-weight: 700;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
:where(body.order-tracking-page) .order-track-input-wrap input:focus {
    border-color: rgba(255, 122, 69, .52);
    background: #fff;
    box-shadow: 0 0 0 5px rgba(255, 122, 69, .12);
}
:where(body.order-tracking-page) .order-track-input-wrap input.is-invalid {
    border-color: rgba(255, 122, 69, .82);
    box-shadow: 0 0 0 5px rgba(255, 122, 69, .12);
}
:where(body.order-tracking-page) .order-track-error {
    min-height: 18px;
    color: #ff7a45;
    font-size: 11px;
    font-weight: 800;
}
:where(body.order-tracking-page) .order-track-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 56px;
    margin-top: 4px;
    padding: 0 22px;
    border: 0;
    border-radius: 22px;
    color: #fff;
    background: #ff7a45;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
}
:where(body.order-tracking-page) .order-track-form button:hover {
    transform: translateY(-2px);
}
:where(body.order-tracking-page) .order-track-help-note {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    padding: 14px;
    border-radius: 22px;
    color: #596886;
    background: #fff3e6;
    border: 1px solid rgba(255, 122, 69, .20);
}
:where(body.order-tracking-page) .order-track-help-note i {
    color: #ff7a45;
    margin-top: 2px;
}
:where(body.order-tracking-page) .order-track-help-note p {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
}
:where(body.order-tracking-page) .order-track-result-card {
    min-height: 540px;
}
:where(body.order-tracking-page) .order-track-empty-state {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 480px;
    text-align: center;
}
:where(body.order-tracking-page) .order-track-empty-state > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    border-radius: 22px;
    color: #fff;
    background: #ff7a45;
    box-shadow: 0 20px 35px rgba(239, 79, 114, .25);
    font-size: 36px;
}
:where(body.order-tracking-page) .order-track-result-content {
    animation: orderTrackFadeIn .24s ease both;
}
:where(body.order-tracking-page) .order-track-result-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(122, 92, 255, .12);
}
:where(body.order-tracking-page) .order-track-status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    color: #fff;
    background: #ff7a45;
    font-size: 11px;
    font-weight: 900;
}
:where(body.order-tracking-page) .order-track-progress-ring {
    display: grid;
    place-items: center;
    flex: 0 0 116px;
    width: 116px;
    height: 116px;
    border-radius: 22px;
    color: #17203a;
    background:
    radial-gradient(circle at center, #fff 0 54%, transparent 55%),
    conic-gradient(#ff7a45 0 65%, rgba(255, 122, 69, .14) 65% 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 122, 69, .14);
}
:where(body.order-tracking-page) .order-track-progress-ring strong,
:where(body.order-tracking-page) .order-track-progress-ring small {
    display: block;
    text-align: center;
}
:where(body.order-tracking-page) .order-track-progress-ring strong {
    margin-top: 16px;
    font-size: 26px;
    font-weight: 900;
}
:where(body.order-tracking-page) .order-track-progress-ring small {
    margin-top: -26px;
    color: #667493;
    font-size: 11px;
    font-weight: 800;
}
:where(body.order-tracking-page) .order-track-progress-bar {
    overflow: hidden;
    height: 12px;
    margin: 24px 0;
    border-radius: 999px;
    background: #fff3e6;
}
:where(body.order-tracking-page) .order-track-progress-bar span {
    display: block;
    width: 65%;
    height: 100%;
    border-radius: inherit;
    background: #ff7a45;
}
:where(body.order-tracking-page) .order-track-timeline {
    display: grid;
    gap: 14px;
}
:where(body.order-tracking-page) .order-track-timeline > div {
    display: flex;
    gap: 14px;
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(255, 122, 69, .16);
    background: #fbfdff;
}
:where(body.order-tracking-page) .order-track-timeline > div > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    color: #8b98b2;
    background: #eef4fb;
}
:where(body.order-tracking-page) .order-track-timeline strong,
:where(body.order-tracking-page) .order-track-timeline small {
    display: block;
}
:where(body.order-tracking-page) .order-track-timeline strong {
    margin-bottom: 4px;
    color: #17203a;
    font-size: 14px;
    font-weight: 900;
}
:where(body.order-tracking-page) .order-track-timeline small {
    color: #667493;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
}
:where(body.order-tracking-page) .order-track-timeline .is-complete > span {
    color: #ffffff;
    background: #ff7a45;
}
:where(body.order-tracking-page) .order-track-timeline .is-active {
    background: #fff3e6;
    border-color: rgba(255, 122, 69, .24);
}
:where(body.order-tracking-page) .order-track-timeline .is-active > span {
    color: #fff;
    background: #ff7a45;
}
:where(body.order-tracking-page) .order-track-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
    margin-bottom: 34px;
}
:where(body.order-tracking-page) .order-track-info-grid article {
    padding: 24px;
}
:where(body.order-tracking-page) .order-track-info-grid article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 22px;
    color: #ff7a45;
    background: #fff3e6;
    font-size: 22px;
}
:where(body.order-tracking-page) .order-track-info-grid h3 {
    font-size: 18px;
}
@keyframes orderTrackFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.packages-page {
    overflow-x: hidden;
    background: var(--gradient-page);
}
.packages-page .page-shell {
    width: 100%;
}
:where(body.packages-page) .packages-hero,
:where(body.packages-page) .packages-platforms,
:where(body.packages-page) .packages-compare,
:where(body.packages-page) .packages-request {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}
:where(body.packages-page) .packages-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .45fr);
    gap: 22px;}
:where(body.packages-page) .packages-eyebrow,
:where(body.packages-page) .packages-request span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 32px;
    padding: 0 14px;
    color: #ef4f98;
    border: 1px solid rgba(239,79,152,.16);
    border-radius: 999px;
    background: #fff3e6;
    font-size: 12px;
    font-weight: 800;
}
:where(body.packages-page) .packages-hero h1 {
    max-width: 800px;
    margin: 18px 0 14px;
    color: #17203a;
    font-size: clamp(34px, 5vw, 68px);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.055em;
}
:where(body.packages-page) .packages-hero p,
:where(body.packages-page) .packages-request p {
    max-width: 680px;
    margin: 0;
    color: #61708e;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.75;
}
:where(body.packages-page) .packages-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
:where(body.packages-page) .packages-hero-actions a,
:where(body.packages-page) .package-card a,
:where(body.packages-page) .packages-request button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    color: #fff;
    border: 0;
    border-radius: 999px;
    background: var(--gradient-primary);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}
:where(body.packages-page) .packages-hero-actions a:nth-child(2) {
    color: #24314f;
    background: rgba(255,255,255,.76);
    border: 1px solid rgba(122,92,255,.16);
    box-shadow: none;
}
:where(body.packages-page) .packages-platforms article {
    display: grid;
    gap: 9px;
    padding: 22px;
    border-radius: 22px;
}
:where(body.packages-page) .packages-platforms i {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 14px;
    background: var(--gradient-pill);
    font-size: 24px;
}
:where(body.packages-page) .packages-platforms strong {
    color: #17203a;
    font-size: 17px;
    font-weight: 900;
}
:where(body.packages-page) .packages-platforms span {
    color: #74819d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
}
:where(body.packages-page) .package-card {
    position: relative;
    overflow: hidden;
    padding: 18px;
}
:where(body.packages-page) .package-card.is-popular {
    color: #fff;
    background:
    radial-gradient(circle at 88% 10%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(160deg, #ef4f98 0%, #8a6cf1 58%, #4388ef 100%);
    transform: translateY(-8px);
}
:where(body.packages-page) .package-card h2 {
    margin: 16px 0 10px;
    color: #17203a;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -.035em;
}
:where(body.packages-page) .package-card.is-popular h2,
:where(body.packages-page) .package-card.is-popular p,
:where(body.packages-page) .package-card.is-popular li {
    color: #fff;
}
:where(body.packages-page) .package-card p,
:where(body.packages-page) .package-card li {
    color: #687692;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.68;
}
:where(body.packages-page) .package-card ul {
    display: grid;
    gap: 10px;
    padding: 0;
    margin: 20px 0 24px;
    list-style: none;
}
:where(body.packages-page) .package-card li::before {
    content: "✓";
    margin-right: 8px;
    color: #38d38b;
    font-weight: 900;
}
:where(body.packages-page) .package-card.is-popular li::before {
    color: #fff;
}
:where(body.packages-page) .package-card.is-popular a {
    color: #17203a;
    background: #fff;
    box-shadow: none;
}
:where(body.packages-page) .packages-compare {
    margin-top: 50px;
    padding: 24px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(205, 219, 241, .72);
}
:where(body.packages-page) .packages-compare th,
:where(body.packages-page) .packages-compare td {
    padding: 16px 18px;
    color: #29375e;
    background: #f8fbff;
    border-top: 1px solid #e8f0fb;
    border-bottom: 1px solid #e8f0fb;
    font-size: 13px;
    font-weight: 800;
}
:where(body.packages-page) .packages-compare th:first-child,
:where(body.packages-page) .packages-compare td:first-child {
    border-left: 1px solid #e8f0fb;
    border-radius: 16px 0 0 16px;
}
:where(body.packages-page) .packages-compare th:last-child,
:where(body.packages-page) .packages-compare td:last-child {
    border-right: 1px solid #e8f0fb;
    border-radius: 0 16px 16px 0;
}
:where(body.packages-page) .packages-compare th {
    color: #17203a;
    background: #fff;
}
:where(body.packages-page) .packages-request {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(340px, .62fr);
    gap: 18px;
    align-items: center;
    margin-top: 28px;
    padding: 30px;
    background:
    radial-gradient(circle at 90% 10%, rgba(49,199,192,.12), transparent 28%),
    rgba(255,255,255,.92);
}
:where(body.packages-page) .packages-request h2 {
    margin: 14px 0 10px;
    color: #17203a;
    font-size: clamp(24px, 3vw, 40px);
    font-weight: 900;
    letter-spacing: -.04em;
}
:where(body.packages-page) .packages-request form {
    display: grid;
    gap: 12px;
}
:where(body.packages-page) .packages-request input,
:where(body.packages-page) .packages-request select,
:where(body.packages-page) .packages-request textarea {
    width: 100%;
    min-height: 50px;
    padding: 0 16px;
    color: #26324f;
    border: 1px solid #e3edf8;
    border-radius: 12px;
    outline: none;
    background: #f8fbff;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
}
:where(body.packages-page) .packages-request textarea {
    min-height: 120px;
    padding-top: 15px;
    resize: vertical;
}
:where(body.packages-page) .special-packages-section {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin: 28px auto 0;
}
:where(body.packages-page) .special-package-card.is-tiktok {
    background:
    radial-gradient(circle at 15% 10%, rgba(255,255,255,.12), transparent 28%),
    radial-gradient(circle at 85% 0%, rgba(111, 222, 255, .14), transparent 30%),
    linear-gradient(160deg, #6c6c6f 0%, #2a2b31 48%, #50545f 100%);
}
:where(body.packages-page) .special-package-card.tier-small {
    background:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,.14), transparent 28%),
    linear-gradient(160deg, rgba(255,149,167,.92) 0%, rgba(238,111,188,.92) 100%);
}
:where(body.packages-page) .special-package-card.tier-medium {
    background:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,.16), transparent 30%),
    linear-gradient(160deg, rgba(255,120,163,.96) 0%, rgba(204,90,213,.96) 45%, rgba(120,103,255,.96) 100%);
    border-color: rgba(255,255,255,.42);
}
:where(body.packages-page) .special-package-card.tier-large {
    background:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,.14), transparent 30%),
    linear-gradient(160deg, rgba(140,102,255,.96) 0%, rgba(111,138,255,.96) 55%, rgba(78,192,255,.96) 100%);
}
:where(body.packages-page) .special-package-card.tier-premium {
    background:
    radial-gradient(circle at 10% 6%, rgba(255,255,255,.14), transparent 26%),
    radial-gradient(circle at 90% 0%, rgba(120,160,255,.12), transparent 28%),
    linear-gradient(160deg, rgba(18,31,73,.98) 0%, rgba(34,52,108,.98) 48%, rgba(91,65,181,.98) 100%);
    border-color: rgba(255,255,255,.22);
}
:where(body.packages-page) .special-package-card.is-featured::after {
    content: "Most preferred";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    color: #17203a;
    background: rgba(255,255,255,.95);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    border-radius: 22px 22px 12px 12px;
}
:where(body.packages-page) .special-package-card::before {
    content: none;
    display: none;
}
:where(body.packages-page) .special-package-list {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}
:where(body.packages-page) .special-package-list li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 78px;
    padding: 12px 12px 11px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.15);
    background: linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.08) 100%);
    color: rgba(255,255,255,.98);
    text-align: left;
    overflow: hidden;
    backdrop-filter: blur(10px);
}
:where(body.packages-page) .special-package-list li::before {
    content: "";
    position: absolute;
    top: 11px;
    right: 11px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,.38);
}
:where(body.packages-page) .special-package-list .metric-value {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1;
}
:where(body.packages-page) .special-package-list .metric-label {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 24px;
    margin-top: 8px;
    padding: 0;
    color: rgba(255,255,255,.86);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}
:where(body.packages-page) .packages-compare table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    min-width: 940px;
}
:where(body.packages-page) .packages-compare td {
    vertical-align: top;
    line-height: 1.7;
}
:where(body.packages-page) .packages-compare td strong {
    display: block;
    color: #17203a;
    font-size: 15px;
    font-weight: 900;
}
:where(body.packages-page) .packages-compare td small {
    display: block;
    margin-top: 4px;
    color: #7a88a8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .01em;
}
:where(body.packages-page) .packages-compare td:last-child {
    white-space: nowrap;
}
:where(body.packages-page) .special-package-card.is-tiktok .special-package-list li {
    background: linear-gradient(180deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.065) 100%);
    border-color: rgba(255,255,255,.14);
}
:where(body.packages-page) .special-package-card.is-tiktok .special-package-price {
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.18);
}
:where(body.packages-page) .special-package-card.is-instagram.tier-small {
    --ig-tone-pink: #f25c9a;
    --ig-tone-purple: #9a64ef;
    --ig-glow: rgba(226, 72, 146, .20);
}
:where(body.packages-page) .special-package-card.is-instagram.tier-medium {
    --ig-tone-pink: #e94086;
    --ig-tone-purple: #7b4de8;
    --ig-glow: rgba(138, 78, 226, .24);
}
:where(body.packages-page) .special-package-card.is-instagram.tier-large {
    --ig-tone-pink: #d7337b;
    --ig-tone-purple: #6845d6;
    --ig-glow: rgba(111, 69, 214, .26);
}
:where(body.packages-page) .special-package-card.is-instagram.tier-premium {
    --ig-tone-pink: #be286d;
    --ig-tone-purple: #5135b8;
    --ig-glow: rgba(81, 53, 184, .30);
}
:where(body.packages-page) .special-package-card.is-instagram.is-featured::after {
    color: #ffffff;
    background: linear-gradient(90deg, #e94086 0%, #7b4de8 100%);
}
:where(body.packages-page) .special-package-card.is-instagram .special-package-badge {
    background: rgba(255,255,255,.13);
    border-color: rgba(255,255,255,.24);
}
:where(body.packages-page) .special-package-card.is-instagram .special-package-list li {
    background:
    linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.075) 100%);
    border-color: rgba(255,255,255,.18);
}
:where(body.packages-page) .special-package-card.is-instagram .special-package-list li::before {
    background: rgba(255,255,255,.42);
}
:where(body.packages-page) .special-package-card.is-instagram .special-package-price {
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.22);
}
:where(body.packages-page) .special-package-card.is-instagram {
    border-color: rgba(255,255,255,.28);
    background: linear-gradient(155deg, var(--ig-tone-pink) 0%, var(--ig-tone-purple) 100%);
}
:where(body.packages-page) .special-package-card.is-instagram.tier-small {
    --ig-tone-pink: #ec6fa5;
    --ig-tone-purple: #9b5fe8;
}
:where(body.packages-page) .special-package-card.is-instagram.tier-medium {
    --ig-tone-pink: #df3f8d;
    --ig-tone-purple: #7d4fe6;
}
:where(body.packages-page) .special-package-card.is-instagram.tier-large {
    --ig-tone-pink: #c93482;
    --ig-tone-purple: #6945d2;
}
:where(body.packages-page) .special-package-card.is-instagram.tier-premium {
    --ig-tone-pink: #ac2a74;
    --ig-tone-purple: #4f35b5;
}
:where(body.packages-page) .special-package-card.is-instagram .special-package-list li,
:where(body.packages-page) .special-package-card.is-instagram .special-package-price {
    backdrop-filter: none;
}
:where(body.packages-page) .special-package-card.is-tiktok.tier-small {
    border-color: rgba(255,255,255,.18);
    background: linear-gradient(155deg, #5f6268 0%, #24272d 100%);
}
:where(body.packages-page) .special-package-card.is-tiktok.tier-medium {
    border-color: rgba(255,255,255,.24);
    background: linear-gradient(155deg, #4d5159 0%, #171a20 100%);
}
:where(body.packages-page) .special-package-card.is-tiktok.tier-large {
    border-color: rgba(255,255,255,.26);
    background: linear-gradient(155deg, #3a3f4b 0%, #0f131b 100%);
}
:where(body.packages-page) .special-package-card.is-tiktok.tier-premium {
    border-color: rgba(255,255,255,.32);
    background: linear-gradient(155deg, #171a22 0%, #05070b 100%);
}
:where(body.packages-page) .special-package-card.is-tiktok .special-package-list li,
:where(body.packages-page) .special-package-card.is-tiktok .special-package-price {
    backdrop-filter: none;
}
:where(body.packages-page) .special-package-badge {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 38px;
    margin: 0 auto 16px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.20);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .03em;
    text-transform: uppercase;
    overflow: hidden;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.24) !important;
}
:where(body.packages-page) .special-package-card:hover .special-package-badge,
:where(body.packages-page) .special-package-card:hover .special-package-list li,
:where(body.packages-page) .special-package-card:hover .special-package-price {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
:where(body.packages-page) .special-package-card:hover {
    transform: translateY(-6px);
}
:where(body.packages-page) .special-package-card.is-featured:hover {
    transform: translateY(-6px);
}
:where(body.packages-page) .special-package-card.is-facebook {
    --fb-tone-a: #3b7cff;
    --fb-tone-b: #173b8f;
    --fb-glow: rgba(24, 76, 180, .24);
    background: linear-gradient(155deg, var(--fb-tone-a) 0%, var(--fb-tone-b) 100%);
    border-color: rgba(255,255,255,.24);
}
:where(body.packages-page) .special-package-card.is-facebook.tier-small {
    --fb-tone-a: #5c92ff;
    --fb-tone-b: #2457b8;
}
:where(body.packages-page) .special-package-card.is-facebook.tier-medium {
    --fb-tone-a: #3b7cff;
    --fb-tone-b: #173b8f;
}
:where(body.packages-page) .special-package-card.is-facebook.tier-large {
    --fb-tone-a: #2d65d9;
    --fb-tone-b: #102e72;
}
:where(body.packages-page) .special-package-card.is-facebook.tier-premium {
    --fb-tone-a: #204fae;
    --fb-tone-b: #081d52;
}
:where(body.packages-page) .special-package-card.is-facebook.is-featured::after {
    color: #ffffff;
    background: linear-gradient(90deg, #3b7cff 0%, #173b8f 100%);
}
:where(body.packages-page) .special-package-card.is-facebook .special-package-list li {
    background: linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.065) 100%);
    border-color: rgba(255,255,255,.16);
}
:where(body.packages-page) .special-package-card.is-facebook .special-package-price {
    background: rgba(255,255,255,.105);
    border-color: rgba(255,255,255,.18);
}
:where(body.packages-page) .special-package-card.is-youtube.tier-small {
    --yt-tone-a: #ff6b6b;
    --yt-tone-b: #b72034;
}
:where(body.packages-page) .special-package-card.is-youtube.tier-medium {
    --yt-tone-a: #ff4d4d;
    --yt-tone-b: #8b0f1f;
}
:where(body.packages-page) .special-package-card.is-youtube.tier-large {
    --yt-tone-a: #d93434;
    --yt-tone-b: #650817;
}
:where(body.packages-page) .special-package-card.is-youtube.tier-premium {
    --yt-tone-a: #a81f2d;
    --yt-tone-b: #33040c;
}
:where(body.packages-page) .special-package-card.is-youtube.is-featured::after {
    color: #ffffff;
    background: linear-gradient(90deg, #ff4d4d 0%, #8b0f1f 100%);
}
:where(body.packages-page) .special-package-card.is-youtube .special-package-list li {
    background: linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.065) 100%);
    border-color: rgba(255,255,255,.16);
}
:where(body.packages-page) .special-package-card.is-youtube .special-package-price {
    background: rgba(255,255,255,.105);
    border-color: rgba(255,255,255,.18);
}
:where(body.packages-page) .special-package-note {
    position: relative;
    z-index: 1;
    margin: 14px 0 0;
    padding: 14px 8px 0;
    border-top: 1px solid rgba(255,255,255,.20);
    color: rgba(255,255,255,.82);
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
:where(body.packages-page) .special-package-card.is-instagram {
    --preferred-icon-color: #7b4de8;
}
:where(body.packages-page) .special-package-card.is-tiktok {
    --preferred-icon-color: #111827;
}
:where(body.packages-page) .special-package-card.is-facebook {
    --preferred-icon-color: #1d5edb;
}
:where(body.packages-page) .special-package-card.is-youtube {
    --preferred-icon-color: #d7192d;
}
:where(body.packages-page) .special-package-price {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 14px;
    padding: 0 14px;
    backdrop-filter: blur(12px);
    color: #ffffff;
    min-height: 54px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.32) !important;
    background: linear-gradient(180deg, rgba(8, 14, 28, .20) 0%, rgba(255,255,255,.10) 100%) !important;
    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 14px 28px rgba(9, 14, 30, .12) !important;
}
:where(body.packages-page) .special-package-price del {
    font-size: 13px !important;
    font-weight: 800 !important;
    opacity: .55 !important;
}
:where(body.packages-page) .special-package-price strong {
    color: #ffffff;
    font-size: 27px !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    text-shadow: 0 8px 20px rgba(0,0,0,.14) !important;
}
:where(body.packages-page) .special-package-card a:hover {
    transform: translateY(-3px) !important;
    box-shadow:
    0 20px 36px rgba(15, 23, 42, .24),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}
:where(body.packages-page) .special-package-card a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    padding: 0 16px;
    text-decoration: none;
    transition: transform .24s ease, box-shadow .24s ease, background .24s ease;
    width: 148px !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    color: #17203a !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f6ff 100%) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow:
    0 16px 30px rgba(15, 23, 42, .18),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
    margin-top: 22px !important;
}
:where(body.packages-page) .special-package-card.is-facebook,
:where(body.packages-page) .special-package-card.is-youtube {
    background-image: linear-gradient(155deg, var(--fb-tone-a, var(--yt-tone-a)) 0%, var(--fb-tone-b, var(--yt-tone-b)) 100%) !important;
}
:where(body.packages-page) .special-package-card.is-facebook.tier-small {
    background: linear-gradient(155deg, #5c92ff 0%, #2457b8 100%) !important;
}
:where(body.packages-page) .special-package-card.is-facebook.tier-medium {
    background: linear-gradient(155deg, #3b7cff 0%, #173b8f 100%) !important;
}
:where(body.packages-page) .special-package-card.is-facebook.tier-large {
    background: linear-gradient(155deg, #2d65d9 0%, #102e72 100%) !important;
}
:where(body.packages-page) .special-package-card.is-facebook.tier-premium {
    background: linear-gradient(155deg, #204fae 0%, #081d52 100%) !important;
}
:where(body.packages-page) .special-package-card.is-youtube.tier-small {
    background: linear-gradient(155deg, #ff6b6b 0%, #b72034 100%) !important;
}
:where(body.packages-page) .special-package-card.is-youtube.tier-medium {
    background: linear-gradient(155deg, #ff4d4d 0%, #8b0f1f 100%) !important;
}
:where(body.packages-page) .special-package-card.is-youtube.tier-large {
    background: linear-gradient(155deg, #d93434 0%, #650817 100%) !important;
}
:where(body.packages-page) .special-package-card.is-youtube.tier-premium {
    background: linear-gradient(155deg, #a81f2d 0%, #33040c 100%) !important;
}
:where(body.packages-page) .special-package-card.is-facebook .special-package-list li,
:where(body.packages-page) .special-package-card.is-facebook .special-package-price,
:where(body.packages-page) .special-package-card.is-youtube .special-package-list li,
:where(body.packages-page) .special-package-card.is-youtube .special-package-price {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
:where(body.packages-page) .special-package-card.is-facebook::before,
:where(body.packages-page) .special-package-card.is-youtube::before {
    content: none !important;
    display: none !important;
}
:where(body.packages-page) .special-package-group {
    position: relative;
}
:where(body.packages-page) .special-package-group + .special-package-group {
    margin-top: 50px !important;
}
:where(body.packages-page) .special-package-heading {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto 34px !important;
    padding: 24px !important;
    border-radius: 28px !important;
    text-align: center !important;
    background: linear-gradient(180deg, rgba(255,255,255,.76) 0%, rgba(255,255,255,.56) 100%) !important;
    border: 1px solid rgba(196,210,236,.72) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    position: relative !important;
    overflow: hidden !important;
}
:where(body.packages-page) .special-package-heading::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 6px !important;
    border-radius: 28px 28px 0 0 !important;
    background: linear-gradient(90deg, rgba(239,79,152,.98), rgba(122,103,255,.95), rgba(66,198,255,.90)) !important;
    opacity: 1 !important;
}
:where(body.packages-page) .special-package-heading span {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 900;
    min-height: 40px !important;
    min-width: 132px !important;
    margin: 0 auto !important;
    padding: 0 22px !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.84) !important;
    border: 1px solid rgb(127 127 127 / 66%) !important;
}
:where(body.packages-page) .special-package-heading h2 {
    margin: 18px 0 12px !important;
    color: #17203a !important;
    font-size: clamp(36px, 4vw, 58px) !important;
    line-height: 1.04 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
}
:where(body.packages-page) .special-package-heading p {
    max-width: 860px !important;
    margin: 0 auto !important;
    color: #65728f !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.62 !important;
}
:where(body.packages-page) .special-packages-section,
:where(body.packages-page) .special-package-group,
:where(body.packages-page) .special-package-grid,
:where(body.packages-page) .special-package-card,
:where(body.packages-page) .special-package-card.is-featured {
    overflow: visible !important;
}
:where(body.packages-page) .special-package-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 470px;
    padding: 24px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.28);
    color: #ffffff;
    background:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,.18), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(255,255,255,.10), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
    text-align: center;
    isolation: isolate;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    backdrop-filter: blur(14px);
    will-change: transform;
    contain: none !important;
}
:where(body.packages-page) .special-package-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
    padding-top: 18px !important;
    margin-top: 0 !important;
}
:where(body.packages-page) .special-package-card.is-featured {
    transform: none;
    border-color: rgba(255,255,255,.52);
    padding-top: 20px !important;
    z-index: 20 !important;
}
:where(body.packages-page) .special-package-card.is-featured::after, :where(body.packages-page) .special-package-card.is-instagram.is-featured::after, :where(body.packages-page) .special-package-card.is-tiktok.is-featured::after, :where(body.packages-page) .special-package-card.is-facebook.is-featured::after, :where(body.packages-page) .special-package-card.is-youtube.is-featured::after {
    max-width: none !important;
    content: "✦ Popular" !important;
    position: absolute !important;
    top: 0 !important;
    right: 18px !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 92px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    z-index: 999 !important;
    color: #18233f !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f7ff 100%) !important;
    border: 1px solid rgba(255,255,255,.90) !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.68) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
    line-height: 1 !important;
    text-transform: none !important;
    pointer-events: none !important;
}
:where(body.packages-page) .special-package-card.is-featured .special-package-badge::after {
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin-left: 2px !important;
    border-radius: 999px !important;
    color: var(--preferred-icon-color, #7b4de8) !important;
    background: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    box-shadow: 0 8px 18px rgba(20, 24, 36, .18) !important;
    content: none !important;
    display: none !important;
}
:where(body.packages-page) .special-package-card.is-featured .special-package-badge {
    gap: 10px !important;
    margin-top: 0 !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    min-width: 132px !important;
    justify-content: center !important;
}
:where(body.packages-page) .packages-compare-tabs {
    overflow: hidden;
}
:where(body.packages-page) .packages-compare-tabs > p {
    max-width: 760px;
}
:where(body.packages-page) .compare-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 22px 0 18px;
    padding: 7px;
    border-radius: 999px;
    background: #f3f7ff;
    border: 1px solid rgba(199, 214, 239, .76);
}
:where(body.packages-page) .compare-tab {
    min-height: 38px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    color: #65728f;
    background: transparent;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    transition: color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease;
}
:where(body.packages-page) .compare-tab:hover {
    color: #17203a;
    transform: translateY(-1px);
}
:where(body.packages-page) .compare-tab.active {
    color: #fff;
    background: var(--gradient-primary);
    box-shadow: 0 12px 24px rgba(122, 92, 255, .18);
}
:where(body.packages-page) .compare-panel {
    display: grid;
    gap: 10px;
    margin-top: 4px;
}
:where(body.packages-page) .compare-row {
    display: grid;
    grid-template-columns: minmax(180px, .7fr) minmax(0, 1.7fr) minmax(120px, .45fr);
    gap: 18px;
    align-items: center;
    min-height: 76px;
    padding: 15px 18px;
    border-radius: 16px;
    border: 1px solid #dfe8f7;
    background: #f8fbff;
}
:where(body.packages-page) .compare-head {
    min-height: 52px;
    background: #fff;
    color: #17203a;
    font-size: 13px;
    font-weight: 900;
}
:where(body.packages-page) .compare-row strong {
    display: block;
    color: #17203a;
    font-size: 15px;
    font-weight: 900;
}
:where(body.packages-page) .compare-row small {
    display: block;
    margin-top: 5px;
    color: #7a88a8;
    font-size: 12px;
    font-weight: 600;
}
:where(body.packages-page) .compare-row small del {
    color: inherit;
    text-decoration-thickness: 1.5px;
}
:where(body.packages-page) .compare-row > div:nth-child(2) {
    color: #263756;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.55;
}
:where(body.packages-page) .compare-row > div:last-child {
    text-align: right;
}
:where(body.packages-page) .compare-row > div:last-child strong {
    font-size: 17px;
}
:where(body.packages-page) .compare-row.is-popular {
    background: linear-gradient(180deg, #ffffff 0%, #f6f1ff 100%);
    border-color: rgba(122, 92, 255, .24);
}
:where(body.packages-page) .compare-row em {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    margin-left: 8px;
    padding: 0 9px;
    border-radius: 999px;
    color: #fff;
    background: var(--gradient-primary);
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    vertical-align: middle;
}
:where(body.packages-page) .packages-hero-single {
    display: block !important;
}
:where(body.packages-page) .packages-hero-single .packages-eyebrow {
    margin-bottom: 18px;
}
:where(body.packages-page) .packages-hero-single .packages-hero-actions {
    margin-top: 20px;
}
html body.packages-page {
    scroll-behavior: smooth;
}
:where(body.packages-page) .packages-hero-single h1 {
    max-width: none;
    margin: 0 0 16px;
    font-size: clamp(34px, 4vw, 56px);
    line-height: 1.02;
    letter-spacing: -0.05em;
    white-space: nowrap;
}
:where(body.packages-page) .packages-hero-single p {
    font-size: 16px;
    line-height: 1.85;
    max-width: 980px;
    margin-bottom: 0;
}
:where(body.packages-page) .packages-platforms {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}
:where(body.packages-page) .packages-platforms .platform-card {
    position: relative;
    display: block;
    min-height: 156px;
    padding: 22px 22px 18px;
    border-radius: 24px;
    text-decoration: none;
    overflow: hidden;
    border: 1px solid rgba(150, 164, 196, 0.20);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
:where(body.packages-page) .packages-platforms .platform-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 88% 15%, rgba(255,255,255,.8), transparent 28%);
    pointer-events: none;
}
:where(body.packages-page) .packages-platforms .platform-icon {
    display: inline-grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
    border-radius: 16px;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 12px 28px rgba(37, 55, 98, 0.16);
}
:where(body.packages-page) .packages-platforms .platform-card strong,
:where(body.packages-page) .packages-platforms .platform-card span {
    display: block;
    position: relative;
    z-index: 1;
}
:where(body.packages-page) .packages-platforms .platform-card strong {
    margin-bottom: 8px;
    color: #17203a;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.15;
}
:where(body.packages-page) .packages-platforms .platform-card span:last-child {
    color: #67748f;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
}
:where(body.packages-page) .platform-instagram {
    background: linear-gradient(145deg, rgba(255,245,249,0.98) 0%, rgba(255,237,246,0.98) 48%, rgba(245,237,255,0.98) 100%);
}
:where(body.packages-page) .platform-instagram .platform-icon {
    background: #e1306c;
}
:where(body.packages-page) .platform-instagram:hover { border-color: rgba(193,53,132,.28); }
:where(body.packages-page) .platform-tiktok {
    background: linear-gradient(145deg, rgba(244,248,252,0.98) 0%, rgba(236,242,248,0.98) 55%, rgba(246,246,252,0.98) 100%);
}
:where(body.packages-page) .platform-tiktok .platform-icon {
    background: #111111;
    position: relative;
}
:where(body.packages-page) .platform-tiktok .platform-icon i { text-shadow: 2px 0 0 #25f4ee, -2px 0 0 #fe2c55; }
:where(body.packages-page) .platform-tiktok:hover { border-color: rgba(37,244,238,.26); }
:where(body.packages-page) .platform-youtube {
    background: linear-gradient(145deg, rgba(255,246,246,0.98) 0%, rgba(255,239,241,0.98) 55%, rgba(255,245,247,0.98) 100%);
}
:where(body.packages-page) .platform-youtube .platform-icon {
    background: linear-gradient(135deg, #c1121f 0%, #ff2d55 100%);
}
:where(body.packages-page) .platform-youtube:hover { border-color: rgba(255,61,61,.24); }
:where(body.packages-page) .platform-facebook {
    background: linear-gradient(145deg, rgba(244,248,255,0.98) 0%, rgba(238,245,255,0.98) 55%, rgba(245,249,255,0.98) 100%);
}
:where(body.packages-page) .platform-facebook .platform-icon {
    background: #1877f2;
}
:where(body.packages-page) .platform-facebook:hover { border-color: rgba(24,119,242,.28); }
:where(body.packages-page) .packages-platforms .platform-icon i {
    display: inline-block;
    width: auto;
    height: auto;
    background: transparent !important;
    border-radius: 0;
    color: #fff;
    font-size: inherit;
    line-height: 1;
}
:where(body.packages-page) .packages-platforms .platform-card .platform-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    margin-bottom: 16px !important;
    border-radius: 16px !important;
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}
:where(body.packages-page) .packages-platforms .platform-card .platform-icon i,
:where(body.packages-page) .packages-platforms .platform-card .platform-icon i::before {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-size: inherit !important;
    line-height: 1 !important;
}
:where(body.packages-page) .packages-platforms .platform-instagram .platform-icon {
    background: #e1306c !important;
}
:where(body.packages-page) .packages-platforms .platform-tiktok .platform-icon {
    background: #111111 !important;
}
:where(body.packages-page) .packages-platforms .platform-youtube .platform-icon {
    background: linear-gradient(135deg, #b00020 0%, #ff0033 100%) !important;
}
:where(body.packages-page) .packages-platforms .platform-facebook .platform-icon {
    background: #1877f2 !important;
}
body.profile-page {
    --trp-bg:#f5f6fb;
    --trp-card:#ffffff;
    --trp-line:#ebe8f4;
    --trp-text:#1f2f68;
    --trp-muted:#7480a8;
    --trp-pink:#ff4b9f;
    --trp-pink-deep:#f5368f;
    --trp-purple:#7b61ff;
    --trp-purple-deep:#5a47f5;
    --trp-soft:#fff1f8;
    --trp-soft-2:#f8f2ff;
    --trp-green:#25b16a;
    --trp-orange:#f6a536;
    --trp-red:#ff5e6a;
    --trp-shadow:0 20px 40px rgba(121, 90, 173, .08);
}
body.profile-page.profile-page * {box-sizing:border-box;}
:where(body.profile-page) .trp-profile-card,
:where(body.profile-page) .trp-balance-card,
:where(body.profile-page) .trp-side-nav,
:where(body.profile-page) .trp-help-card,
:where(body.profile-page) .trp-panel,
:where(body.profile-page) .trp-stat-card,
:where(body.profile-page) .trp-page-head,
:where(body.profile-page) .trp-auth-card {background:var(--trp-card);border:1px solid var(--trp-line);border-radius:20px;box-shadow:var(--trp-shadow);}
:where(body.profile-page) .trp-balance-head {display:flex;justify-content:center;align-items:center;width:100%;text-align:center;font-size:14px;color:var(--trp-muted);font-weight:600;}
:where(body.profile-page) .trp-gradient-btn.full,
:where(body.profile-page) .trp-outline-btn.full {width:100%;}
:where(body.profile-page) .trp-outline-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border-radius:14px;border:1px solid #dfd8f2;text-decoration:none;font-weight:700;color:var(--trp-text);background:#fff;}
:where(body.profile-page) .trp-help-card a {display:inline-flex;align-items:center;justify-content:center;height:42px;border-radius:14px;border:1px solid #d9c9ff;color:#b04ed2;text-decoration:none;font-weight:700;background:#fff;}
:where(body.profile-page) .trp-hero-card h1,
:where(body.profile-page) .trp-page-head h1 {margin:0 0 8px;font-size:40px;line-height:1.05;font-weight:800;color:#fff;}
:where(body.profile-page) .trp-orbit {position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;}
:where(body.profile-page) .trp-hero-illus-lines {flex:1;display:flex;flex-direction:column;gap:10px;}
:where(body.profile-page) .trp-hero-illus-lines span {display:block;height:8px;border-radius:999px;background:rgba(139,101,225,.24);}
:where(body.profile-page) .trp-hero-illus-lines span:nth-child(1) {width:72%;height:10px;}
:where(body.profile-page) .trp-hero-illus-lines span:nth-child(2) {width:88%;}
:where(body.profile-page) .trp-hero-illus-lines span:nth-child(3) {width:58%;}
:where(body.profile-page) .trp-hero-glow {position:absolute;width:260px;height:260px;border-radius:50%;right:10px;bottom:-40px;background:radial-gradient(circle,rgba(255,255,255,.25) 0,rgba(255,255,255,0) 62%);}
:where(body.profile-page) .trp-stat-icon.pink {background:linear-gradient(145deg,#ff549a,#f5378f);}
:where(body.profile-page) .trp-stat-icon.purple {background:linear-gradient(145deg,#8f61ff,#6e54ff);}
:where(body.profile-page) .trp-stat-card:nth-child(2) .trp-stat-bottom path,
:where(body.profile-page) .trp-stat-card:nth-child(4) .trp-stat-bottom path {stroke:#7c60ff;}
:where(body.profile-page) .trp-panel-head.no-link {margin-bottom:16px;}
:where(body.profile-page) .trp-order-item,
:where(body.profile-page) .trp-history-item,
:where(body.profile-page) .trp-order-item {grid-template-columns:58px minmax(180px,1fr) minmax(170px,220px) auto 24px;}
:where(body.profile-page) .trp-order-icon,
:where(body.profile-page) .trp-order-icon.insta {background:linear-gradient(145deg,#ff67a8,#ff8b50);}
:where(body.profile-page) .trp-order-icon.tiktok {background:linear-gradient(145deg,#0f121f,#7a54ff);}
:where(body.profile-page) .trp-order-icon.youtube {background:linear-gradient(145deg,#ff705d,#ff2e2e);}
:where(body.profile-page) .trp-order-icon.has-svg {
    position: relative !important;
    overflow: hidden !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(15,23,42,.10) !important;
}
:where(body.profile-page) .trp-order-icon.has-svg::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)) !important;
    pointer-events: none !important;
}
:where(body.profile-page) .trp-order-icon.insta.has-svg {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 38%, #d6249f 60%, #285AEB 95%) !important;
}
:where(body.profile-page) .trp-order-icon.tiktok.has-svg {
    background: linear-gradient(145deg, #151826 0%, #232a46 55%, #6f53ff 100%) !important;
}
:where(body.profile-page) .trp-order-icon.youtube.has-svg {
    background: linear-gradient(145deg, #ff7e69 0%, #ff4d4d 45%, #ff1f1f 100%) !important;
}
:where(body.profile-page) .trp-progress-bar span {display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4d9f,#c358ff);}
:where(body.profile-page) .trp-progress-bar.purple span {background:linear-gradient(90deg,#6b51ff,#8f66ff);}
:where(body.profile-page) .trp-progress-bar.orange span {background:linear-gradient(90deg,#ff7a52,#ffc24a);}
:where(body.profile-page) .trp-badge.status-blue {background:#edf4ff;color:#4380f9;}
:where(body.profile-page) .trp-badge.status-green {background:#eafaf3;color:#20a565;}
:where(body.profile-page) .trp-badge.status-orange {background:#fff6e5;color:#e49c26;}
:where(body.profile-page) .trp-promo-visual {position:relative;height:150px;display:flex;align-items:center;justify-content:center;}
:where(body.profile-page) .trp-confetti {position:absolute;width:12px;height:12px;border-radius:4px;background:#ff8ca2;}
:where(body.profile-page) .confetti-one {left:28px;top:34px;transform:rotate(28deg);}
:where(body.profile-page) .confetti-two {right:26px;bottom:28px;background:#9f89ff;transform:rotate(42deg);}
:where(body.profile-page) .confetti-three {left:64px;bottom:22px;background:#ffb369;transform:rotate(12deg);}
:where(body.profile-page) .trp-page-head p {margin:0;max-width:720px;color:var(--trp-muted);font-size:15px;line-height:1.75;}
:where(body.profile-page) .trp-head-button {min-width:160px;}
:where(body.profile-page) .trp-filter-row button,
:where(body.profile-page) .trp-amount-grid button {height:42px;padding:0 18px;border-radius:12px;border:1px solid #e7e1f1;background:#fff;color:var(--trp-text);font-weight:700;}
:where(body.profile-page) .trp-filter-row button.active,
:where(body.profile-page) .trp-amount-grid button.active {background:linear-gradient(90deg,#fff6f1,#fff9f3);color:#ff7a45;border-color:#ffd8bd;}
:where(body.profile-page) .trp-history-item small {display:block;color:#7d89af;font-size:12px;margin-bottom:4px;}
:where(body.profile-page) .trp-history-item strong {font-size:15px;color:var(--trp-text);}
:where(body.profile-page) .trp-history-item a {color:#f23b93;text-decoration:none;font-weight:800;}
:where(body.profile-page) .trp-panel-title {margin:0 0 18px;font-size:20px;font-weight:800;color:var(--trp-text);}
:where(body.profile-page) .trp-form-group {display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
:where(body.profile-page) .trp-form-group label {font-size:14px;font-weight:700;color:#56658f;}
:where(body.profile-page) .trp-form-group input {height:50px;border-radius:14px;border:1px solid #e5deef;padding:0 16px;font-size:15px;color:var(--trp-text);outline:none;}
:where(body.profile-page) .trp-pay-methods {display:grid;gap:10px;}
:where(body.profile-page) .trp-summary-list {display:flex;flex-direction:column;gap:16px;}
:where(body.profile-page) .trp-summary-list div {display:flex;align-items:center;justify-content:space-between;color:#68769b;font-size:15px;}
:where(body.profile-page) .trp-summary-list strong {font-size:16px;color:var(--trp-text);}
:where(body.profile-page) .trp-summary-list .total {padding-top:16px;border-top:1px dashed #e6dff1;}
:where(body.profile-page) .trp-summary-list .total strong {font-size:28px;font-weight:800;}
:where(body.profile-page) .trp-mini-note {display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:14px 16px;border-radius:16px;background:#f8f5ff;color:#725cf1;}
:where(body.profile-page) .trp-mini-note p {margin:0;font-size:14px;line-height:1.6;color:#6d79a2;}
:where(body.profile-page) .trp-form-grid .full {grid-column:1/-1;}
:where(body.profile-page) .trp-auth-card {padding:28px;display:flex;flex-direction:column;justify-content:center;}
:where(body.profile-page) .trp-auth-tabs {display:flex;gap:10px;margin-bottom:18px;}
:where(body.profile-page) .trp-auth-tabs button {flex:1;height:46px;border-radius:14px;border:1px solid #eadff2;background:#fff;font-weight:800;color:#68749a;}
:where(body.profile-page) .trp-auth-tabs button.active {background:linear-gradient(90deg,#fff1f8,#f9f1ff);color:#ff7a45;border-color:#f0cade;}
:where(body.profile-page) .trp-auth-row {display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#66739a;margin:2px 0 16px;}
:where(body.profile-page) .trp-auth-row a {text-decoration:none;color:#ff7a45;font-weight:700;}
:where(body.profile-page) .trp-auth-divider {position:relative;text-align:center;margin:18px 0;}
:where(body.profile-page) .trp-auth-divider:before {content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ece5f4;}
:where(body.profile-page) .trp-auth-divider span {position:relative;display:inline-block;background:#fff;padding:0 12px;color:#8d96b5;font-weight:700;}
:where(body.profile-page) .trp-balance-card strong {
    display:block;
    width:100%;
    text-align:center;
    line-height:1;
    font-weight:800;
    color:var(--trp-text);
    font-size:20px !important;
}
:where(body.profile-page) .trp-gradient-btn {
    justify-content:center;
    height:42px !important;
    border-radius:12px !important;
}
:where(body.profile-page) .trp-help-icon {
    background:linear-gradient(145deg,#f6f0ff,#fff);
    display:grid;
    place-items:center;
    color:#8b60ff;
    box-shadow:inset 0 0 0 1px #ede5fb;
    width:44px !important;
    height:44px !important;
    font-size:22px !important;
    border-radius:15px !important;
}
:where(body.profile-page) .trp-help-card h4 {
    margin:0;
    color:var(--trp-text);
    font-weight:800;
    font-size:14px !important;
}
:where(body.profile-page) .trp-help-card p {
    margin:0;
    color:var(--trp-muted);
    line-height:1.7;
    font-size:13px !important;
}
:where(body.profile-page) .trp-hero-illus-avatar {
    border-radius:50%;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#ff70c7,#8a62ff);
    color:#fff;
    box-shadow:0 16px 24px rgba(199,73,178,.35);
    width:44px !important;
    height:44px !important;
    font-size:22px !important;
}
:where(body.profile-page) .trp-orbit-one {
    top:50%;
    transform:translateY(-50%);
    width:205px !important;
    height:100px !important;
    right:12px !important;
}
:where(body.profile-page) .trp-orbit-two {
    top:10px;
    opacity:.35;
    width:150px !important;
    height:150px !important;
    right:54px !important;
}
:where(body.profile-page) .trp-dashboard-left, :where(body.profile-page) .trp-dashboard-right {
    display:flex;
    flex-direction:column;
    gap:18px !important;
}
:where(body.profile-page) .trp-order-icon,
:where(body.profile-page) .trp-order-main h4 {
    font-size:14px !important;
}
:where(body.profile-page) .trp-order-main p, :where(body.profile-page) .trp-history-item p {
    margin:0;
    color:#7f89ad;
    font-size:12px !important;
}
:where(body.profile-page) .trp-page-head,
:where(body.profile-page) .trp-hero-card {
    width:100%;
}
:where(body.profile-page) .trp-amount-grid button,
:where(body.profile-page) .trp-auth-tabs button,
:where(body.profile-page) .trp-filter-row button {
    cursor:pointer;
}
:where(body.profile-page) .trp-toast {
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9999;
    max-width:min(360px,calc(100vw - 32px));
    padding:14px 18px;
    border-radius:16px;
    background:linear-gradient(90deg,#f5378f,#6d56f6);
    color:#fff;
    font-weight:800;
    box-shadow:0 22px 40px rgba(76,43,175,.25);
    opacity:0;
    transform:translateY(14px);
    pointer-events:none;
    transition:.22s ease;
}
:where(body.profile-page) .trp-toast.show {
    opacity:1;
    transform:translateY(0);
}
:where(body.profile-page) .trp-profile-card h3 {
    margin:0;
    font-weight:900;
    color:var(--trp-text);
    font-size:18px !important;
    line-height:1.16;
    text-align:center;
}
:where(body.profile-page) .trp-balance-card {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:12px;
    padding:16px !important;
    border-radius:18px !important;
}
:where(body.profile-page) .trp-side-nav {
    display:flex;
    flex-direction:column;
    gap:4px !important;
    padding:8px !important;
    border-radius:18px !important;
}
:where(body.profile-page) .trp-help-card {
    flex-direction:column;
    gap:12px;
    padding:18px 16px !important;
    border-radius:18px !important;
    display:none !important;
}

:where(body.profile-page) .trp-hero-card h1 {
    margin-bottom:8px !important;
    font-size:34px !important;
    line-height:1.05 !important;
}
:where(body.profile-page) .trp-hero-card p {
    margin:0;
    color:rgba(255,255,255,.92);
    font-size:14.5px !important;
    max-width:500px !important;
    line-height:1.6 !important;
}
:where(body.profile-page) .trp-last-login {
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(0,0,0,.14);
    backdrop-filter:blur(12px);
    font-weight:600;
    border-radius:12px !important;
    margin-top:14px !important;
    padding:9px 13px !important;
    font-size:13px !important;
}
:where(body.profile-page) .trp-hero-card-illus {
    background:linear-gradient(165deg,rgba(255,255,255,.96),rgba(235,224,255,.55));
    box-shadow:0 34px 44px rgba(62,20,140,.28);
    transform:rotate(-4deg);
    position:relative;
    display:flex;
    align-items:center;
    backdrop-filter:blur(16px);
    border-radius:18px !important;
    padding:16px !important;
    gap:12px !important;
    width:180px !important;
    height:108px !important;
    right:auto !important;
}
:where(body.profile-page) .trp-platform-dot {
    position:absolute;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    box-shadow:0 18px 26px rgba(70,44,160,.3);
    width:44px !important;
    height:44px !important;
    font-size:20px !important;
}
:where(body.profile-page) .trp-platform-dot.insta {
    background:linear-gradient(145deg,#ff5ca5,#ff9645);
    right:160px !important;
    bottom:26px !important;
}
:where(body.profile-page) .trp-platform-dot.tiktok {
    background:linear-gradient(145deg,#1e2034,#7746ff);
    right:104px !important;
    bottom:20px !important;
}
:where(body.profile-page) .trp-platform-dot.youtube {
    background:linear-gradient(145deg,#ff7a6d,#ff2f38);
    right:46px !important;
    bottom:24px !important;
}
:where(body.profile-page) .trp-hero-illus-check {
    position:absolute;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(145deg,#8b63ff,#6d58f8);
    box-shadow:0 20px 28px rgba(76,43,175,.35);
    right:-10px !important;
    top:26px !important;
    font-size:22px !important;
    width:48px !important;
    height:48px !important;
}
:where(body.profile-page) .trp-stat-top strong {
    color:var(--trp-text);
    font-weight:800;
    font-size:17px !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
}
:where(body.profile-page) .trp-panel-head h2 {
    margin:0;
    font-weight:800;
    color:var(--trp-text);
    display:flex;
    align-items:center;
    gap:8px;
    font-size:17px !important;
}
:where(body.profile-page) .trp-order-progress {
    display:flex;
    align-items:center;
    min-width:0 !important;
    gap:8px !important;
}
:where(body.profile-page) .trp-order-progress b {
    color:#59648a;
    font-size:12px !important;
    min-width:28px !important;
}
:where(body.profile-page) .trp-progress-bar {
    border-radius:999px;
    background:#ece9f6;
    flex:1;
    overflow:hidden;
    height:7px !important;
}
:where(body.profile-page) .trp-page-head h1 {
    color:var(--trp-text);
    font-size:31px !important;
}
:where(body.profile-page) .trp-payment-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) 370px !important;
    gap:16px !important;
}
:where(body.profile-page) .trp-amount-grid button {height:42px !important;}
body.profile-page {
    --trp-logo-orange:#e59c55;
    --trp-logo-pink:#e24f94;
    --trp-logo-purple:#b442a1;
    --trp-logo-dark:#2a2730;
    --trp-pink:var(--trp-logo-pink);
    --trp-pink-deep:#db4a8b;
    --trp-purple:var(--trp-logo-purple);
    --trp-purple-deep:#a63e99;
}
:where(body.profile-page) .trp-gradient-btn, :where(body.profile-page) .trp-head-button, :where(body.profile-page) .trp-auth-card .trp-gradient-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:46px;
    padding:0 18px;
    border-radius:14px;
    border:0;
    text-decoration:none;
    font-weight:700;
    color:#fff;
    background:linear-gradient(90deg,var(--trp-logo-orange),var(--trp-logo-pink),var(--trp-logo-purple)) !important;
}
:where(body.profile-page) .trp-avatar {
    border-radius:50%;
    display:grid;
    place-items:center;
    font-weight:700;
    width:50px !important;
    height:50px !important;
    font-size:24px !important;
    background:linear-gradient(145deg,var(--trp-logo-orange),var(--trp-logo-purple)) !important;
}
:where(body.profile-page) .trp-hero-card,
:where(body.profile-page) .trp-promo-panel {
    background:linear-gradient(92deg,var(--trp-logo-orange) 0%, var(--trp-logo-pink) 48%, var(--trp-logo-purple) 100%) !important;
}
:where(body.profile-page) .trp-stat-icon.pink,
:where(body.profile-page) .trp-stat-icon.purple span.purple,
:where(body.profile-page) .trp-hero-illus-avatar,
:where(body.profile-page) .trp-hero-illus-check {
    background:linear-gradient(145deg,var(--trp-logo-pink),var(--trp-logo-purple)) !important;
}
:where(body.profile-page) .trp-help-card a,
:where(body.profile-page) .trp-link-button,
:where(body.profile-page) .trp-history-item a {color:#ff7a45 !important;}
:where(body.profile-page) .trp-link-button {
    border-radius:14px;
    border:1px solid #f0dcea;
    color:#f04091;
    text-decoration:none;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:38px !important;
    margin-top:10px !important;
    font-size:12.5px !important;
    border-color:#f4d8e6 !important;
    background:#fff6fa !important;
}
:where(body.profile-page) .trp-link-button.trp-orders-link {
    color:#ff7a45 !important;
    border-color:#f6d7ba !important;
    background:#fff3e6 !important;
}
:where(body.profile-page) .trp-link-button.trp-orders-link i {
    color:#ff7a45 !important;
}
:where(body.profile-page) .trp-panel-head a {
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
    font-size:12px !important;
    padding:7px 12px !important;
    background:#fbf2f8 !important;
    color:#b0499d !important;
}
:where(body.profile-page) .trp-page-head,
:where(body.profile-page) .trp-help-icon {color:var(--trp-logo-purple) !important;}
:where(body.profile-page) .trp-bell-badge {
    position:absolute;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    font-weight:800;
    box-shadow:0 10px 18px rgba(0,0,0,.18);
    z-index:2;
    width:32px !important;
    height:32px !important;
    right:18px !important;
    top:18px !important;
    background:var(--trp-logo-pink) !important;
}
:where(body.profile-page) .trp-orders-panel .trp-order-progress {display:none !important;}
:where(body.profile-page) .trp-empty-state {margin-bottom:14px;padding:14px 16px;border:1px dashed #ecd2df;border-radius:14px;background:#fff8fb;color:#8f6284;font-weight:600;}
:where(body.profile-page) .trp-overline {
    display:inline-block;
    font-weight:800;
    letter-spacing:.05em;
    font-size:12px !important;
    margin-bottom:7px !important;
    color:#9aa1b4 !important;
}
:where(body.profile-page) .trp-page-head {
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    padding:24px 26px !important;
    border-radius:20px !important;
    min-height:142px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.42)) !important;
    backdrop-filter:blur(8px) !important;
}
:where(body.profile-page) .trp-pay-methods input[type="radio"] {
    accent-color: var(--trp-logo-pink, #e24f94);
}
:where(body.profile-page) .trp-pay-methods label.active {
    border-color:#efc3d8 !important;
    background:linear-gradient(180deg, rgba(255,248,251,.92), rgba(255,244,248,.92)) !important;
}
:where(body.profile-page) .trp-page-head .trp-overline {
    color: var(--trp-muted) !important;
}


:where(body.profile-page) .trp-dashboard-left,
:where(body.profile-page) .trp-dashboard-right {gap:18px !important;}
:where(body.profile-page) .trp-profile-card:before {
    content:"";
    position:absolute;
    inset:auto -30px -50px auto;
    width:150px;
    height:150px;
    border-radius:50%;
    background:rgba(255,255,255,.06) !important;
}
:where(body.profile-page) .trp-hero-copy h1 {font-size:30px !important;line-height:1.12 !important;}
:where(body.profile-page) .trp-hero-copy p {max-width:560px !important;}
:where(body.profile-page) .trp-hero-visual {
    height:100%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:145px !important;
    transform:scale(.92);
    transform-origin:center right;
    opacity:.92;
}
:where(body.profile-page) .trp-stat-icon {
    display:grid;
    place-items:center;
    color:#fff;
    flex:0 0 auto;
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    font-size:19px !important;
    box-shadow:none !important;
}
:where(body.profile-page) .trp-panel {
    border-radius:20px !important;
    padding:24px !important;
}
:where(body.profile-page) .trp-panel-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px !important;
}
:where(body.profile-page) .trp-order-item,
:where(body.profile-page) .trp-history-item,
:where(body.profile-page) .trp-orders-panel .trp-order-item {grid-template-columns:58px minmax(0,1fr) auto 20px !important;gap:12px !important;}
:where(body.profile-page) .trp-promo-panel {
    color:#fff;
    display:grid;
    align-items:center;
    position:relative;
    overflow:hidden;
    border-radius:20px !important;
    grid-template-columns:1fr 130px !important;
    min-height:166px !important;
    padding:24px !important;
    background:linear-gradient(135deg,#fff8f3 0%, #fff4f8 46%, #fbf3ff 100%) !important;
    border:1px solid #f1dfea !important;
}
:where(body.profile-page) .trp-promo-copy h3 {
    margin:0 0 10px;
    font-weight:800;
    margin-bottom:8px !important;
    font-size:28px !important;
    line-height:1.02 !important;
    color:var(--trp-text) !important;
}
:where(body.profile-page) .trp-promo-copy p {
    margin:0 0 20px;
    max-width:360px;
    color:var(--trp-muted) !important;
    font-size:15px !important;
    line-height:1.6 !important;
    margin-bottom:16px !important;
}
:where(body.profile-page) .trp-promo-copy a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    background:#fff;
    color:#f44597;
    font-weight:800;
    text-decoration:none;
    border-radius:12px !important;
    height:38px !important;
    font-size:12px !important;
}
:where(body.profile-page) .trp-bell-wrap {
    border-radius:40% 40% 48% 48%/35% 35% 65% 65%;
    display:grid;
    place-items:center;
    box-shadow:0 26px 40px rgba(61,33,149,.32);
    color:#fff;
    width:96px !important;
    height:96px !important;
    font-size:50px !important;
    background:radial-gradient(circle at 35% 28%, #f4c198 0%, var(--trp-logo-pink) 52%, var(--trp-logo-purple) 100%) !important;
    transform:scale(.9);
    transform-origin:center right;
}
:where(body.profile-page) .trp-amount-grid {
    display:grid;
    margin-bottom:16px;
    gap:10px !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
:where(body.profile-page) .trp-avatar-panel-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;}
:where(body.profile-page) .trp-avatar-panel .trp-panel-title {margin:0;font-size:16px;font-weight:700;color:var(--trp-text);}
:where(body.profile-page) .trp-avatar-divider {height:1px;background:#ece9f2;margin:8px -20px 18px;}
:where(body.profile-page) .trp-avatar-option img {width:72px;height:72px;border-radius:50%;display:block;object-fit:cover;background:#f2f2f2;}
:where(body.profile-page) .trp-avatar-option.active::after {content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;}
:where(body.profile-page) .trp-profile-card .trp-avatar-ring {
    grid-area:avatar !important;
    width:68px !important;
    height:68px !important;
    min-width:68px !important;
    min-height:68px !important;
    aspect-ratio:1 / 1 !important;
    margin:0 auto 12px !important;
    border-radius:50% !important;
    border:1px solid rgba(255,122,69,.22) !important;
    background:#fff3e6 !important;
    overflow:hidden !important;
    display:grid !important;
    place-items:center !important;
    box-shadow:inset 0 0 0 6px rgba(255,255,255,.70), 0 12px 24px rgba(255,122,69,.14) !important;
    flex:0 0 68px !important;
    position:relative;
}
:where(body.profile-page) .trp-avatar-fallback {display:none;}
:where(body.profile-page) .trp-stat-bottom path {
    fill:none;
    stroke:#ff4b9f;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:3.1 !important;
}
:where(body.profile-page) .trp-hero-card .trp-overline {
    color:rgba(255,244,229,.96) !important;
    text-shadow:0 1px 1px rgba(106,51,95,.18);}
:where(body.profile-page) .trp-gradient-btn,
:where(body.profile-page) .trp-head-button,
:where(body.profile-page) .trp-auth-card .trp-gradient-btn,
:where(body.profile-page) .trp-outline-btn,
:where(body.profile-page) .trp-panel-head a,
:where(body.profile-page) .trp-help-card a,
:where(body.profile-page) .trp-link-button,
:where(body.profile-page) .trp-promo-copy a,
:where(body.profile-page) .trp-filter-row button,
:where(body.profile-page) .trp-amount-grid button,
:where(body.profile-page) .trp-pay-methods label,
:where(body.profile-page) .trp-badge,
:where(body.profile-page) .trp-dots {
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease, color .24s ease, filter .24s ease, opacity .24s ease;
}
:where(body.profile-page) .trp-gradient-btn:hover::before,
:where(body.profile-page) .trp-head-button:hover::before,
:where(body.profile-page) .trp-auth-card .trp-gradient-btn:hover::before,
:where(body.profile-page) .trp-promo-copy a:hover::before {
    transform: translateX(125%);
}
:where(body.profile-page) .trp-outline-btn:hover,
:where(body.profile-page) .trp-panel-head a:hover,
:where(body.profile-page) .trp-help-card a:hover,
:where(body.profile-page) .trp-link-button:hover {
    transform: translateY(-2px);
    border-color: #e5bfd5;
    background: linear-gradient(180deg, #fffefe 0%, #fff4fa 100%);
    color: var(--trp-pink-deep);
    box-shadow: 0 14px 28px rgba(205, 106, 166, .14);
}
:where(body.profile-page) .trp-link-button.trp-orders-link:hover {
    border-color:#f6d7ba !important;
    background:#fff3e6 !important;
    color:#ff7a45 !important;
    box-shadow:none !important;
}
:where(body.profile-page) .trp-filter-row button:hover,
:where(body.profile-page) .trp-amount-grid button:hover {
    transform: translateY(-2px);
    border-color: #efc1da;
    background: linear-gradient(180deg, #fffdfd 0%, #fff4f9 100%);
}
:where(body.profile-page) .trp-pay-methods label {
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 16px;
    border-radius:14px;
    border:1px solid #e7e0f3;
    background:#fff;
    font-weight:700;
    color:var(--trp-text);
    user-select:none;
    cursor: pointer;
}
:where(body.profile-page) .trp-pay-methods label:hover {
    transform: translateY(-1px);
    border-color: #efc8db;
    background: linear-gradient(180deg, #fffefe 0%, #fff9f3 100%);
}
:where(body.profile-page) .trp-badge:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(168, 118, 177, .12);
}
:where(body.profile-page) .trp-dots:hover {
    background: #fbf3f8;
    color: var(--trp-pink-deep);
    transform: scale(1.05);
}
:where(body.profile-page) .trp-gradient-btn:focus-visible,
:where(body.profile-page) .trp-head-button:focus-visible,
:where(body.profile-page) .trp-auth-card .trp-gradient-btn:focus-visible,
:where(body.profile-page) .trp-outline-btn:focus-visible,
:where(body.profile-page) .trp-panel-head a:focus-visible,
:where(body.profile-page) .trp-help-card a:focus-visible,
:where(body.profile-page) .trp-link-button:focus-visible,
:where(body.profile-page) .trp-promo-copy a:focus-visible,
:where(body.profile-page) .trp-filter-row button:focus-visible,
:where(body.profile-page) .trp-amount-grid button:focus-visible,
:where(body.profile-page) .trp-pay-methods label:focus-visible {
    outline: none;
}
:where(body.profile-page) .trp-avatar-grid {
    margin-bottom:18px;
    display:grid;
    grid-template-columns:repeat(10,minmax(0,1fr)) !important;
    gap:14px !important;
    justify-items:start;
}
:where(body.profile-page) .trp-avatar-option, :where(body.profile-page) .trp-avatar-option img {
    width:60px;
    height:60px;
}
:where(body.profile-page) .trp-avatar-option:hover {
    transform:none !important;
    box-shadow:0 0 0 1px rgba(127,105,161,.24),0 10px 18px rgba(168,118,177,.12);
}
:where(body.profile-page) .trp-gradient-btn:hover,
:where(body.profile-page) .trp-head-button:hover,
:where(body.profile-page) .trp-auth-card .trp-gradient-btn:hover,
:where(body.profile-page) .trp-promo-copy a:hover,
:where(body.profile-page) .trp-outline-btn:hover,
:where(body.profile-page) .trp-panel-head a:hover,
:where(body.profile-page) .trp-help-card a:hover,
:where(body.profile-page) .trp-link-button:hover,
:where(body.profile-page) .trp-filter-row button:hover,
:where(body.profile-page) .trp-amount-grid button:hover,
:where(body.profile-page) .trp-pay-methods label:hover,
:where(body.profile-page) .trp-badge:hover,
:where(body.profile-page) .trp-dots:hover {
    transform:none !important;
}
:where(body.profile-page) .trp-gradient-btn:active, :where(body.profile-page) .trp-head-button:active, :where(body.profile-page) .trp-auth-card .trp-gradient-btn:active, :where(body.profile-page) .trp-promo-copy a:active, :where(body.profile-page) .trp-outline-btn:active, :where(body.profile-page) .trp-panel-head a:active, :where(body.profile-page) .trp-help-card a:active, :where(body.profile-page) .trp-link-button:active, :where(body.profile-page) .trp-filter-row button:active, :where(body.profile-page) .trp-amount-grid button:active, :where(body.profile-page) .trp-pay-methods label:active {
    transform:none !important;
}
:where(body.profile-page) .trp-gradient-btn, :where(body.profile-page) .trp-head-button, :where(body.profile-page) .trp-auth-card .trp-gradient-btn, :where(body.profile-page) .trp-promo-copy a {
    position: relative;
    overflow: hidden;
    background-size: 140% 100%;
    background: linear-gradient(180deg, #2b2d3b 0%, #202230 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.10) !important;
}
:where(body.profile-page) .trp-gradient-btn::before, :where(body.profile-page) .trp-head-button::before, :where(body.profile-page) .trp-auth-card .trp-gradient-btn::before, :where(body.profile-page) .trp-promo-copy a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255,255,255,0) 10%, rgba(255,255,255,.22) 45%, rgba(255,255,255,0) 80%);
    transform: translateX(-125%);
    transition: transform .55s ease;
    pointer-events: none;
    display: none !important;
}
:where(body.profile-page) .trp-gradient-btn:hover, :where(body.profile-page) .trp-head-button:hover, :where(body.profile-page) .trp-auth-card .trp-gradient-btn:hover, :where(body.profile-page) .trp-promo-copy a:hover {
    transform: none !important;
    background: linear-gradient(180deg, #3a3c4b 0%, #2a2d3a 100%) !important;
    border-color: rgba(255,255,255,.16) !important;
    filter: none !important;
}
:where(body.profile-page) .trp-gradient-btn:active,
:where(body.profile-page) .trp-head-button:active,
:where(body.profile-page) .trp-auth-card .trp-gradient-btn:active,
:where(body.profile-page) .trp-promo-copy a:active {
    transform: none !important;
    background: linear-gradient(180deg, #202230 0%, #181a25 100%) !important;
    box-shadow: inset 0 2px 8px rgba(0,0,0,.20), 0 8px 18px rgba(26,28,42,.12) !important;
}
:where(body.profile-page) .trp-gradient-btn i,
:where(body.profile-page) .trp-head-button i,
:where(body.profile-page) .trp-auth-card .trp-gradient-btn i,
:where(body.profile-page) .trp-promo-copy a i {
    color: currentColor !important;
}
:where(body.profile-page) .trp-profile-card,
:where(body.profile-page) .trp-balance-card,
:where(body.profile-page) .trp-side-nav,
:where(body.profile-page) .trp-hero-card {
    isolation:isolate;
}
:where(body.profile-page) .trp-balance-card, :where(body.profile-page) .trp-side-nav {
    padding:16px !important;
    box-shadow: 0 12px 24px rgba(31, 47, 104, .05) !important;
}
:where(body.profile-page) .trp-profile-card::before,
:where(body.profile-page) .trp-hero-card::before,
:where(body.profile-page) .trp-hero-glow {
    pointer-events: none;
}
:where(body.profile-page) .trp-amount-grid-bonus {
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:16px !important;
}
:where(body.profile-page) .trp-amount-grid-bonus button {
    position:relative;
    min-height:60px !important;
    height:60px !important;
    padding:10px 12px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
}
:where(body.profile-page) .trp-amount-grid-bonus .trp-amount-value {
    font-size:15px;
    font-weight:800;
    letter-spacing:.01em;
}
:where(body.profile-page) .trp-bonus-pill {
    position:absolute;
    top:-8px;
    right:-8px;
    min-width:28px;
    height:28px;
    padding:0 8px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#1c9bd9;
    color:#fff;
    font-size:11px;
    font-weight:800;
    line-height:1;
    box-shadow:0 8px 18px rgba(28,155,217,.24);
}
:where(body.profile-page) .trp-loyalty-current strong {color:#0ea5e9;font-weight:800;}
:where(body.profile-page) .trp-loyalty-icon.level-1 {background:linear-gradient(145deg,#5137d7,#e65286);}
:where(body.profile-page) .trp-loyalty-icon.level-2 {background:linear-gradient(145deg,#5c90ff,#203a82);}
:where(body.profile-page) .trp-loyalty-icon.level-3 {background:linear-gradient(145deg,#ff9852,#df4d25);}
:where(body.profile-page) .trp-loyalty-card.active .trp-loyalty-copy small,
:where(body.profile-page) .trp-loyalty-card.active .trp-loyalty-copy strong {color:#fff;}
:where(body.profile-page) .trp-tier-summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-align:left;
    width:100%;
    margin:12px auto 0;
    padding:10px 12px;
    gap:10px;
    border-radius:16px;
    background:#fff3e6;
    border:1px solid rgba(255,122,69,.20);
    box-shadow:none;
    backdrop-filter:none;
}
:where(body.profile-page) .trp-tier-current {
    display:flex;
    flex-direction:column;
    min-width:0;
    gap:0;
}
:where(body.profile-page) .trp-tier-label {
    font-size:9px;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#7d86ad;
    font-weight:800;
    display:block !important;
}
:where(body.profile-page) .trp-tier-current strong {
    line-height:1.1;
    color:var(--trp-text);
    font-weight:900;
    font-size:15px;
    letter-spacing:-.01em;
}
:where(body.profile-page) .trp-tier-discount {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#ff7a45;
    color:#fff;
    font-weight:900;
    white-space:nowrap;
    padding:8px 11px;
    font-size:11px;
    box-shadow:none;
}
:where(body.profile-page) .trp-loyalty-panel {
    background:#fff;
    border:1px solid var(--trp-line);
    padding:24px !important;
    border-radius:20px !important;
}
:where(body.profile-page) .trp-loyalty-head {
    display:flex;
    justify-content:space-between;
    align-items:center !important;
    margin-bottom:14px !important;
    gap:12px !important;
}
:where(body.profile-page) .trp-loyalty-head h2 {
    margin:0;
    color:var(--trp-text);
    font-size:20px !important;
    line-height:1.15 !important;
    letter-spacing:-.02em;
}
:where(body.profile-page) .trp-loyalty-head p {
    margin:6px 0 0;
    color:var(--trp-muted);
    margin-top:4px !important;
    font-size:13px !important;
    line-height:1.45 !important;
}
:where(body.profile-page) .trp-loyalty-current {
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    color:var(--trp-muted);
    white-space:nowrap;
    padding:8px 12px !important;
    font-size:12.5px !important;
    font-weight:700 !important;
    border:1px solid #edf0f8;
    background:#fafbff !important;
}
:where(body.profile-page) .trp-loyalty-grid {
    display:grid;
    gap:12px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
:where(body.profile-page) .trp-loyalty-card {
    position:relative;
    display:flex;
    border:1px solid #e8eaf4;
    background:#fff;
    overflow:hidden;
    min-height:82px !important;
    padding:14px 14px 12px !important;
    gap:12px !important;
    border-radius:16px !important;
    align-items:center !important;
}
:where(body.profile-page) .trp-loyalty-badge {
    position:absolute;
    top:0;
    right:0;
    background:#15a6ea;
    color:#fff;
    font-weight:800;
    line-height:1;
    padding:9px 12px !important;
    border-radius:0 16px 0 14px !important;
    font-size:11.5px !important;
}
:where(body.profile-page) .trp-loyalty-icon {
    display:grid;
    place-items:center;
    color:#fff;
    box-shadow:0 12px 24px rgba(33,37,56,.12);
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
    border-radius:12px !important;
    font-size:16px !important;
}
:where(body.profile-page) .trp-loyalty-copy {
    min-width:0;
}
:where(body.profile-page) .trp-loyalty-copy small {
    display:block;
    color:#7782a8;
    margin-bottom:2px !important;
    font-size:12.5px !important;
}
:where(body.profile-page) .trp-loyalty-copy strong {
    display:block;
    color:var(--trp-text);
    font-weight:800;
    font-size:15px !important;
    line-height:1.25 !important;
    letter-spacing:-.01em;
}
:where(body.profile-page) .trp-loyalty-card:not(.active) .trp-loyalty-copy strong {
    max-width:16ch;
}
:where(body.profile-page) .trp-loyalty-card::selection,
:where(body.profile-page) .trp-loyalty-card *::selection {
    background:rgba(228,79,148,.18);
    color:inherit;
}
:where(body.profile-page) .trp-profile-card::before,
:where(body.profile-page) .trp-profile-card:before {
    display:none !important;
    content:none !important;
}
:where(body.profile-page) .trp-profile-card {
    color:var(--trp-text);
    text-align:center;
    position:relative;
    border-radius:20px !important;
    padding:18px !important;
    background:linear-gradient(180deg,#ffffff 0%,#fffaf6 100%) !important;
    border:1px solid rgba(255,122,69,.22) !important;
    overflow:hidden !important;
    box-shadow:0 14px 28px rgba(31,47,104,.06) !important;
}

:where(body.profile-page) .trp-loyalty-card.active {
    border-color:transparent;
    background:linear-gradient(90deg,#ee8b67 0%, #e3609c 52%, #9456ee 100%) !important;
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate;
    background-clip:padding-box !important;
    box-shadow:0 12px 22px rgba(173,83,187,.12) !important;
}
:where(body.profile-page) .trp-loyalty-card.active::before,
:where(body.profile-page) .trp-loyalty-card.active:before,
:where(body.profile-page) .trp-loyalty-card.active::after,
:where(body.profile-page) .trp-loyalty-card.active:after {
    display:none !important;
    content:none !important;
}
:where(body.profile-page) .trp-ticket-detail-layout {
    display:block;
}
:where(body.profile-page) .trp-ticket-thread {
    display:grid;
    gap:18px;
    align-content:start;
    width:100%;
}
:where(body.profile-page) .trp-ticket-summary-panel,
:where(body.profile-page) .trp-ticket-messages-panel,
:where(body.profile-page) .trp-ticket-reply-panel,
:where(body.profile-page) .trp-ticket-info-panel,
:where(body.profile-page) .trp-ticket-help-panel {
    padding:22px !important;
}
:where(body.profile-page) .trp-ticket-summary-top {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:16px;
}
:where(body.profile-page) .trp-ticket-summary-top h2 {
    margin:4px 0 5px;
    color:var(--trp-navy);
    font-size:24px;
    line-height:1.15;
    font-weight:800;
}
:where(body.profile-page) .trp-ticket-summary-top p {
    margin:0;
    color:var(--trp-muted);
    font-size:14px;
}
:where(body.profile-page) .trp-ticket-summary-actions {
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
}
:where(body.profile-page) .trp-ticket-summary-actions .trp-head-secondary {
    flex:0 0 auto;
}
:where(body.profile-page) .trp-ticket-stats {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
:where(body.profile-page) .trp-ticket-stats article,
:where(body.profile-page) .trp-ticket-info-list div {
    border:1px solid rgba(200,208,232,.6);
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,249,254,.98));
    border-radius:16px;
    padding:13px 15px;
}
:where(body.profile-page) .trp-ticket-stats span,
:where(body.profile-page) .trp-ticket-info-list span {
    display:block;
    color:var(--trp-muted);
    font-size:12px;
    margin-bottom:5px;
}
:where(body.profile-page) .trp-ticket-stats strong,
:where(body.profile-page) .trp-ticket-info-list strong {
    display:block;
    color:var(--trp-navy);
    font-size:15px;
    line-height:1.35;
    font-weight:800;
}
:where(body.profile-page) .trp-ticket-status-card strong {
    display:flex;
    align-items:center;
    min-height:28px;
}
:where(body.profile-page) .trp-ticket-status-card .trp-badge {
    width:max-content;
    min-width:86px;
    height:28px;
    padding:0 12px !important;
    border-radius:999px !important;
    font-size:11px !important;
    line-height:1 !important;
    justify-self:start !important;
}
:where(body.profile-page) .trp-ticket-messages {
    display:grid;
    gap:14px;
}
:where(body.profile-page) .trp-ticket-message {
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    align-items:flex-start;
}
:where(body.profile-page) .trp-ticket-message-avatar {
    width:42px;
    height:42px;
    border-radius:14px;
    display:grid;
    place-items:center;
    color:#fff;
    font-size:14px;
    font-weight:800;
    background:linear-gradient(145deg,#ff7a45,#7d58ff);
}
:where(body.profile-page) .trp-ticket-message.support .trp-ticket-message-avatar {
    background:linear-gradient(145deg,#1d9ee7,#2754b5);
}
:where(body.profile-page) .trp-ticket-message-body {
    border:1px solid rgba(200,208,232,.62);
    border-radius:18px;
    padding:14px 16px;
    background:#fff;
}
:where(body.profile-page) .trp-ticket-message.support .trp-ticket-message-body {
    background:#f7faff;
}
:where(body.profile-page) .trp-ticket-message-head {
    display:flex;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:8px;
}
:where(body.profile-page) .trp-ticket-message-head strong {
    color:var(--trp-navy);
    font-size:14px;
}
:where(body.profile-page) .trp-ticket-message-head span {
    color:var(--trp-muted);
    font-size:12px;
}
:where(body.profile-page) .trp-ticket-message-body p {
    margin:0;
    color:var(--trp-navy);
    font-size:14px;
    line-height:1.6;
}
:where(body.profile-page) .trp-ticket-reply-form {
    display:grid;
    gap:12px;
}
:where(body.profile-page) .trp-ticket-reply-form textarea {
    width:100%;
    resize:vertical;
    min-height:110px;
    border:1px solid rgba(200,208,232,.72);
    border-radius:18px;
    background:#fff;
    padding:15px 16px;
    color:var(--trp-navy);
    font:inherit;
    outline:none;
}
:where(body.profile-page) .trp-ticket-reply-form textarea:focus {
    border-color:rgba(245, 154, 75, .36);
    box-shadow:0 0 0 4px rgba(245, 154, 75, .08);
}
:where(body.profile-page) .trp-ticket-reply-actions {
    display:flex;
    gap:10px;
    justify-content:flex-end;
    flex-wrap:wrap;
}
:where(body.profile-page) .trp-ticket-info-list {
    display:grid;
    gap:10px;
}
:where(body.profile-page) .trp-account-settings-grid {
    display:grid;
    grid-template-columns:minmax(0,1.75fr) minmax(320px,.9fr);
    gap:22px;
    align-items:stretch;
}
:where(body.profile-page) .trp-account-panel {
    padding:28px 30px !important;
    border-radius:18px !important;
}
:where(body.profile-page) .trp-settings-title {
    margin-bottom:18px;
}
:where(body.profile-page) .trp-settings-title h2 {
    margin:0;
    color:var(--trp-navy);
    font-size:18px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.01em;
}
:where(body.profile-page) .trp-settings-title span {
    display:block;
    width:50px;
    height:3px;
    border-radius:999px;
    margin-top:9px;
    background:#15a6ea;
}
:where(body.profile-page) .trp-settings-form-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 22px;
}
:where(body.profile-page) .trp-settings-form-grid .full {
    grid-column:1 / -1;
}
:where(body.profile-page) .trp-account-panel .trp-form-group {
    margin:0;
}
:where(body.profile-page) .trp-account-panel label {
    display:block;
    margin-bottom:9px;
    color:var(--trp-navy);
    font-size:15px;
    font-weight:700;
}
:where(body.profile-page) .trp-input-wrap > i {
    position:absolute;
    left:16px;
    color:#ff6b3d;
    font-size:17px;
    pointer-events:none;
}
:where(body.profile-page) .trp-password-wrap > i {
    left:auto;
    right:16px;
    color:#76809d;
    pointer-events:auto;
}
:where(body.profile-page) .trp-settings-save-row {
    display:flex;
    justify-content:flex-end;
    margin-top:26px;
}
:where(body.profile-page) .trp-settings-save-row .trp-gradient-btn {
    min-width:110px;
    min-height:48px !important;
    border-radius:11px !important;
    padding:0 24px !important;
}
:where(body.profile-page) .trp-password-panel {
    display:flex;
    flex-direction:column;
}
:where(body.profile-page) .trp-password-form {
    display:grid;
    gap:24px;
}
:where(body.profile-page) .trp-password-panel .trp-settings-save-row {
    margin-top:auto;
    padding-top:26px;
}
:where(body.profile-page) .trp-order-main p,
:where(body.profile-page) .trp-history-service p {
    letter-spacing:0;
}
:where(body.profile-page) .trp-bundles-panel {
    background:#fff;
    border:1px solid var(--trp-line);
    border-radius:24px;
    box-shadow:var(--trp-shadow);
    padding:24px 26px !important;
}
:where(body.profile-page) .trp-bundles-panel h2 {
    margin:0 0 20px;
    font-size:24px;
    line-height:1.2;
    color:var(--trp-text);
}
:where(body.profile-page) .trp-bundle-accordion {
    border:1px solid #ebe6f4;
    border-radius:20px;
    overflow:hidden;
    background:linear-gradient(135deg,#fff 0%,#fbfdff 100%);
    box-shadow:0 14px 34px rgba(31,42,84,.07);
}
:where(body.profile-page) .trp-bundle-summary {
    list-style:none;
    min-height:104px;
    padding:24px 26px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    cursor:pointer;
    background:linear-gradient(135deg,#fff 0%,#fbfdff 100%);
    border-top:3px solid rgba(245, 154, 75, .10);
}
:where(body.profile-page) .trp-bundle-summary::-webkit-details-marker {
    display:none;
}
:where(body.profile-page) .trp-bundle-meta {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    font-size:13px;
}
:where(body.profile-page) .trp-bundle-meta strong {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 10px;
    border-radius:8px;
    background:#09a66d;
    color:#fff;
    font-size:11px;
    font-weight:900;
    box-shadow:0 10px 20px rgba(9,166,109,.20);
}
:where(body.profile-page) .trp-bundle-toggle {
    width:42px;
    height:42px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    background:#fff3e6;
    color:#ff7a45;
    font-size:20px;
    transition:transform .2s ease, background .2s ease;
}
:where(body.profile-page) .trp-bundle-accordion[open] .trp-bundle-toggle {
    transform:rotate(180deg);
    background:#fff3e6;
}
:where(body.profile-page) .trp-bundle-included {
    border-left:4px solid;
    border-image:linear-gradient(180deg,#f05269,#7d58ff) 1;
    background:#fff;
    box-shadow:0 12px 26px rgba(31,42,84,.035);
    padding:18px 18px;
    margin-bottom:20px;
    color:#56647f;
    font-size:14px;
    line-height:1.7;
}
:where(body.profile-page) .trp-bundle-service-list {
    display:grid;
    gap:12px;
}
:where(body.profile-page) .trp-bundle-service-row strong {
    color:#25334b;
    font-size:14px;
    font-weight:800;
}
:where(body.profile-page) .trp-bundle-amount input:focus {
    border-color:#bda8ff;
    box-shadow:0 0 0 4px rgba(125,88,255,.10);
}
:where(body.profile-page) .trp-bundle-use-btn:hover {
    color:#fff;
    filter:brightness(.98);
}
:where(body.profile-page) .trp-bundle-count {
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 13px;
    border-radius:999px;
    background:#fff3e6;
    color:#ff7a45;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}
:where(body.profile-page) .trp-bundle-visual {
    border:1px solid #ece6f5;
    background:#fff;
    box-shadow:0 16px 38px rgba(31,42,84,.065);
}
:where(body.profile-page) .trp-bundle-title-area {
    display:flex;
    align-items:center;
    gap:16px;
    min-width:0;
}
:where(body.profile-page) .trp-bundle-platform-icon {
    width:54px;
    height:54px;
    border-radius:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#ff725e,#ff7a45);
    color:#fff;
    font-size:24px;
    box-shadow:0 14px 24px rgba(245, 154, 75, .18);
    flex:0 0 54px;
}
:where(body.profile-page) .trp-bundle-summary h3 {
    margin:0 0 16px;
    font-size:20px;
    font-weight:900;
    letter-spacing:.02em;
    margin-bottom:12px;
}
:where(body.profile-page) .trp-bundle-meta span {
    display:inline-flex;
    align-items:center;
    gap:5px;
}
:where(body.profile-page) .trp-bundle-meta span i {
    color:#ff7a45;
    font-size:13px;
}
:where(body.profile-page) .trp-bundle-included-icons i {
    color:#ff7a45;
    font-size:14px;
}
:where(body.profile-page) .trp-bundle-service-list-icons .trp-bundle-service-row {
    grid-template-columns:minmax(260px,1fr) auto;
    min-height:76px;
    padding:14px 16px;
    transition:border-color .2s ease, background .2s ease;
}
:where(body.profile-page) .trp-bundle-service-list-icons .trp-bundle-service-row:hover {
    background:#fff;
    border-color:#e2d9f2;
}
:where(body.profile-page) .trp-bundle-service-name div {
    min-width:0;
}
:where(body.profile-page) .trp-service-mini-icon.likes {background:linear-gradient(135deg,#ff6a85,#ff7a45);}
:where(body.profile-page) .trp-service-mini-icon.views {background:linear-gradient(135deg,#ff725e,#ff3d3d);}
:where(body.profile-page) .trp-service-mini-icon.reach {background:linear-gradient(135deg,#39b7ff,#6658ff);}
:where(body.profile-page) .trp-service-mini-icon.shares {background:linear-gradient(135deg,#ffb15d,#f05269);}
:where(body.profile-page) .trp-service-mini-icon.saves {background:linear-gradient(135deg,#7d58ff,#4a37c6);}
:where(body.profile-page) .trp-service-mini-icon.reposts {background:linear-gradient(135deg,#24c6a5,#1ba66f);}
:where(body.profile-page) .trp-bundle-use-btn {
    margin-top:20px;
    min-height:52px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(90deg,#16a9e2,#5f61f5);
    color:#fff;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 14px 28px rgba(22,169,226,.18);
    gap:9px;
}
:where(body.profile-page) .trp-bundle-use-btn i {
    font-size:16px;
}
:where(body.profile-page) .trp-loyalty-card.compact-range .trp-loyalty-copy strong {
    white-space:nowrap;
    font-size:16px;
    letter-spacing:-0.01em;
}
:where(body.profile-page) .trp-stats-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:14px !important;
}
:where(body.profile-page) .trp-stat-card {
    display:flex;
    flex-direction:column;
    min-width:0;
    border-radius:20px !important;
    gap:10px !important;
    overflow:hidden !important;
    padding:24px !important;
    min-height:112px !important;
}
:where(body.profile-page) .trp-stat-top {
    display:flex;
    gap:12px !important;
    margin-bottom:10px !important;
    align-items:flex-start !important;
}
:where(body.profile-page) .trp-stat-top > div {min-width:0 !important;}
:where(body.profile-page) .trp-stat-top h3 {
    color:#4c5c90;
    font-weight:700;
    font-size:12.5px !important;
    line-height:1.2 !important;
    margin:0 0 4px !important;
    white-space:normal !important;
}
:where(body.profile-page) .trp-stat-bottom {
    margin-top:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    grid-template-columns:none !important;
    gap:0 !important;
}
:where(body.profile-page) .trp-stat-bottom span {
    font-weight:700;
    align-items:center;
    gap:4px;
    color:#18a85f !important;
    display:block !important;
    flex:1 1 auto;
    min-width:0;
    max-width:none !important;
    word-break:break-word;
    line-height:1.28 !important;
    font-size:12.5px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:initial !important;
}
:where(body.profile-page) .trp-stat-bottom svg {
    overflow:visible;
    flex:0 0 auto !important;
    justify-self:end !important;
    width:56px !important;
    height:22px !important;
    display:none !important;
}
:where(body.profile-page) .trp-loyalty-copy strong,
:where(body.profile-page) .trp-loyalty-card.compact-range .trp-loyalty-copy strong {
    font-size:18px !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
}
:where(body.profile-page) .trp-dashboard-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) 350px !important;
    gap:16px !important;
    align-items:start !important;
}
:where(body.profile-page) .trp-dashboard-right {
    display:flex !important;
    flex-direction:column !important;
    gap:20px !important;
}
:where(body.profile-page) .trp-orders-panel {
    min-width:0 !important;
}
:where(body.profile-page) .trp-order-table {
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}
:where(body.profile-page) .trp-order-item {
    display:grid !important;
    grid-template-columns:44px minmax(150px,1fr) 132px 82px 18px !important;
    align-items:center !important;
    min-height:64px !important;
    padding:11px 12px !important;
    border:1px solid #eee9f7 !important;
    border-radius:15px !important;
    background:#fff !important;
    gap:10px !important;
}
:where(body.profile-page) .trp-order-icon {
    width:40px !important;
    height:40px !important;
    border-radius:12px !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    font-size:20px !important;
}
:where(body.profile-page) .trp-order-main h4 {
    font-weight:800;
    color:var(--trp-text);
    margin:0 !important;
    font-size:14px !important;
    line-height:1.15 !important;
}
:where(body.profile-page) .trp-order-main p {
    margin:3px 0 0 !important;
    font-size:12px !important;
    line-height:1.25 !important;
}
:where(body.profile-page) .trp-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px !important;
    font-weight:800;
    font-size:11px !important;
    padding:8px 10px !important;
    justify-self:start !important;
    white-space:nowrap !important;
}
:where(body.profile-page) .trp-dots {
    background:transparent;
    border:0;
    color:#7b84ac;
    padding:0;
    text-decoration:none;
    font-size:18px !important;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self:end !important;
    margin:0 !important;
}
:where(body.profile-page) .trp-avatar-option {
    appearance:none;
    background:transparent;
    padding:0;
    cursor:pointer;
    width:72px;
    height:72px;
    border-radius:50%;
    position:relative;
    justify-self:start;
    box-shadow:0 0 0 1px rgba(127,105,161,.16);
    border:0;
    outline:none;
}
:where(body.profile-page) .trp-avatar-option:focus-visible {
    box-shadow:0 0 0 3px #744ff7,0 0 0 7px rgba(116,79,247,.18) !important;
}
:where(body.profile-page) .trp-avatar-option.active {
    box-shadow:0 0 0 3px #744ff7,0 0 0 6px rgba(116,79,247,.16),0 12px 24px rgba(116,79,247,.18);
    transform:none !important;
}
:where(body.profile-page) .trp-avatar-option.active::before {
    content:"";
    font-family:"bootstrap-icons";
    position:absolute;
    right:-3px;
    bottom:-3px;
    width:22px;
    height:22px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#f5368f,#7b61ff);
    color:#fff;
    font-size:12px;
    box-shadow:0 8px 14px rgba(123,97,255,.22);
    z-index:2;
}
:where(body.profile-page) .trp-profile-photo {
    width:100%;
    height:100%;
    border-radius:50%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:opacity .18s ease, transform .18s ease;
}
:where(body.profile-page) .trp-history-list {
    display: grid !important;
    gap: 16px !important;
}
:where(body.profile-page) .trp-history-item {
    display: grid !important;
    grid-template-columns:
    minmax(280px, 1.15fr)
    minmax(360px, 1.5fr)
    minmax(110px, .45fr)
    minmax(130px, .48fr)
    48px !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 20px 18px !important;
    border: 1px solid #eee8f7 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
}
:where(body.profile-page) .trp-history-item:hover {
    border-color: #e1d8f0 !important;
}
:where(body.profile-page) .trp-history-item.is-filter-hidden {
    display: none !important;
}
:where(body.profile-page) .trp-history-service {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
}
:where(body.profile-page) .trp-history-service .trp-order-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1 !important;
}
:where(body.profile-page) .trp-history-service .trp-order-icon i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1 !important;
}
:where(body.profile-page) .trp-history-service strong {
    display: block !important;
    margin: 0 0 3px !important;
    color: var(--trp-text) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}
:where(body.profile-page) .trp-history-service p {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    margin: 0 !important;
}
:where(body.profile-page) .trp-history-service p span,
:where(body.profile-page) .trp-history-service p small {
    display: block !important;
    margin: 0 !important;
    color: #7d89af !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}
:where(body.profile-page) .trp-history-detail,
:where(body.profile-page) .trp-history-meta,
:where(body.profile-page) .trp-order-expand-cell {
    min-width: 0 !important;
    align-self: center !important;
}
:where(body.profile-page) .trp-history-detail small,
:where(body.profile-page) .trp-history-meta small,
:where(body.profile-page) .trp-order-expand-cell small {
    display: block !important;
    margin: 0 0 7px !important;
    color: #97a2c3 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}
:where(body.profile-page) .trp-history-detail a {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #6677a9 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
:where(body.profile-page) .trp-history-detail a:hover {
    color: #4f61a0 !important;
}
:where(body.profile-page) .trp-detail-url-list {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
:where(body.profile-page) .trp-detail-url-list div {
    display: grid !important;
    grid-template-columns: 18px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: #6677a9 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}
:where(body.profile-page) .trp-detail-url-list i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 6px !important;
    color: #ff7a45 !important;
    background: #f7f8fd !important;
    font-size: 10px !important;
    line-height: 1 !important;
}
:where(body.profile-page) .trp-detail-url-list span {
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
:where(body.profile-page) .trp-history-meta strong {
    display: block !important;
    color: var(--trp-text) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}
:where(body.profile-page) .trp-history-meta .trp-badge {
    padding: 8px 13px !important;
    font-size: 12px !important;
}
:where(body.profile-page) .trp-badge.status-red {
    color: #e3455f !important;
    background: #fff0f3 !important;
}
:where(body.profile-page) .trp-order-expand-cell {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    gap: 7px !important;
}
:where(body.profile-page) .trp-order-expand-cell small {
    margin: 0 !important;
}
:where(body.profile-page) .trp-order-expand-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #ff8a4c 0%, #e72f87 100%) !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 26px rgba(231,47,135,.18) !important;
    cursor: pointer !important;
}
:where(body.profile-page) .trp-order-expand-btn:hover {
    background: linear-gradient(135deg, #ff7a45 0%, #df2780 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 16px 30px rgba(231,47,135,.24) !important;
}
:where(body.profile-page) .trp-order-expand-btn i {
    font-size: 14px !important;
    line-height: 1 !important;
    transition: transform .22s ease !important;
}
:where(body.profile-page) .trp-history-item--expandable.is-open .trp-order-expand-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ff7a45 0%, #df2780 100%) !important;
    border-color: transparent !important;
}
:where(body.profile-page) .trp-history-item--expandable.is-open .trp-order-expand-btn i {
    transform: rotate(180deg) !important;
}
:where(body.profile-page) .trp-history-suborders {
    grid-column: 1 / -1 !important;
    display: grid !important;
    gap: 0 !important;
    margin-top: 2px !important;
    padding-top: 14px !important;
    border-top: 1px solid #f2edf8 !important;
}
:where(body.profile-page) .trp-history-suborder {
    display: grid !important;
    grid-template-columns:
    minmax(280px, 1.15fr)
    minmax(360px, 1.5fr)
    minmax(110px, .45fr)
    minmax(130px, .48fr)
    48px !important;
    align-items: center !important;
    gap: 18px !important;
    min-width: 0 !important;
    padding: 14px 0 0 !important;
}
:where(body.profile-page) .trp-history-suborder + .trp-history-suborder {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #f6f1fb !important;
}
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.facebook,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.twitterx {
    position: relative !important;
    overflow: hidden !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(15,23,42,.10) !important;
}
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.facebook::before,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.twitterx::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)) !important;
    pointer-events: none !important;
}
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.facebook {
    background: linear-gradient(145deg, #4f9cff 0%, #1877f2 52%, #155fd0 100%) !important;
}
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.twitterx {
    background: linear-gradient(145deg, #1a2436 0%, #0f172a 55%, #020617 100%) !important;
}
:where(body.profile-page) .trp-brand-svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
}
:where(body.profile-page) .trp-order-icon.has-svg i {
    display: none !important;
}
:where(body.profile-page) .trp-history-suborder-spacer {
    width: 48px !important;
    min-width: 48px !important;
    height: 1px !important;
    justify-self: end !important;
}
:where(body.profile-page) .trp-order-expanded {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 2px !important;
    padding: 16px !important;
    overflow: hidden !important;
    border: 1px solid #eee8f7 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}
:where(body.profile-page) .trp-order-expanded-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
}
:where(body.profile-page) .trp-order-expanded-head strong {
    color: var(--trp-text) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}
:where(body.profile-page) .trp-order-expanded-head span {
    color: #7783aa !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}
:where(body.profile-page) .trp-order-expanded-table {
    display: grid !important;
    gap: 8px !important;
}
:where(body.profile-page) .trp-order-expanded-table--targets {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important;
}
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row,
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row--head {
    display: grid !important;
    grid-template-columns: minmax(305px, 1fr) 105px 105px 105px 145px 130px !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 920px !important;
    min-height: 42px !important;
    padding: 10px 16px !important;
    color: #566582 !important;
    background: #ffffff !important;
    border: 1px solid #f0ebf8 !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row--head {
    min-height: 34px !important;
    color: #97a2c3 !important;
    background: #f8f6fc !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
}
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row span,
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row--head span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row i {
    color: #ff7a45 !important;
}
:where(body.profile-page) .trp-ticket-create-main,
:where(body.profile-page) .trp-ticket-create-side {
    min-width:0;
}
:where(body.profile-page) .trp-form-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    display:grid;
    gap:16px;
}
:where(body.profile-page) .trp-form-grid.two {
    grid-template-columns:repeat(2,minmax(0,1fr));
}
:where(body.profile-page) .trp-ticket-create-form label,
:where(body.profile-page) .trp-form-full {
    display:grid;
    gap:9px;
    min-width:0;
}
:where(body.profile-page) .trp-ticket-create-form label span,
:where(body.profile-page) .trp-form-full span {
    color:#7783aa;
    font-size:13px;
    font-weight:800;
}
:where(body.profile-page) .trp-ticket-create-form input:focus,
:where(body.profile-page) .trp-ticket-create-form textarea:focus {
    box-shadow:0 0 0 2px rgba(255,122,4,.18);
}
:where(body.profile-page) .trp-ticket-upload div {
    display:grid;
    justify-items:center;
    gap:5px;
    color:#7783aa;
}
:where(body.profile-page) .trp-ticket-upload strong {
    color:#071f5d;
    font-size:14px;
    font-weight:900;
}
:where(body.profile-page) .trp-ticket-upload span {
    font-size:12px;
    font-weight:700;
}
:where(body.profile-page) .trp-ticket-upload input {
    position:absolute;
    inset:0;
    opacity:0;
    cursor:pointer;
}
:where(body.profile-page) .trp-new-ticket-head {
    min-height:118px !important;
    padding:26px 28px !important;
}
:where(body.profile-page) .trp-new-ticket-head .trp-head-actions {
    align-self:center !important;
}
:where(body.profile-page) .trp-new-ticket-head .trp-head-secondary,
:where(body.profile-page) .trp-ticket-summary-actions .trp-head-secondary {
    height:46px !important;
    padding:0 18px !important;
    border:1px solid rgba(245,154,75,.35) !important;
    border-radius:16px !important;
    background:#fff3e6 !important;
    color:#ff7a45 !important;
    font-size:14px !important;
    font-weight:800 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    text-decoration:none !important;
    box-shadow:none !important;
}
:where(body.profile-page) .trp-ticket-create-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) 390px;
    gap:22px !important;
    align-items:start !important;
}
:where(body.profile-page) .trp-ticket-create-panel {
    padding:28px !important;
}
:where(body.profile-page) .trp-ticket-create-panel .trp-panel-head-row {
    margin-bottom:20px !important;
}
:where(body.profile-page) .trp-ticket-create-panel .trp-panel-head-row h3,
:where(body.profile-page) .trp-ticket-create-side .trp-panel-head-row h3 {
    letter-spacing:-.02em !important;
}
:where(body.profile-page) .trp-ticket-create-form {
    display:grid;
    gap:17px !important;
}
:where(body.profile-page) .trp-ticket-create-form input,
:where(body.profile-page) .trp-ticket-create-form select {
    height:50px !important;
}
:where(body.profile-page) .trp-ticket-create-form textarea {
    resize:vertical;
    line-height:1.55;
    min-height:166px !important;
}
:where(body.profile-page) .trp-ticket-create-form input, :where(body.profile-page) .trp-ticket-create-form select, :where(body.profile-page) .trp-ticket-create-form textarea {
    width:100%;
    min-width:0;
    border:1px solid #dddddd;
    border-radius:10px;
    color:#071f5d;
    font-size:14px;
    font-weight:700;
    outline:none;
    padding:15px 16px;
    background:linear-gradient(180deg,#fff 0%,#fdfcff 100%) !important;
}
:where(body.profile-page) .trp-form-hint {
    color:#8b95b7 !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    margin-top:-2px !important;
}
:where(body.profile-page) .trp-ticket-upload {
    position:relative;
    border:1px dashed #d9cfef;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:18px;
    overflow:hidden;
    min-height:78px !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,#fff 0%,#fdfbff 100%) !important;
}
:where(body.profile-page) .trp-ticket-upload i {
    display:grid;
    place-items:center;
    color:#ec4f96;
    background:#fff3fa;
    font-size:17px;
    width:30px !important;
    height:30px !important;
    border-radius:11px !important;
}
:where(body.profile-page) .trp-ticket-create-actions {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    flex-wrap:wrap;
    padding-top:2px !important;
}
:where(body.profile-page) .trp-ticket-create-actions .trp-outline-btn,
:where(body.profile-page) .trp-ticket-create-actions .trp-gradient-btn {
    min-height:46px !important;
    border-radius:14px !important;
    font-weight:900 !important;
}
:where(body.profile-page) .trp-ticket-create-side .trp-panel {
    padding:24px !important;
}
:where(body.profile-page) .trp-ticket-create-side .trp-ticket-info-list {
    gap:12px !important;
}
:where(body.profile-page) .trp-ticket-create-side .trp-ticket-info-list div {
    min-height:72px !important;
    padding:15px 16px !important;
}
:where(body.profile-page) .trp-ticket-guide-list {
    display:grid;
    gap:11px !important;
}
:where(body.profile-page) .trp-ticket-guide-list div {
    display:grid;
    align-items:center;
    color:#5f6d96;
    font-weight:700;
    grid-template-columns:26px minmax(0,1fr) !important;
    gap:10px !important;
    font-size:13px !important;
    line-height:1.35 !important;
}
:where(body.profile-page) .trp-ticket-guide-list i {
    display:grid;
    place-items:center;
    border-radius:999px;
    color:#20a565;
    background:#eafaf3;
    width:26px !important;
    height:26px !important;
}
:where(body.profile-page) .trp-ticket-table-panel {
    padding:0 !important;
    overflow:hidden !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 18px 40px rgba(31,42,84,.07) !important;
}
:where(body.profile-page) .trp-ticket-table-wrap {
    width:100% !important;
    overflow-x:hidden !important;
}
:where(body.profile-page) .trp-ticket-table {
    width:100% !important;
    min-width:980px !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    color:#071f5d !important;
}
:where(body.profile-page) .trp-ticket-table thead th {
    height:58px !important;
    padding:0 24px !important;
    background:#f7f7f8 !important;
    color:#18254b !important;
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.07em !important;
    text-transform:uppercase !important;
    text-align:left !important;
    white-space:nowrap !important;
    border-bottom:1px solid #e5e7ef !important;
}
:where(body.profile-page) .trp-ticket-table thead th:first-child {
    width:140px !important;
    border-top-left-radius:18px !important;
}
:where(body.profile-page) .trp-ticket-table thead th:nth-child(2) {
    width:32% !important;
}
:where(body.profile-page) .trp-ticket-table thead th:nth-child(5) {
    width:150px !important;
}
:where(body.profile-page) .trp-ticket-table thead th:last-child {
    width:140px !important;
    border-top-right-radius:18px !important;
}
:where(body.profile-page) .trp-ticket-table tbody td {
    height:76px !important;
    padding:0 24px !important;
    border-bottom:1px solid #edf0f7 !important;
    color:#4e5d80 !important;
    font-size:14px !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    vertical-align:middle !important;
}
:where(body.profile-page) .trp-ticket-table tbody tr:last-child td {
    border-bottom:0 !important;
}
:where(body.profile-page) .trp-ticket-table tbody td:first-child a,
:where(body.profile-page) .trp-ticket-table tbody td:nth-child(2) a {
    color:#071f5d !important;
    font-weight:900 !important;
    text-decoration:none !important;
}
:where(body.profile-page) .trp-ticket-table tbody td:nth-child(2) a {
    text-transform:uppercase !important;
    letter-spacing:.01em !important;
}
:where(body.profile-page) .trp-ticket-row {
    transition:background-color .18s ease, transform .18s ease !important;
}
:where(body.profile-page) .trp-ticket-row:hover {
    background:#fbfaff !important;
}
:where(body.profile-page) .trp-ticket-status {
    min-width:102px !important;
    height:36px !important;
    padding:0 18px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:12px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
}
:where(body.profile-page) .trp-ticket-view {
    min-width:92px !important;
    height:36px !important;
    padding:0 14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    color:#4380f9 !important;
    background:#fff !important;
    border:1px solid #bcd1ff !important;
    border-radius:12px !important;
    font-size:12px !important;
    font-weight:800 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}
:where(body.profile-page) .trp-ticket-view:hover {
    color:#2f6fe8 !important;
    background:#f5f8ff !important;
    border-color:#94b6ff !important;
}
:where(body.profile-page) .trp-ticket-status.status-green {
    color:#139a5b !important;
    background:#eafaf3 !important;
}
:where(body.profile-page) .trp-ticket-status.status-blue {
    color:#4380f9 !important;
    background:#edf4ff !important;
}
:where(body.profile-page) .trp-ticket-status.status-orange {
    color:#d9901d !important;
    background:#fff6e5 !important;
}
:where(body.profile-page) .trp-ticket-status.status-red {
    color:#c92f45 !important;
    background:#f8d7dc !important;
}
:where(body.profile-page) .trp-new-ticket-head .trp-head-secondary:hover,
:where(body.profile-page) .trp-ticket-summary-actions .trp-head-secondary:hover {
    border-color:#ff7a45 !important;
    background:#fff3e6 !important;
    color:#ff7a45 !important;
    box-shadow:none !important;
    transform:none !important;
}
:where(body.profile-page) .trp-balance-table-panel {
    padding:0 !important;
    overflow:hidden !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 18px 40px rgba(31,42,84,.07) !important;
}
:where(body.profile-page) .trp-balance-table-wrap {
    width:100% !important;
    overflow-x:hidden !important;
}
:where(body.profile-page) .trp-balance-table {
    width:100% !important;
    min-width:900px !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    color:#071f5d !important;
}
:where(body.profile-page) .trp-balance-table thead th {
    height:58px !important;
    padding:0 24px !important;
    background:#f7f7f8 !important;
    color:#18254b !important;
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.07em !important;
    text-transform:uppercase !important;
    text-align:left !important;
    white-space:nowrap !important;
    border-bottom:1px solid #e5e7ef !important;
}
:where(body.profile-page) .trp-balance-table thead th:first-child {
    width:260px !important;
    border-top-left-radius:18px !important;
}
:where(body.profile-page) .trp-balance-table thead th:nth-child(2) {
    width:180px !important;
}
:where(body.profile-page) .trp-balance-table thead th:nth-child(3) {
    width:160px !important;
}
:where(body.profile-page) .trp-balance-table thead th:nth-child(4) {
    width:260px !important;
}
:where(body.profile-page) .trp-balance-table thead th:last-child {
    width:190px !important;
    border-top-right-radius:18px !important;
}
:where(body.profile-page) .trp-balance-table tbody td {
    min-height:92px !important;
    height:92px !important;
    padding:18px 24px !important;
    border-bottom:1px solid #edf0f7 !important;
    background:#fff !important;
    color:#4e5d80 !important;
    font-size:14px !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    vertical-align:middle !important;
}
:where(body.profile-page) .trp-balance-table tbody tr {
    transition:background-color .18s ease, transform .18s ease !important;
}
:where(body.profile-page) .trp-balance-table tbody td:first-child {
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:7px !important;
}
:where(body.profile-page) .trp-balance-table tbody td:first-child strong {
    color:#071f5d !important;
    font-size:16px !important;
    font-weight:900 !important;
    line-height:1 !important;
}
:where(body.profile-page) .trp-balance-table tbody td:first-child span {
    color:#52617f !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1 !important;
}
:where(body.profile-page) .trp-balance-table tbody td:nth-child(2) strong,
:where(body.profile-page) .trp-balance-table tbody td:nth-child(4) strong {
    color:#071f5d !important;
    font-size:15px !important;
    font-weight:900 !important;
}
:where(body.profile-page) .trp-balance-status {
    min-width:102px !important;
    height:36px !important;
    padding:0 18px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:12px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
}
:where(body.profile-page) .trp-balance-status.completed {
    color:#07833e !important;
    background:#dff4e8 !important;
}
:where(body.profile-page) .trp-balance-status.pending {
    color:#d9901d !important;
    background:#fff6e5 !important;
}
:where(body.profile-page) .trp-balance-status.failed {
    color:#c92f45 !important;
    background:#f8d7dc !important;
}
:where(body.profile-page) .trp-avatar-panel [data-avatar-grid] {
    display:grid !important;
    grid-template-columns:repeat(7,minmax(74px,1fr)) !important;
    gap:22px 34px !important;
    align-items:center !important;
    justify-items:center !important;
    padding:24px 28px 18px !important;
}
:where(body.profile-page) .trp-avatar-panel [data-avatar-save] {
    margin:8px 28px 24px !important;
    width:calc(100% - 56px) !important;
}
:where(body.profile-page) .trp-avatar-section {
    margin-top:24px !important;
}
:where(body.profile-page) .trp-avatar-panel {
    padding:18px 20px 20px !important;
    overflow:hidden !important;
}
:where(body.profile-page) .trp-avatar-panel .trp-avatar-grid[data-avatar-grid] {
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    gap:24px 34px !important;
    align-items:center !important;
    justify-items:center !important;
    padding:28px 42px 22px !important;
}
:where(body.profile-page) .trp-avatar-panel .trp-avatar-option {
    place-items:center !important;
    position:relative !important;
    width:96px !important;
    height:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    border-radius:999px !important;
    padding:0 !important;
    border:3px solid #fff !important;
    background:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
    box-shadow:0 14px 30px rgba(31,42,84,.12) !important;
    cursor:pointer !important;
}
:where(body.profile-page) .trp-avatar-panel .trp-avatar-option img {
    display:block !important;
    width:88px !important;
    height:88px !important;
    min-width:88px !important;
    max-width:88px !important;
    border-radius:999px !important;
    object-fit:cover !important;
}
:where(body.profile-page) .trp-avatar-panel .trp-avatar-option.active, :where(body.profile-page) .trp-avatar-panel .trp-avatar-option[aria-pressed="true"] {
    border-color:#7b61ff !important;
    box-shadow:0 0 0 5px rgba(123,97,255,.18),0 18px 36px rgba(31,42,84,.16) !important;
}
:where(body.profile-page) .trp-avatar-panel .trp-avatar-option.active::after, :where(body.profile-page) .trp-avatar-panel .trp-avatar-option[aria-pressed="true"]::after {
    content:"" !important;
    font-family:"bootstrap-icons" !important;
    position:absolute !important;
    right:-4px !important;
    bottom:-4px !important;
    width:26px !important;
    height:26px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#ff4f9a,#7b61ff) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    box-shadow:0 10px 20px rgba(123,97,255,.26) !important;
}
:where(body.profile-page) .trp-avatar-panel .trp-avatar-save-btn {
    width:calc(100% - 84px) !important;
    min-height:52px !important;
    margin:4px 42px 28px !important;
    border:0 !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}
:where(body.profile-page) .trp-bundle-body {
    border-top:1px solid #eee8f6;
    padding:22px 26px 24px !important;
    background:
    radial-gradient(circle at 8% 0%, rgba(236,79,150,.055), transparent 28%),
    linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
}
:where(body.profile-page) .trp-bundle-included-head {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    margin:0 0 12px !important;
}
:where(body.profile-page) .trp-bundle-included-head span {
    color:#071f5d !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
}
:where(body.profile-page) .trp-bundle-included-head strong {
    color:#7c87a8 !important;
    font-size:12px !important;
    font-weight:800 !important;
}
:where(body.profile-page) .trp-bundle-included-icons {
    border-left:0;
    border-image:none;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding:16px !important;
    border:1px solid #efe8f8 !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.76) !important;
    box-shadow:0 14px 34px rgba(31,42,84,.035) !important;
}
:where(body.profile-page) .trp-bundle-included-icons span {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#50607f;
    font-size:13px;
    font-weight:800;
    min-height:38px !important;
    padding:0 15px !important;
    border-radius:999px !important;
    background:#fff !important;
    border:1px solid #ebe4f6 !important;
    box-shadow:0 8px 18px rgba(31,42,84,.045) !important;
}
:where(body.profile-page) .trp-bundle-service-list-icons {
    margin-top:18px !important;
    gap:12px !important;
}
:where(body.profile-page) .trp-bundle-service-row:hover {
    transform:translateY(-1px) !important;
    border-color:#e2d6f5 !important;
}
:where(body.profile-page) .trp-bundle-service-name {
    display:flex;
    align-items:center;
    min-width:0;
    gap:14px !important;
}
:where(body.profile-page) .trp-service-mini-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    color:#fff;
    font-size:17px;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:15px !important;
    box-shadow:0 12px 24px rgba(31,42,84,.08) !important;
}
:where(body.profile-page) .trp-bundle-service-name strong {
    display:block;
    margin-bottom:4px;
    color:#071f5d !important;
    font-size:15px !important;
    font-weight:900 !important;
    line-height:1.15 !important;
}
:where(body.profile-page) .trp-bundle-service-name small {
    display:block;
    color:#7d88aa !important;
    font-size:12px !important;
    font-weight:800 !important;
    margin-top:5px !important;
}
:where(body.profile-page) .trp-bundle-service-row {
    display:grid;
    min-height:76px !important;
    padding:14px 16px !important;
    border:1px solid #eee7f8 !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 12px 28px rgba(31,42,84,.035) !important;
    transition:transform .18s ease, border-color .18s ease !important;
    grid-template-columns:minmax(0,1fr) 360px !important;
    align-items:center !important;
    gap:18px !important;
}
:where(body.profile-page) .trp-bundle-amount {
    color:#647391;
    font-weight:800;
    white-space:nowrap;
    width:360px !important;
    min-width:360px !important;
    justify-self:end !important;
    display:grid !important;
    grid-template-columns:112px 112px 92px !important;
    align-items:center !important;
    justify-content:end !important;
    gap:10px !important;
    padding:8px !important;
    border:1px solid #eee7f8 !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,#fff 0%,#fbfaff 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
}
:where(body.profile-page) .trp-bundle-amount input {
    outline:none;
    border-color:#ded4f2 !important;
    box-shadow:inset 0 0 0 1px rgba(123,97,255,.02) !important;
    width:104px;
    height:44px;
    min-width:104px;
    margin:0 !important;
    padding:0 12px !important;
    text-align:center !important;
    border:2px solid #ded4f2 !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#536083 !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:44px;
}
:where(body.profile-page) .trp-bundle-amount span {
    width:112px !important;
    min-width:112px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 !important;
    color:#536489 !important;
    font-size:16px;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap;
}
:where(body.profile-page) .trp-bundle-amount .trp-bundle-remaining {
    width:92px;
    min-width:92px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0 10px;
    border:1px solid #ffe3c2;
    border-radius:12px;
    background:linear-gradient(180deg,#ffffff 0%,#fff3e6 100%);
    color:#ff7a45;
    font-size:11px;
    font-weight:900;
    letter-spacing:.02em;
    line-height:1;
    white-space:nowrap;
}
:where(body.profile-page) .trp-account-panel input, :where(body.profile-page) .trp-account-panel textarea {
    width:100%;
    min-height:48px;
    border:1px solid transparent;
    border-radius:10px;
    border-color: #dddddd;
    color:var(--trp-navy);
    font:inherit;
    font-size:14px;
    padding:0 16px;
    outline:none;
    transition:border-color .2s ease, background .2s ease;
    background:#f8f9fd;
}
:where(body.profile-page) .trp-input-wrap {
    position:relative;
    display:flex;
    align-items:center;
}
:where(body.profile-page) .trp-input-wrap .trp-input-icon {
    position:absolute;
    left:14px;
    width:28px;
    height:28px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg,#fff2ee 0%,#ffe7de 100%);
    color:#ff6b3d;
    font-size:14px;
    box-shadow:0 8px 18px rgba(255,107,61,.12);
    pointer-events:none;
}
:where(body.profile-page) .trp-input-wrap input {
    padding-left:56px;
}
:where(body.profile-page) .trp-password-wrap .trp-input-icon {
    background:linear-gradient(180deg,#eef7ff 0%,#e1efff 100%);
    color:#6b7fb0;
    box-shadow:none;
}
:where(body.profile-page) .trp-password-wrap input {
    padding-left:56px;
    padding-right:54px;
}
:where(body.profile-page) .trp-password-wrap .trp-password-toggle {
    position:absolute;
    right:14px;
    width:28px;
    height:28px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#eef2f9;
    color:#7b88a8;
    font-size:14px;
    cursor:pointer;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}
:where(body.profile-page) .trp-password-wrap .trp-password-toggle:hover {
    background:#e5ebf7;
    color:#55658d;
    transform:translateY(-1px);
}
:where(body.profile-page) .trp-phone-row > .trp-input-wrap:last-child input {
    padding-left:56px;
}
:where(body.profile-page) .trp-phone-row {
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    gap:12px;
    align-items:stretch;
}
:where(body.profile-page) .trp-phone-row .trp-input-wrap {
    min-width:0;
}
:where(body.profile-page) .trp-country-code {
    justify-content:center;
}
:where(body.profile-page) .trp-country-code .trp-input-icon {
    left:12px;
    width:26px;
    height:26px;
    border-radius:9px;
}
:where(body.profile-page) .trp-country-code input {
    padding-left:42px;
    padding-right:10px;
    text-align:left;
    font-weight:600;
}
:where(body.profile-page) .trp-phone-number input {
    padding-left:18px !important;
}
html body.profile-page:has(body.profile-auth-page) {
    min-height:100%;
}
body.profile-page.profile-auth-page {
    min-height:100vh;
    margin:0;
    overflow-x:hidden;
    font-family:"Poppins",Arial,sans-serif;
    color:var(--trp-text);
    background:#fbf9ff;
}
body.profile-page.profile-auth-page * {
    box-sizing:border-box;
}
body.profile-page.profile-auth-page .trp-login-screen {
    min-height:100vh;
    display:grid;
    grid-template-columns:minmax(420px,44%) minmax(0,56%);
    background:#fbf9ff;
}
body.profile-page.profile-auth-page .trp-login-panel {
    min-height:100vh;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:clamp(64px,7.4vh,88px) clamp(28px,4vw,64px) 48px;
    background:
    radial-gradient(circle at left 18%, rgba(240,64,145,.08), transparent 24%),
    radial-gradient(circle at 74% 88%, rgba(117,94,255,.08), transparent 18%),
    #fbf9ff;
}
body.profile-page.profile-auth-page .trp-login-panel-inner {
    width:min(100%,480px);
    margin:0 auto;
}
body.profile-page.profile-auth-page .trp-auth-brand {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:0 0 28px;
    padding:0;
    text-decoration:none;
}
body.profile-page.profile-auth-page .trp-auth-brand img {
    width:158px;
    height:auto;
    display:block;
    margin:0;
}
body.profile-page.profile-auth-page .trp-auth-intro {
    width:100%;
    margin:0 0 26px;
    padding:0;
    text-align:left;
}
body.profile-page.profile-auth-page .trp-auth-intro h1 {
    margin:0 0 10px;
    color:#20264a;
    font-size:clamp(34px,4vw,48px);
    line-height:1.02;
    letter-spacing:-.04em;
    font-weight:800;
    text-align:left;
}
body.profile-page.profile-auth-page .trp-auth-intro p {
    margin:0;
    max-width:420px;
    color:#707998;
    font-size:15px;
    line-height:1.72;
    text-align:left;
}
body.profile-page.profile-auth-page .trp-login-card {
    width:100%;
    padding:22px 22px 18px;
    border-radius:24px;
    border:1px solid #e8e1f3;
    background:#fff;
    box-shadow:0 18px 42px rgba(42,33,84,.08);
    overflow:visible;
}
body.profile-page.profile-auth-page .trp-login-card .trp-auth-tabs {
    display:flex;
    gap:8px;
    padding:5px;
    margin:0 0 18px;
    border-radius:16px;
    background:#f5f3fa;
    border:1px solid #ece5f4;
}
body.profile-page.profile-auth-page .trp-login-card .trp-auth-tabs button {
    flex:1;
    height:48px;
    border:0;
    border-radius:13px;
    background:transparent;
    color:#747da1;
    font-size:15px;
    font-weight:700;
    box-shadow:none;
    transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
body.profile-page.profile-auth-page .trp-login-card .trp-auth-tabs button.active {
    color:#ff7a45;
    background:#fff;
    box-shadow:0 10px 18px rgba(60,48,113,.08);
}
body.profile-page.profile-auth-page .trp-auth-form {
    width:100%;
    display:grid;
    gap:12px;
    align-content:start;
}
body.profile-page.profile-auth-page .trp-auth-form[hidden] {
    display:none !important;
}
body.profile-page.profile-auth-page[data-auth-mode="forgot"] .trp-login-card .trp-auth-tabs {
    display:none;
}
body.profile-page.profile-auth-page .trp-auth-name-row {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
body.profile-page.profile-auth-page .trp-login-card .trp-form-group,
body.profile-page.profile-auth-page .trp-auth-name-row .trp-form-group {
    margin:0;
    display:flex;
    flex-direction:column;
    gap:8px;
}
body.profile-page.profile-auth-page .trp-login-card .trp-form-group label {
    color:#4f5a83;
    font-size:13px;
    font-weight:800;
}
body.profile-page.profile-auth-page .trp-login-card .trp-input-wrap {
    position:relative;
    display:block;
    min-height:56px;
    padding:0;
    border:1px solid #e7e0f1;
    border-radius:15px;
    background:#fcfbff;
    overflow:hidden;
    transition:border-color .18s ease,box-shadow .18s ease;
}
body.profile-page.profile-auth-page .trp-login-card .trp-input-wrap:focus-within {
    border-color:rgba(245,154,75,.48);
    box-shadow:0 0 0 4px rgba(245,154,75,.12);
}
body.profile-page.profile-auth-page .trp-login-card .trp-input-wrap > i {
    position:absolute;
    left:18px;
    top:50%;
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%);
    margin:0;
    color:#ff6b3d;
    font-size:18px;
    line-height:1;
    z-index:2;
    pointer-events:none;
}
body.profile-page.profile-auth-page .trp-login-card .trp-input-wrap input {
    display:block;
    width:100%;
    height:56px;
    margin:0;
    padding:0 16px 0 50px !important;
    border:0;
    outline:0;
    background:transparent;
    box-shadow:none;
    color:#20274a;
    font-size:15px;
    line-height:56px;
}
body.profile-page.profile-auth-page .trp-login-card .trp-input-wrap input::placeholder {
    color:#a3acc4;
}
body.profile-page.profile-auth-page .trp-login-card .trp-auth-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:2px 0 2px;
    color:#66739a;
    font-size:14px;
}
body.profile-page.profile-auth-page .trp-auth-row-start {
    justify-content:flex-start;
}
body.profile-page.profile-auth-page .trp-check {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0;
    user-select:none;
    cursor:pointer;
}
body.profile-page.profile-auth-page .trp-check input {
    width:16px;
    height:16px;
    accent-color:#ff7a45;
}
body.profile-page.profile-auth-page .trp-login-card .trp-auth-row a {
    color:#ff7a45;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}
body.profile-page.profile-auth-page .trp-login-card .trp-gradient-btn,
body.profile-page.profile-auth-page .trp-login-card .trp-outline-btn {
    width:100%;
    height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border-radius:15px;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
}
body.profile-page.profile-auth-page .trp-login-card .trp-gradient-btn {
    color:#fff;
    background:linear-gradient(135deg,#23283d 0%, #171d31 100%);
}
body.profile-page.profile-auth-page .trp-login-card .trp-outline-btn {
    border:1px solid #e5def0;
    color:#2f365f;
    background:#fff;
}
body.profile-page.profile-auth-page .trp-login-card .trp-auth-divider {
    position:relative;
    margin:2px 0;
    text-align:center;
}
body.profile-page.profile-auth-page .trp-login-card .trp-auth-divider::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background:#ece5f4;
}
body.profile-page.profile-auth-page .trp-login-card .trp-auth-divider span {
    position:relative;
    display:inline-block;
    padding:0 12px;
    background:#fff;
    color:#8c95b5;
    font-size:12px;
    font-weight:700;
}
body.profile-page.profile-auth-page .trp-reset-head {
    display:grid;
    gap:8px;
    margin:0 0 4px;
    text-align:left;
}
body.profile-page.profile-auth-page .trp-reset-head > span {
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:#fff3e6;
    color:#ff7a45;
    font-size:20px;
}
body.profile-page.profile-auth-page .trp-reset-head h2 {
    margin:4px 0 0;
    color:#20264a;
    font-size:26px;
    line-height:1.15;
    font-weight:800;
}
body.profile-page.profile-auth-page .trp-reset-head p,
body.profile-page.profile-auth-page .trp-form-message {
    margin:0;
    color:#707998;
    font-size:14px;
    line-height:1.65;
}
body.profile-page.profile-auth-page .trp-form-message {
    padding:12px 14px;
    border-radius:14px;
    background:#f6f3ff;
    color:#6657d8;
    font-weight:700;
}
body.profile-page.profile-auth-page .trp-toast {
    display:none !important;
}
body.profile-page.profile-auth-page .trp-login-visual {
    min-height:100vh;
    height:100vh;
    padding:0;
    margin:0;
    display:block;
    overflow:hidden;
    background:none;
}
body.profile-page.profile-auth-page .trp-login-visual-bg {
    display:none !important;
}
body.profile-page.profile-auth-page .trp-login-visual-inner,
body.profile-page.profile-auth-page .trp-login-visual-frame {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent;
    overflow:hidden;
}
body.profile-page.profile-auth-page .trp-login-visual-image {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}
html:has(body.profile-auth-page){
    min-height:100%;
}
body.profile-auth-page{
    min-height:100vh;
    margin:0;
    overflow-x:hidden;
    font-family:"Poppins",Arial,sans-serif;
    color:var(--trp-text);
    background:#fbf9ff;
}
body.profile-auth-page *{
    box-sizing:border-box;
}
body.profile-auth-page .trp-login-screen{
    min-height:100vh;
    display:grid;
    grid-template-columns:minmax(420px,44%) minmax(0,56%);
    background:#fbf9ff;
}
body.profile-auth-page .trp-login-panel{
    min-height:100vh;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:clamp(64px,7.4vh,88px) clamp(28px,4vw,64px) 48px;
    background:
    radial-gradient(circle at left 18%, rgba(240,64,145,.08), transparent 24%),
    radial-gradient(circle at 74% 88%, rgba(117,94,255,.08), transparent 18%),
    #fbf9ff;
}
body.profile-auth-page .trp-login-panel-inner{
    width:min(100%,480px);
    margin:0 auto;
}
body.profile-auth-page .trp-auth-brand{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:0 0 28px;
    padding:0;
    text-decoration:none;
}
body.profile-auth-page .trp-auth-brand img{
    width:158px;
    height:auto;
    display:block;
    margin:0;
}
body.profile-auth-page .trp-auth-intro{
    width:100%;
    margin:0 0 26px;
    padding:0;
    text-align:left;
}
body.profile-auth-page .trp-auth-intro h1{
    margin:0 0 10px;
    color:#20264a;
    font-size:clamp(34px,4vw,48px);
    line-height:1.02;
    letter-spacing:-.04em;
    font-weight:800;
    text-align:left;
}
body.profile-auth-page .trp-auth-intro p{
    margin:0;
    max-width:420px;
    color:#707998;
    font-size:15px;
    line-height:1.72;
    text-align:left;
}
body.profile-auth-page .trp-login-card{
    width:100%;
    padding:22px 22px 18px;
    border-radius:24px;
    border:1px solid #e8e1f3;
    background:#fff;
    box-shadow:0 18px 42px rgba(42,33,84,.08);
    overflow:visible;
}
body.profile-auth-page .trp-login-card .trp-auth-tabs{
    display:flex;
    gap:8px;
    padding:5px;
    margin:0 0 18px;
    border-radius:16px;
    background:#f5f3fa;
    border:1px solid #ece5f4;
}
body.profile-auth-page .trp-login-card .trp-auth-tabs button{
    flex:1;
    height:48px;
    border:0;
    border-radius:13px;
    background:transparent;
    color:#747da1;
    font-size:15px;
    font-weight:700;
    box-shadow:none;
    transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
body.profile-auth-page .trp-login-card .trp-auth-tabs button.active{
    color:#ff7a45;
    background:#fff;
}
body.profile-auth-page .trp-auth-form{
    width:100%;
    display:grid;
    gap:12px;
    align-content:start;
}
body.profile-auth-page .trp-auth-form[hidden]{
    display:none !important;
}
body.profile-auth-page[data-auth-mode="forgot"] .trp-login-card .trp-auth-tabs{
    display:none;
}
body.profile-auth-page .trp-auth-name-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
body.profile-auth-page .trp-login-card .trp-form-group,
body.profile-auth-page .trp-auth-name-row .trp-form-group{
    margin:0;
    display:flex;
    flex-direction:column;
    gap:8px;
}
body.profile-auth-page .trp-login-card .trp-form-group label{
    color:#4f5a83;
    font-size:13px;
    font-weight:800;
}
body.profile-auth-page .trp-login-card .trp-input-wrap{
    position:relative;
    display:block;
    min-height:56px;
    padding:0;
    border:1px solid #e7e0f1;
    border-radius:15px;
    background:#fcfbff;
    overflow:hidden;
    transition:border-color .18s ease,box-shadow .18s ease;
}
body.profile-auth-page .trp-login-card .trp-input-wrap:focus-within{
    border-color:rgba(245,154,75,.48);
}
body.profile-auth-page .trp-login-card .trp-input-wrap > i{
    position:absolute;
    left:18px;
    top:50%;
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%);
    margin:0;
    color:#ff6b3d;
    font-size:18px;
    line-height:1;
    z-index:2;
    pointer-events:none;
}
body.profile-auth-page .trp-login-card .trp-input-wrap input{
    display:block;
    width:100%;
    height:56px;
    margin:0;
    padding:0 16px 0 50px !important;
    border:0;
    outline:0;
    background:transparent;
    color:#20274a;
    font-size:15px;
    line-height:56px;
}
body.profile-auth-page .trp-login-card .trp-input-wrap input::placeholder{
    color:#a3acc4;
}
body.profile-auth-page .trp-login-card .trp-auth-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:2px 0 2px;
    color:#66739a;
    font-size:14px;
}
body.profile-auth-page .trp-auth-row-start{
    justify-content:flex-start;
}
body.profile-auth-page .trp-check{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0;
    user-select:none;
    cursor:pointer;
}
body.profile-auth-page .trp-check input{
    width:16px;
    height:16px;
    accent-color:#ff7a45;
}
body.profile-auth-page .trp-login-card .trp-auth-row a{
    color:#ff7a45;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}
body.profile-auth-page .trp-login-card .trp-gradient-btn,
body.profile-auth-page .trp-login-card .trp-outline-btn{
    width:100%;
    height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border-radius:15px;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
}
body.profile-auth-page .trp-login-card .trp-gradient-btn{
    color:#fff;
    background:linear-gradient(135deg,#23283d 0%, #171d31 100%);
}
body.profile-auth-page .trp-login-card .trp-outline-btn{
    border:1px solid #e5def0;
    color:#2f365f;
    background:#fff;
}
body.profile-auth-page .trp-login-card .trp-auth-divider{
    position:relative;
    margin:2px 0;
    text-align:center;
}
body.profile-auth-page .trp-login-card .trp-auth-divider::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background:#ece5f4;
}
body.profile-auth-page .trp-login-card .trp-auth-divider span{
    position:relative;
    display:inline-block;
    padding:0 12px;
    background:#fff;
    color:#8c95b5;
    font-size:12px;
    font-weight:700;
}
body.profile-auth-page .trp-reset-head{
    display:grid;
    gap:8px;
    margin:0 0 4px;
    text-align:left;
}
body.profile-auth-page .trp-reset-head > span{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:#fff3e6;
    color:#ff7a45;
    font-size:20px;
}
body.profile-auth-page .trp-reset-head h2{
    margin:4px 0 0;
    color:#20264a;
    font-size:26px;
    line-height:1.15;
    font-weight:800;
}
body.profile-auth-page .trp-reset-head p,
body.profile-auth-page .trp-form-message{
    margin:0;
    color:#707998;
    font-size:14px;
    line-height:1.65;
}
body.profile-auth-page .trp-form-message{
    padding:12px 14px;
    border-radius:14px;
    background:#f6f3ff;
    color:#6657d8;
    font-weight:700;
}
body.profile-auth-page .trp-auth-trust-row{
    display:none !important;
}
body.profile-auth-page .trp-toast{
    display:none !important;
}
body.profile-auth-page .trp-login-visual{
    min-height:100vh;
    height:100vh;
    padding:0;
    margin:0;
    display:block;
    overflow:hidden;
    background:none;
}
body.profile-auth-page .trp-login-visual-bg{
    display:none !important;
}
body.profile-auth-page .trp-login-visual-inner,
body.profile-auth-page .trp-login-visual-frame{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent;
    overflow:hidden;
}
body.profile-auth-page .trp-login-visual-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}
body.profile-page.profile-page > .topbar.home-topbar,
body.profile-page.profile-page > nav.topbar.home-topbar {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
}



.faq-page {
    --faq-accent: #ff7a45;
    --faq-accent-soft: #fff3e6;
    --faq-accent-border: rgba(255, 122, 69, .24);
    --faq-border: rgba(190, 204, 224, .72);
    --faq-border-soft: rgba(211, 224, 244, .92);
    --faq-surface: rgba(255, 255, 255, .94);
    overflow-x: hidden;
    background: var(--gradient-page);
}
.faq-page .page-shell {
    width: 100%;
}
:where(body.faq-page) .faq-hero,
:where(body.faq-page) .faq-category-grid,
:where(body.faq-page) .faq-layout {
    position: relative;
    z-index: 1;
    width: min(calc(100% - 72px), 1260px);
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
}
body.faq-page .hero-card-area {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .48fr);
    align-items: stretch;
    gap: 34px;
    padding: 24px;
}
:where(body.faq-page) .faq-eyebrow,
:where(body.faq-page) .faq-sticky-card > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 32px;
    padding: 0 14px;
    border: 1px solid var(--faq-accent-border);
    border-radius: 999px;
    color: var(--faq-accent);
    background: var(--faq-accent-soft);
    font-size: 12px;
    font-weight: 800;
}
:where(body.faq-page) .faq-hero h1 {
    max-width: 100%;
    margin: 18px 0 12px;
    color: #17203a;
    font-size: clamp(34px, 4vw, 56px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.052em;
}
:where(body.faq-page) .faq-hero p {
    max-width: 720px;
    margin: 0;
    color: #52617f;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
}
:where(body.faq-page) .faq-search-shell {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 116px;
    align-items: center;
    gap: 10px;
    max-width: 760px;
    min-height: 64px;
    margin-top: 28px;
    padding: 10px;
    border: 1px solid var(--faq-border-soft);
    border-radius: 20px;
    background: var(--faq-surface);
}
:where(body.faq-page) .faq-search-shell:focus-within {
    border-color: rgba(255, 122, 69, .42);
}
:where(body.faq-page) .faq-search-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin: 0;
    color: #ffffff;
    border-radius: 15px;
    background: var(--faq-accent);
    font-size: 18px;
}
:where(body.faq-page) .faq-search-icon i,
:where(body.faq-page) .faq-search-icon i::before {
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
}
:where(body.faq-page) .faq-search-shell > input {
    width: 100%;
    min-width: 0;
    height: 48px;
    padding: 0 4px;
    color: #17203a;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}
:where(body.faq-page) .faq-search-shell > input::placeholder {
    color: #6a7894;
    opacity: .9;
}
:where(body.faq-page) .faq-search-shell > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 116px;
    min-width: 116px;
    height: 48px;
    padding: 0 18px;
    color: #ffffff;
    border: 0;
    border-radius: 10px;
    background: var(--faq-accent);
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}
:where(body.faq-page) .faq-hero-visual {
    position: relative;
    min-height: 270px;
}
:where(body.faq-page) .faq-hero-visual::before {
    content: none;
    display: none;
}
:where(body.faq-page) .faq-assurance-panel {
    display: grid;
    align-content: center;
    padding: 24px;
    border: 1px solid var(--faq-border-soft);
    border-radius: 20px;
    background: rgba(255, 255, 255, .86);
}
:where(body.faq-page) .faq-assurance-panel::before,
:where(body.faq-page) .faq-assurance-panel::after {
    content: none;
    display: none;
}
:where(body.faq-page) .faq-assurance-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 0;
}
:where(body.faq-page) .faq-assurance-item + .faq-assurance-item {
    border-top: 1px solid var(--faq-border-soft);
}
:where(body.faq-page) .faq-assurance-item > span {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    color: #ffffff;
    border-radius: 15px;
    background: var(--faq-accent);
    font-size: 18px;
}
:where(body.faq-page) .faq-assurance-item strong {
    display: block;
    color: #17203a;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: -.015em;
}
:where(body.faq-page) .faq-assurance-item small {
    display: block;
    margin-top: 4px;
    color: #5f6f90;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.5;
}
:where(body.faq-page) .faq-category-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 20px;
}
:where(body.faq-page) .faq-category-grid a {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-areas:
    "icon title"
    "icon desc";
    align-items: center;
    gap: 4px 16px;
    min-height: 104px;
    padding: 24px;
    border: 1px solid var(--faq-border-soft);
    border-radius: 20px;
    background: rgba(255, 255, 255, .94);
    color: inherit;
    text-align: left;
    text-decoration: none;
    box-shadow: none;
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
:where(body.faq-page) .faq-category-grid a:hover {
    transform: translateY(-2px);
    border-color: var(--faq-accent-border);
    background: var(--faq-accent-soft);
}
:where(body.faq-page) .faq-category-grid a > i {
    display: grid;
    grid-area: icon;
    place-items: center;
    align-self: center;
    width: 46px;
    height: 46px;
    margin: 0;
    color: #ffffff;
    border-radius: 15px;
    background: var(--faq-accent);
    font-size: 21px;
}
:where(body.faq-page) .faq-category-grid a > strong {
    grid-area: title;
    align-self: end;
    margin: 0;
    color: #17203a;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -.02em;
}
:where(body.faq-page) .faq-category-grid a > small {
    grid-area: desc;
    align-self: start;
    margin: 2px 0 0;
    color: #5f6f90;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.45;
}
:where(body.faq-page) .faq-layout {
    display: grid;
    grid-template-columns: minmax(260px, .34fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    margin-top: 20px;
}
:where(body.faq-page) .faq-main-heading {
    position: relative;
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 28px;
    overflow: hidden;
    padding: 24px;
    border: 1px solid var(--faq-border-soft);
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #fff9f5 100%);
}
:where(body.faq-page) .faq-main-heading::before {
    position: absolute;
    content: "";
    right: -70px;
    bottom: -95px;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: rgba(255, 122, 69, .10);
    pointer-events: none;
}
:where(body.faq-page) .faq-main-copy,
:where(body.faq-page) .faq-main-metrics {
    position: relative;
    z-index: 1;
}
:where(body.faq-page) .faq-main-copy span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 15px;
    color: var(--faq-accent);
    border: 1px solid var(--faq-accent-border);
    border-radius: 999px;
    background: var(--faq-accent-soft);
    font-size: 12px;
    font-weight: 900;
}
:where(body.faq-page) .faq-main-copy h2 {
    margin: 16px 0 10px;
    color: #17203a;
    font-size: clamp(30px, 3.2vw, 44px);
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -.045em;
}
:where(body.faq-page) .faq-main-copy p {
    max-width: 760px;
    margin: 0;
    color: #596886;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.7;
}
:where(body.faq-page) .faq-main-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 12px;
}
:where(body.faq-page) .faq-main-metrics div {
    min-width: 132px;
    padding: 18px;
    border: 1px solid var(--faq-border-soft);
    border-radius: 18px;
    background: rgba(255,255,255,.74);
    box-shadow: none;
}
:where(body.faq-page) .faq-main-metrics strong {
    display: block;
    color: #17203a;
    font-size: 26px;
    font-weight: 600;
}
:where(body.faq-page) .faq-main-metrics small {
    display: block;
    margin-top: 7px;
    color: #687693;
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.35;
}
:where(body.faq-page) .faq-sticky-card {
    position: sticky;
    top: 132px;
    padding: 24px;
    border: 1px solid var(--faq-border-soft);
    border-radius: 20px;
    background: rgba(255, 255, 255, .96);
}
:where(body.faq-page) .faq-sticky-card::before,
:where(body.faq-page) .faq-sticky-card::after {
    content: none;
    display: none;
}
:where(body.faq-page) .faq-sticky-card h2 {
    margin: 14px 0 9px;
    color: #17203a;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -.03em;
}
:where(body.faq-page) .faq-sticky-card p {
    margin: 0 0 18px;
    color: #6b7896;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.7;
}
:where(body.faq-page) .faq-support-actions {
    display: grid;
    gap: 10px;
    margin-top: 20px;
}
:where(body.faq-page) .faq-support-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}
:where(body.faq-page) .faq-support-primary {
    color: #ffffff;
    border: 1px solid var(--faq-accent);
    background: var(--faq-accent);
}
:where(body.faq-page) .faq-support-secondary {
    color: #17203a;
    border: 1px solid var(--faq-border-soft);
    background: #ffffff;
}
:where(body.faq-page) .faq-support-secondary i {
    color: #25d366;
}
:where(body.faq-page) .faq-groups {
    display: grid;
    gap: 16px;
}
:where(body.faq-page) .faq-group {
    padding: 24px;
    border: 1px solid var(--faq-border-soft);
    border-radius: 20px;
    background: rgba(255,255,255,.92);
}
:where(body.faq-page) .faq-group-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}
:where(body.faq-page) .faq-group-heading span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #ffffff;
    border-radius: 15px;
    background: var(--faq-accent);
    font-size: 13px;
    font-weight: 900;
}
:where(body.faq-page) .faq-group-heading h2 {
    margin: 0;
    color: #17203a;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -.025em;
}
:where(body.faq-page) .faq-group details {
    overflow: hidden;
    padding: 0;
    border: 1px solid #e4edf8;
    border-radius: 15px;
    background: #fbfdff;
}
:where(body.faq-page) .faq-group details + details {
    margin-top: 10px;
}
:where(body.faq-page) .faq-group summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 54px;
    padding: 0 18px;
    color: #17203a;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}
:where(body.faq-page) .faq-group summary::-webkit-details-marker {
    display: none;
}
:where(body.faq-page) .faq-group summary i {
    color: var(--faq-accent);
    transition: transform .18s ease;
}
:where(body.faq-page) .faq-group details[open] {
    background: #ffffff;
    border-color: var(--faq-accent-border);
    box-shadow: none;
}
:where(body.faq-page) .faq-group details[open] summary i {
    transform: rotate(180deg);
}
:where(body.faq-page) .faq-group p {
    margin: 0;
    padding: 0 18px 18px;
    color: #687693;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.65;
}
:where(body.faq-page) .faq-search-empty {
    padding: 24px;
    border: 1px dashed var(--faq-accent-border);
    border-radius: 18px;
    background: rgba(255,255,255,.88);
    text-align: center;
}
:where(body.faq-page) .faq-search-empty strong {
    display: block;
    color: #17203a;
    font-size: 16px;
    font-weight: 900;
}
:where(body.faq-page) .faq-search-empty p {
    max-width: 520px;
    margin: 8px auto 0;
    color: #687693;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
}
:where(.error404-page, .blog-page, .blog-detail-page, .packages-page) {
    --teaserid-brand-gradient: #ff7a45 !important;
    --teaserid-brand-gradient-card: #ff7a45 !important;
    --teaserid-brand-gradient-soft: #fff3e6 !important;
    --teaserid-brand-shadow: 0 16px 34px rgba(255, 122, 69, .18) !important;
    --gradient-primary: var(--teaserid-brand-gradient) !important;
}
:where(.error404-page, .blog-page, .blog-detail-page, .packages-page) :is( .blog-hero, .article-hero, .packages-hero ) {
    border-color: rgba(255, 122, 69, .18) !important;
}
:where(.error404-page, .blog-page, .blog-detail-page, .packages-page) :is( .blog-eyebrow, .blog-card span, .article-eyebrow, .packages-eyebrow, .error404-badge ) {
    color: #ff7a45 !important;
    border-color: rgba(255, 122, 69, .24) !important;
}
:where(.error404-page, .blog-page, .blog-detail-page, .packages-page) :is(input, select, textarea):focus {
    border-color: rgba(255, 122, 69, .42) !important;
}
.contracts-page {
    --contracts-accent: #ff7a45;
    --contracts-accent-soft: #fff3e6;
    --contracts-accent-border: rgba(255, 122, 69, .24);
    --contracts-border: rgba(190, 204, 224, .72);
    --contracts-surface: rgba(255, 255, 255, .92);
    overflow-x: hidden;
    background: var(--gradient-page);
}
.contracts-page .page-shell {
    width: 100%;
}
:where(body.contracts-page) .contracts-hero,
:where(body.contracts-page) .contracts-section {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}
:where(body.contracts-page) .contracts-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 28px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 20px;
}
:where(body.contracts-page) .contracts-hero__glow {
    display: none;
}
:where(body.contracts-page) .contracts-hero__content,
:where(body.contracts-page) .contracts-hero__card {
    position: relative;
    z-index: 1;
}
:where(body.contracts-page) .contracts-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 32px;
    margin-bottom: 14px;
    padding: 0 15px;
    border: 1px solid var(--contracts-accent-border);
    border-radius: 22px;
    background: var(--contracts-accent-soft);
    color: var(--contracts-accent);
    font-size: 12px;
    font-weight: 800;
}
:where(body.contracts-page) .contracts-hero h1 {
    max-width: 760px;
    margin: 0;
    color: #17203a;
    font-size: clamp(34px, 5vw, 66px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.045em;
}
:where(body.contracts-page) .contracts-hero p {
    max-width: 680px;
    margin: 18px 0 0;
    color: #596886;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
}
:where(body.contracts-page) .contracts-hero__card {
    display: grid;
    place-items: center;
    min-width: 178px;
    padding: 28px;
    border: 1px solid var(--contracts-accent-border);
    border-radius: 22px;
    background: #ffffff;
    color: #17203a;
    text-align: center;
    box-shadow: none;
}
:where(body.contracts-page) .contracts-hero__card span {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 10px;
    border-radius: 18px;
    background: var(--contracts-accent);
    color: #ffffff;
    font-size: 26px;
    box-shadow: none;
}
:where(body.contracts-page) .contracts-hero__card strong {
    color: #17203a;
    font-size: 46px;
    line-height: 1;
}
:where(body.contracts-page) .contracts-hero__card small {
    margin-top: 6px;
    color: #596886;
    font-weight: 800;
}
:where(body.contracts-page) .contracts-section {
    margin-top: 0;
    margin-bottom: 46px;
}
:where(body.contracts-page) .contracts-shell {
    display: grid;
    grid-template-columns: 410px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
:where(body.contracts-page) .contracts-sidebar,
:where(body.contracts-page) .contracts-content {
    border: 1px solid var(--contracts-border);
    border-radius: 20px;
    background: var(--contracts-surface);
}
:where(body.contracts-page) .contracts-sidebar {
    position: sticky;
    top: 18px;
    overflow: hidden;
}
:where(body.contracts-page) .contracts-sidebar__head {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 24px;
}
:where(body.contracts-page) .contracts-sidebar__head > span {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 18px;
    background: var(--contracts-accent-soft);
    color: var(--contracts-accent);
    font-size: 22px;
}
:where(body.contracts-page) .contracts-sidebar h2 {
    margin: 0;
    color: #17203a;
    font-size: 22px;
    font-weight: 800;
}
:where(body.contracts-page) .contracts-sidebar p {
    margin: 4px 0 0;
    color: #66738a;
    font-size: 13px;
}
:where(body.contracts-page) .contracts-search {
    position: relative;
    margin: 0 22px 16px;
}
:where(body.contracts-page) .contracts-search i {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--contracts-accent);
}
:where(body.contracts-page) .contracts-search input {
    width: 100%;
    height: 48px;
    padding: 0 16px 0 42px;
    border: 1px solid var(--contracts-border);
    border-radius: 18px;
    outline: none;
    background: #f8fbff;
    color: #17203a;
    font: inherit;
    font-size: 14px;
    transition: border-color .2s ease, background .2s ease;
}
:where(body.contracts-page) .contracts-search input:focus {
    border-color: var(--contracts-accent);
    background: #ffffff;
}
:where(body.contracts-page) .contracts-menu {
    display: grid;
    gap: 0;
    padding: 0;
}
:where(body.contracts-page) .contract-menu-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 17px 22px;
    border: 0;
    border-top: 1px solid var(--contracts-border);
    border-radius: 0;
    background: transparent;
    color: #24314f;
    text-align: left;
    cursor: pointer;
    box-shadow: none;
    transition: background .2s ease, color .2s ease;
}
:where(body.contracts-page) .contract-menu-item:not(.is-active):hover {
    background: var(--contracts-accent-soft);
}
:where(body.contracts-page) .contract-menu-item.is-active,
:where(body.contracts-page) .contract-menu-item.is-active:hover,
:where(body.contracts-page) .contract-menu-item.is-active:focus,
:where(body.contracts-page) .contract-menu-item.is-active:focus-visible {
    background: var(--contracts-accent);
    color: #ffffff;
    opacity: 1;
    filter: none;
}
:where(body.contracts-page) .contract-menu-item.is-hidden {
    display: none;
}
:where(body.contracts-page) .contract-menu-item__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 18px;
    background: var(--contracts-accent-soft);
    color: var(--contracts-accent);
    font-size: 20px;
}
:where(body.contracts-page) .contract-menu-item.is-active .contract-menu-item__icon,
:where(body.contracts-page) .contract-menu-item.is-active:hover .contract-menu-item__icon {
    background: rgba(255, 255, 255, .20);
    color: #ffffff;
    opacity: 1;
}
:where(body.contracts-page) .contract-menu-item strong,
:where(body.contracts-page) .contract-menu-item small {
    display: block;
}
:where(body.contracts-page) .contract-menu-item strong {
    color: #17203a;
    font-size: 14px;
    font-weight: 800;
}
:where(body.contracts-page) .contract-menu-item small {
    margin-top: 3px;
    color: #73829c;
    font-size: 12px;
    font-weight: 600;
}
:where(body.contracts-page) .contract-menu-item > .bi-chevron-right {
    color: #a6b1c4;
    transition: transform .2s ease, color .2s ease;
}
:where(body.contracts-page) .contract-menu-item.is-active strong,
:where(body.contracts-page) .contract-menu-item.is-active:hover strong,
:where(body.contracts-page) .contract-menu-item.is-active small,
:where(body.contracts-page) .contract-menu-item.is-active:hover small,
:where(body.contracts-page) .contract-menu-item.is-active > .bi-chevron-right,
:where(body.contracts-page) .contract-menu-item.is-active:hover > .bi-chevron-right {
    color: #ffffff;
    opacity: 1;
}
:where(body.contracts-page) .contract-menu-item.is-active > .bi-chevron-right {
    transform: translateX(3px);
}
:where(body.contracts-page) .contracts-sidebar__note {
    display: flex;
    gap: 12px;
    margin: 18px 22px 22px;
    padding: 14px;
    border: 1px solid var(--contracts-accent-border);
    border-radius: 18px;
    background: var(--contracts-accent-soft);
    color: #41516d;
}
:where(body.contracts-page) .contracts-sidebar__note i {
    color: var(--contracts-accent);
    font-size: 18px;
}
:where(body.contracts-page) .contracts-sidebar__note p {
    margin: 0;
    line-height: 1.6;
}
:where(body.contracts-page) .contracts-content {
    min-height: 760px;
    padding: 24px;
}
:where(body.contracts-page) .contract-panel__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--contracts-border);
}
:where(body.contracts-page) .contract-panel__header span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 14px;
    border-radius: 18px;
    background: var(--contracts-accent);
    color: #ffffff;
    font-weight: 800;
    box-shadow: none;
}
:where(body.contracts-page) .contract-panel__header h2 {
    margin: 0;
    color: #17203a;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 800;
    letter-spacing: -.03em;
}
:where(body.contracts-page) .contract-panel__header p {
    margin: 8px 0 0;
    color: #66738a;
    font-size: 14px;
}
:where(body.contracts-page) .contract-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid var(--contracts-accent-border);
    border-radius: 12px;
    background: #ffffff;
    color: #17203a;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
:where(body.contracts-page) .contract-action:hover {
    border-color: var(--contracts-accent);
    background: var(--contracts-accent);
    color: #ffffff;
}
:where(body.contracts-page) .contract-panel__body {
    padding-top: 26px;
    color: #25304a;
}
:where(body.contracts-page) .contract-panel__body h3 {
    margin: 26px 0 10px;
    color: #17203a;
    font-size: 18px;
    font-weight: 800;
}
:where(body.contracts-page) .contract-panel__body h3:first-child {
    margin-top: 0;
}
:where(body.contracts-page) .contract-panel__body p {
    margin: 0;
    color: #3f4b62;
    font-size: 15px;
    line-height: 1.9;
}
:where(body.contracts-page) .contract-panel {
    animation: contractFade .22s ease;
}
:where(body.contracts-page) .contract-empty {
    display: grid;
    place-items: center;
    min-height: 360px;
    color: #64728b;
    text-align: center;
}
:where(body.contracts-page) .contract-empty i {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    margin-bottom: 14px;
    border-radius: 18px;
    background: var(--contracts-accent);
    color: #ffffff;
    font-size: 30px;
}
:where(body.contracts-page) .contract-empty strong {
    color: #17203a;
    font-size: 20px;
}
:where(body.contracts-page) .contract-empty p {
    margin: 8px 0 0;
}
@keyframes contractFade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
body.order-flow-page {
    --bg1: #17192c;
    --bg2: #11142a;
    --bg3: #0c1020;
    --text: #ffffff;
    --muted: #c0c4d1;
    --green: #1ed796;
}
:where(body.order-flow-page) * {box-sizing:border-box}
html body.order-flow-page,
body.order-flow-page {height:100%}
:where(body.order-flow-page) .screen {position:absolute; inset:0; display:none; overflow:hidden;}
:where(body.order-flow-page) .screen.active {display:block}
:where(body.order-flow-page) .service-icon {
    width:46px; height:46px; border-radius:12px;
    background:linear-gradient(135deg,#ff2c79,#e80061);
    display:grid; place-items:center; flex:none;
    box-shadow:0 12px 20px rgba(255,13,103,.20);
}
:where(body.order-flow-page) .service-icon svg {width:24px; height:24px; fill:none; stroke:#fff; stroke-width:2.2}
:where(body.order-flow-page) .title-wrap {min-width:0; flex:1; line-height:1.05}
:where(body.order-flow-page) .service-title {font-size:18px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
:where(body.order-flow-page) .content::-webkit-scrollbar {display:none}
:where(body.order-flow-page) .content.has-cart {bottom:82px; padding-bottom:28px}
:where(body.order-flow-page) .avatar {
    width:56px; height:56px; border-radius:50%; flex:none; border:2px solid rgba(255,255,255,.16);
    background:radial-gradient(circle at 38% 28%, #f0c894 0 15%, transparent 16%),
    radial-gradient(circle at 56% 45%, #f7ead7 0 15%, transparent 16%),
    linear-gradient(135deg,#c2a25e,#7ec175 58%, #6381d7);
}
:where(body.order-flow-page) .name {font-size:18px; font-weight:800; line-height:1.08}
:where(body.order-flow-page) .username {font-size:14px; color:#c0c4d1; margin-top:2px}
:where(body.order-flow-page) .stats {display:grid; grid-template-columns:auto auto auto 1fr; align-items:end; gap:18px; padding-top:12px}
:where(body.order-flow-page) .stat .label {font-size:13px; color:#c0c4d1; margin-bottom:4px; white-space:nowrap}
:where(body.order-flow-page) .stat .value {font-size:16px; font-weight:800}
:where(body.order-flow-page) .cart-icon {
    width:52px; height:52px; border-radius:12px; background:linear-gradient(135deg,#ff2c79,#e80061);
    display:grid; place-items:center; flex:none; box-shadow:0 12px 20px rgba(255,13,103,.20);
}
:where(body.order-flow-page) .cart-icon svg {width:24px; height:24px; fill:none; stroke:#fff; stroke-width:2.2}
:where(body.order-flow-page) .price {flex:1; min-width:0; line-height:1.05}
:where(body.order-flow-page) .price .label {color:#d8dbe7; font-size:14px; margin-bottom:4px}
:where(body.order-flow-page) .price .value {font-size:17px; font-weight:800; white-space:nowrap}
:where(body.order-flow-page) .btn-cart-icon svg {
    width:19px;
    height:19px;
    fill:none;
    stroke:#fff;
    stroke-width:2.15;
    stroke-linecap:round;
    stroke-linejoin:round;
}
:where(body.order-flow-page) .section-head {
    margin:4px 2px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px;
}
:where(body.order-flow-page) .section-title {display:flex; align-items:center; gap:10px; font-size:16px; font-weight:900}
:where(body.order-flow-page) .grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
:where(body.order-flow-page) .post-card:hover {transform:none}
:where(body.order-flow-page) .meta-pill {
    height:34px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 12px;
    font-size:13px;
    font-weight:800;
    backdrop-filter:blur(8px);
}
:where(body.order-flow-page) .meta-likes {
    background:rgba(255,255,255,.18);
    color:#fff;
    justify-content:flex-start;
}
:where(body.order-flow-page) .post-card.selected .selection-overlay {display:block}
:where(body.order-flow-page) .post-card.selected .default-meta {display:none}
:where(body.order-flow-page) .post-card.selected .checkmark {display:flex}
:where(body.order-flow-page) .mini-row:last-child {margin-bottom:0}
:where(body.order-flow-page) .mini-left {
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5c6277;
    width:14px; height:14px; flex:none;
}
:where(body.order-flow-page) .mini-left svg {width:12px; height:12px; stroke-width:2.2; fill:none; flex:none}
:where(body.order-flow-page) .cart-btn {
    height:52px;
    min-width:172px;
    padding:0 15px 0 20px;
    border:none;
    border-radius:14px;
    background:linear-gradient(135deg,#ff1a72,#ea005f);
    color:#fff;
    font-size:15px;
    font-weight:850;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex:none;
    box-shadow:0 16px 28px rgba(255,13,103,.22) !important;
}
:where(body.order-flow-page) .btn-cart-icon {
    width:30px;
    height:30px;
    border-radius:11px;
    display:grid;
    place-items:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
    flex:none;
    background:rgba(255,255,255,.20) !important;
    border:1px solid rgba(255,255,255,.22);
}
body.order-flow-page {
    --text:#151827;
    --muted:#7f8495;
    --pink:#ff0d67;
    --pink2:#ff3b84;
    --green:#11b978;
}
:where(body.order-flow-page) .app {
    width:100%;
    max-width:430px;
    height:100vh;
    min-height:840px;
    position:relative;
    overflow:hidden;
    background:
    radial-gradient(circle at 12% 82%, rgba(255,13,103,.08), transparent 30%),
    radial-gradient(circle at 88% 24%, rgba(255,170,205,.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfe 52%, #fff6fa 100%) !important;
    border-left:1px solid rgba(20,24,38,.08) !important;
    border-right:1px solid rgba(20,24,38,.08) !important;
    box-shadow:0 24px 70px rgba(18,22,34,.10);
}
:where(body.order-flow-page) .topbar {
    height:84px;
    padding:16px 20px;
    display:flex;
    align-items:center;
    gap:14px;
    z-index:20;
    background:rgba(255,255,255,.88) !important;
    border-bottom:1px solid rgba(24,28,44,.08) !important;
    box-shadow:0 12px 32px rgba(18,22,34,.06);
    backdrop-filter:blur(18px);
}
:where(body.order-flow-page) .platform {
    font-size:14px;
    margin-bottom:4px;
    color:#ff0d67 !important;
}
:where(body.order-flow-page) .service-title,
:where(body.order-flow-page) .section-title,
:where(body.order-flow-page) .name,
:where(body.order-flow-page) .stat .value,
:where(body.order-flow-page) .price .value {
    color:#151827 !important;
}
:where(body.order-flow-page) .username,
:where(body.order-flow-page) .stat .label,
:where(body.order-flow-page) .price .label {
    color:#7f8495 !important;
}
:where(body.order-flow-page) .back-btn {
    height:44px;
    min-width:92px;
    padding:0 18px 0 15px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:14px;
    font-weight:850;
    letter-spacing:.1px;
    flex:none;
    cursor:pointer;
    transition:background .15s ease, border-color .15s ease, transform .12s ease;
    background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,250,253,.90)),
    linear-gradient(135deg, #ffffff, #f4f5fa) !important;
    color:#202435 !important;
    border:1px solid rgba(28,32,48,.10) !important;
    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 10px 24px rgba(18,22,34,.08) !important;
}
:where(body.order-flow-page) .back-btn:hover {
    background:
    linear-gradient(180deg, #ffffff, #f6f7fb),
    linear-gradient(135deg, #ffffff, #f4f5fa) !important;
    border-color:rgba(255,13,103,.22) !important;
}
:where(body.order-flow-page) .back-btn:active {
    transform:scale(.97);
    background:#f2f4fa !important;
}
:where(body.order-flow-page) .back-btn svg {
    width:18px;
    height:18px;
    fill:none;
    stroke-width:2.6;
    stroke-linecap:round;
    stroke-linejoin:round;
    flex:none;
    opacity:.96;
    stroke:#202435 !important;
}
:where(body.order-flow-page) .content {
    position:absolute;
    left:0;
    right:0;
    top:84px;
    bottom:0;
    overflow:auto;
    padding:20px 20px 24px;
    -ms-overflow-style:none;
    scrollbar-width:none;
    color:#151827 !important;
}
:where(body.order-flow-page) .input-box {
    margin-top:18px;
    height:64px;
    border-radius:18px;
    display:flex;
    align-items:center;
    padding:0 18px;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(28,32,48,.12) !important;
    color:#979baa !important;
    box-shadow:0 12px 28px rgba(18,22,34,.04);
}
:where(body.order-flow-page) .input-box input {
    width:100%;
    border:none;
    outline:none;
    background:transparent;
    font-size:18px;
    font-weight:600;
    color:#151827 !important;
}
:where(body.order-flow-page) .input-box input::placeholder {
    color:#9a9eac !important;
}
:where(body.order-flow-page) .primary-btn {
    width:100%;
    height:58px;
    margin-top:16px;
    border:none;
    border-radius:14px;
    font-size:16px;
    font-weight:800;
    background:linear-gradient(135deg,#ff4b8e,#ff0d67) !important;
    color:#ffffff !important;
}
:where(body.order-flow-page) .notice {
    margin-top:16px;
    border-radius:14px;
    padding:14px 16px;
    text-align:center;
    font-size:16px;
    font-weight:700;
    line-height:1.35;
    background:linear-gradient(135deg,#fff7ed,#fff0f5) !important;
    color:#a96923 !important;
    border:1px solid rgba(245,178,86,.22);
}
:where(body.order-flow-page) .profile-card {
    margin-top:10px;
    border-radius:20px;
    padding:14px;
    background:rgba(255,255,255,.82) !important;
    border:1px solid rgba(28,32,48,.10) !important;
    box-shadow:0 18px 40px rgba(18,22,34,.08);
}
:where(body.order-flow-page) .profile-head {
    display:flex;
    align-items:center;
    gap:12px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(28,32,48,.08) !important;
}
:where(body.order-flow-page) #page2 .profile-card,
:where(body.order-flow-page) #page5 .profile-card,
:where(body.order-flow-page) #page7 .profile-card {
    display:flex;
    flex-direction:column;
    align-items:center;
}
:where(body.order-flow-page) #page2 .stats,
:where(body.order-flow-page) #page5 .stats,
:where(body.order-flow-page) #page7 .stats {
    width:fit-content;
    max-width:100%;
}
:where(body.order-flow-page) #page2 .profile-head,
:where(body.order-flow-page) #page5 .profile-head,
:where(body.order-flow-page) #page7 .profile-head {
    width:min(100%, 430px);
    max-width:100%;
    justify-content:center;
}
:where(body.order-flow-page) #page2 .stats,
:where(body.order-flow-page) #page5 .stats,
:where(body.order-flow-page) #page7 .stats {
    grid-template-columns:auto auto auto;
    justify-items:center;
}
:where(body.order-flow-page) #page2 .stat,
:where(body.order-flow-page) #page5 .stat,
:where(body.order-flow-page) #page7 .stat {
    text-align:center;
}
:where(body.order-flow-page) .pill {
    justify-self:end;
    align-self:center;
    border-radius:999px;
    padding:8px 14px;
    font-size:14px;
    font-weight:800;
    background:rgba(17,185,120,.12) !important;
    color:#10aa70 !important;
}
:where(body.order-flow-page) .cart-footer {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:82px;
    padding:14px 20px;
    display:flex;
    align-items:center;
    gap:12px;
    z-index:20;
    background:rgba(255,255,255,.92) !important;
    border-top:1px solid rgba(28,32,48,.08) !important;
    box-shadow:0 -14px 36px rgba(18,22,34,.08);
    backdrop-filter:blur(18px);
}
:where(body.order-flow-page) .counter {
    height:40px;
    min-width:96px;
    border:none;
    border-radius:16px;
    padding:0 14px;
    font-size:14px;
    font-weight:800;
    flex:none;
    transition:.18s ease;
    background:#f3f4f8 !important;
    color:#202435 !important;
    box-shadow:inset 0 0 0 1px rgba(28,32,48,.05);
}
:where(body.order-flow-page) .counter.limit {
    transform:scale(1.04);
    background:rgba(255,13,103,.12) !important;
    color:#ff0d67 !important;
}
:where(body.order-flow-page) .section-title::before {
    content:"";
    width:5px;
    height:28px;
    border-radius:999px;
    background:linear-gradient(180deg,#ff4b8e,#ff0d67) !important;
}
:where(body.order-flow-page) .post-card.selected::before {
    border-color:#ff0f6a !important;
}
:where(body.order-flow-page) .mini-row {
    height:22px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    padding:0 8px;
    font-size:10px;
    font-weight:900;
    margin-bottom:5px;
    background:rgba(255,255,255,.94) !important;
    color:#151827 !important;
    box-shadow:
    inset 0 0 0 1px rgba(28,32,48,.04),
    0 4px 10px rgba(18,22,34,.05);
}
:where(body.order-flow-page) .mini-row .value {
    font-weight:950;
    letter-spacing:.1px;
    font-size:10.5px;
    line-height:1;
    color:#151827 !important;
}
:where(body.order-flow-page) .default-meta .meta-pill {
    background:rgba(255,255,255,.30) !important;
    color:#ffffff !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
:where(body.order-flow-page) .meta-likes svg {
    width:14px;
    height:14px;
    fill:none;
    stroke-width:2.1;
    flex:none;
    stroke:#ffffff !important;
}
:where(body.order-flow-page) .pager {
    position:fixed;
    left:50%;
    bottom:12px;
    transform:translateX(-50%);
    display:flex;
    gap:8px;
    padding:8px;
    border-radius:16px;
    z-index:30;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(28,32,48,.10) !important;
    box-shadow:0 14px 36px rgba(18,22,34,.14);
    backdrop-filter:blur(18px);
}
:where(body.order-flow-page) .pager button {
    width:46px;
    height:40px;
    border:none;
    border-radius:10px;
    font-size:17px;
    font-weight:800;
    cursor:pointer;
    background:#f1f3f8 !important;
    color:#555b6d !important;
}
:where(body.order-flow-page) .pager button.active {
    background:linear-gradient(135deg,#ff2c79,#e80061) !important;
    color:#ffffff !important;
    box-shadow:0 8px 18px rgba(255,13,103,.24);
}
:where(body.order-flow-page) .post-card {
    position:relative;
    aspect-ratio:1/1;
    cursor:pointer;
    border:2px solid #d9deea !important;
    padding:4px !important;
    background:#f2f4f9 !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:0 12px 28px rgba(18,22,34,.10) !important;
}
:where(body.order-flow-page) .post-card::before {
    content:"";
    position:absolute;
    inset:0;
    border-radius:20px;
    border:2px solid #343856;
    pointer-events:none;
    z-index:6;
    display:none !important;
}
:where(body.order-flow-page) .post-card.selected {
    border-color:#ff0f6a !important;
    background:#fff5f9 !important;
    box-shadow:
    0 0 0 2px rgba(255,15,106,.14),
    0 16px 32px rgba(255,15,106,.12),
    0 12px 28px rgba(18,22,34,.10) !important;
}
:where(body.order-flow-page) .post-image {
    position:absolute;
    display:block;
    background:#20233a;
    inset:4px !important;
    width:calc(100% - 8px) !important;
    height:calc(100% - 8px) !important;
    border-radius:15px !important;
    object-fit:cover !important;
    margin:0 !important;
}
:where(body.order-flow-page) .post-card::after {
    content:"";
    position:absolute;
    background:linear-gradient(180deg, rgba(0,0,0,.03) 30%, rgba(0,0,0,.38) 100%);
    z-index:1;
    pointer-events:none;
    inset:4px !important;
    border-radius:15px !important;
}
:where(body.order-flow-page) .default-meta {
    position:absolute;
    display:flex;
    justify-content:flex-start;
    z-index:3;
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
}
:where(body.order-flow-page) .selection-overlay {
    position:absolute;
    width:84px;
    padding:8px;
    border-radius:18px;
    backdrop-filter:blur(8px);
    display:none;
    z-index:4;
    background:rgba(255,255,255,.82) !important;
    border:1px solid rgba(255,255,255,.82) !important;
    box-shadow:0 14px 28px rgba(18,22,34,.16) !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%, -50%) !important;
}
:where(body.order-flow-page) .checkmark {
    position:absolute;
    width:34px;
    height:34px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff428b,#eb0c68);
    color:#fff;
    display:none;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:900;
    z-index:5;
    box-shadow:0 10px 18px rgba(255,13,103,.26);
    top:12px !important;
    right:12px !important;
}
:where(body.order-flow-page) .comment-mode-wrap {
    margin-top:4px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
:where(body.order-flow-page) .comment-mode {
    min-height:78px;
    border-radius:18px;
    border:1px solid rgba(28,32,48,.10);
    background:rgba(255,255,255,.72);
    color:#4d5669;
    font-size:15px;
    font-weight:850;
    line-height:1.45;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(18,22,34,.06);
    transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
:where(body.order-flow-page) .comment-mode.active {
    color:#fff;
    border-color:transparent;
    background:linear-gradient(135deg,#ff5b75,#9057f5);
    box-shadow:0 16px 34px rgba(255,13,103,.18);
}
:where(body.order-flow-page) .comment-panel-title {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}
:where(body.order-flow-page) .comment-panel-title strong {
    color:#151827;
    font-size:16px;
    font-weight:900;
}
:where(body.order-flow-page) .custom-box {
    display:none;
}
:where(body.order-flow-page) .comment-panel.custom-active .custom-box {
    display:block;
}
:where(body.order-flow-page) .custom-textarea {
    width:100%;
    min-height:230px;
    resize:vertical;
    border:none;
    outline:none;
    border-radius:18px;
    background:#f7f8fc;
    color:#151827;
    padding:16px;
    font-family:inherit;
    font-size:14px;
    font-weight:650;
    line-height:1.55;
    box-shadow:inset 0 0 0 1px rgba(28,32,48,.08);
}
:where(body.order-flow-page) .custom-textarea::placeholder {
    color:#9aa0ae;
    font-weight:650;
}
:where(body.order-flow-page) .textarea-help {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:10px;
    color:#7f8495;
    font-size:12px;
    font-weight:750;
}
:where(body.order-flow-page) .textarea-help b {
    color:#ff0d67;
}
:where(body.order-flow-page) .prepared-modal-head h3 {
    margin:0 0 10px;
    color:#151827;
    font-size:22px;
    font-weight:950;
    letter-spacing:-.4px;
}
:where(body.order-flow-page) .prepared-section-card {
    border-radius:12px;
    background:#ffffff;
    border:1px solid rgba(28,32,48,.08);
    box-shadow:0 8px 24px rgba(18,22,34,.08);
    overflow:hidden;
    margin-top:10px;
}
:where(body.order-flow-page) .prepared-section-title {
    height:48px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#1f2937;
    font-size:14px;
    font-weight:900;
    border-bottom:1px solid rgba(28,32,48,.07);
    background:#ffffff;
}
:where(body.order-flow-page) .prepared-scroll-list {
    max-height:230px;
    overflow:auto;
    padding:10px 14px;
    background:#f8fafc;
    scrollbar-width:thin;
    scrollbar-color:#cbd5e1 transparent;
}
:where(body.order-flow-page) .prepared-scroll-list::-webkit-scrollbar,
:where(body.order-flow-page) .selected-scroll-list::-webkit-scrollbar {
    width:5px;
}
:where(body.order-flow-page) .prepared-scroll-list::-webkit-scrollbar-thumb,
:where(body.order-flow-page) .selected-scroll-list::-webkit-scrollbar-thumb {
    background:#cbd5e1;
    border-radius:999px;
}
:where(body.order-flow-page) .prepared-item {
    width:100%;
    min-height:44px;
    border:1px solid #d8e0ec;
    border-radius:10px;
    background:#ffffff;
    color:#42526a;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:11px 12px;
    margin-bottom:9px;
    text-align:left;
    font-family:inherit;
    font-size:13.5px;
    font-weight:650;
    line-height:1.45;
    cursor:pointer;
    transition:border-color .14s ease, background .14s ease;
}
:where(body.order-flow-page) .prepared-item:last-child {
    margin-bottom:0;
}
:where(body.order-flow-page) .prepared-item.selected {
    background:#fff5f9;
    border-color:rgba(255,13,103,.42);
    color:#1f2937;
}
:where(body.order-flow-page) .prepared-item .selected-mark {
    width:22px;
    height:22px;
    border-radius:8px;
    border:2px solid #cbd5e1;
    display:grid;
    place-items:center;
    flex:none;
    color:#fff;
    font-size:13px;
    font-weight:950;
    background:#ffffff;
}
:where(body.order-flow-page) .prepared-item.selected .selected-mark {
    border-color:#ff0d67;
    background:linear-gradient(135deg,#ff3b84,#ff0d67);
}
:where(body.order-flow-page) .prepared-item.selected .selected-mark::before {
    content:"✓";
}
:where(body.order-flow-page) .selected-scroll-list {
    height:190px;
    overflow:auto;
    padding:14px;
    background:#f8fafc;
}
:where(body.order-flow-page) .selected-placeholder {
    height:100%;
    min-height:160px;
    border-radius:10px;
    background:#f3f6fa;
    color:#718096;
    display:flex;
    align-items:flex-start;
    padding:18px;
    font-size:13.5px;
    font-weight:650;
}
:where(body.order-flow-page) .selected-chip {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    background:#ffffff;
    border:1px solid #d8e0ec;
    color:#42526a;
    border-radius:10px;
    padding:10px 12px;
    margin-bottom:9px;
    font-size:13.5px;
    font-weight:650;
    line-height:1.4;
}
:where(body.order-flow-page) .selected-chip:last-child {
    margin-bottom:0;
}
:where(body.order-flow-page) .remove-selected-comment {
    width:24px;
    height:24px;
    border:none;
    border-radius:8px;
    background:#fff0f5;
    color:#ff0d67;
    font-size:18px;
    line-height:1;
    font-weight:900;
    cursor:pointer;
    flex:none;
}
:where(body.order-flow-page) .prepared-action-btn.random {
    background:linear-gradient(135deg,#24b8f2,#0c93df);
    box-shadow:0 10px 18px rgba(12,147,223,.18);
}
:where(body.order-flow-page) .prepared-action-btn.clear {
    background:linear-gradient(135deg,#ff6b73,#ff4e5f);
    box-shadow:0 10px 18px rgba(255,78,95,.18);
}
:where(body.order-flow-page) .comment-panel.custom-active .prepared-box {
    display:none !important;
}
:where(body.order-flow-page) .prepared-modal-head p {
    color:#536074;
    font-weight:650;
    max-width:330px;
    margin:0 auto !important;
    line-height:1.45 !important;
    font-size:12.5px !important;
    white-space:normal;
}
:where(body.order-flow-page) .comment-panel {
    margin-top:18px;
    border-radius:22px;
    background:rgba(255,255,255,.78);
    border:1px solid rgba(28,32,48,.09);
    box-shadow:0 18px 42px rgba(18,22,34,.08);
    padding:14px !important;
    position:relative;
    padding-bottom:74px !important;
}
:where(body.order-flow-page) .prepared-box {
    display:block;
    position:relative;
}
:where(body.order-flow-page) .prepared-actions {
    margin-top:10px;
    padding-top:8px;
    position:absolute !important;
    left:0;
    right:0;
    bottom:-62px;
    height:56px;
    margin:0 !important;
    padding:8px 0 0 !important;
    background:transparent !important;
    display:grid !important;
    grid-template-columns:1fr auto auto !important;
    gap:8px !important;
    align-items:center !important;
    z-index:8;
}
:where(body.order-flow-page) .prepared-selected-count {
    height:40px;
    display:flex;
    align-items:center;
    color:#4b5870 !important;
    font-size:13px !important;
    font-weight:850 !important;
    white-space:nowrap !important;
}
:where(body.order-flow-page) .prepared-action-btn {
    border:none;
    color:#ffffff;
    cursor:pointer;
    white-space:nowrap;
    height:38px !important;
    border-radius:10px !important;
    padding:0 14px !important;
    font-size:13px !important;
    font-weight:900 !important;
}
:where(body.order-flow-page) .story-note {
    margin-top:16px;
    border-radius:18px;
    padding:16px 18px;
    background:linear-gradient(135deg,#fff5fa,#f5f8ff);
    border:1px solid rgba(255,13,103,.14);
    color:#4f5b70;
    font-size:14px;
    font-weight:750;
    line-height:1.55;
    box-shadow:0 14px 30px rgba(18,22,34,.06);
    display:flex;
    gap:12px;
    align-items:flex-start;
}
:where(body.order-flow-page) #page5 .content.has-cart {
    padding-top:30px;
}
:where(body.order-flow-page) #page5 .profile-card {
    margin-bottom:14px;
}
:where(body.order-flow-page) .story-overview-card {
    margin-top:14px;
    border-radius:24px;
    padding:18px;
    background:linear-gradient(145deg,#ffffff,#fbfcff);
    border:1px solid rgba(255,13,103,.12);
    box-shadow:0 18px 42px rgba(18,22,34,.08);
}
:where(body.order-flow-page) .story-overview-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
}
:where(body.order-flow-page) .story-overview-title {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
:where(body.order-flow-page) .story-eye-icon {
    width:44px;
    height:44px;
    border-radius:16px;
    background:linear-gradient(135deg,#ff3b84,#ff0d67);
    color:#fff;
    display:grid;
    place-items:center;
    flex:none;
    box-shadow:0 12px 24px rgba(255,13,103,.24);
}
:where(body.order-flow-page) .story-eye-icon svg {
    width:22px;
    height:22px;
    fill:none;
    stroke:#fff;
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
}
:where(body.order-flow-page) .story-overview-title strong {
    display:block;
    color:#151827;
    font-size:16px;
    font-weight:950;
    letter-spacing:-.2px;
}
:where(body.order-flow-page) .story-overview-title span {
    display:block;
    margin-top:3px;
    color:#737b8c;
    font-size:12.5px;
    font-weight:750;
    line-height:1.35;
}
:where(body.order-flow-page) .story-view-pill {
    height:38px;
    padding:0 14px;
    border-radius:999px;
    background:#e8fbf4;
    color:#04a86a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:950;
    white-space:nowrap;
}
:where(body.order-flow-page) .story-ring {
    width:48px;
    height:48px;
    border-radius:50%;
    padding:3px;
    background:linear-gradient(135deg,#ff0d67,#ffb000,#7b61ff);
    box-shadow:0 10px 20px rgba(255,13,103,.12);
}
:where(body.order-flow-page) .story-ring-inner {
    width:100%;
    height:100%;
    border-radius:50%;
    background:linear-gradient(135deg,#f7d27b,#82c77a,#7b8df4);
    border:3px solid #fff;
}
:where(body.order-flow-page) .story-mini-stats {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:12px;
}
:where(body.order-flow-page) .story-mini-stat {
    border-radius:16px;
    background:#f7f9fd;
    border:1px solid rgba(28,32,48,.06);
    padding:12px;
}
:where(body.order-flow-page) .story-mini-stat span {
    display:block;
    color:#8a93a5;
    font-size:11.5px;
    font-weight:800;
    margin-bottom:5px;
}
:where(body.order-flow-page) .story-mini-stat strong {
    display:block;
    color:#151827;
    font-size:15px;
    font-weight:950;
}
:where(body.order-flow-page) .story-slider-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:4px 0 10px;
}
:where(body.order-flow-page) .story-slider-head strong {
    color:#151827;
    font-size:14px;
    font-weight:900;
}
:where(body.order-flow-page) .story-slider-head span {
    color:#8a93a5;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}
:where(body.order-flow-page) .story-slider {
    position:relative;
    margin:4px 0 16px;
}
:where(body.order-flow-page) .story-track {
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding:4px 2px 8px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
:where(body.order-flow-page) .story-track::-webkit-scrollbar {
    display:none;
}
:where(body.order-flow-page) .story-slide {
    min-width:92px;
    max-width:92px;
    border-radius:18px;
    background:#f8fafc;
    border:1px solid rgba(28,32,48,.07);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:12px 8px;
    scroll-snap-align:start;
    box-shadow:0 8px 18px rgba(18,22,34,.04);
}
:where(body.order-flow-page) .story-slide b {
    color:#151827;
    font-size:13px;
    font-weight:950;
    line-height:1;
}
:where(body.order-flow-page) .story-slide span {
    color:#7a8294;
    font-size:11px;
    font-weight:800;
    line-height:1;
}
:where(body.order-flow-page) .story-slider-note {
    display:flex;
    justify-content:center;
    margin-top:2px;
    color:#98a1b2;
    font-size:11.5px;
    font-weight:750;
}
:where(body.order-flow-page) .story-note.clean {
    margin-top:0;
    border-radius:18px;
    background:linear-gradient(135deg,#fff6fb,#f7f9ff);
    border:1px solid rgba(255,13,103,.13);
    box-shadow:none;
    align-items:center;
    padding:16px 18px !important;
    display:block !important;
}
:where(body.order-flow-page) .story-note.clean div:last-child {
    color:#344055;
    font-size:13.5px;
    font-weight:850;
    line-height:1.5;
    width:100%;
}
:where(body.order-flow-page) #page6 .content {
    padding-top:28px;
}
:where(body.order-flow-page) .auto-like-card {
    border-radius:24px;
    background:linear-gradient(145deg,#ffffff,#fbfcff);
    border:1px solid rgba(28,32,48,.08);
    box-shadow:0 18px 42px rgba(18,22,34,.08);
    padding:22px 18px 18px;
    text-align:center;
}
:where(body.order-flow-page) .auto-like-head h3 {
    margin:0;
    color:#151827;
    font-size:22px;
    font-weight:950;
    letter-spacing:-.35px;
}
:where(body.order-flow-page) .auto-like-amount {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin:2px 0 12px;
    color:#111827;
    font-size:16px;
    font-weight:950;
}
:where(body.order-flow-page) .auto-like-amount .heart-badge {
    width:22px;
    height:22px;
    border-radius:999px;
    background:linear-gradient(135deg,#ff7d99,#ff4f7d);
    color:#fff;
    display:grid;
    place-items:center;
    font-size:13px;
    box-shadow:0 8px 16px rgba(255,79,125,.18);
}
:where(body.order-flow-page) .auto-like-input-wrap {
    position:relative;
    margin-bottom:14px;
}
:where(body.order-flow-page) .auto-like-input {
    width:100%;
    height:60px;
    border:none;
    outline:none;
    border-radius:18px;
    background:#ffffff;
    color:#151827;
    text-align:center;
    font-family:inherit;
    font-size:17px;
    font-weight:850;
    box-shadow:
    inset 0 0 0 1px rgba(28,32,48,.08),
    0 10px 24px rgba(18,22,34,.05);
}
:where(body.order-flow-page) .auto-like-input::placeholder {
    color:#b0b7c4;
    font-weight:750;
}
:where(body.order-flow-page) .auto-like-help {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:9px;
    color:#7b8495;
    font-size:12px;
    font-weight:750;
}
:where(body.order-flow-page) .auto-like-help b {
    color:#ff0d67;
}
:where(body.order-flow-page) .auto-like-preview {
    margin-top:14px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
:where(body.order-flow-page) .auto-like-preview-card {
    border-radius:16px;
    background:#f8fafc;
    border:1px solid rgba(28,32,48,.06);
    padding:12px;
    text-align:left;
}
:where(body.order-flow-page) .auto-like-preview-card span {
    display:block;
    color:#8a93a5;
    font-size:11.5px;
    font-weight:800;
    margin-bottom:5px;
}
:where(body.order-flow-page) .auto-like-preview-card strong {
    display:block;
    color:#151827;
    font-size:14px;
    font-weight:950;
}
:where(body.order-flow-page) .prepared-modal-head {
    position:relative;
    text-align:center;
    padding:0 34px 10px !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
:where(body.order-flow-page) .auto-like-head {
    position:relative;
    padding:0 36px 14px;
    padding-left:0 !important;
    padding-right:0 !important;
}
:where(body.order-flow-page) .auto-story-note {
    margin-top:16px;
    border-radius:18px;
    padding:16px 18px;
    background:linear-gradient(135deg,#fff6fb,#f7f9ff);
    border:1px solid rgba(255,13,103,.13);
    box-shadow:0 14px 30px rgba(18,22,34,.06);
    color:#344055;
    font-size:14px;
    font-weight:850;
    line-height:1.55;
}
:where(body.follower-check-page) .profile-requirements {
    display:grid;
    gap:10px;
    width:min(100%, 520px);
    margin:16px auto 0;
}
:where(body.follower-check-page) .modern-notice {
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    margin:0 !important;
    padding:13px 14px !important;
    text-align:left !important;
    color:#344055 !important;
    background:#fffaf7 !important;
    border:1px solid rgba(255,122,69,.28) !important;
    border-radius:16px !important;
    box-shadow:none !important;
}
:where(body.follower-check-page) .notice-icon {
    width:40px;
    height:40px;
    flex:none;
    display:grid;
    place-items:center;
    color:#fff;
    background:#ff7a45;
    border:1px solid #ff7a45;
    border-radius:13px;
    box-shadow:none !important;
}
:where(body.follower-check-page) .notice-icon svg {
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
:where(body.follower-check-page) .notice-text {
    min-width:0;
}
:where(body.follower-check-page) .notice-text strong {
    display:block;
    margin:0 0 3px;
    color:#151827;
    font-size:14px;
    font-weight:900;
    line-height:1.25;
    letter-spacing:-.1px;
}
:where(body.follower-check-page) .notice-text span {
    display:block;
    color:#687386;
    font-size:12px;
    font-weight:700;
    line-height:1.4;
}
:where(body.order-flow-page) .operation-address-card {
    width:100%;
    border-radius:24px;
    padding:18px;
    background:linear-gradient(145deg, rgba(255,255,255,.94), rgba(248,250,255,.88));
    border:1px solid rgba(28,32,48,.08);
    box-shadow:
    0 18px 42px rgba(18,22,34,.08),
    inset 0 1px 0 rgba(255,255,255,.86);
    display:flex;
    align-items:center;
    gap:14px;
}
:where(body.order-flow-page) .operation-address-icon {
    width:58px;
    height:58px;
    border-radius:20px;
    display:grid;
    place-items:center;
    flex:none;
    background:linear-gradient(135deg,#ff7d4d,#d22fa1);
    box-shadow:0 14px 28px rgba(255,13,103,.18);
    overflow:hidden;
}
:where(body.order-flow-page) .operation-address-icon img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
:where(body.order-flow-page) .operation-address-info {
    min-width:0;
    flex:1;
}
:where(body.order-flow-page) .operation-address-label {
    color:#151827;
    font-size:16px;
    font-weight:950;
    letter-spacing:-.15px;
    line-height:1.15;
}
:where(body.order-flow-page) .operation-address-value {
    margin-top:3px;
    color:#737b8c;
    font-size:14px;
    font-weight:750;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
:where(body.order-flow-page) .operation-status-pill {
    height:42px;
    min-width:92px;
    padding:0 18px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:linear-gradient(135deg,#35d69b,#15b978);
    box-shadow:0 12px 24px rgba(21,185,120,.22);
    font-size:14px;
    font-weight:950;
    white-space:nowrap;
    flex:none;
}
:where(body.order-flow-page) #page8 .content.has-cart {
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
}
:where(body.order-flow-page) .facebook-logo-icon {
    background:linear-gradient(135deg,#2d88ff,#1877f2) !important;
    box-shadow:0 14px 28px rgba(24,119,242,.24) !important;
    align-items:center;
    justify-content:center;
}
:where(body.order-flow-page) .facebook-logo-icon img {
    display:none !important;
}
:where(body.order-flow-page) .facebook-f {
    color:#ffffff;
    font-size:38px;
    font-weight:950;
    line-height:1;
    font-family:Arial, Helvetica, sans-serif;
    transform:translateY(2px);
    user-select:none;
}
body.order-flow-page {
    margin:0;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    display:flex;
    justify-content:center;
    padding:0 0 84px;
    background:#f7f8fc !important;
    color:#151827 !important;
    padding-bottom:0;
}
body.home-page {
    --teaserid-brand-gradient: #ff7a45;
    --teaserid-brand-gradient-card: #ff7a45;
    --teaserid-brand-gradient-soft: #fff3e6;
    --teaserid-brand-shadow: 0 12px 26px rgba(255, 122, 69, .16);
}
body.home-page .article-avatar-row span,
body.home-page .article-avatar-row b,
body.home-page .feedback-card-top span,
body.home-page .faq-item summary span {
    color: #ffffff !important;
    background: #ff7a45 !important;
    box-shadow: var(--teaserid-brand-shadow) !important;
}
body.home-page .article-avatar-row span,
body.home-page .article-avatar-row b {
    border-color: rgba(255, 255, 255, .96) !important;
}
body.home-page .faq-item::before,
body.home-page .article-tab-btn::after {
    background: #ff7a45 !important;
}
body.home-page .article-tab-btn.is-active {
    color: #ff7a45 !important;
    background: #fff3e6 !important;
}
body.home-page .article-tab-btn.is-active .bi {
    color: #ff7a45 !important;
}
.feedback-open-form {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    min-height: 38px;
    margin-top: 20px;
    padding: 0 15px;
    font-size: 11px;
    font-weight: 800;
    border-radius: 10px;
    color: #fff !important;
    background: #ff7a45 !important;
    border: 0 !important;
}
.feedback-open-form .bi {
    color: #fff !important;
}
.feedback-open-form:hover {
    transform: translateY(-2px);
}
:where(body.blog-page, body.blog-detail-page) .blog-meta-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 14px 0 16px;
}
:where(body.blog-page, body.blog-detail-page) .blog-meta-chip {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 13px;
    color: #31405f !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1;
    text-transform: none !important;
    letter-spacing: -.01em;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(224, 234, 248, .96);
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(66, 95, 145, .06);
}
:where(body.blog-page, body.blog-detail-page) .blog-meta-chip i {
    color: #17203a;
    font-size: 13px;
}
:where(body.blog-page, body.blog-detail-page) .blog-meta-author {
    padding-left: 8px;
}
:where(body.blog-page, body.blog-detail-page) .blog-meta-author img {
    width: 22px;
    height: 22px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255,255,255,.95);
}
:where(body.blog-page) .blog-card-meta {
    margin-top: 12px;
    margin-bottom: 14px;
}
:where(body.blog-detail-page) .article-meta-chips {
    margin-top: 24px;
    margin-bottom: 0;
}
:where(body.blog-detail-page) .article-meta-chips .blog-meta-chip {
    min-height: 38px;
    padding: 0 15px;
    background: #fff;
}
:where(body.blog-detail-page) .article-meta-chips .blog-meta-author img {
    width: 24px;
    height: 24px;
}
:where(body.blog-page) .blog-feature-info {
    margin: 14px 0 16px;
}
:where(body.blog-page) .blog-feature-info .blog-meta-chip {
    background: rgba(248, 251, 255, .88);
}
:where(body.blog-page) .blog-card-body > .blog-meta-chips:first-child {
    margin-top: 0;
}
:where(body.blog-page) .blog-card-body .blog-meta-chip {
    color: #ff7a45 !important;
    border-color: rgba(255, 122, 69, .24);
    background: #fff;
}
:where(body.blog-detail-page) .article-meta-chips .blog-meta-author {
    color: #17203a !important;
    font-weight: 800 !important;
}
:where(body.blog-detail-page) .article-side {
    position: sticky;
    top: 132px;
    display: grid;
    gap: 14px;
    width: 100%;
}
:where(body.blog-detail-page) .article-share-card, :where(body.blog-detail-page) .article-related-card {
    width: 100%;
    padding: 24px;
    border-radius: 20px;
}
:where(body.blog-detail-page) .article-share-card span,
:where(body.blog-detail-page) .article-related-card > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: #17203a;
    font-size: 13px;
    font-weight: 900;
}
:where(body.blog-detail-page) .article-share-actions a,
:where(body.blog-detail-page) .article-share-actions button {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100% !important;
    min-height: 48px;
    height: auto !important;
    padding: 0 14px;
    color: #fff;
    border: 0;
    border-radius: 16px;
    text-decoration: none;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 0 14px 26px rgba(66, 95, 145, .10);
    transition: transform .18s ease, box-shadow .18s ease;
}
:where(body.blog-detail-page) .article-share-actions a:hover,
:where(body.blog-detail-page) .article-share-actions button:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(66, 95, 145, .16);
}
:where(body.blog-detail-page) .article-share-actions i {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    color: inherit;
    font-size: 16px;
    border-radius: 11px;
    background: rgba(255, 255, 255, .18);
}
:where(body.blog-detail-page) .article-share-actions strong {
    color: inherit;
    font-size: 13px;
    font-weight: 900;
}
:where(body.blog-detail-page) .share-facebook {
    background: #1877f2 !important;
}
:where(body.blog-detail-page) .share-twitter {
    background: #1da1f2 !important;
}
:where(body.blog-detail-page) .share-whatsapp {
    background: #25d366 !important;
}
:where(body.blog-detail-page) .share-email {
    background: #7d8798 !important;
}
:where(body.blog-detail-page) .share-copy {
    background: #ff7a45 !important;
}
:where(body.blog-detail-page) .article-related-card > span {
    margin-bottom: 4px;
}
:where(body.blog-detail-page) .article-related-item:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 122, 69, .24) !important;
    box-shadow: 0 16px 32px rgba(66, 95, 145, .10);
}
:where(body.blog-detail-page) .article-related-item strong,
:where(body.blog-detail-page) .article-related-item small {
    display: block;
}
:where(body.blog-detail-page) .article-side,
:where(body.blog-detail-page) .article-share-card,
:where(body.blog-detail-page) .article-related-card {
    width: 100% !important;
    min-width: 0;
}
:where(body.blog-detail-page) .article-share-actions {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px !important;
    width: 100%;
}
:where(body.blog-detail-page) .article-share-actions a,
:where(body.blog-detail-page) .article-share-actions button,
:where(body.blog-detail-page) .article-related-item {
    width: 100% !important;
}
:where(body.blog-detail-page) .article-related-card {
    display: grid;
    gap: 10px;
}
:where(body.blog-detail-page) .article-related-item {
    display: grid !important;
    gap: 12px;
    align-items: center;
    padding: 10px !important;
    color: #17203a !important;
    border: 1px solid rgba(224, 234, 248, .95) !important;
    border-radius: 18px;
    background: rgba(248, 251, 255, .86);
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    grid-template-columns: 74px minmax(0, 1fr);
    min-height: 86px;
}
:where(body.blog-detail-page) .article-related-item img {
    object-fit: cover;
    border-radius: 14px;
    width: 74px;
    height: 62px;
}
:where(body.blog-detail-page) .article-related-item strong {
    color: #17203a;
    font-weight: 900;
    font-size: 12.5px;
    line-height: 1.32;
}
:where(body.blog-detail-page) .article-related-item small {
    font-size: 11px;
    font-weight: 800;
    width: fit-content;
    margin-top: 7px;
    padding: 4px 9px;
    color: #ff7a45;
    background: #fff3e6;
    border: 1px solid rgba(255, 122, 69, .16);
    border-radius: 999px;
    line-height: 1;
}
.service-card em {
    display: block;
    color: #1fbf82;
    font-style: normal;
    margin-bottom: 4px;
    font-size: 10px;
    font-weight: 800;
}
.service-card p {
    overflow: hidden;
    margin: 0;
    color: #7f8199;
    font-size: 10px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
}
.service-action {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}
.service-action small {
    color: #6d6f88;
    font-size: 11px;
    font-weight: 700;
}
.service-action small b {
    color: #1f214c;
    font-size: 12px;
    font-weight: 900;
}
.service-action a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #e1306c;
    box-shadow: 0 5px 11px rgba(225, 48, 108, .18);
    text-decoration: none;
    min-width: 112px;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
}
.service-card {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    position: relative;
    display: grid;
    align-items: center;
    border: 1px solid #ececf5;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(28, 31, 79, .025);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    grid-template-columns: 50px minmax(0, 1fr) 132px 12px;
    min-height: 78px;
    gap: 14px;
    padding: 10px 14px 10px 12px;
}
.service-icon {
    font-weight: 600;
    display: grid;
    place-items: center;
    color: #fff;
    background: #e1306c;
    box-shadow: inset 0 0 13px rgba(255, 255, 255, .12);
    width: 48px;
    height: 56px;
    border-radius: 12px;
    font-size: 23px;
}
.service-card > div:nth-child(2) {
    min-width: 0;
    display: grid;
    align-content: center;
    min-height: 56px;
}
.service-card h2 {
    overflow: hidden;
    color: #171a48;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.18;
    letter-spacing: -.025em;
}
.service-card em + h2 {
    margin-top: 1px;
}
.services-hero-copy p {
    max-width: 560px;
    margin: 0;
    color: #575a79;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
    display: block;
}
body.services-page .service-card em {
    margin: 0 0 5px !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}
body.services-page .service-action small {
    font-size: 11px !important;
}
body.services-page .service-action small b {
    font-size: 12px !important;
    margin-left: 5px;
}
body.services-page .service-action a {
    min-width: 118px !important;
    min-height: 36px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}
body.services-page .service-card {
    grid-template-columns: 56px minmax(0, 1fr) 138px 12px !important;
    min-height: 90px !important;
    gap: 16px !important;
    padding: 14px 18px 14px 14px !important;
}
body.services-page .service-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 14px !important;
    font-size: 21px !important;
}
body.services-page .service-icon .bi {
    font-size: 21px !important;
    line-height: 1 !important;
}
body.services-page .service-card > div:nth-child(2) {
    min-height: 50px !important;
}
body.services-page .service-card h2 {
    margin: 0 !important;
    font-weight: 600 !important;
    letter-spacing: -.025em !important;
    white-space: normal !important;
    font-size: 16px !important;
    line-height: 1.18 !important;
}
body.services-page .service-card > div:nth-child(2) {
    margin-left: -4px !important;
}
body.services-page .service-mobile-price {
    display: none;
}
body.services-page .services-hero::before,
body.services-page .services-hero::after,
body.services-page .hero-orbit,
body.services-page .hero-bubble {
    opacity: 0 !important;
    pointer-events: none !important;
}
body .hero-card-area {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    border: 1px solid rgba(255, 122, 69, .24) !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fff9f5 100%) !important;
    padding: 24px;}
body .hero-card-area::before,
body .hero-card-area::after {
    opacity: 0 !important;
    pointer-events: none !important;
}
body.services-page .hero-card-area .hero-orbit,
body.services-page .hero-card-area .hero-bubble {
    opacity: 0 !important;
    pointer-events: none !important;
}
body.blog-page .blog-hero-copy::before,
body.blog-page .blog-hero-copy::after,
body.blog-detail-page .article-hero-copy::before,
body.blog-detail-page .article-hero-copy::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
}
.teaser-quick-order {
    position: relative;
    z-index: 12;
    grid-column: 1 / -1;
    width: 100%;
    padding: 16px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(223,223,223,.96);
    border-radius: 20px;
}
.teaser-quick-order__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}
.teaser-quick-order__top h2 {
    margin: 0;
    color: #17213f;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.1;
}
.teaser-quick-order__top span {
    display: inline-block;
    margin-left: 8px;
    color: #4d86f7;
    font-size: 11px;
    font-weight: 900;
}
.teaser-quick-order__top > div {
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
}
.teaser-quick-order__top strong {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    color: #ef5b68;
    background: rgba(239,91,104,.09);
    border: 1px solid rgba(239,91,104,.13);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}
.teaser-quick-order__grid {
    display: grid;
    grid-template-columns: minmax(170px, 1.1fr) minmax(170px, 1fr) minmax(190px, 1.1fr) minmax(110px, .55fr) minmax(170px, .8fr);
    gap: 12px;
    align-items: center;
}
.teaser-select {
    position: relative;
}
.teaser-select__trigger {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 52px;
    padding: 0 14px;
    color: #121b38;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 10px;
    box-shadow: none;
    font-family: inherit;
    cursor: pointer;
    outline: none;
}
.teaser-select__current-icon {
    color: #ef5b68;
    font-size: 18px;
    line-height: 1;
}
.teaser-select__value {
    min-width: 0;
    color: #121b38;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.teaser-select__chevron {
    justify-self: end;
    color: #52627f;
    font-size: 13px;
    transition: transform .18s ease, color .18s ease;
}
.teaser-select.is-open .teaser-select__chevron {
    transform: rotate(180deg);
}
.teaser-select__menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    right: 0;
    z-index: 80;
    display: none;
    padding: 8px;
    background: #fff;
    border: 1px solid rgba(224,230,242,.96);
    border-radius: 16px;
}
body:not(.payment-page):not(.profile-settings-page) .teaser-select__menu::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    width: 16px;
    height: 16px;
    background: #fff;
    border-left: 1px solid rgba(224,230,242,.96);
    border-top: 1px solid rgba(224,230,242,.96);
    transform: translateX(-50%) rotate(45deg);
}
.teaser-select.is-open .teaser-select__menu {
    display: grid;
    gap: 3px;
}
.teaser-select__option {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    color: #121b38;
    background: transparent;
    border: 0;
    border-radius: 10px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.1;
    text-align: left;
    cursor: pointer;
}
.teaser-select__option i {
    color: currentColor;
    font-size: 18px;
    line-height: 1;
}
.teaser-select__option:hover,
.teaser-select__option.is-selected {
    color: #ef5b68;
    background: linear-gradient(90deg, rgba(245,154,75,.13), rgba(239,91,104,.10));
}
.teaser-quick-order__price {
    display: grid;
    place-items: center;
    min-height: 52px;
    color: #ef4f98;
    background: #fff;
    border: 1px solid rgba(224,234,248,.96);
    border-radius: 14px;
    font-size: 16px;
    font-weight: 950;
    white-space: nowrap;
}
.teaser-quick-order__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 52px;
    padding: 0 20px;
    color: #fff;
    background: linear-gradient(135deg, #ff7a45 0%, #ef5b68 48%, #d72b8f 100%);
    border: 0;
    border-radius: 14px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}
body.main-home-page .main-hero.hero-card-area,
body.main-home-page .main-hero {
    overflow: visible !important;
}
body.main-home-page .main-trust-pills {
    margin-bottom: 28px !important;
}
body.main-home-page .teaser-quick-order {
    margin-top: 6px !important;
}
body.main-home-page .teaser-select,
body.main-home-page .teaser-select__menu {
    z-index: 120 !important;
}
body.main-home-page .main-hero,
body.main-home-page .main-hero.hero-card-area {
    position: relative !important;
    overflow: visible !important;
}
body.main-home-page .teaser-select {
    position: relative !important;
    z-index: 70 !important;
}
body.main-home-page .teaser-select.is-open {
    z-index: 200 !important;
}
body.main-home-page .teaser-select__menu {
    z-index: 9999 !important;
    max-height: 280px !important;
    overflow-y: auto !important;
}
body.main-home-page .home-combo-packages-section {
    position: relative !important;
    z-index: 1 !important;
}
body.profile-page .trp-hero-card {
    width: 100% !important;
    min-height: 204px !important;
    padding: 24px !important;
    border-radius: 20px !important;
    background: linear-gradient(92deg, var(--trp-logo-orange) 0%, var(--trp-logo-pink) 48%, var(--trp-logo-purple) 100%) !important;
    color: #ffffff !important;
    display: grid !important;
    grid-template-columns: 1.2fr .9fr !important;
    align-items: center !important;
    gap: 18px !important;
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: 0 18px 34px rgba(175, 92, 170, .18) !important;
    background-clip: padding-box !important;
}
body.profile-page .trp-hero-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 70% 48%, rgba(255,255,255,.18), transparent 26%) !important;
}
body.profile-page .trp-hero-card > * {
    position: relative !important;
    z-index: 2 !important;
}
body.main-home-page .teaser-select__trigger,
body.home-page .teaser-select__trigger {
    justify-items: start !important;
    text-align: left !important;
}
body.main-home-page .teaser-select__value,
body.home-page .teaser-select__value {
    justify-self: start !important;
    text-align: left !important;
    width: 100% !important;
}
body.main-home-page .teaser-select__current-icon,
body.home-page .teaser-select__current-icon {
    justify-self: start !important;
}
body.main-home-page .teaser-select__chevron,
body.home-page .teaser-select__chevron {
    justify-self: end !important;
}
:where(body.packages-page) #instagram-packages .special-package-heading::before {
    background: linear-gradient(90deg, #ec6fa5 0%, #df3f8d 38%, #7d4fe6 72%, #4f35b5 100%) !important;
}
:where(body.packages-page) #tiktok-packages .special-package-heading::before {
    background: linear-gradient(90deg, #5f6268 0%, #3a3f4b 38%, #171a22 72%, #05070b 100%) !important;
}
:where(body.packages-page) #facebook-packages .special-package-heading::before {
    background: linear-gradient(90deg, #5c92ff 0%, #3b7cff 36%, #173b8f 72%, #081d52 100%) !important;
}
:where(body.packages-page) #youtube-packages .special-package-heading::before {
    background: linear-gradient(90deg, #ff6b6b 0%, #ff4d4d 36%, #8b0f1f 72%, #33040c 100%) !important;
}
body.cart-page .cart-shell {
    padding-bottom: 52px !important;
}
.header-mini-action {
    background: #ffffff !important;
    border: 1px solid rgba(205, 216, 234, .88) !important;
    color: #8793ad !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}
.header-mini-action:hover,
.header-notification.is-open .header-mini-bell {
    transform: none !important;
    box-shadow: none !important;
}
.header-mini-fav {
    color: #9ba6bb !important;
    background: #ffffff !important;
}
.header-mini-bell {
    border-color: rgba(242, 108, 67, .42) !important;
}
.header-mini-cart {
    border-color: rgba(18, 191, 160, .42) !important;
}
.header-mini-count {
    background: #ff6b40 !important;
}
.header-notification {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}
.header-notification-panel {
    position: absolute !important;
    top: calc(100% + 13px) !important;
    z-index: 9999 !important;
    display: none !important;
    width: 360px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(205, 216, 234, .92) !important;
    border-radius: 0 0 18px 18px !important;
    box-shadow: 0 26px 62px rgba(26, 37, 72, .17) !important;
}
.header-notification-panel::before {
    content: "" !important;
    position: absolute !important;
    top: -8px !important;
    width: 16px !important;
    height: 16px !important;
    background: #ffffff !important;
    border-left: 1px solid rgba(205, 216, 234, .92) !important;
    border-top: 1px solid rgba(205, 216, 234, .92) !important;
    transform: rotate(45deg) !important;
}
.header-notification.is-open .header-notification-panel {
    display: block !important;
}
.header-notification-head {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-height: 62px !important;
    padding: 0 18px !important;
    border-bottom: 1px solid rgba(226, 232, 244, .92) !important;
    background: #ffffff !important;
}
.header-notification-head strong {
    color: #ff6b40 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}
.header-notification-list {
    display: grid !important;
    gap: 10px !important;
    padding: 18px !important;
    max-height: min(430px, calc(100vh - 160px)) !important;
    overflow-y: auto !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
}
.header-notification-list::-webkit-scrollbar {
    width: 6px !important;
}
.header-notification-list::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, .38) !important;
    border-radius: 999px !important;
}
.header-notification-item {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 4px minmax(0, 1fr) 50px !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 66px !important;
    padding: 10px !important;
    color: #17203a !important;
    background: #ffffff !important;
    border: 1px solid rgba(205, 216, 234, .92) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 22px rgba(66, 95, 145, .08) !important;
    text-decoration: none !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
.header-notification-item:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(239, 91, 104, .28) !important;
    box-shadow: 0 14px 28px rgba(66, 95, 145, .12) !important;
}
.header-notification-line {
    align-self: stretch !important;
    width: 4px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    background: #7b61ff !important;
}
.header-notification-item.is-instagram .header-notification-line,
.header-notification-item.is-support .header-notification-line {
    background: #ef4f98 !important;
}
.header-notification-item.is-order .header-notification-line,
.header-notification-item.is-payment .header-notification-line {
    background: #ff6b40 !important;
}
.header-notification-copy {
    min-width: 0 !important;
}
.header-notification-copy strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #17203a !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.16 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.header-notification-copy small {
    display: -webkit-box !important;
    color: #8d96af !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.header-notification-icon {
    display: grid !important;
    place-items: center !important;
    width: 50px !important;
    height: 50px !important;
    justify-self: end !important;
    color: #6f63ff !important;
    background: #ecebff !important;
    border-radius: 8px !important;
    font-size: 21px !important;
}
.header-notification-item.is-instagram .header-notification-icon,
.header-notification-item.is-support .header-notification-icon {
    color: #ef4f98 !important;
    background: #ffeaf2 !important;
}
.header-notification-item.is-order .header-notification-icon,
.header-notification-item.is-payment .header-notification-icon {
    color: #ff6b40 !important;
    background: #fff0e9 !important;
}
.header-mini-fav {
    display: none !important;
}
.header-mini-bell .header-mini-count {
    box-shadow: none !important;
}
.header-mini-cart .header-mini-count {
    box-shadow: none !important;
}
.header-cart-link {
    align-items: center !important;
    gap: 7px !important;
    min-height: 48px !important;
    color: #17203a !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}
.header-notification-panel {
    right: -132px !important;
}
.header-notification-panel::before {
    right: 144px !important;
}
.header-mini-cart:hover,
.header-mini-bell:hover,
.header-notification.is-open .header-mini-bell {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 28px rgba(66, 95, 145, .12) !important;
}
.home-menu-side-right {
    align-items: center !important;
    gap: 10px !important;
}
.header-cart-link {
    display: none !important;
}
.header-action-stack {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 48px !important;
}
.header-mini-action {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
.header-mini-bell {
    color: #17203a !important;
    background: #fff4ef !important;
    border: 1px solid #ff9b75 !important;
}
.header-mini-cart {
    color: #17203a !important;
    background: #eafff8 !important;
    border: 1px solid #65dcc6 !important;
}
.header-mini-action i {
    font-size: 18px !important;
    line-height: 1 !important;
}
.header-mini-count {
    position: absolute !important;
    top: -8px !important;
    left: 50% !important;
    right: auto !important;
    display: grid !important;
    place-items: center !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: translateX(-50%) !important;
    box-shadow: none !important;
}
.header-mini-bell .header-mini-count {
    background: #ff6b40 !important;
}
.header-mini-cart .header-mini-count {
    background: #13caa8 !important;
}
.header-action-stack,
.home-menu-side-right {
    align-items: center !important;
}
.header-mini-action,
.header-mini-bell,
.header-mini-cart{
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    box-sizing: border-box !important;
}
.header-mini-action,
.header-mini-bell,
.header-mini-cart {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    border-radius: 12px !important;
}
.header-auth-suite,
.home-menu-side-right .header-auth-suite {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 50px;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #dbe7fb;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(20, 36, 80, .06);
    box-sizing: border-box;
}
.header-auth-suite a,
.home-menu-side-right .header-auth-suite a {
    text-decoration: none;
}
.header-auth-suite__login,
.home-menu-side-right .header-auth-suite__login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    min-width: 94px;
    padding: 0 13px;
    color: #142450;
    background: #f8fbff;
    border: 1px solid #e4ecfb;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-sizing: border-box;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}
.header-auth-suite__login:hover,
.home-menu-side-right .header-auth-suite__login:hover {
    color: #142450;
    background: #ffffff;
    border-color: rgba(245, 154, 75, .45);
}
.header-auth-suite__login-icon,
.home-menu-side-right .header-auth-suite__login-icon {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    color: #ff7a45;
    background: #fff3e6;
    border: 1px solid rgba(245, 154, 75, .24);
    border-radius: 8px;
    font-size: 13px;
    flex: 0 0 auto;
}
.header-auth-suite__login-text,
.home-menu-side-right .header-auth-suite__login-text {
    white-space: nowrap;
}
body.about-modern-page .page-shell > section + section {
    margin-top: 20px !important;
}
body.profile-auth-page .trp-auth-topbar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 28px;
}
body.profile-auth-page .trp-auth-topbar .trp-auth-brand {
    width: auto;
    margin: 0;
}
body.profile-auth-page .trp-auth-back-site {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 18px;
    color: #ffffff;
    background: #ff7a45;
    border: 1px solid #ff7a45;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
body.profile-auth-page .trp-auth-back-site:hover {
    color: #ff7a45;
    background: #fff3e6;
    border-color: #ff7a45;
}
.home-platform-services {
    margin: 34px 0 0;
    padding: 0;
}
.home-platform-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
}
.home-platform-service-card {
    display: grid;
    place-items: center;
    min-height: 140px;
    padding: 18px 10px 14px;
    color: var(--platform-color);
    background: #ffffff;
    border: 1px solid var(--platform-color);
    border-radius: 15px;text-align: center;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.home-platform-service-card:hover {
    color: var(--platform-color);
    background: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(31, 47, 87, .12);
}
.home-platform-service-card > i,
.home-platform-service-card .platform-letter-icon {
    display: grid;
    place-items: center;
    min-height: 42px;
    margin-bottom: 9px;
    color: var(--platform-color) !important;
    font-size: 36px;
    line-height: 1;
    font-weight: 900;
}
.home-platform-service-card .platform-letter-icon {
    min-width: 44px;
    font-family: Arial, sans-serif;
    letter-spacing: -.05em;
}
.home-platform-service-card strong {
    display: block;
    color: var(--platform-color);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.12;
    text-transform: uppercase;
}
.home-platform-service-card small {
    display: block;
    margin-top: 3px;
    color: var(--platform-color);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.12;
}
.home-platform-services + .home-combo-packages-section {
    margin-top: 72px !important;
}
.platform-instagram { --platform-color: #e1306c; }
.platform-tiktok { --platform-color: #000000; }
.platform-twitter { --platform-color: #1da1f2; }
.platform-youtube { --platform-color: #ff0000; }
.platform-facebook { --platform-color: #1877f2; }
.platform-spotify { --platform-color: #169b45; }
.platform-telegram { --platform-color: #2ca5dc; }
.platform-linkedin { --platform-color: #0077b5; }
.platform-kick { --platform-color: #11c735; }
.platform-twitch { --platform-color: #9146ff; }
.platform-trovo { --platform-color: #19a862; }
.platform-seo { --platform-color: #3f6ed3; }
.platform-dlive { --platform-color: #d8b400; }
.platform-nonolive { --platform-color: #ff1f2e; }
.platform-tumblr { --platform-color: #10284f; }
.platform-soundcloud { --platform-color: #ff5a1f; }
.platform-reddit { --platform-color: #ff4500; }
.platform-pinterest { --platform-color: #bd081c; }
.platform-likee { --platform-color: #ff2d7a; }
.platform-kwai { --platform-color: #ff5a00; }
.platform-vimeo { --platform-color: #1ab7ea; }
.platform-quora { --platform-color: #a82400; }
.platform-dailymotion { --platform-color: #2d63b8; }
.platform-discord { --platform-color: #5865f2; }
.platform-snapchat { --platform-color: #c7a600; }
.platform-pubg { --platform-color: #f59a00; }
.platform-shazam { --platform-color: #0088ff; }
.platform-threads { --platform-color: #000000; }
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row span:first-child,
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row--head span:first-child {
    display: block !important;
}
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    margin-right: 0 !important;
    overflow: visible !important;
    line-height: 1 !important;
    font-size: 14px !important;
}
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row span:last-child,
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row--head span:last-child {
    display: block !important;
    min-width: 0 !important;
}
:where(body.profile-page) .trp-filter-row {
    margin-bottom: 16px !important;
}
:where(body.profile-page) .trp-filter-row + .trp-empty-state[hidden] + .trp-history-list,
:where(body.profile-page) .trp-filter-row + .trp-history-list {
    margin-top: 0 !important;
}
:where(body.profile-page) .trp-filter-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}
body.order-status-page .success-qty-list span,
body.success-page.order-status-page:not(.failure-page) .success-qty-list span,
body.failure-page.order-status-page .success-qty-list span {
    color: #17264d !important;
}
.teaser-select__option:hover {
    background: #fff4ea !important;
}
.teaser-select__value.is-placeholder {
    color: #5f6f8f !important;
    font-weight: 800 !important;
}
.teaser-select.is-disabled .teaser-select__trigger,
.teaser-select__trigger:disabled {
    color: #98a3b8 !important;
    background: #f7f8fb !important;
    border-color: rgba(224,230,242,.94) !important;
    cursor: not-allowed !important;
    opacity: .78 !important;
    box-shadow: none !important;
}
.teaser-select.is-disabled .teaser-select__current-icon,
.teaser-select.is-disabled .teaser-select__chevron,
.teaser-select.is-disabled .teaser-select__value {
    color: #a6afc0 !important;
}
.teaser-select.is-disabled .teaser-select__menu {
    display: none !important;
}
.teaser-select__option:hover span,
.teaser-select__option.is-selected span {
    color: #e97e2e !important;
}
.teaser-select__option:hover i,
.teaser-select__option.is-selected i {
    color: inherit;
}
.teaser-select__trigger:hover {
    box-shadow:0 0 0 2px rgba(255,122,4,.18);
}
.teaser-select.is-open .teaser-select__chevron {
    color: #e97e2e !important;
}
body:not(.payment-page):not(.profile-settings-page) .teaser-select__menu::before {
    border-left-color: rgba(245,154,75,.20) !important;
    border-top-color: rgba(245,154,75,.20) !important;
}
.teaser-select__option i,
.teaser-select__option:hover i,
.teaser-select__option.is-selected i {
    color: #121b38 !important;
}
.teaser-select__current-icon,
.teaser-select.is-open .teaser-select__current-icon,
.teaser-select__trigger:hover .teaser-select__current-icon,
.teaser-select__trigger:focus-visible .teaser-select__current-icon {
    color: #121b38 !important;
}
.main-home-page .home-faq-showcase {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .78fr);
    gap: 28px;
    align-items: start;
    margin-top: 32px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(205, 219, 241, .78);
    border-radius: 22px;
    background:#ffffff;
}
.main-home-page .home-faq-showcase__copy,
.main-home-page .home-faq-showcase__support {
    position: relative;
    z-index: 1;
}
.main-home-page .home-faq-showcase__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 32px;
    margin-bottom: 14px;
    padding: 0 15px;
    border: 1px solid rgba(255, 122, 69, .24);
    border-radius: 10px;
    background: #fff3e6;
    color: #ff7a45;
    font-size: 12px;
    font-weight: 600;
}
.main-home-page .home-faq-showcase__eyebrow i {
    color: #ff7a45;
    font-size: 12px;
}
.main-home-page .home-faq-showcase h2 {
    max-width: 620px;
    margin: 16px 0 18px;
    color: #071b4d;
    font-size: 44px;
    line-height: .98;
    font-weight: 950;
    letter-spacing: -.052em;
}
.main-home-page .home-faq-showcase__accordion,
.main-home-page .home-faq-showcase__accordion.faq-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
}
.main-home-page .home-faq-showcase__accordion .faq-item {
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(205, 219, 241, .88);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(46, 67, 106, .055);
}
.main-home-page .home-faq-showcase__accordion .faq-item summary {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 14px;
    color: #071b4d;
    list-style: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.18;
}
.main-home-page .home-faq-showcase__accordion .faq-item summary::-webkit-details-marker {
    display: none;
}
.main-home-page .home-faq-showcase__accordion .faq-item summary span {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    color: #ffffff;
    background: linear-gradient(135deg, #ff8a4c 0%, #e94f93 100%);
    border-radius: 50%;
    font-size: 10px;
    font-weight: 950;
}
.main-home-page .home-faq-showcase__accordion .faq-item .faq-toggle-icon {
    display: grid;
    place-items: center;
    justify-self: end;
    width: 30px;
    height: 30px;
    color: #7b63ff;
    border: 1px solid rgba(205, 219, 241, .88);
    border-radius: 50%;
    background: #ffffff;
    font-size: 12px;
    transition: transform .22s ease;
}
.main-home-page .home-faq-showcase__accordion .faq-item[open] {
    border-color: rgba(123, 99, 255, .30);
    box-shadow: 0 18px 42px rgba(46, 67, 106, .08);
}
.main-home-page .home-faq-showcase__accordion .faq-item[open] .faq-toggle-icon {
    transform: rotate(180deg);
}
.main-home-page .home-faq-showcase__accordion .faq-item p {
    margin: -2px 18px 15px 66px;
    color: #65728f;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
}
.main-home-page .home-faq-showcase__support {
    align-self: start;
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(160px, .58fr);
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    min-height: 300px;
    padding: 24px;
    overflow: hidden;
    color: #ffffff;
    border-radius: 22px;
    background:
    radial-gradient(circle at 86% 8%, rgba(255, 157, 92, .34), transparent 30%),
    radial-gradient(circle at 58% 28%, rgba(138, 99, 255, .34), transparent 28%),
    linear-gradient(135deg, #071b4d 0%, #14265e 46%, #733b93 100%);
    box-shadow: 0 18px 46px rgba(23, 38, 77, .15);
}
.main-home-page .home-faq-showcase__support::before,
.main-home-page .home-faq-showcase__support::after {
    position: absolute;
    content: "";
    pointer-events: none;
}
.main-home-page .home-faq-showcase__support::before {
    right: 26px;
    top: 24px;
    width: 130px;
    height: 98px;
    opacity: .45;
    background-image: radial-gradient(rgba(255,255,255,.34) 1px, transparent 1px);
    background-size: 12px 12px;
}
.main-home-page .home-faq-showcase__support::after {
    left: -58px;
    bottom: -72px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
}
.main-home-page .home-faq-showcase__support-copy {
    position: relative;
    z-index: 3;
    align-self: center;
    min-width: 0;
}
.main-home-page .home-faq-showcase__support-icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 24px;
    color: #ffffff;
    background: linear-gradient(135deg, #ff8a4c 0%, #e94f93 100%);
    border-radius: 15px;
    box-shadow: 0 18px 36px rgba(233, 79, 147, .25);
    font-size: 20px;
}
.main-home-page .home-faq-showcase__support h3 {
    max-width: 260px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(27px, 2.45vw, 36px);
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: -.055em;
}
.main-home-page .home-faq-showcase__support p {
    max-width: 280px;
    margin: 16px 0 22px;
    color: rgba(255,255,255,.82);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.42;
}
.main-home-page .home-faq-showcase__support p strong {
    color: #ff7a45;
}
.main-home-page .home-faq-showcase__support a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 44px;
    padding: 0 22px;
    color: #ffffff;
    background: linear-gradient(135deg, #ff8a4c 0%, #e94f93 100%);
    border-radius: 12px;
    box-shadow: 0 18px 38px rgba(233, 79, 147, .26);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}
.main-home-page .home-faq-showcase__robot {
    position: relative;
    z-index: 2;
    align-self: center;
    justify-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    pointer-events: none;
}
.main-home-page .home-faq-showcase__robot img {
    display: block;
    width: 300px;
    max-height: 300px;
    object-fit: contain;
    filter: drop-shadow(0 22px 28px rgba(0, 0, 0, .22));
}
.main-home-page .home-faq-showcase__trust {
    position: relative;
    z-index: 3;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.14);
}
.main-home-page .home-faq-showcase__trust span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    color: rgba(255,255,255,.86);
    font-size: 10px;
    font-weight: 700;
}
.main-home-page .home-faq-showcase__trust i {
    color: #ffb15f;
    font-size: 13px;
}
.mobile-menu-v2 {
    display: none;
}
.mobile-menu-bottom-nav {
    display: none;
}
:where(body.profile-page) .trp-orders-panel .trp-order-item {
    grid-template-columns: 44px minmax(170px, 1fr) 112px 112px !important;
    column-gap: 16px !important;
    row-gap: 8px !important;
    align-items: center !important;
}
:where(body.profile-page) .trp-orders-panel .trp-order-main p {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    margin: 4px 0 0 !important;
}
:where(body.profile-page) .trp-orders-panel .trp-order-main p span,
:where(body.profile-page) .trp-orders-panel .trp-order-main p small {
    display: block !important;
    margin: 0 !important;
    color: #7d89af !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}
:where(body.profile-page) .trp-order-mini-meta {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    align-self: center !important;
    justify-self: start !important;
}
:where(body.profile-page) .trp-order-mini-meta small {
    display: block !important;
    margin: 0 0 5px !important;
    color: #97a2c3 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}
:where(body.profile-page) .trp-order-mini-meta strong {
    display: block !important;
    color: var(--trp-text) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}
:where(body.profile-page) .trp-orders-panel .trp-order-mini-meta small,
:where(body.profile-page) .trp-orders-panel .trp-order-mini-meta strong {
    white-space: nowrap !important;
}
:where(body.profile-page) .trp-orders-panel .trp-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    justify-self: end !important;
    text-align: center !important;
    white-space: nowrap !important;
}
:where(body.profile-page) .trp-orders-panel .trp-dots {
    display: none !important;
}
:where(body.profile-page) .trp-order-expand-cell .trp-order-bundle-toggle {
    border: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff3e6 !important;
    color: #ff7a45 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: transform .2s ease, background .2s ease !important;
}
:where(body.profile-page) .trp-order-expand-cell .trp-order-bundle-toggle:hover {
    background: #fff3e6 !important;
    color: #ff7a45 !important;
    box-shadow: none !important;
}
:where(body.profile-page) .trp-order-expand-cell .trp-order-bundle-toggle i {
    font-size: 20px !important;
    line-height: 1 !important;
    transition: transform .2s ease !important;
}
:where(body.profile-page) .trp-history-item--expandable.is-open .trp-order-bundle-toggle i {
    transform: rotate(180deg) !important;
}
:where(body.profile-page) .trp-copy-inline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    vertical-align: middle !important;
}
:where(body.profile-page) .trp-copy-text {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
:where(body.profile-page) .trp-detail-url-list .trp-copy-inline,
:where(body.profile-page) .trp-order-expanded-row .trp-copy-inline {
    overflow: visible !important;
    white-space: nowrap !important;
}
:where(body.profile-page) .trp-copy-mini-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #5f6b82 !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: pointer !important;
    line-height: 1 !important;
}
:where(body.profile-page) .trp-copy-mini-btn i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-size: 15px !important;
    line-height: 1 !important;
}
:where(body.profile-page) .trp-copy-mini-btn:hover {
    background: transparent !important;
    color: #1f2a44 !important;
    box-shadow: none !important;
    transform: none !important;
}
:where(body.profile-page) .trp-copy-inline,
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row span .trp-copy-inline,
:where(body.profile-page) .trp-detail-url-list .trp-copy-inline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
}
:where(body.profile-page) .trp-copy-text,
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row span.trp-copy-text,
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row span .trp-copy-text,
:where(body.profile-page) .trp-detail-url-list .trp-copy-text {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 16px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
}
:where(body.profile-page) .trp-copy-mini-btn,
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row .trp-copy-mini-btn,
:where(body.profile-page) .trp-detail-url-list .trp-copy-mini-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    flex: 0 0 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #7f8aa3 !important;
    box-shadow: none !important;
    transform: none !important;
    line-height: 1 !important;
    cursor: pointer !important;
    vertical-align: baseline !important;
}
:where(body.profile-page) .trp-copy-mini-btn i,
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row .trp-copy-mini-btn i,
:where(body.profile-page) .trp-detail-url-list .trp-copy-mini-btn i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 12px !important;
    min-width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-size: 9px !important;
    line-height: 1 !important;
    overflow: visible !important;
}
:where(body.profile-page) .trp-copy-mini-btn:hover,
:where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row .trp-copy-mini-btn:hover,
:where(body.profile-page) .trp-detail-url-list .trp-copy-mini-btn:hover {
    background: transparent !important;
    color: #4f5d78 !important;
    box-shadow: none !important;
    transform: none !important;
}
:where(body.profile-page) .trp-copy-mini-btn.is-copied {
    color: #00a878 !important;
}
:where(body.profile-page) .trp-history-service .trp-order-icon,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon {
    --trp-order-platform-color: #ef4f98;
    --trp-order-platform-bg: rgba(255, 239, 248, .64);
    --trp-order-platform-border: rgba(239, 79, 152, .24);
    background: var(--trp-order-platform-bg) !important;
}
:where(body.profile-page) .trp-history-service .trp-order-icon.insta,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.insta {
    --trp-order-platform-color: #ef4f98;
    --trp-order-platform-bg: rgba(255, 239, 248, .64);
    --trp-order-platform-border: rgba(239, 79, 152, .24);
}
:where(body.profile-page) .trp-history-service .trp-order-icon.facebook,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.facebook {
    --trp-order-platform-color: #1877f2;
    --trp-order-platform-bg: rgba(24, 119, 242, .07);
    --trp-order-platform-border: rgba(24, 119, 242, .22);
}
:where(body.profile-page) .trp-history-service .trp-order-icon.twitterx,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.twitterx {
    --trp-order-platform-color: #111827;
    --trp-order-platform-bg: rgba(17, 24, 39, .055);
    --trp-order-platform-border: rgba(17, 24, 39, .18);
}
:where(body.profile-page) .trp-history-service .trp-order-icon.tiktok,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.tiktok {
    --trp-order-platform-color: #111827;
    --trp-order-platform-bg: rgba(17, 24, 39, .055);
    --trp-order-platform-border: rgba(17, 24, 39, .18);
}
:where(body.profile-page) .trp-history-service .trp-order-icon.youtube,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.youtube {
    --trp-order-platform-color: #ff0000;
    --trp-order-platform-bg: rgba(255, 0, 0, .07);
    --trp-order-platform-border: rgba(255, 0, 0, .22);
}
:where(body.profile-page) .trp-history-service .trp-order-icon,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon {
    display: grid !important;
    place-items: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    flex: 0 0 46px !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 14px !important;
    color: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
:where(body.profile-page) .trp-history-service .trp-order-icon::before,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon::before {
    display: none !important;
    content: none !important;
}
:where(body.profile-page) .trp-history-service .trp-order-icon i,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 21px !important;
    line-height: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}
:where(body.profile-page) .trp-history-service .trp-order-icon.insta,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.insta {
    background: radial-gradient(circle at 30% 105%, #fdf497 0%, #fdf497 8%, #fd5949 38%, #d6249f 62%, #285AEB 100%) !important;
}
:where(body.profile-page) .trp-history-service .trp-order-icon.facebook,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.facebook {
    background: #1877f2 !important;
}
:where(body.profile-page) .trp-history-service .trp-order-icon.twitterx,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.twitterx {
    background: #0f172a !important;
}
:where(body.profile-page) .trp-history-service .trp-order-icon.tiktok,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.tiktok {
    background: #111827 !important;
}
:where(body.profile-page) .trp-history-service .trp-order-icon.youtube,
:where(body.profile-page) .trp-history-service--sub .trp-order-icon.youtube {
    background: #ff0000 !important;
}
:where(body.profile-page) .trp-history-item--comments .trp-order-expanded {
    margin-top: 6px !important;
}
:where(body.profile-page) .trp-comments-panel {
    display: grid !important;
    gap: 14px !important;
    width: 100% !important;
}
:where(body.profile-page) .trp-comments-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eee8f7 !important;
}
:where(body.profile-page) .trp-comments-head strong {
    display: block !important;
    color: var(--trp-text) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}
:where(body.profile-page) .trp-comments-head span {
    display: block !important;
    margin-top: 4px !important;
    color: #7d89af !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}
:where(body.profile-page) .trp-comments-copy-all {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid #f6d7ba !important;
    border-radius: 11px !important;
    background: #fff3e6 !important;
    color: #ff7a45 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}
:where(body.profile-page) .trp-comments-copy-all:hover {
    background: #fff3e6 !important;
    color: #ff7a45 !important;
    box-shadow: none !important;
}
:where(body.profile-page) .trp-comments-copy-all.is-copied {
    border-color: rgba(0, 184, 148, .28) !important;
    background: #eafff7 !important;
    color: #00a878 !important;
}
:where(body.profile-page) .trp-comments-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}
:where(body.profile-page) .trp-comment-row {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid #f0ebf8 !important;
    border-radius: 12px !important;
    background: #fff !important;
}
:where(body.profile-page) .trp-comment-index {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
    background: #fff3e6 !important;
    color: #ff7a45 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
:where(body.profile-page) .trp-comment-row p {
    min-width: 0 !important;
    margin: 0 !important;
    color: #4f61a0 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
:where(body.profile-page) .trp-comment-copy-btn {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    color: #7d89af !important;
}
:where(body.profile-page) .trp-comment-copy-btn i {
    font-size: 12px !important;
}
:where(body.profile-page) .trp-comments-list {
    max-height: 252px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 6px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #d9dfec transparent !important;
}
:where(body.profile-page) .trp-comments-list::-webkit-scrollbar {
    width: 6px !important;
}
:where(body.profile-page) .trp-comments-list::-webkit-scrollbar-track {
    background: transparent !important;
}
:where(body.profile-page) .trp-comments-list::-webkit-scrollbar-thumb {
    background: #d9dfec !important;
    border-radius: 999px !important;
}
:where(body.profile-page) .trp-comments-list::-webkit-scrollbar-thumb:hover {
    background: #c5cedf !important;
}
body.profile-page .trp-side-nav .trp-nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-height: 54px !important;
    padding: 0 14px !important;
    color: var(--trp-text) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    background: #fff !important;
    border: 1px solid rgba(226, 219, 238, .82) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: hidden !important;
    transition: border-color .2s ease, color .2s ease, background .2s ease !important;
}
body.profile-page .trp-side-nav .trp-nav-link i {
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #41538d !important;
    font-size: 18px !important;
    line-height: 1 !important;
}
body.profile-page .trp-side-nav .trp-nav-link span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: block !important;
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: left !important;
    white-space: nowrap !important;
}
body.profile-page .trp-side-nav .trp-nav-link:hover,
body.profile-page .trp-side-nav .trp-nav-link:focus-visible {
    color: var(--trp-text) !important;
    background: #fff !important;
    border-color: #ff7a45 !important;
    box-shadow: none !important;
    transform: none !important;
    outline: none !important;
}
body.profile-page .trp-side-nav .trp-nav-link.trp-active,
body.profile-page .trp-side-nav .trp-nav-link.trp-active:hover,
body.profile-page .trp-side-nav .trp-nav-link.trp-active:focus-visible {
    color: #ff7a45 !important;
    background: #fff3e6 !important;
    border-color: #ff7a45 !important;
    box-shadow: none !important;
    transform: none !important;
}
body.profile-page .trp-side-nav .trp-nav-link.trp-active i {
    color: #ff7a45 !important;
}
:where(body.profile-page) .trp-page-head--bundles {
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:stretch !important;
    gap:20px !important;
    min-height:auto !important;
}
:where(body.profile-page) .trp-page-head--bundles .trp-page-head-main {
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:18px !important;
    width:100% !important;
}
:where(body.profile-page) .trp-page-head--bundles .trp-page-head-main > div {
    min-width:0 !important;
}
:where(body.profile-page) .trp-page-head--bundles .trp-page-head-bundle {
    width:100% !important;
}
:where(body.profile-page) .trp-page-head--bundles .trp-bundle-accordion {
    width:100% !important;
}
:where(body.profile-page) .trp-page-head--bundles .trp-page-head-bundle,
:where(body.profile-page) .trp-page-head--bundles .trp-bundle-summary,
:where(body.profile-page) .trp-page-head--bundles .trp-bundle-title-area,
:where(body.profile-page) .trp-page-head--bundles .trp-bundle-title-area h3,
:where(body.profile-page) .trp-page-head--bundles .trp-bundle-meta,
:where(body.profile-page) .trp-page-head--bundles .trp-bundle-meta span {
    color: var(--trp-text) !important;
}
:where(body.order-flow-page) .topbar {
    border-radius:0 !important;
}
:where(body.order-flow-page) #page5 .story-slider {
    overflow:hidden !important;
}
:where(body.order-flow-page) #page5 .story-slider::before,
:where(body.order-flow-page) #page5 .story-slider::after {
    content:"";
    position:absolute;
    top:0;
    bottom:22px;
    width:26px;
    z-index:2;
    pointer-events:none;
}
:where(body.order-flow-page) #page5 .story-slider::before {
    left:0;
    background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);
}
:where(body.order-flow-page) #page5 .story-slider::after {
    right:0;
    background:linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%);
}
:where(body.order-flow-page) #page5 .story-track {
    scroll-behavior:smooth;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch;
    cursor:grab;
}
:where(body.order-flow-page) #page5 .story-track.is-dragging {
    scroll-snap-type:none !important;
    cursor:grabbing;
}
:where(body.order-flow-page) #page5 .story-slide {
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, opacity .22s ease;
    opacity:.78;
}
:where(body.order-flow-page) #page5 .story-slide.is-story-focus,
:where(body.order-flow-page) #page5 .story-slide:hover {
    transform:translateY(-2px) scale(1.025);
    opacity:1;
    border-color:rgba(255,13,103,.18);
    box-shadow:0 14px 26px rgba(18,22,34,.08);
}
.header-mini-action:hover,
.header-mini-bell:hover,
.header-mini-cart:hover,
.header-notification.is-open .header-mini-bell,
.header-auth-suite:hover,
.home-menu-side-right .header-auth-suite:hover,
.header-auth-suite__login:hover,
.home-menu-side-right .header-auth-suite__login:hover {
    box-shadow:none !important;
    transform:none !important;
}
.cart-page .cart-remove-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid rgba(255, 122, 69, .34);
    border-radius: 999px;
    background: rgba(255, 122, 69, .10);
    color: #ff7a45;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .01em;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.cart-page .cart-remove-btn i {
    font-size: 14px;
}
.cart-page .cart-remove-btn:hover {
    background: #fff3e6;
    border-color: rgba(255, 122, 69, .58);
    color: #ff7a45;
    transform: translateY(-1px);
}
.cart-page .cart-remove-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 22px;
}
.cart-page .cart-remove-modal.is-open {
    display: flex;
}
.cart-page .cart-remove-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(16, 34, 74, .42);
    backdrop-filter: blur(8px);
}
.cart-page .cart-remove-modal__dialog {
    position: relative;
    width: min(430px, 100%);
    padding: 28px;
    border: 1px solid rgba(255, 122, 69, .26);
    border-radius: 26px;
    background: linear-gradient(180deg, #ffffff 0%, #fff3e6 100%);
    box-shadow: 0 28px 70px rgba(20, 31, 60, .24);
    text-align: center;
    animation: cartRemoveModalIn .18s ease both;
}
.cart-page .cart-remove-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(154, 177, 213, .38);
    border-radius: 12px;
    background: #fff;
    color: #7b89aa;
    cursor: pointer;
}
.cart-page .cart-remove-modal__icon {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 20px;
    background: rgba(255, 122, 69, .12);
    color: #ff7a45;
    font-size: 26px;
}
.cart-page .cart-remove-modal__copy span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 122, 69, .10);
    color: #ff7a45;
    font-size: 11px;
    font-weight: 900;
}
.cart-page .cart-remove-modal__copy h3 {
    margin: 12px 0 8px;
    color: #10224a;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 900;
}
.cart-page .cart-remove-modal__copy p {
    margin: 0;
    color: #667694;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
}
.cart-page .cart-remove-modal__copy strong {
    display: block;
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(248, 250, 255, .95);
    border: 1px solid rgba(154, 177, 213, .30);
    color: #10224a;
    font-size: 14px;
    font-weight: 900;
}
.cart-page .cart-remove-modal__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 20px;
}
.cart-page .cart-remove-modal__actions button {
    min-height: 46px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}
.cart-page .cart-remove-modal__cancel {
    border: 1px solid rgba(154, 177, 213, .44);
    background: #fff;
    color: #52617f;
}
.cart-page .cart-remove-modal__confirm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    background: #ff7a45;
    color: #fff;
    box-shadow: 0 16px 32px rgba(255, 122, 69, .20);
}
.cart-page .cart-empty-message {
    display: none;
    margin-top: 20px;
    padding: 24px;
    border: 1px solid rgba(255, 122, 69, .26);
    border-radius: 20px;
    background: #fff3e6;
    color: #667694;
    text-align: center;
}
.cart-page .cart-empty-message.is-visible {
    display: grid;
    place-items: center;
}
.cart-page .cart-empty-message__icon {
    display: grid;
    place-items: center;
    width: 86px;
    height: 86px;
    margin: 0 auto 18px;
    color: #ffffff;
    border-radius: 26px;
    background: #ff7a45;
}
.cart-page .cart-empty-message__icon i {
    font-size: 38px;
    line-height: 1;
}
.cart-page .cart-empty-message h3 {
    margin: 0 0 10px;
    color: #10224a;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.05;
    font-weight: 950;
    letter-spacing: -.04em;
}
.cart-page .cart-empty-message p {
    max-width: 560px;
    margin: 0 auto 24px;
    color: #5c6b8a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.65;
}
.cart-page .cart-empty-message__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.cart-page .cart-empty-message__primary,
.cart-page .cart-empty-message__secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 52px;
    padding: 0 24px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}
.cart-page .cart-empty-message__primary {
    color: #ffffff;
    background: #ff7a45;
}
.cart-page .cart-empty-message__secondary {
    color: #10224a;
    background: #ffffff;
    border: 1px solid rgba(255, 122, 69, .24);
}
@keyframes cartRemoveModalIn {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.cart-page .cart-section-heading > span,
.cart-page .cart-item-foot small i,
.cart-page .cart-secure-line i {
    color:#ff7a45 !important;
}
.cart-page .cart-preview-pill {
    background:rgba(255, 122, 69, .12) !important;
    border:1px solid rgba(255, 122, 69, .28) !important;
    color:#ff7a45 !important;
}
.cart-page .cart-checkout-btn {
    border-radius:12px !important;
    box-shadow:none !important;
}
.cart-page .cart-summary-card.is-empty .cart-summary-items {
    border-style: dashed;
    background: #fff3e6;
}
.cart-page .cart-summary-card.is-empty .cart-summary-item {
    display: none;
}
.cart-page .cart-summary-empty-note {
    color: #667694;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
}
.cart-page .cart-checkout-btn.is-disabled {
    opacity: .55;
    cursor: not-allowed;
    pointer-events: none;
    transform: none !important;
}
.cart-page .cart-modern-badge,
.cart-page .cart-modern-badge i,
.cart-page .cart-modern-tags i {
    color:#ff7a45 !important;
}
.home-feedback-section .feedback-quote-mark {
    color: #ff7a45 !important;
}
.home-feedback-section .feedback-recommend-card span {
    color: #ff7a45 !important;
    background: #fff3e6 !important;
    box-shadow: 0 10px 22px rgba(255, 122, 69, .14);
}
.home-feedback-section .feedback-card-top span {
    background: linear-gradient(135deg, #ff7a45 0%, #ff9b63 100%) !important;
    box-shadow: 0 10px 22px rgba(255, 122, 69, .20) !important;
}
.home-feedback-section .feedback-card a {
    color: #ff7a45 !important;
}
.services-directory-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 32px;
    padding: 24px;
}
.services-directory-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 0 14px;
    color: #ff7a45;
    border: 1px solid rgba(255, 122, 69, .28);
    border-radius: 999px;
    background: #fff3e6;
    font-size: 12px;
    font-weight: 800;
}
.services-directory-hero h1 {
    max-width: 760px;
    margin: 18px 0 10px;
    color: #10224d;
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -.045em;
}
.services-directory-hero p {
    max-width: 760px;
    margin: 0;
    color: #667493;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.75;
}
.services-directory-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(108px, 1fr));
    gap: 10px;
}
.services-directory-summary span {
    display: grid;
    place-items: center;
    min-height: 92px;
    padding: 14px;
    border: 1px solid rgba(255, 122, 69, .22);
    border-radius: 18px;
    background: #fff3e6;
    text-align: center;
}
.services-directory-summary strong {
    color: #ff7a45;
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
}
.services-directory-summary small {
    margin-top: 7px;
    color: #10224d;
    font-size: 11px;
    font-weight: 800;
}
.services-directory-catalog {
    margin-top: 24px;
    padding: 24px;
    border: 1px solid rgba(194, 213, 238, .78);
    border-radius: 20px;
    background: #fff;
}
.services-directory-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}
.services-directory-heading span {
    color: #ff7a45;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.services-directory-heading h2 {
    margin: 5px 0 0;
    color: #10224d;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -.03em;
}
.services-directory-heading p {
    max-width: 390px;
    margin: 0;
    color: #74819c;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    text-align: right;
}
.services-directory-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 14px;
}
.services-directory-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 150px;
    padding: 18px 12px;
    color: #10224d;
    border: 1px solid color-mix(in srgb, var(--platform-color) 75%, transparent);
    border-radius: 16px;
    background: #fff;
    text-align: center;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}
.services-directory-card:hover {
    color: #10224d;
    border-color: var(--platform-color);
    background: var(--platform-soft);
    transform: translateY(-3px);
}
.services-directory-icon {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 12px;
    color: var(--platform-color);
    border: 1px solid color-mix(in srgb, var(--platform-color) 25%, transparent);
    border-radius: 15px;
    background: var(--platform-soft);
    font-size: 27px;
}
.services-directory-letter {
    font-size: 27px;
    font-weight: 900;
}
.services-directory-copy {
    display: grid;
    gap: 5px;
    min-width: 0;
}
.services-directory-copy strong {
    color: #10224d;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.3;
}
.services-directory-copy small {
    color: var(--platform-color);
    font-size: 12px;
    font-weight: 800;
}
.services-directory-arrow {
    position: absolute;
    top: 12px;
    right: 12px;
    color: var(--platform-color);
    font-size: 12px;
    opacity: 0;
    transform: translate(-3px, 3px);
    transition: opacity .18s ease, transform .18s ease;
}
.services-directory-card:hover .services-directory-arrow {
    opacity: 1;
    transform: translate(0, 0);
}
.follower-service-page .follower-guarantee-section {
    display: none;
    margin: var(--home-section-gap) auto 0;
}
.follower-service-page .follower-guarantee-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 34px;
    margin-bottom: 12px;
    padding: 0 16px;
    border: 1px solid rgba(255, 122, 69, .22);
    border-radius: 999px;
    color: #ff7a45;
    background: rgba(255, 243, 230, .82);
    font-size: 12px;
    font-weight: 800;
}
.follower-service-page .follower-guarantee-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}
.follower-service-page .follower-guarantee-card {
    position: relative;
    display: grid;
    gap: 10px;
    min-height: 178px;
    padding: 22px;
    border: 1px solid rgba(255, 122, 69, .18);
    border-radius: 20px;
    background: rgba(255, 255, 255, .92);
    cursor: pointer;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.follower-service-page .follower-guarantee-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 122, 69, .34);
}
.follower-service-page .follower-guarantee-card input,
.follower-service-page .order-guarantee-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.follower-service-page .follower-guarantee-check {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #ff7a45;
    border-radius: 14px;
    background: #fff3e6;
}
.follower-service-page .follower-guarantee-card strong {
    color: #10224d;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}
.follower-service-page .follower-guarantee-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
}
.follower-service-page .follower-guarantee-value span {
    color: #667493;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}
.follower-service-page .follower-guarantee-card small {
    color: #5d6d8f;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.55;
}
.follower-service-page .follower-guarantee-card b {
    width: fit-content;
    padding: 7px 11px;
    color: #ef327c;
    border-radius: 999px;
    background: rgba(239, 50, 124, .09);
    font-size: 11px;
    font-weight: 900;
}
.follower-service-page .follower-guarantee-card:has(input:checked),
.follower-service-page .follower-guarantee-card.is-selected {
    border-color: rgba(239, 50, 124, .42);
}
.follower-service-page .follower-guarantee-card:has(input:checked) .follower-guarantee-check,
.follower-service-page .follower-guarantee-card.is-selected .follower-guarantee-check {
    color: #fff;
    background: linear-gradient(135deg, #ff7a45 0%, #ef327c 100%);
}
.follower-service-page .order-summary-bar .order-main-item {
    grid-template-columns: 48px minmax(0, 1fr);
    flex: 0 1 210px;
}
.follower-service-page .order-guarantee-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    gap: 12px;
    flex: 1 1 520px;
    min-width: 0;
}
.follower-service-page .order-guarantee-option {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 58px;
    padding: 10px 18px;
    border: 1px solid rgba(138, 108, 241, .18);
    border-radius: 14px;
    background: rgba(247, 250, 255, .84);
    cursor: pointer;
    white-space: nowrap;
}
.follower-service-page .order-guarantee-option span {
    color: #10224d;
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
    flex: 0 0 auto;
}
.follower-service-page .order-guarantee-option small {
    display: inline-block;
    color: #667493;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-align: left;
    white-space: nowrap;
    flex: 0 0 auto;
}
.follower-service-page .order-guarantee-option:has(input:checked),
.follower-service-page .order-guarantee-option.is-selected {
    border-color: rgba(239, 50, 124, .42);
    background: #fff3e6;
}
.follower-service-page .order-guarantee-option:has(input:checked) span,
.follower-service-page .order-guarantee-option:has(input:checked) small,
.follower-service-page .order-guarantee-option.is-selected span,
.follower-service-page .order-guarantee-option.is-selected small {
    color: #ef327c;
}
/* Telefon */
@media (max-width: 767.8px) {
    .footer-dark-content {
        grid-template-columns: 1fr;
    }
    .footer-dark-brand {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .045);
    }
    .footer-dark-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .site-footer.footer-dark {
        margin-bottom: -86px;
        padding: 24px 14px 112px;
    }
    .footer-dark-panel,
    .footer-dark-meta {
        width: 100%;
    }
    .footer-dark-tabs {
        display: none;
    }
    .footer-dark-tab-social {
        display: none;
    }
    .footer-dark-main {
        display: none;
    }
    .footer-dark-mobile-nav {
        display: grid;
        gap: 10px;
        padding: 22px 18px 22px;
        background: linear-gradient(90deg, rgba(21, 27, 39, .25), rgba(255, 255, 255, .025));
        border-bottom: 1px solid rgba(255, 255, 255, .045);
    }
    .footer-dark-mobile-nav details {
        overflow: hidden;
        background: rgba(255, 255, 255, .045);
        border: 1px solid rgba(255, 255, 255, .065);
        border-radius: 12px;
    }
    .footer-dark-mobile-nav summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 52px;
        padding: 0 14px;
        color: rgba(255, 255, 255, .88);
        font-size: 13px;
        font-weight: 900;
        cursor: pointer;
        list-style: none;
    }
    .footer-dark-mobile-nav summary::-webkit-details-marker {
        display: none;
    }
    .footer-dark-mobile-nav summary span {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
    }
    .footer-dark-mobile-nav summary > .bi {
        color: rgba(255, 255, 255, .55);
        font-size: 13px;
        transition: transform var(--transition-base);
    }
    .footer-dark-mobile-nav details[open] summary > .bi {
        transform: rotate(180deg);
    }
    .footer-dark-mobile-nav nav {
        display: grid;
        border-top: 1px solid rgba(255, 255, 255, .06);
    }
    .footer-dark-mobile-nav nav a {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 0 14px;
        color: rgba(255, 255, 255, .68);
        font-size: 12px;
        font-weight: 800;
        text-decoration: none;
        border-top: 1px solid rgba(255, 255, 255, .045);
    }
    .footer-dark-mobile-nav nav a:first-child {
        border-top: 0;
    }
    .footer-dark-brand {
        padding: 24px 22px 20px;
    }
    .footer-dark-brand img {
        width: 220px;
    }
    .footer-dark-brand p {
        margin: 22px 0;
        font-size: 13px;
    }
    .footer-dark-dmca {
        grid-template-columns: auto auto;
    }
    .footer-dark-dmca small {
        grid-column: 1 / -1;
        padding: 9px 12px;
    }
    .footer-dark-cards {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 0;
    }
    .footer-dark-tab-panel {
        min-height: 0;
    }
    .footer-dark-list-panel {
        grid-template-columns: 1fr;
    }
    .footer-dark-cards a {
        grid-template-columns: 42px minmax(0, 1fr);
        column-gap: 14px;
        padding: 14px;
        background: rgba(255, 255, 255, .035);
        border: 1px solid rgba(255, 255, 255, .045);
        border-radius: 12px;
    }
    .footer-dark-cards span {
        grid-row: 1 / 3;
        width: 42px;
        height: 42px;
        margin: 0;
        font-size: 17px;
    }
    .footer-dark-cards strong,
    .footer-dark-cards small {
        align-self: center;
    }
    .footer-dark-line {
        margin: 26px 0 18px;
    }
    .footer-dark-bottom-row,
    .footer-dark-meta {
        align-items: flex-start;
        flex-direction: column;
    }
    .footer-dark-bottom-row {
        padding: 0;
    }
    .footer-dark-legal {
        gap: 14px;
    }
    .footer-dark-meta {
        align-items: center;
        gap: 20px;
        margin-top: 34px;
    }
    .footer-dark-payments {
        justify-content: flex-start;
        gap: 12px;
        font-size: 14px;
    }
    .page-shell {
        width: min(1260px, calc(100% - 40px));
        padding: 0;
    }
    .topbar {
        top: auto;
        left: auto;
        right: auto;
        flex-wrap: wrap;
        gap: 8px;
        padding: 9px 10px;
        border-radius: 18px;
    }
    .home-topbar {
        left: 0;
        right: 0;
        display: block;
        width: calc(100% + 36px);
        margin-right: -18px;
        margin-bottom: 24px;
        margin-left: -18px;
        padding: 0;
        overflow-x: hidden;
        border-radius: 0;
        transform: none;
    }
    .promo-strip {
        min-height: 38px;
        padding: 0 12px;
        text-align: center;
    }
    .promo-inner {
        width: 100%;
        gap: 8px;
        padding: 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .promo-message {
        justify-content: center;
        flex-wrap: wrap;
        gap: 7px;
    }
    .promo-strip strong {
        font-size: 10px;
    }
    .fake-order-ticker {
        width: auto;
        max-width: 100%;
        padding: 4px 9px 4px 7px;
        gap: 7px;
    }
    .fake-order-ticker .fake-order-platform-icon {
        width: 34px;
        min-width: 34px;
        height: 24px;
        min-height: 24px;
    }
    .fake-order-ticker strong {
        max-width: 185px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 10px;
    }
    .fake-order-ticker small {
        padding-left: 8px;
        font-size: 9px;
    }
    .promo-actions {
        display: none;
    }
    .promo-actions a {
        min-height: 24px;
        font-size: 10px;
    }
    .promo-actions a + a {
        padding-left: 0;
        border-left: 0;
    }
    .home-menu-row {
        width: 100%;
    }
    .article-body {
        margin: 0 0 !important;
    }
    .home-menu-primary {
        position: relative;
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        justify-items: center;
        gap: 12px;
        min-height: 74px;
        background: rgba(255, 255, 255, .98);
        border-bottom: 1px solid rgba(224, 234, 248, .86);
    }
    .home-topbar .brand {
        grid-column: 2;
        grid-row: 1;
        order: initial;
    }
    .home-topbar .brand-logo {
        width: 118px;
    }
    .mobile-menu-toggle {
        display: grid;
        grid-column: 1;
        grid-row: 1;
        place-items: center;
        width: 32px;
        height: 32px;
        padding: 0;
        color: #10224d;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .mobile-menu-toggle .bi,
    .mobile-menu-close .bi {
        color: currentColor;
    }
    .mobile-user-link {
        display: grid;
        grid-column: 3;
        grid-row: 1;
        place-items: center;
        width: 32px;
        height: 32px;
        color: #10224d;
        font-size: 19px;
    }
    .mobile-user-link .bi {
        color: currentColor;
    }
    .mobile-menu-backdrop {
        position: fixed;
        top: var(--mobile-menu-top, 112px);
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 69;
        display: none;
        width: 100vw;
        height: auto;
        padding: 0;
        pointer-events: none;
        background: #fff;
        border: 0;
        opacity: 0;
        transition: opacity .24s ease;
    }
    body.mobile-nav-open .mobile-menu-backdrop {
        display: block;
        pointer-events: auto;
        opacity: 1;
    }
    body.mobile-nav-open {
        overflow: hidden;
    }
    .mobile-menu-panel {
        position: fixed;
        top: var(--mobile-menu-top, 112px);
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 70;
        display: flex;
        flex-direction: column;
        width: 100vw;
        max-width: 100vw;
        height: auto;
        max-height: calc(100dvh - var(--mobile-menu-top, 112px));
        padding: 0 18px calc(78px + env(safe-area-inset-bottom, 0px));
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        background: #fff;
        border-right: 0;
        box-shadow: none;
        transform: translateX(-102%);
        transition: transform .28s ease;
    }
    body.mobile-nav-open .mobile-menu-panel {
        transform: translateX(0);
    }
    .mobile-menu-close {
        position: sticky;
        top: 0;
        z-index: 2;
        display: none;
        place-items: center;
        align-self: flex-end;
        flex: 0 0 auto;
        width: 36px;
        height: 36px;
        margin-bottom: 14px;
        padding: 0;
        color: #24314b;
        background: rgba(248, 251, 255, .95);
        border: 1px solid rgba(224, 234, 248, .9);
        border-radius: 50%;
    }
    .home-menu-side {
        display: grid;
        flex: 0 0 auto;
        justify-content: stretch;
        width: 100%;
        gap: 9px;
    }
    .home-menu-side-left,
    .home-menu-side-right {
        grid-column: auto;
        grid-row: auto;
        justify-self: stretch;
    }
    .home-menu-side-right {
        display: none !important;
        order: 2;
        margin-top: 9px;
    }
    .home-menu-side-left {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        order: 1;
        width: 100%;
        padding-top: 14px;
    }
    .home-menu-side-left > .nav-dropdown-toggle,
    .home-menu-side-left > .desktop-packages-link {
        justify-content: center;
        min-height: 34px;
        padding: 0 8px;
        gap: 6px;
        color: #4e5b77;
        font-size: 10px;
        font-weight: 800;
        background: transparent;
        border: 1px solid rgba(224, 234, 248, .52);
        border-radius: 8px;
        box-shadow: none;
    }
    .home-menu-side-left > .nav-dropdown-toggle .chevron,
    .home-menu-side-left > .desktop-packages-link .chevron {
        display: none;
    }
    .home-menu-side-left > .nav-dropdown-toggle.is-active {
        color: #5d35f2;
        background: #fff;
        border-color: rgba(138, 108, 241, .24);
        box-shadow: 0 10px 22px rgba(92, 66, 220, .10);
    }
    .home-menu-side-left > [data-menu-toggle="services"] {
        order: 1;
    }
    .desktop-packages-link {
        order: 2;
    }
    .home-menu-side-left > [data-menu-toggle="free-tools"] {
        order: 3;
    }
    .home-menu-side-left > .nav-mega-panel {
        grid-column: 1 / -1;
        order: 4;
        margin: 6px 0 0;
    }
    .hero-showcase {
        grid-template-columns: minmax(0, 1fr) minmax(220px, .74fr);
        align-items: stretch;
        gap: 18px;
    }
    .hero-showcase-visual {
        min-height: clamp(220px, 32vw, 250px);
    }
    .package-grid {
        grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
    }
    .package-plus {
        right: -12px;
        top: 50%;
        transform: translateY(-50%);
    }
    .services-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        width: 100% !important;
    }
    .benefits-row {
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        width: 100% !important;
    }
    .feedback-summary {
        grid-template-columns: minmax(0, 1fr) minmax(260px, .86fr);
    }
    .feedback-recommend-card {
        grid-column: 1 / -1;
    }
    .feedback-form {
        grid-template-columns: minmax(0, 1fr) auto;
        width: 100%;
    }
    .feedback-form-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .feedback-track {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
    .feedback-track .feedback-card,
    .feedback-track .feedback-card:nth-child(1),
    .feedback-track .feedback-card:nth-child(2),
    .feedback-track .feedback-card:nth-child(3),
    .feedback-track .feedback-card:nth-child(4),
    .feedback-track .feedback-card:nth-child(5) {
        grid-column: auto;
        min-height: 176px;
    }
    .article-stack .article-card,
    .article-stack .article-card:nth-child(even) {
        grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr);
    }
    .article-stack .article-card:nth-child(even) .article-visual {
        order: 0;
    }
    .success-shell {
        padding: 86px 18px 34px;
    }
    .success-product-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .success-product-main {
        grid-column: 1 / -1;
    }
    .success-grid {
        grid-template-columns: 1fr;
    }
    .footer-brand-block {
        grid-column: 1 / -1;
        max-width: none;
    }
    body {
        padding-bottom: 62px;
    }
    .page-shell {
        width: min(1260px, calc(100% - 24px));
        padding-inline: 0;
    }
    body.home-page::after {
        position: fixed;
        inset: 0;
        z-index: 8;
        pointer-events: none;
        content: "";
        background: rgba(244, 249, 255, .48);
        opacity: 0;
        backdrop-filter: blur(0);
        transition: opacity var(--transition-base), backdrop-filter var(--transition-base);
    }
    body.home-page.order-summary-open::after {
        opacity: 1;
        backdrop-filter: blur(6px);
    }
    body.home-page.order-summary-open.hizmet-diger-page::after,
    body.home-page.order-summary-open.follower-service-page::after {
        pointer-events: auto;
    }
    html:has(body.home-page.order-summary-open.hizmet-diger-page),
    html:has(body.home-page.order-summary-open.follower-service-page),
    body.home-page.order-summary-open.hizmet-diger-page,
    body.home-page.order-summary-open.follower-service-page {
        overflow: hidden !important;
        overscroll-behavior: none !important;
        touch-action: none !important;
    }
    body.home-page.order-summary-open.hizmet-diger-page .order-summary-bar,
    body.home-page.order-summary-open.follower-service-page .order-summary-bar {
        touch-action: auto !important;
    }
    .order-buy-stack .order-total-desktop {
        display: none;
    }
    html, body {
        width: 100%;
        overflow-x: hidden;
    }
    .hero-showcase {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .hero-showcase h1 {
        font-size: clamp(32px, 10vw, 40px);
    }
    .hero-showcase-copy > p {
        font-size: 11px;
        line-height: 1.6;
    }
    .hero-review-card {
        position: relative;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 10px;
        min-height: 126px;
        padding: 12px;
    }
    .hero-review-avatar {
        width: 42px;
        height: 42px;
        font-size: 17px;
    }
    .hero-review-card blockquote {
        grid-column: 2;
        grid-row: 1;
        font-size: 10px;
    }
    .hero-review-stars {
        grid-column: 2;
        grid-row: 2;
        font-size: 10px;
    }
    .hero-verified-badge {
        position: absolute;
        right: 26px;
        bottom: 9px;
        grid-template-columns: auto auto;
        width: 84px;
        max-width: 84px;
        padding: 7px 10px;
        border-left: 0;
        border: 1px solid rgba(239, 79, 152, .18);
        border-radius: 999px;
        font-size: 9px;
    }
    .hero-verified-badge .bi {
        font-size: 15px;
    }
    .hero-showcase-visual {
        min-height: 190px;
    }
    .hero-phone-visual {
        width: min(150px, 48vw);
        border-radius: 20px;
    }
    .hero-phone-visual .bi {
        font-size: 52px;
    }
    .brand {
        min-width: auto;
    }
    .package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .package-plus {
        top: 50%;
        right: 0;
        transform: translate(50%, -50%);
    }
    .services-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .service-top,
    .services-section .service-top {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        min-height: auto;
    }
    .service-icon,
    .services-section .service-icon {
        width: 46px;
        height: 46px;
        border-radius: 11px;
        font-size: 22px;
    }
    .service-card strong,
    .services-section .service-card strong {
        font-size: 13px;
        line-height: 1.15;
        white-space: normal;
    }
    .service-top p,
    .services-section .service-top p {
        display: block;
        margin-top: 4px;
        font-size: 10px;
        line-height: 1.45;
    }
    .more-services-price,
    .services-section .more-services-price {
        display: block;
        width: auto;
        margin: 5px 0 0;
        font-size: 12px;
        line-height: 1.1;
        text-align: left;
        white-space: nowrap;
    }
    .service-select,
    .services-section .service-select {
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        height: 36px;
        margin-top: 14px;
        border-radius: 10px;
    }
    .service-select button,
    .services-section .service-select button {
        min-width: 38px;
        font-size: 15px;
    }
    .service-select span,
    .services-section .service-select span {
        min-width: 0;
        font-size: 12px;
    }
    body.hizmet-diger-page .services-section .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    body.hizmet-diger-page .services-section .service-card {
        display: grid !important;
        grid-template-rows: auto auto;
        align-content: start;
        min-width: 0;
        min-height: 138px;
        padding: 11px !important;
        border-radius: 14px;
    }
    body.hizmet-diger-page .services-section .service-top {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        gap: 9px !important;
        align-items: center;
        min-height: 58px;
    }
    body.hizmet-diger-page .services-section .service-icon {
        width: 40px !important;
        height: 40px !important;
        border-radius: 11px !important;
        font-size: 19px !important;
    }
    body.hizmet-diger-page .services-section .service-card strong {
        font-size: 12.5px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }
    body.hizmet-diger-page .services-section .more-services-price {
        margin-top: 3px !important;
        font-size: 11.5px !important;
        line-height: 1.05 !important;
        white-space: normal !important;
    }
    body.hizmet-diger-page .services-section .service-top p {
        display: block !important;
        overflow: visible !important;
        margin-top: 3px !important;
        font-size: 7.5px !important;
        line-height: 1.28 !important;
        text-overflow: clip !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }
    body.hizmet-diger-page .services-section .service-select {
        grid-template-columns: 30px minmax(0, 1fr) 30px !important;
        height: 34px !important;
        margin-top: 5px !important;
        border-radius: 10px !important;
    }
    body.hizmet-diger-page .services-section .service-select button {
        min-width: 30px !important;
        font-size: 13px !important;
    }
    body.hizmet-diger-page .services-section .service-select span {
        font-size: 11.5px !important;
    }
    .order-summary-bar {
        right: 0px;
        left: 0px;
        bottom: 0px;
        grid-template-columns: 1fr;
        gap: 0;
        width: auto;
        max-height: calc(100vh - 52px);
        padding: 24px 12px 10px;
        overflow: visible;
        transform: none;
        transition: padding var(--transition-base), gap var(--transition-base);
        border-radius: 14px 14px 0 0;
    }
    .order-summary-toggle {
        position: absolute;
        top: -16px;
        left: 50%;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: auto;
        height: 27px;
        padding: 0 10px;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0;
        color: var(--color-brand-purple);
        background: var(--color-panel-bg);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-pill);
        transform: translateX(-50%);
    }
    .order-summary-toggle .bi {
        color: currentColor;
        font-size: 12px;
        transition: transform var(--transition-base);
    }
    .order-summary-items,
    .order-summary-item,
    .order-main-item,
    .order-summary-item:last-child {
        display: none;
    }
    .summary-icon {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }
    .order-buy-stack {
        justify-self: stretch;
        width: 100%;
    }
    .order-buy-stack .order-total-desktop {
        display: none;
    }
    .order-buy-btn {
        justify-self: stretch;
        width: 100%;
        min-height: 38px;
        padding: 0 14px;
        font-size: 13px;
    }
    .order-summary-bar.is-expanded {
        gap: 12px;
        padding-top: 24px;
        overflow: visible;
        transform: none;
    }
    .order-summary-bar.is-expanded .order-summary-toggle .bi {
        transform: rotate(180deg);
    }
    .order-summary-bar.is-expanded .order-summary-items {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px;
        width: 100%;
        max-height: calc(100vh - 160px);
        overflow-y: auto;
    }
    .order-summary-bar.is-expanded .order-summary-item {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) 28px !important;
        justify-content: stretch;
        gap: 8px;
        width: 100%;
        padding: 9px 10px;
        background: rgba(247, 250, 255, .82);
        border: 1px solid var(--color-border);
        border-radius: 9px;
    }
    .order-summary-bar.is-expanded .summary-icon {
        width: 42px;
        height: 42px;
    }
    .order-summary-bar.is-expanded .summary-adjust button {
        width: 25px;
        height: 25px;
    }
    .home-page .benefits-row {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 24px;
    }
    .home-page .benefit-card,
    .home-page .benefit-trust-card {
        grid-template-columns: 46px minmax(0, 1fr);
        justify-items: start;
        min-height: auto;
        padding: 16px;
        text-align: left;
    }
    .home-page .benefit-icon {
        width: 44px;
        height: 44px;
        font-size: 22px;
    }
    .home-page .benefit-card small {
        max-width: none;
        font-size: 10px;
        line-height: 1.35;
    }
    .home-extra-section {
        margin-top: var(--home-section-gap);
    }
    .section-heading h2 {
        font-size: 24px;
    }
    .feedback-summary {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: var(--home-section-gap);
    }
    .feedback-summary-copy {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px;
    }
    .feedback-quote-mark {
        font-size: 72px;
    }
    .feedback-summary-copy h2 {
        font-size: 34px;
    }
    .feedback-summary-copy p {
        margin-top: 9px;
        font-size: 12px;
    }
    .feedback-rating-panel,
    .feedback-recommend-card {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 24px;
    }
    .feedback-recommend-card strong,
    .feedback-rating-score strong {
        font-size: 34px;
    }
    .feedback-open-form {
        min-height: 36px;
        font-size: 10px;
    }
    .feedback-form {
        grid-template-columns: 1fr;
        gap: 14px;
        width: 100%;
        padding: 22px 16px 18px;
        border-radius: 16px;
    }
    .feedback-form h3 {
        margin-bottom: 0;
        font-size: 22px;
        text-align: center;
    }
    .feedback-form-intro {
        justify-items: center;
    }
    .feedback-form-stars {
        justify-content: center;
    }
    .feedback-form-fields {
        grid-template-columns: 1fr;
    }
    .feedback-form input[type="text"],
    .feedback-form textarea {
        padding: 15px 16px;
        border-radius: 12px;
    }
    .feedback-form textarea {
        min-height: 96px;
    }
    .feedback-track {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .feedback-track .feedback-card,
    .feedback-track .feedback-card:nth-child(1),
    .feedback-track .feedback-card:nth-child(2),
    .feedback-track .feedback-card:nth-child(3),
    .feedback-track .feedback-card:nth-child(4),
    .feedback-track .feedback-card:nth-child(5) {
        grid-column: auto;
        min-height: 176px;
    }
    .feedback-card {
        padding: 24px;
        border-radius: 20px;
    }
    .feedback-card-meta {
        padding-left: 46px;
    }
    .feedback-card em {
        right: 14px;
    }
    .feedback-card strong {
        font-size: 14px;
    }
    .feedback-card p {
        font-size: 11px;
    }
    .article-stack {
        gap: 14px;
        margin-top: 20px;
    }
    .article-tabs {
        margin-top: 20px;
    }
    .article-tab-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        overflow: hidden;
        border-radius: 16px;
    }
    .article-tab-btn {
        min-width: 0;
        min-height: 52px;
        padding: 0 9px;
        gap: 8px;
        font-size: 12px;
    }
    .article-tab-btn .bi {
        font-size: 17px;
    }
    .article-tab-panel {
        margin-top: 14px;
    }
    .article-buy-guide {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
        padding: 24px;
        overflow: hidden;
        border-radius: 20px;
    }
    .article-buy-guide > *,
    .article-buy-guide-content > *,
    .article-buy-guide-bottom > * {
        min-width: 0;
        max-width: 100%;
    }
    .article-buy-guide-image {
        width: 100%;
        aspect-ratio: 16 / 10;
        max-height: 330px;
        border-radius: 14px;
    }
    .article-buy-guide-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
    }
    .article-buy-guide-content {
        gap: 12px;
        width: 100%;
    }
    .article-buy-guide-hero {
        grid-template-columns: 1fr;
        width: 100%;
        min-height: auto;
        padding: 24px;
        overflow: hidden;
        border-radius: 20px;
    }
    .article-buy-guide-hero h3 {
        font-size: 27px;
    }
    .article-buy-guide-hero p {
        margin-top: 12px;
        font-size: 11px;
        line-height: 1.55;
    }
    .article-buy-guide-brand {
        display: none;
    }
    .article-buy-steps,
    .article-buy-guide-bottom {
        grid-template-columns: 1fr;
        width: 100%;
        gap: 10px;
    }
    .article-buy-step {
        min-height: 150px;
        padding: 24px;
    }
    .article-buy-step i {
        width: 54px;
        height: 54px;
        margin-bottom: 12px;
        font-size: 26px;
        border-radius: 14px;
    }
    .article-buy-step strong {
        font-size: 13px;
    }
    .article-buy-step p {
        font-size: 11px;
    }
    .article-why-card,
    .article-start-card {
        min-height: auto;
        padding: 24px;
        border-radius: 20px;
    }
    .article-start-card {
        grid-template-columns: 1fr 68px;
    }
    .article-start-card > .bi {
        font-size: 62px;
    }
    .article-start-card a {
        min-height: 38px;
        padding: 0 18px;
        font-size: 12px;
    }
    .price-list-table {
        overflow-x: hidden;
        border-radius: 10px;
    }
    .price-list-table table {
        width: 100%;
        min-width: 0;
    }
    .price-list-table th,
    .price-list-table td {
        padding: 11px 12px;
        font-size: 12px;
    }
    .article-stack .article-card,
    .article-stack .article-card:nth-child(even) {
        grid-template-columns: 1fr;
    }
    .article-card {
        min-height: auto;
        padding: 24px;
        border-radius: 20px;
    }
    .article-card h3 {
        font-size: 18px;
    }
    .article-card p {
        font-size: 11px;
        line-height: 1.65;
    }
    .article-visual {
        min-height: 150px;
        border-radius: 12px;
    }
    .article-visual-buy,
    .article-visual-growth {
        min-height: 115px;
    }
    .article-visual span {
        width: 48px;
        height: 48px;
        font-size: 22px;
        border-radius: 14px;
    }
    .article-visual span + span {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    .faq-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .faq-list--split .faq-list-column {
        display: contents;
    }
    .faq-list--split .faq-list-column:nth-child(1) .faq-item:nth-child(1) {
        order: 1;
    }
    .faq-list--split .faq-list-column:nth-child(2) .faq-item:nth-child(1) {
        order: 2;
    }
    .faq-list--split .faq-list-column:nth-child(1) .faq-item:nth-child(2) {
        order: 3;
    }
    .faq-list--split .faq-list-column:nth-child(2) .faq-item:nth-child(2) {
        order: 4;
    }
    .faq-list--split .faq-list-column:nth-child(1) .faq-item:nth-child(3) {
        order: 5;
    }
    .faq-list--split .faq-list-column:nth-child(2) .faq-item:nth-child(3) {
        order: 6;
    }
    .faq-list--split .faq-list-column:nth-child(1) .faq-item:nth-child(4) {
        order: 7;
    }
    .faq-list--split .faq-list-column:nth-child(2) .faq-item:nth-child(4) {
        order: 8;
    }
    .faq-list--split .faq-list-column:nth-child(1) .faq-item:nth-child(5) {
        order: 9;
    }
    .faq-list--split .faq-list-column:nth-child(2) .faq-item:nth-child(5) {
        order: 10;
    }
    .faq-item {
        border-radius: 14px;
    }
    .faq-item summary {
        min-height: 58px;
        padding: 0 50px 0 14px;
        gap: 10px;
        font-size: 12px;
    }
    .faq-item summary span {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
        border-radius: 10px;
    }
    .faq-toggle-icon {
        right: 14px;
        width: 27px;
        height: 27px;
        font-size: 11px;
    }
    .faq-item p {
        margin: -3px 48px 18px 16px;
        font-size: 11px;
        line-height: 1.6;
    }
    .faq-item[open] p {
        margin: 0 14px 15px 52px;
        padding: 11px 12px;
        border-radius: 12px;
    }
    .cart-page {
        padding-bottom: 0;
    }
    .cart-shell {
        padding: 9px 4px 40px;
    }
    .cart-page .chat-bubble {
        bottom: 9px;
    }
    .payment-page {
        padding-bottom: 0;
    }
    .payment-shell {
        padding: 8px 10px 35px;
    }
    .payment-hero {
        margin-bottom: 20px;}
    .payment-hero h1 {
        font-size: 24px;
    }
    .payment-hero p {
        font-size: 9px;
    }
    .payment-layout {
        grid-template-columns: 1fr;
        gap: 12px;
        width: 100%;
    }
    .payment-customer-card {
        gap: 11px;
        padding: 15px 12px;
    }
    .payment-card h2 {
        font-size: 12px;
    }
    .payment-field {
        height: 34px;
        grid-template-columns: 24px minmax(0, 1fr);
    }
    .payment-phone-field {
        grid-template-columns: 24px 76px minmax(0, 1fr);
    }
    .payment-summary-card,
    .payment-code-card,
    .payment-method-card {
        padding: 14px 12px;
    }
    .payment-total-final > b {
        font-size: 17px !important;
    }
    .payment-code-row {
        grid-template-columns: minmax(0, 1fr) 75px;
        height: 33px;
    }
    .payment-method-grid {
        gap: 7px;
    }
    .payment-method {
        min-height: 66px;
    }
    .payment-submit {
        gap: 72px;
        min-height: 34px;
    }
    .payment-footer-note {
        margin-top: 8px;
        font-size: 12px;
        text-align: center;
    }
    .payment-chat {
        bottom: 9px;
        z-index: 11;
    }
    .success-page {
        padding-bottom: 0;
    }
    .success-shell {
        padding: 8px 10px 35px;
    }
    .success-hero {
        margin-bottom: 19px;}
    .success-check-wrap {
        width: 82px;
        height: 82px;
        margin-bottom: 12px;
    }
    .success-check {
        width: 56px;
        height: 56px;
        font-size: 29px;
    }
    .success-hero h1 {
        font-size: 19px;
    }
    .success-hero p {
        width: min(100%, 260px);
        font-size: 8px;
        line-height: 1.45;
    }
    .success-content {
        gap: 10px;
    }
    .success-meta-card {
        grid-template-columns: 1fr;
        gap: 9px;
        padding: 24px;
    }
    .success-meta-card article {
        min-width: 0;
    }
    .success-status-item {
        justify-content: flex-start;
    }
    .success-card {
        padding: 24px;
    }
    .success-card h2 {
        margin-bottom: 11px;
        font-size: 11px;
    }
    .success-product-row {
        gap: 11px;
        padding: 10px;
    }
    .success-product-icon {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }
    .success-meta-card small,
    .success-product-row small {
        font-size: 7px;
    }
    .success-meta-card strong,
    .success-product-row strong {
        font-size: 8px;
        word-break: break-word;
    }
    .success-grid {
        gap: 10px;
    }
    .success-price-list span,
    .success-total span {
        font-size: 8px;
    }
    .success-total strong {
        font-size: 15px;
    }
    .success-timeline article {
        min-height: 42px;
    }
    .success-timeline strong {
        font-size: 8px;
    }
    .success-timeline small {
        font-size: 6px;
    }
    .success-notice {
        grid-template-columns: 27px minmax(0, 1fr);
        gap: 9px;
        padding: 24px;
    }
    .success-notice span {
        width: 26px;
        height: 26px;
    }
    .success-notice p {
        font-size: 7px;
        line-height: 1.5;
    }
    .success-actions {
        gap: 9px;
        margin-top: 4px;
    }
    .success-action-primary,
    .success-action-secondary {
        min-width: 0;
        flex: 1;
        min-height: 34px;
        padding: 0 10px;
        font-size: 8px;
    }
    .success-content + .benefits-row {
        margin-top: 20px;
    }
    .success-chat {
        bottom: 9px;
        z-index: 11;
    }
    .site-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: min(100% - 36px, 920px);
    }
    .footer-action-column {
        grid-column: 1 / -1;
    }
    .site-footer-bottom {
        grid-template-columns: 1fr;
        justify-items: center;
        width: min(100% - 36px, 920px);
        text-align: center;
    }
    .site-footer-bottom nav {
        justify-content: center;
        flex-wrap: wrap;
    }
    .site-footer {
        padding-top: 58px;
        width: calc(100% + 36px);
        margin: var(--home-section-gap) -18px -26px;
        padding: 22px 12px 25px;
        overflow-x: hidden;
    }
    .site-footer-inner {
        grid-template-columns: 1fr;
        gap: 12px;
        width: 100%;
        padding: 12px;
        border-radius: 20px 20px 0 0;
    }
    .footer-panel-card {
        padding: 20px;
        border-radius: 16px;
    }
    .footer-brand img {
        width: 170px;
    }
    .footer-brand-block p {
        max-width: none;
        margin-top: 20px;
        font-size: 13px;
        line-height: 1.7;
    }
    .footer-brand-block hr {
        margin: 22px 0 18px;
    }
    .footer-payment-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .footer-trust-list {
        grid-template-columns: 1fr;
    }
    .footer-link-column h2 {
        margin-bottom: 14px;
        font-size: 17px;
    }
    .footer-link-column a {
        min-height: 40px;
        font-size: 13px;
    }
    .footer-action-column {
        grid-template-columns: minmax(260px, 360px) minmax(220px, 1fr);
        align-items: end;
        grid-column: auto;
        gap: 20px;
    }
    .footer-support-icon {
        width: 58px;
        height: 58px;
        margin: 4px 0 14px;
        font-size: 27px;
    }
    .footer-support-card h2 {
        font-size: 20px;
    }
    .footer-support-card p {
        margin: 18px 0 20px;
        font-size: 13px;
    }
    .footer-chat-link {
        min-height: 48px;
        font-size: 13px;
    }
    .footer-social-links a {
        width: 42px;
        height: 42px;
        font-size: 19px;
    }
    .site-footer-bottom {
        gap: 12px;
        width: 100%;
        padding: 20px 14px;
        border-radius: 0 0 16px 16px;
    }
    .site-footer-bottom p,
    .site-footer-bottom a {
        font-size: 12px;
    }
    .site-footer-bottom nav {
        gap: 10px;
    }
    .site-footer-bottom nav a + a {
        padding-left: 10px;
    }
    .nav-mega-panel[data-menu-panel="services"] {
        --nav-mega-accent: #ef4f98;
        --nav-mega-accent-soft: rgba(239, 79, 152, .18);
        --nav-mega-accent-border: rgba(239, 79, 152, .32);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-content {
        display: contents;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar {
        display: grid;
        gap: 0;
        max-height: 360px;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button {
        --nav-platform-color: #ef4f98;
        --nav-platform-bg: rgba(239, 79, 152, .055);
        --nav-platform-border: rgba(239, 79, 152, .20);
        color: #10224d;
        background: transparent;
        border-bottom-color: rgba(224, 234, 248, .76);
        transition: background 180ms ease, border-color 180ms ease;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="facebook"] {
        --nav-platform-color: #1877f2;
        --nav-platform-bg: rgba(24, 119, 242, .075);
        --nav-platform-border: rgba(24, 119, 242, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="twitter"] {
        --nav-platform-color: #111827;
        --nav-platform-bg: rgba(17, 24, 39, .055);
        --nav-platform-border: rgba(17, 24, 39, .18);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="spotify"] {
        --nav-platform-color: #1db954;
        --nav-platform-bg: rgba(29, 185, 84, .08);
        --nav-platform-border: rgba(29, 185, 84, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="youtube"] {
        --nav-platform-color: #ff0000;
        --nav-platform-bg: rgba(255, 0, 0, .06);
        --nav-platform-border: rgba(255, 0, 0, .20);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="tiktok"] {
        --nav-platform-color: #111827;
        --nav-platform-bg: rgba(17, 24, 39, .055);
        --nav-platform-border: rgba(17, 24, 39, .18);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="telegram"] {
        --nav-platform-color: #24a1de;
        --nav-platform-bg: rgba(36, 161, 222, .08);
        --nav-platform-border: rgba(36, 161, 222, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="twitch"] {
        --nav-platform-color: #9146ff;
        --nav-platform-bg: rgba(145, 70, 255, .075);
        --nav-platform-border: rgba(145, 70, 255, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="pinterest"] {
        --nav-platform-color: #e60023;
        --nav-platform-bg: rgba(230, 0, 35, .06);
        --nav-platform-border: rgba(230, 0, 35, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="kick"] {
        --nav-platform-color: #00e701;
        --nav-platform-bg: rgba(0, 231, 1, .08);
        --nav-platform-border: rgba(0, 231, 1, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button.is-active {
        display: grid;
        color: #10224d;
        background: var(--nav-platform-bg);
        border: 1px solid var(--nav-platform-border);
        border-radius: 12px 12px 0 0;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button .bi:first-child,
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button .nav-kick-mark,
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button .bi-chevron-right {
        color: var(--nav-platform-color);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-service-panel {
        display: grid;
        grid-template-rows: auto auto;
        max-height: 680px;
        overflow: hidden;
        background: linear-gradient(90deg, var(--nav-mega-accent-soft), rgba(255, 255, 255, .86));
        border: 1px solid var(--nav-mega-accent-border);
        border-top: 0;
        border-radius: 0 0 12px 12px;
        animation: mobileServiceReveal 180ms ease both;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-service-panel[hidden] {
        display: none;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-head {
        border-color: transparent;
        border-radius: 0;
        background: transparent;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-head > span {
        color: #fff;
        background: var(--nav-mega-accent);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-head::after {
        color: var(--nav-mega-accent);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-links {
        background: transparent;
        border: 0;
        border-radius: 0;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-links a::before {
        color: var(--nav-mega-accent);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-cta {
        display: none;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-links a .nav-service-icon {
        width: 22px;
        height: 22px;
        font-size: 13px;
        background: linear-gradient(135deg, var(--nav-mega-accent-soft), rgba(255, 255, 255, .90));
        border: 1px solid var(--nav-mega-accent-border);
        box-shadow: none;
    }
    .main-home-page .main-hero {
        grid-template-columns: minmax(0, 1fr) minmax(260px, .78fr);}
    .main-home-page .main-quick-order {
        grid-column: 1 / -1;
    }
    .main-home-page .main-service-strip > div,
    .main-home-page .main-package-grid,
    .main-home-page .main-service-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .main-home-page .main-hero-copy p {
        font-size: 14px;
    }
    .main-home-page .main-service-strip > div,
    .main-home-page .main-package-grid,
    .main-home-page .main-growth-section,
    .main-home-page .main-growth-cards,
    .main-home-page .main-why-row,
    .main-home-page .main-service-cards,
    .main-home-page .main-social-proof,
    .main-home-page .main-insight-grid {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-section-head,
    .main-home-page .main-happy-customers {
        display: grid;
        align-items: start;
    }
    .main-home-page .main-why-section,
    .main-home-page .main-social-proof {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-hero {
        grid-template-columns: 1fr;
        gap: 16px;
        padding-top: 132px;
        margin-top: 0;
    }
    .main-home-page .main-hero-copy h1 {
        font-size: 42px;
    }
    .main-home-page .main-package-grid,
    .main-home-page .main-growth-cards,
    .main-home-page .main-why-row,
    .main-home-page .main-insight-grid {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-growth-chart,
    .main-home-page .main-insights article {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-hero {
        padding-top: 124px;
        margin-top: 0;
    }
    .main-home-page .main-hero-copy h1 {
        font-size: 36px;
    }
    .main-home-page .main-growth-section {
        grid-template-columns: minmax(220px, .75fr) minmax(0, 1fr);
    }
    .main-home-page .main-trust-pills {
        display: grid;
        grid-template-columns: 1fr;
        max-width: none;
    }
    .main-home-page .main-trust-pills strong,
    .main-home-page .main-trust-pills small {
        white-space: normal;
    }
    .main-home-page .main-growth-section,
    .main-home-page .main-growth-cards {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-service-cards,
    .main-home-page .main-social-proof {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-faq-strip {
        grid-template-columns: 1fr 180px;
    }
    .main-home-page .main-faq-strip,
    .main-home-page .main-faq-list > div {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-organic-panel,
    .main-home-page .main-satisfaction-panel,
    .main-home-page .smart-overview,
    .main-home-page .smart-service-panel,
    .main-home-page .suite-priority,
    .main-home-page .suite-faq {
        grid-template-columns: 1fr;
    }
    .main-home-page .organic-flow,
    .main-home-page .satisfaction-service-row,
    .main-home-page .suite-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .main-home-page .organic-flow .flow-arrow {
        display: none;
    }
    .main-home-page .smart-stat-row {
        grid-column: auto;
    }
    .main-home-page .smart-service-panel {
        height: auto;
        min-height: 0;
    }
    .main-home-page .service-panel-copy {
        justify-content: flex-start;
        overflow: visible;
    }
    .main-home-page .main-organic-panel,
    .main-home-page .main-satisfaction-panel,
    .main-home-page .main-smart-results,
    .main-home-page .main-testimonial-suite {
        margin-top: 22px;
    }
    .main-home-page .organic-feature-body,
    .main-home-page .organic-tabs,
    .main-home-page .mini-review-grid,
    .main-home-page .satisfaction-main,
    .main-home-page .smart-stat-row,
    .main-home-page .service-proof-grid,
    .main-home-page .suite-stats,
    .main-home-page .suite-faq aside {
        grid-template-columns: 1fr;
    }
    .main-home-page .organic-flow,
    .main-home-page .satisfaction-service-row {
        grid-template-columns: 1fr;
    }
    .main-home-page .organic-flow article {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 2px 12px;
        align-items: center;
        align-content: center;
        min-height: 96px;
        padding: 14px;
    }
    .main-home-page .organic-flow article > .bi {
        grid-row: 1 / 3;
        margin-bottom: 0;
    }
    .main-home-page .organic-flow strong {
        align-self: end;
    }
    .main-home-page .organic-flow small {
        align-self: start;
        max-width: none;
    }
    .main-home-page .smart-overview,
    .main-home-page .suite-faq,
    .main-home-page .suite-priority,
    .main-home-page .satisfaction-main {
        padding: 24px;
    }
    .main-home-page .smart-overview {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        gap: 14px;
        align-items: stretch;
        overflow: hidden;
    }
    .main-home-page .smart-copy,
    .main-home-page .smart-chart-card,
    .main-home-page .top-countries,
    .main-home-page .smart-stat-row {
        grid-column: auto;
        grid-row: auto;
        width: 100%;
    }
    .main-home-page .smart-copy {
        align-self: stretch;
    }
    .main-home-page .smart-copy a {
        margin-bottom: 14px;
    }
    .main-home-page .smart-copy h2,
    .main-home-page .smart-copy p {
        max-width: none;
    }
    .main-home-page .smart-chart {
        gap: 10px;
        padding-left: 28px;
        overflow: hidden;
    }
    .main-home-page .smart-chart span {
        min-width: 0;
    }
    .main-home-page .chart-months {
        gap: 10px;
        padding-left: 28px;
    }
    .main-home-page .top-countries {
        align-self: stretch;
    }
    .main-home-page .top-countries span {
        height: auto;
        min-height: 52px;
    }
    .main-home-page .smart-service-panel {
        gap: 14px;
    }
    .main-home-page .smart-service-panel > figure {
        min-height: 300px;
        padding: 18px;
        display: grid;
        place-items: end center;
        overflow: hidden;
    }
    .main-home-page .smart-service-panel figure::before {
        right: 50%;
        top: 34px;
        width: min(72vw, 260px);
        height: min(72vw, 260px);
        transform: translateX(50%);
    }
    .main-home-page .smart-service-panel figure img {
        position: relative;
        right: auto;
        bottom: auto;
        z-index: 1;
        width: min(72vw, 250px);
        height: 258px;
        object-fit: cover;
        object-position: center top;
        border-radius: 24px;
    }
    .main-home-page .smart-service-panel figure span {
        z-index: 2;
        min-width: 76px;
        padding: 8px 10px;
        font-size: 10px;
    }
    .main-home-page .smart-service-panel .pink {
        left: 18px;
        top: 42px;
    }
    .main-home-page .smart-service-panel .blue {
        right: 18px;
        top: 72px;
    }
    .main-home-page .smart-service-panel .green {
        right: 22px;
        bottom: 24px;
    }
    .main-home-page .service-panel-copy {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .main-home-page .service-panel-copy h2,
    .main-home-page .service-panel-copy p {
        max-width: none;
    }
    .main-home-page .service-proof-grid {
        width: 100%;
    }
    .main-home-page .service-panel-copy dl {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px;
        text-align: center;
    }
    .main-home-page .service-panel-copy > a {
        margin-right: auto;
        margin-left: auto;
    }
    .main-home-page .suite-review-card {
        padding: 24px 18px 20px;
    }
    .main-home-page .suite-review-arrow {
        position: static;
        display: inline-grid;
        margin: 14px 4px 0;
        vertical-align: top;
    }
    .main-home-page .suite-avatar-row {
        justify-content: center;
        gap: 10px;
        width: 100%;
        margin: 18px auto 18px;
        padding: 8px 0 12px;
        overflow-x: visible;
        overflow-y: visible;
    }
    .main-home-page .suite-avatar-row button,
    .main-home-page .suite-avatar-row img {
        width: 48px;
        height: 48px;
    }
    .main-home-page .suite-avatar-row button {
        flex: 0 0 48px;
        overflow: visible;
    }
    .main-home-page .suite-avatar-row button:nth-child(n+6) {
        display: none;
    }
    .main-home-page .suite-avatar-row img {
        object-position: center top;
    }
    .main-home-page .suite-avatar-row button.is-active {
        transform: scale(1.08);
    }
    .main-home-page .suite-review-card footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
    .main-home-page .suite-priority {
        gap: 14px;
    }
    .main-home-page .suite-priority > img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        border-radius: 18px;
    }
    .main-home-page .suite-priority h2,
    .main-home-page .suite-priority p {
        max-width: none;
    }
    .main-home-page .suite-priority article {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 2px 12px;
        align-items: center;
        align-content: center;
        min-height: 66px;
        padding: 10px 12px;
        text-align: left;
        border: 1px solid rgba(205, 219, 241, .58);
        border-radius: 14px;
        background: rgba(255, 255, 255, .72);
    }
    .main-home-page .suite-priority article .bi {
        grid-row: 1 / 3;
        margin: 0;
    }
    .main-home-page .suite-priority article strong {
        align-self: end;
    }
    .main-home-page .suite-priority article small {
        align-self: start;
        max-width: none;
        margin: 0;
    }
    .main-home-page .suite-support-panel .suite-faq {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 20px;
    }
    .main-home-page .suite-support-panel .suite-faq aside {
        grid-template-columns: 1fr;
        min-height: 0;
    }
    .main-home-page .suite-support-panel .suite-faq aside > div {
        padding: 20px;
    }
    .main-home-page .suite-support-panel .suite-faq aside h3 {
        white-space: nowrap;
        font-size: clamp(18px, 6vw, 22px);
    }
    .main-home-page .suite-support-panel .suite-faq aside p {
        white-space: nowrap;
        font-size: clamp(11px, 3.2vw, 13px);
    }
    .main-home-page .suite-support-panel .suite-faq aside::before,
    .main-home-page .suite-support-panel .suite-faq aside::after {
        display: none;
    }
    .main-home-page .suite-support-panel .suite-faq aside img {
        display: none;
    }
    .main-home-page .suite-support-panel .suite-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .main-home-page .suite-support-panel .suite-stats span {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        min-height: 86px;
        padding: 14px;
        border-bottom: 1px solid rgba(205, 219, 241, .38);
    }
    .main-home-page .suite-support-panel .suite-stats span:nth-child(odd) {
        border-right: 1px solid rgba(205, 219, 241, .38);
    }
    .main-home-page .suite-support-panel .suite-stat-icon {
        width: 48px;
        height: 48px;
    }
    .main-home-page .suite-support-panel .suite-stat-copy {
        align-self: center;
        min-width: 0;
    }
    .main-home-page .main-hero.main-hero-showcase {
        grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr);
        padding: 40px 48px 24px;}
    .main-home-page .main-hero-showcase .main-hero-copy h1 {
        font-size: clamp(36px, 4.2vw, 48px);
    }
    .main-home-page .main-hero-showcase .main-order-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .main-home-page .main-hero-showcase .main-order-price,
    .main-home-page .main-hero-showcase .main-hero-order button {
        grid-column: span 1;
    }
    html,
    body {
        min-height: 100%;
    }
    body.home-page {
        min-height: 100svh;
    }
    body.main-home-page {
        overflow-x: hidden;
        overflow-y: visible;
    }
    .main-home-page .page-shell {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        min-height: auto;
        padding-top: 0;
        overflow: visible;
    }
    .order-summary-bar {
        max-height: calc(100svh - 52px);
    }
    .order-summary-bar.is-expanded .order-summary-items {
        max-height: calc(100svh - 160px);
    }
    .mobile-menu-backdrop {
        top: var(--mobile-menu-top, 112px);
        bottom: 0;
        height: auto;
        background: #fff;
    }
    .main-home-page .main-hero.main-hero-showcase {
        grid-template-columns: 1fr;
        min-height: 0;
        margin-top: 20px;
        padding: 24px;
        border-radius: 20px;
    }
    .main-home-page .main-hero-showcase .main-hero-copy h1 {
        margin-top: 20px;
        font-size: clamp(32px, 10vw, 44px);
    }
    .main-home-page .main-hero-showcase .main-hero-copy p {
        font-size: 13px;
    }
    .main-home-page .main-hero-showcase .main-trust-pills {
        grid-template-columns: 1fr;
        gap: 9px;
        max-width: none;
    }
    .main-home-page .main-hero-showcase .main-trust-pills > span {
        min-height: 44px;
        justify-content: flex-start;
    }
    .main-home-page .main-hero-showcase .main-hero-visual {
        min-height: 280px;
        margin-top: 20px;
    }
    .main-home-page .main-hero-showcase .main-hero-visual img {
        right: 50%;
        width: auto;
        max-width: 100%;
        height: 100%;
        max-height: 300px;
        object-fit: contain;
        transform: translateX(50%);
        bottom: 0;
        z-index: 9;
    }
    .main-home-page .main-hero-showcase .main-order-grid {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-hero-showcase .main-hero-order {
        margin-top: 0;
        padding: 13px;
    }
    .main-home-page .main-hero-showcase .main-order-head {
        flex-wrap: wrap;
    }
    .services-hero { min-height: 320px; padding: 24px;}
    .services-hero-copy { max-width: 48%; }
    .services-hero-art { left: 48%; }
    .instagram-cube { right: 100px; }
    .hero-orbit { right: 25px; }
    .hero-orbit.orbit-two { right: 70px; }
    .services-promo { grid-template-columns: 58px 1fr 160px 160px; }
    .service-tabs { overflow-x: auto; grid-template-columns: 160px repeat(8, 120px); }
    .service-tabs a,
    .service-tabs button { justify-content: flex-start; }
    .service-card { grid-template-columns: 52px minmax(0, 1fr) 96px 8px; gap: 9px; }
    .proof-card { padding: 24px; }
    .services-page .services-hero,
    .services-page .services-promo,
    .services-page .services-catalog,
    .services-page .services-proof { width: 100%; }
    .services-hero { min-height: 470px; padding: 24px;}
    .services-hero-copy { max-width: none; text-align: center; }
    .services-hero-copy p { margin: 0 auto; }
    .services-hero-art { inset: 190px 0 0; }
    .instagram-cube {display: none !important; }
    .instagram-cube .bi { font-size: 55px; }
    .hero-orbit { top: 49%; right: 50%; width: 340px; height: 150px; transform: translate(50%, -20%) rotate(10deg); }
    .hero-orbit.orbit-two { right: 50%; width: 270px; height: 125px; transform: translate(50%, -20%) rotate(-15deg); }
    .bubble-left { top: 115px; left: calc(50% - 150px); }
    .bubble-right { right: calc(50% - 160px); bottom: 25px; }
    .service-grid { grid-template-columns: 1fr; }
    .services-proof { grid-template-columns: 1fr; }
    .proof-card { min-height: auto; }
    .services-hero { min-height: 430px; margin-top: 12px; padding: 24px; border-radius: 20px;}
    .services-hero h1 { margin-top: 13px; font-size: 36px; letter-spacing: -1.5px; }
    .services-hero-copy p { font-size: 12px; line-height: 1.65; }
    .services-hero-art { top: 180px; }
    .services-promo {
        min-height: 84px;
    }
    .services-promo > a { display: none; }
    .services-catalog { margin-top: 14px; }
    .service-grid { gap: 8px; padding: 12px 8px 0; }
    .service-card p { font-size: 9px; }
    .service-card > .bi-chevron-right { display: none; }
    .proof-card { padding: 24px; }
    .review-brands { margin-top: 16px; }
    .home-combo-tabs {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 6px;
        scrollbar-width: none;
    }
    .home-combo-tabs::-webkit-scrollbar {
        display: none;
    }
    .home-combo-tab {
        flex: 0 0 auto;
        min-width: 150px;
    }
    .home-combo-card {
        min-height: auto;
        padding: 24px 18px 22px;
        border-radius: 20px;
    }
    .home-combo-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .home-combo-price strong {
        font-size: 24px;
    }
    .home-combo-packages-section {
        margin-top: 46px !important;
        margin-bottom: 46px !important;
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .home-combo-packages-inner {
        width: min(100%, calc(100% - 22px)) !important;
    }
    .home-combo-packages-inner {
        width: min(100%, calc(100% - 44px)) !important;
    }
    .home-combo-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .home-combo-packages-section {
        padding: 54px 0 52px;
        margin-top: 46px !important;
        margin-bottom: 46px !important;
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .home-combo-packages-inner {
        width: min(100%, calc(100% - 22px)) !important;
    }
    .home-combo-panel {
        gap: 22px;
        grid-template-columns: 1fr !important;
    }
    .home-combo-packages-section {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    body > .topbar.home-topbar .promo-inner,
    body > .topbar.home-topbar .home-menu-row,
    body > .page-shell {
        width: min(100% - 32px, 1260px) !important;
        max-width: 1260px !important;
    }
    body > .page-shell,
    .cart-shell,
    .payment-shell,
    .success-shell {
        margin-top: 24px !important;
    }
    .services-page .service-card {
        grid-template-columns: 56px minmax(0, 1fr) 112px 8px;
        min-height: 94px;
        gap: 12px;
    }
    .services-page .service-tabs a,
    .services-page .service-tabs button {
        min-height: 66px;
        font-size: 11px;
    }
    .services-page .service-grid {
        gap: 12px;
        padding: 18px 14px 18px;
    }
    .services-page .service-card {
        grid-template-columns: 54px minmax(0, 1fr) 112px;
        min-height: 92px;
        padding: 12px;
    }
    .services-page .service-card > .bi-chevron-right {
        display: none;
    }
    .services-page .service-grid {
        gap: 10px;
        padding: 14px 10px 16px;
    }
    .services-page .service-card {
        grid-template-columns: 48px minmax(0, 1fr);
        min-height: 0;
        gap: 10px 12px;
        padding: 12px;
    }
    .services-page .service-icon {
        width: 46px;
        height: 46px;
        border-radius: 12px;
        font-size: 21px;
    }
    .services-page .service-card em {
        font-size: 9px;
    }
    .services-page .service-card h2 {
        font-size: 13px;
        line-height: 1.25;
    }
    .services-page .service-card p {
        font-size: 10px;
        line-height: 1.4;
    }
    .services-page .service-action {
        grid-column: 2;
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin-top: 4px;
    }
    .services-page .service-action a {
        min-width: 96px;
        min-height: 30px;
        padding: 0 10px;
        font-size: 9px;
    }
    .services-page .service-tabs {
        grid-template-columns: 160px repeat(6, 136px);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }
    .services-page .service-tabs a,
    .services-page .service-tabs button {
        scroll-snap-align: start;
    }
    .services-page .service-tabs {
        grid-template-columns: repeat(7, 132px);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }
    .services-page .service-tabs a,
    .services-page .service-tabs button {
        scroll-snap-align: start;
    }
    .services-page .service-tabs {
        grid-template-columns: repeat(7, 118px);
        gap: 8px;
        padding: 10px;
        border-radius: 20px;
    }
    .services-page .service-tabs a > i, .services-page .service-tabs button > i {
        flex-basis: 24px;
        width: 24px;
        height: 24px;
        font-size: 19px;
    }
    .services-page .service-tabs a span,
    .services-page .service-tabs button span {
        font-size: 10px;
    }
    .services-page .service-tabs a, .services-page .service-tabs button {
        font-size: 10px;
        min-height: 68px;
        padding: 8px 7px;
        border-radius: 14px;
        gap: 3px;
    }
    .services-page .service-tabs a small,
    .services-page .service-tabs button small {
        margin-top: 3px;
    }
    .services-page .services-trust-updated {
        grid-template-columns: 1fr;
    }
    .services-page .services-trust-updated .proof-card {
        min-height: auto;
    }
    .services-page .services-trust-updated {
        gap: 12px;
    }
    .services-page .services-trust-updated .proof-card {
        padding: 24px;
        border-radius: 20px;
    }
    .services-page .services-trust-updated h2 {
        font-size: 18px;
    }
    .services-page .proof-feature-grid,
    .services-page .services-trust-updated .proof-numbers ul,
    .services-page .services-trust-updated .review-brands {
        grid-template-columns: 1fr;
    }
    .services-page .review-score-card strong {
        font-size: 36px;
    }
    .services-page .services-trust-updated .proof-why h2 {
        white-space: normal;
        font-size: 20px;
    }
    .services-page .services-trust-updated .proof-why h2 {
        font-size: 18px;
        line-height: 1.22;
    }
    .services-page .services-benefits-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 14px 12px;
    }
    .services-page .services-benefits-row .benefit-card {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 9px;
        min-height: 142px;
        padding: 16px 12px;
        text-align: center;
    }
    .services-page .services-benefits-row .benefit-trust-card {
        grid-column: 1 / -1;
        grid-template-columns: 46px minmax(0, 1fr);
        justify-items: start;
        min-height: auto;
        padding: 18px;
        text-align: left;
    }
    .services-page .services-benefits-row .benefit-icon {
        width: 44px;
        height: 44px;
        font-size: 22px;
    }
    .services-page .services-benefits-row .benefit-card strong {
        font-size: 12px;
    }
    .services-page .services-benefits-row .benefit-trust-card strong {
        font-size: 16px;
    }
    .services-page .services-benefits-row .benefit-card small {
        max-width: 130px;
        font-size: 9px;
        line-height: 1.35;
    }
    .services-page .services-benefits-row .benefit-trust-card small {
        max-width: 210px;
        margin-top: 10px;
        font-size: 10px;
    }
    body.payment-page .payment-hero-card,
    body.payment-page .payment-layout {
        grid-template-columns: 1fr;
    }
    body.payment-page .payment-hero-card {
        padding: 24px;}
    body.payment-page .payment-hero-visual {
        display: none;
    }
    body.payment-page .payment-side {
        grid-template-columns: 1fr;
    }
    body.payment-page .payment-shell {
        width: min(100% - 32px, 1260px) !important;
        margin-top: 24px !important;
        padding-bottom: 52px !important;
    }
    body.payment-page .payment-layout {
        gap: 18px;
        padding: 24px !important;
        border-radius: 20px !important;
    }
    body.payment-page .payment-field-row,
    body.payment-page .payment-field-row-2 {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    body.payment-page .payment-summary-card,
    body.payment-page .payment-method-card,
    body.payment-page .payment-inline-code {
        padding: 18px !important;
    }
    body.payment-page .payment-hero-card {
        min-height: auto;
        padding: 24px;
        margin-bottom: 20px;}
    body.payment-page .payment-hero-card h1 {
        font-size: 34px;
    }
    body.payment-page .payment-hero-card p {
        font-size: 13px;
    }
    body.payment-page .payment-hero-points span {
        width: 100%;
        justify-content: flex-start;
        font-size: 12px;
    }
    body.payment-page .payment-code-row {
        grid-template-columns: 1fr;
        height: auto;
    }
    body.payment-page .payment-code-row input,
    body.payment-page .payment-code-row button {
        min-height: 48px;
    }
    body.payment-page .payment-method-grid {
        grid-template-columns: 1fr;
    }
    .cart-modern-hero {
        grid-template-columns:1fr;}
    .cart-modern-preview {
        justify-self:stretch;
        width:100%;
        min-height:160px;
    }
    .cart-modern-layout {
        grid-template-columns:1fr;
    }
    .cart-summary-card {
        position:relative;
        top:auto;
        margin-top:0;
    }
    .cart-page .cart-shell {
        padding-top: 18px;
        padding-bottom: 42px;
    }
    .cart-modern-hero {
        display: block;
        min-height: auto;
        padding: 18px;
        border-radius: 22px;
    }
    .cart-modern-layout {
        padding: 18px;
        border-radius: 22px;
    }
    .cart-modern-hero::after {
        right: -170px;
        bottom: -170px;
        width: 360px;
        height: 360px;
        background: #fff3e6;
    }
    .cart-modern-preview {
        display: none;
    }
    .cart-modern-badge {
        margin-bottom: 14px;
    }
    .cart-modern-hero h1 {
        max-width: 100%;
        font-size: 34px;
        line-height: 1.08;
        letter-spacing: -.045em;
    }
    .cart-modern-hero p {
        width: auto;
        max-width: 100%;
        margin: 14px 0 0;
        font-size: 14px;
        line-height: 1.45;
        text-align: left;
    }
    .cart-modern-tags {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 20px;
    }
    .cart-modern-tags span {
        width: 100%;
        min-height: 44px;
        justify-content: flex-start;
        padding: 0 16px;
        font-size: 13px;
        background: rgba(255,255,255,.92);
    }
    .cart-item-main {
        grid-template-columns: 52px minmax(0,1fr);
    }
    .cart-item-price {
        grid-column: 2;
    }
    .cart-delivery-row {
        grid-template-columns: 28px minmax(0,1fr);
    }
    .cart-delivery-row b {
        grid-column: 2;
    }
    .cart-item-foot {
        align-items:flex-start;
        flex-direction:column;
    }
    .cart-page .cart-payment-benefits-row {
        grid-template-columns: 1fr 1fr;
    }
    .cart-page .cart-payment-benefits-row .benefit-trust-card {
        grid-column: 1 / -1;
    }
    .cart-page .cart-payment-benefits-row {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 20px;
        margin-bottom: 28px;
        padding: 18px;
        border-radius: 22px;
    }
    .cart-page .cart-payment-benefits-row .benefit-card,
    .cart-page .cart-payment-benefits-row .benefit-trust-card {
        grid-template-columns: 42px minmax(0, 1fr);
        justify-items: start;
        min-height: 0;
        padding: 14px;
        text-align: left;
    }
    .cart-page .cart-payment-benefits-row .benefit-icon {
        width: 42px;
        height: 42px;
        font-size: 20px;
        border-radius: 13px;
    }
    .cart-page .cart-payment-benefits-row .benefit-card strong,
    .cart-page .cart-payment-benefits-row .benefit-trust-card strong {
        font-size: 13px;
    }
    .cart-page .cart-payment-benefits-row .benefit-card small,
    .cart-page .cart-payment-benefits-row .benefit-trust-card small {
        max-width: none;
        margin-top: 4px;
        font-size: 10px;
    }
    .cart-item-copy{
        display: flex;
        align-items: start;
        flex-direction: column !important;
    }
    body.payment-page .payment-customer-card {
        padding: 18px !important;
    }
    body.order-status-page .success-meta-card,
    body.order-status-page .success-grid,
    body.order-status-page .success-product-row {
        grid-template-columns: 1fr;
    }
    body.order-status-page > .page-shell.success-shell {
        width: min(100% - 32px, 1260px) !important;
        margin-top: 24px !important;
        padding-bottom: 34px !important;
    }
    body.order-status-page .success-hero {
        padding: 24px;
        border-radius: 20px;}
    body.order-status-page .success-hero h1 {
        font-size: 28px;
    }
    body.order-status-page .success-hero p {
        font-size: 13px;
    }
    body.order-status-page .success-meta-card,
    body.order-status-page .success-card,
    body.order-status-page .success-notice {
        border-radius: 20px;
    }
    body.order-status-page .success-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
    body.order-status-page .success-action-primary,
    body.order-status-page .success-action-secondary {
        width: 100%;
    }
    body.order-status-page > .topbar.home-topbar .promo-inner,
    body.order-status-page > .topbar.home-topbar .home-menu-row,
    body.order-status-page > main.page-shell.success-shell {
        width: min(100% - 32px, 1260px) !important;
    }
    body.order-status-page > main.page-shell.success-shell {
        margin-top: 24px !important;
        padding-bottom: 34px !important;
    }
    body.order-status-page .success-product-link strong {
        white-space: normal;
        overflow-wrap: anywhere;
    }
    body.order-status-page .success-details-card {
        overflow: visible !important;
    }
    body.order-status-page .success-details-card .success-product-row {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) auto !important;
        grid-template-areas:
        "icon title price"
        "links links qty" !important;
        align-items: start !important;
        gap: 12px 12px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 16px !important;
        overflow: visible !important;
        border-radius: 16px !important;
    }
    body.order-status-page .success-product-main {
        display: contents !important;
        min-width: 0 !important;
    }
    body.order-status-page .success-product-icon {
        grid-area: icon !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border-radius: 13px !important;
        font-size: 20px !important;
    }
    body.order-status-page .success-product-main > div {
        grid-area: title !important;
        min-width: 0 !important;
        align-self: center !important;
    }
    body.order-status-page .success-product-main strong {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        color: #17264d !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: initial !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }
    body.order-status-page .success-product-link {
        grid-area: links !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    body.order-status-page .success-product-quantity {
        grid-area: qty !important;
        min-width: 64px !important;
        width: auto !important;
        justify-self: end !important;
        text-align: right !important;
    }
    body.order-status-page .success-product-price {
        grid-area: price !important;
        min-width: 64px !important;
        justify-self: end !important;
        align-self: center !important;
        text-align: right !important;
        padding: 0 !important;
    }
    body.order-status-page .success-product-link small,
    body.order-status-page .success-product-quantity small,
    body.order-status-page .success-product-price small {
        display: block !important;
        margin: 0 0 6px !important;
        color: #8d9abb !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
    }
    body.order-status-page .success-link-list,
    body.order-status-page .success-qty-list {
        display: grid !important;
        gap: 6px !important;
    }
    body.order-status-page .success-link-list span {
        display: block !important;
        max-width: 100% !important;
        min-width: 0 !important;
        color: #17264d !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: initial !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
    body.order-status-page .success-qty-list span {
        display: block !important;
        color: #17264d !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }
    body.order-status-page .success-product-price strong {
        color: #17264d !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }
    body.order-status-page .success-details-card .success-product-row {
        grid-template-columns: 44px minmax(0, 1fr) auto !important;
        gap: 11px 10px !important;
        padding: 14px !important;
    }
    body.order-status-page .success-product-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }
    body.order-status-page .success-product-main strong {
        font-size: 13px !important;
    }
    body.order-status-page .success-link-list span,
    body.order-status-page .success-qty-list span {
        font-size: 11.5px !important;
    }
    body.about-modern-page .about-v2-hero {
        grid-template-columns: 1fr;
    }
    body.about-modern-page .about-v2-hero-copy {
        min-height: 0;
    }
    body.about-modern-page .about-v2-focus {
        grid-template-columns: 1fr;
    }
    body.about-modern-page .about-v2-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.about-modern-page .about-v2-article-grid {
        grid-template-columns: 1fr;
    }
    body.about-modern-page .about-v2-storyline {
        grid-template-columns: 1fr;
    }
    body.about-modern-page .about-v2-storyline article {
        min-height: 0;
    }
    body.about-modern-page .about-v2-platform-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.about-modern-page .page-shell {
        gap: 16px;
    }
    body.about-modern-page .about-v2-hero,
    body.about-modern-page .about-v2-focus,
    body.about-modern-page .about-v2-process,
    body.about-modern-page .about-v2-article-card,
    body.about-modern-page .about-v2-storyline article,
    body.about-modern-page .about-v2-platforms {
        border-radius: 20px;
    }
    body.about-modern-page .about-v2-hero,
    body.about-modern-page .about-v2-focus,
    body.about-modern-page .about-v2-process,
    body.about-modern-page .about-v2-platforms {
        padding: 24px;
    }
    body.about-modern-page .about-v2-hero {
        gap: 22px;
    }
    body.about-modern-page .about-v2-hero h1 {
        font-size: 34px;
        line-height: 1.05;
    }
    body.about-modern-page .about-v2-hero p,
    body.about-modern-page .about-v2-focus-copy p {
        font-size: 14px;
        line-height: 1.65;
    }
    body.about-modern-page .about-v2-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
    body.about-modern-page .about-v2-primary,
    body.about-modern-page .about-v2-secondary {
        width: 100%;
    }
    body.about-modern-page .about-v2-dashboard {
        padding: 16px;
        border-radius: 20px;
    }
    body.about-modern-page .about-v2-dashboard-top {
        align-items: flex-start;
    }
    body.about-modern-page .about-v2-metric-grid {
        grid-template-columns: 1fr 1fr;
    }
    body.about-modern-page .about-v2-metric-grid div {
        min-height: 94px;
        padding: 15px;
    }
    body.about-modern-page .about-v2-focus-copy h2,
    body.about-modern-page .about-v2-section-head h2 {
        font-size: 30px;
    }
    body.about-modern-page .about-v2-focus-cards article {
        grid-template-columns: 50px minmax(0, 1fr);
        padding: 17px;
    }
    body.about-modern-page .about-v2-focus-cards span,
    body.about-modern-page .about-v2-process-icon {
        width: 48px;
        height: 48px;
        border-radius: 15px;
        font-size: 20px;
    }
    body.about-modern-page .about-v2-focus-cards p {
        grid-column: 1 / -1;
        margin-top: 0;
    }
    body.about-modern-page .about-v2-process-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    body.about-modern-page .about-v2-process-grid article {
        min-height: 0;
        padding: 20px;
    }
    body.about-modern-page .about-v2-article-card,
    body.about-modern-page .about-v2-storyline article {
        grid-template-columns: 48px minmax(0, 1fr);
        column-gap: 10px;
        padding: 22px;
    }
    body.about-modern-page .about-v2-article-icon {
        width: 48px;
        height: 48px;
        border-radius: 15px;
        font-size: 19px;
    }
    body.about-modern-page .about-v2-article-card > .about-v2-kicker,
    body.about-modern-page .about-v2-storyline article > .about-v2-kicker {
        min-height: 48px;
        padding: 0 34px 0 13px;
        border-radius: 15px;
        font-size: 10.5px;
        letter-spacing: .055em;
    }
    body.about-modern-page .about-v2-article-card > .about-v2-kicker::after,
    body.about-modern-page .about-v2-storyline article > .about-v2-kicker::after {
        right: 12px;
        width: 14px;
    }
    body.about-modern-page .about-v2-article-card h2,
    body.about-modern-page .about-v2-storyline h2 {
        margin-top: 20px;
        font-size: 26px;
    }
    body.about-modern-page .about-v2-article-card p,
    body.about-modern-page .about-v2-storyline p {
        font-size: 13.5px;
    }
    body.about-modern-page .about-v2-platform-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 22px;
    }
    body.about-modern-page .about-v2-platform-grid span {
        min-height: 58px;
    }
    :where(body.error404-page) .error404-links-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.error404-page) .error404-main {
        margin-bottom: 24px;
    }
    :where(body.error404-page) .error404-legacy-visual {
        margin-bottom: 20px;
    }
    :where(body.error404-page) .error404-legacy-visual img {
        max-height: 280px;
    }
    :where(body.error404-page) .error404-legacy-message {
        min-height: auto;
        margin-bottom: 20px;
        padding: 14px 16px;
        border-radius: 12px;
        font-size: 18px;
    }
    :where(body.error404-page) .error404-legacy-intro {
        margin-bottom: 16px;
        font-size: 14px;
    }
    :where(body.error404-page) .error404-links-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    :where(body.error404-page) .error404-links-grid a {
        min-height: 42px;
        font-size: 13px;
    }
    :where(body.blog-detail-page) .article-hero,
    :where(body.blog-detail-page) .article-content-wrap {
        grid-template-columns: 1fr;
    }
    :where(body.blog-detail-page) .article-side {
        position: static;
    }
    :where(body.blog-detail-page) .article-page {
        width: min(100%, calc(100% - 20px));
    }
    :where(body.blog-detail-page) .article-eyebrow {
        margin: 8px 0 0;
    }
    :where(body.blog-detail-page) .article-check-grid,
    :where(body.blog-detail-page) .article-highlight-row {
        grid-template-columns: 1fr;
    }
    :where(body.blog-detail-page) .article-cta-box {
        align-items: stretch;
        flex-direction: column;
    }
    :where(body.blog-page) .blog-hero,
    :where(body.blog-page) .blog-card-large {
        grid-template-columns: 1fr;
    }
    :where(body.blog-page) .blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.blog-page) .blog-toolbar {
        align-items: stretch;
        flex-direction: column;
    }
    :where(body.blog-page) .blog-search {
        min-width: 0;
    }
    :where(body.blog-page) .blog-filter-pills {
        justify-content: flex-start;
    }
    :where(body.blog-page) .blog-hero-actions {
        flex-direction: column;
        align-items: stretch;
        border-radius: 22px;
    }
    :where(body.blog-page) .blog-card-large .blog-card-visual {
        min-height: 240px;
    }
    :where(body.blog-page) .blog-card-large .blog-card-visual img {
        min-height: 240px;
    }
    :where(body.blog-page) .blog-search {
        min-width: 0;
        max-width: none;
        flex: 1 1 100%;
    }
    :where(body.blog-page) .blog-hero h1 {
        max-width: 100%;
        font-size: clamp(36px, 7vw, 54px);
    }
    :where(body.blog-page) .blog-feature-post {
        grid-template-rows: auto auto;
    }
    :where(body.blog-page) .blog-feature-image,
    :where(body.blog-page) .blog-feature-image img {
        min-height: 260px;
    }
    :where(body.blog-page) .blog-hero, :where(body.blog-page) .blog-toolbar, :where(body.blog-page) .blog-grid {
        width: min(calc(100% - 24px), 1260px);
    }
    :where(body.blog-page) .blog-hero h1 {
        font-size: 34px;
        line-height: 1.12;
        letter-spacing: -.032em;
    }
    :where(body.blog-page) .blog-hero p {
        font-size: 14.5px;
        line-height: 1.75;
    }
    :where(body.blog-page) .blog-feature-content {
        padding: 20px;
    }
    :where(body.blog-page) .blog-feature-image,
    :where(body.blog-page) .blog-feature-image img {
        min-height: 220px;
    }
    :where(body.blog-page) .blog-toolbar {
        align-items: stretch;
        flex-direction: column;
    }
    :where(body.blog-page) .blog-search {
        width: 100%;
        min-width: 0;
        max-width: none;
        margin-left: 0;
    }
    :where(body.blog-page) .blog-grid {
        grid-template-columns: minmax(0, 1fr);
        width: min(calc(100% - 24px), 1260px);
        max-width: calc(100% - 24px);
        padding-right: 0;
        padding-left: 0;
    }
    :where(body.blog-page) .blog-card,
    :where(body.blog-page) .blog-card-large {
        grid-column: 1 / -1;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: auto;
        height: auto;
    }
    :where(body.blog-page) .blog-card-large {
        display: block;
        grid-template-columns: 1fr;
    }
    :where(body.blog-page) .blog-card-visual,
    :where(body.blog-page) .blog-card-large .blog-card-visual {
        min-height: 0;
        height: auto;
        overflow: hidden;
    }
    :where(body.blog-page) .blog-card-visual img,
    :where(body.blog-page) .blog-card-large .blog-card-visual img {
        display: block;
        width: 100%;
        height: auto;
        min-height: 0;
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }
    :where(body.blog-page) .blog-card-body {
        min-height: auto;
        padding: 20px;
    }
    .blog-page .blog-card-large .blog-card-body,
    .blog-page .blog-feature-card .blog-card-body {
        padding: 26px !important;
    }
    :where(body.contact-page) .hero-card-area,
    :where(body.contact-page) .contact-panel {
        grid-template-columns: 1fr;
    }
    :where(body.contact-page) .contact-channels {
        grid-template-columns: 1fr;
    }
    :where(body.contact-page) .contact-hero,
    :where(body.contact-page) .contact-channels,
    :where(body.contact-page) .contact-panel,
    :where(body.contact-page) .contact-faq-strip {
        width: min(100%, calc(100% - 20px));
    }
    :where(body.contact-page) .hero-card-area,
    :where(body.contact-page) .contact-form-card,
    :where(body.contact-page) .contact-side-card,
    :where(body.contact-page) .contact-faq-strip {
        padding: 24px;
        border-radius: 20px;
    }
    :where(body.contact-page) .contact-status-grid {
        grid-template-columns: 1fr;
    }
    :where(body.contact-page) .contact-hero-actions,
    :where(body.contact-page) .contact-faq-strip {
        align-items: stretch;
        flex-direction: column;
    }
    :where(body.contact-page) .contact-primary-btn,
    :where(body.contact-page) .contact-secondary-btn,
    :where(body.contact-page) .contact-faq-strip a,
    :where(body.contact-page) .contact-form > button {
        width: 100%;
    }
    :where(body.contact-page) .contact-channels,
    :where(body.contact-page) .contact-topic-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    :where(body.contact-page) .contact-hero-card {
        padding: 24px !important;}
    :where(body.contact-page) .contact-channels,
    :where(body.contact-page) .contact-topic-grid {
        grid-template-columns: 1fr !important;
    }
    :where(body.contact-page) .contact-topic-strip {
        width: min(100%, calc(100%));
        padding: 24px;
        border-radius: 20px;
    }
    .contact-page .contact-hero-card,
    .contact-page .contact-status-card,
    .contact-page .contact-channel-card,
    .contact-page .contact-topic-strip,
    .contact-page .contact-topic-grid article,
    .contact-page .contact-form-card,
    .contact-page .contact-side-card,
    .contact-page .contact-timeline li,
    .contact-page .contact-side-note,
    .contact-page .contact-faq-strip {
        padding: 24px !important;
    }
    .contact-page .contact-form-with-icons .contact-form-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .contact-page .contact-input-wrap {
        grid-template-columns: 50px minmax(0, 1fr);
        min-height: 56px;
        border-radius: 15px;
    }
    .contact-page .contact-input-wrap > i {
        width: 50px;
        min-height: 56px;
        font-size: 17px;
    }
    .contact-page .contact-input-wrap input,
    .contact-page .contact-input-wrap select {
        height: 56px;
        padding-left: 14px;
    }
    :where(body.contact-page) .contact-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.contact-page) .contact-info-section {
        width: min(100%, calc(100%));
        margin-top: 20px;
    }
    :where(body.contact-page) .contact-info-card {
        padding: 24px;
        border-radius: 20px;
    }
    :where(body.contact-page) .contact-info-grid {
        grid-template-columns: 1fr;
    }
    :where(body.contact-page) .contact-info-grid article {
        min-height: auto;
        padding: 24px;
    }
    .contact-page .contact-panel {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        width: min(100%, calc(100% - 26px)) !important;
        max-width: none !important;
        align-items: start !important;
    }
    .contact-page .contact-form-card,
    .contact-page .contact-side-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
        box-sizing: border-box !important;
    }
    .contact-page .contact-form-with-icons .contact-form-grid,
    .contact-page .contact-form-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .contact-page .contact-form-with-icons label,
    .contact-page .contact-form-wide,
    .contact-page .contact-order-number-field {
        grid-column: 1 / -1 !important;
        min-width: 0 !important;
    }
    .contact-page .contact-input-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    .contact-page .contact-input-wrap input,
    .contact-page .contact-input-wrap select,
    .contact-page .contact-input-wrap textarea {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .contact-page .contact-panel {
        width: min(100%, calc(100%)) !important;
        gap: 18px !important;
    }
    .contact-page .contact-form-card,
    .contact-page .contact-side-card {
        padding: 24px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }
    .contact-page .contact-side-card h2 {
        font-size: 32px !important;
        line-height: 1.08 !important;
    }
    .contact-page .contact-timeline li {
        display: flex !important;
        align-items: flex-start !important;
        gap: 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .contact-page .contact-side-note {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .contact-page .contact-hero {
        max-width: none !important;
    }
    .contact-page .contact-hero-card {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        padding: 24px !important;
        overflow: hidden !important;
    }
    .contact-page .contact-hero-copy,
    .contact-page .contact-status-card {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
        box-sizing: border-box !important;
        transform: none !important;
    }
    .contact-page .contact-status-card {
        margin: 0 !important;
        align-self: stretch !important;
    }
    .contact-page .contact-status-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    .contact-page .contact-status-card * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .contact-page .contact-hero-card {
        padding: 24px !important;
        border-radius: 20px !important;
        gap: 20px !important;}
    .contact-page .contact-hero h1 {
        max-width: 100% !important;
        font-size: 34px;
        line-height: 1.02 !important;
        letter-spacing: -.04em !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
    .contact-page .contact-hero p {
        max-width: 100% !important;
        font-size: 14px !important;
        line-height: 1.65 !important;
    }
    .contact-page .contact-status-card {
        padding: 22px !important;
        border-radius: 22px !important;
    }
    .contact-page .contact-status-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    .contact-page .contact-hero {
        width: min(100%, calc(100%)) !important;
    }
    .contact-page .contact-hero h1 {
        font-size: 38px !important;
    }
    .contact-page .contact-topic-grid article {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: start !important;
        column-gap: 14px !important;
        row-gap: 4px !important;
        min-height: auto !important;
        padding: 20px !important;
    }
    .contact-page .contact-topic-grid article i {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        margin: 0 !important;
        align-self: start !important;
        justify-self: start !important;
    }
    .contact-page .contact-topic-grid article strong {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 2px 0 0 !important;
        line-height: 1.35 !important;
    }
    .contact-page .contact-topic-grid article small {
        grid-column: 2 !important;
        grid-row: 2 !important;
        margin-top: 2px !important;
        line-height: 1.55 !important;
    }
    :where(body.order-tracking-page) .hero-card-area,
    :where(body.order-tracking-page) .order-track-panel {
        grid-template-columns: 1fr;
    }
    :where(body.order-tracking-page) .order-track-status-card {
        min-height: auto;
    }
    :where(body.order-tracking-page) .order-track-hero,
    :where(body.order-tracking-page) .order-track-panel,
    :where(body.order-tracking-page) .order-track-info-grid {
        width: 100%;
    }
    :where(body.order-tracking-page) .hero-card-area,
    :where(body.order-tracking-page) .order-track-form-card,
    :where(body.order-tracking-page) .order-track-result-card,
    :where(body.order-tracking-page) .order-track-info-grid article {
        padding: 24px;
    }
    :where(body.order-tracking-page) .order-track-metrics,
    :where(body.order-tracking-page) .order-track-info-grid {
        grid-template-columns: 1fr;
    }
    :where(body.order-tracking-page) .order-track-result-head {
        flex-direction: column;
    }
    :where(body.order-tracking-page) .order-track-hero-card {
        padding: 18px;}
    :where(body.order-tracking-page) .order-track-hero h1 {
        font-size: 38px;
    }
    :where(body.order-tracking-page) .order-track-status-card {
        padding: 18px;
    }
    :where(body.order-tracking-page) .order-track-hero-actions span {
        width: 100%;
        justify-content: center;
    }
    :where(body.order-tracking-page) .order-track-result-card {
        min-height: auto;
    }
    :where(body.order-tracking-page) .order-track-empty-state {
        min-height: 340px;
    }
    :where(body.packages-page) .packages-hero,
    :where(body.packages-page) .packages-request {
        grid-template-columns: 1fr;
    }
    :where(body.packages-page) .packages-platforms {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.packages-page) .package-card.is-popular {
        transform: none;
    }
    :where(body.packages-page) .packages-hero,
    :where(body.packages-page) .packages-platforms,
    :where(body.packages-page) .packages-compare,
    :where(body.packages-page) .packages-request {
        width: min(100%, calc(100% - 20px));
    }
    :where(body.packages-page) .packages-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }
    :where(body.packages-page) .special-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.packages-page) .special-package-card {
        min-height: auto;
        padding: 24px;
        border-radius: 20px;
    }
    :where(body.packages-page) .special-package-badge {
        min-height: 48px;
        font-size: 15px;
    }
    :where(body.packages-page) .special-package-card.is-featured {
        transform: none;
    }
    :where(body.packages-page) .special-package-card.is-featured::after {
        top: 14px;
        right: 14px;
        min-height: 24px;
        padding: 0 10px;
        font-size: 10px;
    }
    :where(body.packages-page) .special-package-list li::before {
        top: 50px;
    }
    :where(body.packages-page) .special-package-list .metric-value {
        font-size: 18px;
        padding: 12px 10px 8px;
    }
    :where(body.packages-page) .special-package-list .metric-label {
        padding: 0 10px 0;
        font-size: 10px;
    }
    :where(body.packages-page) .special-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.packages-page) .special-package-card.is-featured {
        transform: none;
    }
    :where(body.packages-page) .special-package-card {
        min-height: 456px;
    }
    :where(body.packages-page) .special-package-card {
        min-height: auto;
        padding: 24px;
        border-radius: 20px;
    }
    :where(body.packages-page) .special-package-card.is-featured {
        transform: none;
        padding-top: 52px;
    }
    :where(body.packages-page) .special-package-card.is-featured::after {
        min-height: 34px;
        font-size: 10px;
        border-radius: 20px 20px 12px 12px;
    }
    :where(body.packages-page) .special-package-badge {
        min-height: 36px;
        margin-bottom: 14px;
        font-size: 11px;
    }
    :where(body.packages-page) .special-package-list {
        gap: 8px;
    }
    :where(body.packages-page) .special-package-list li {
        min-height: 72px;
        padding: 10px 10px 9px;
        border-radius: 14px;
    }
    :where(body.packages-page) .special-package-list li::before {
        top: 10px;
        right: 10px;
        width: 7px;
        height: 7px;
    }
    :where(body.packages-page) .special-package-list .metric-value {
        font-size: 18px;
    }
    :where(body.packages-page) .special-package-list .metric-label {
        margin-top: 0px;
        font-size: 12px;
    }
    :where(body.packages-page) .special-package-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    :where(body.packages-page) .special-package-list li {
        min-height: 72px !important;
    }
    :where(body.packages-page) .special-package-card.is-featured .special-package-badge::after {
        width: 22px !important;
        height: 22px !important;
        font-size: 12px !important;
    }
    :where(body.packages-page) .special-package-price strong {
        font-size: 24px !important;
    }
    :where(body.packages-page) .special-package-card a {
        width: 146px !important;
        min-height: 46px !important;
        margin-top: 20px !important;
    }
    :where(body.packages-page) .special-package-group + .special-package-group {
        margin-top: 56px !important;
    }
    :where(body.packages-page) .special-package-heading {
        width: 100% !important;
        padding: 24px 24px 20px !important;
        margin-bottom: 28px !important;
    }
    :where(body.packages-page) .special-package-heading::before {
        height: 5px !important;
    }
    :where(body.packages-page) .special-package-heading h2 {
        font-size: clamp(32px, 5.6vw, 46px) !important;
    }
    :where(body.packages-page) .special-package-heading p {
        max-width: 760px !important;
        font-size: 15px !important;
    }
    :where(body.packages-page) .special-package-group + .special-package-group {
        margin-top: 46px !important;
    }
    :where(body.packages-page) .special-package-heading {
        padding: 20px 18px 18px !important;
        margin-bottom: 22px !important;
        border-radius: 22px !important;
    }
    :where(body.packages-page) .special-package-heading::before {
        height: 5px !important;
        border-radius: 22px 22px 0 0 !important;
    }
    :where(body.packages-page) .special-package-heading h2 {
        margin: 14px 0 10px !important;
        font-size: 30px !important;
        line-height: 1.08 !important;
    }
    :where(body.packages-page) .special-package-heading p {
        font-size: 13px !important;
        line-height: 1.58 !important;
    }
    :where(body.packages-page) .special-package-heading span {
        min-height: 38px !important;
        min-width: 124px !important;
        padding: 0 18px !important;
        font-size: 11px !important;
    }
    :where(body.packages-page) .special-package-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        row-gap: 28px !important;
        padding-top: 16px !important;
    }
    :where(body.packages-page) .special-package-card.is-featured::after, :where(body.packages-page) .special-package-card.is-instagram.is-featured::after, :where(body.packages-page) .special-package-card.is-tiktok.is-featured::after, :where(body.packages-page) .special-package-card.is-facebook.is-featured::after, :where(body.packages-page) .special-package-card.is-youtube.is-featured::after {
        top: 12px !important;
        right: 14px !important;
        min-width: 84px !important;
        height: 24px !important;
        min-height: 24px !important;
        padding: 0 10px !important;
        font-size: 9px !important;
    }
    :where(body.packages-page) .special-package-card.is-featured .special-package-badge {
        padding-left: 18px !important;
        padding-right: 18px !important;
        min-width: 124px !important;
    }
    :where(body.packages-page) .packages-compare-tabs {
        padding: 24px;
    }
    :where(body.packages-page) .compare-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        border-radius: 18px;
        scrollbar-width: none;
    }
    :where(body.packages-page) .compare-tabs::-webkit-scrollbar {
        display: none;
    }
    :where(body.packages-page) .compare-tab {
        flex: 0 0 auto;
    }
    :where(body.packages-page) .compare-row,
    :where(body.packages-page) .compare-head {
        grid-template-columns: 1fr;
        gap: 8px;
        align-items: start;
    }
    :where(body.packages-page) .compare-row > div:last-child {
        text-align: left;
    }
    :where(body.packages-page) .compare-head {
        display: none;
    }
    :where(body.packages-page) .packages-hero-single p {
        font-size: 14px;
        line-height: 1.72;
    }
    :where(body.packages-page) .packages-platforms {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.packages-page) .packages-hero-single h1 {
        white-space: normal;
        font-size: 38px;
    }
    :where(body.packages-page) .packages-hero-single h1 {
        line-height: 1;
        font-size: 34px;
    }
    :where(body.packages-page) .packages-platforms {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-top: 20px;
    }
    :where(body.packages-page) .packages-platforms .platform-card {
        min-height: 138px;
        padding: 24px;
        border-radius: 20px;
    }
    :where(body.packages-page) .packages-platforms .platform-icon {
        width: 42px;
        height: 42px;
        margin-bottom: 14px;
        border-radius: 14px;
        font-size: 20px;
    }
    :where(body.packages-page) .packages-platforms .platform-card strong {
        font-size: 16px;
    }
    :where(body.packages-page) .packages-platforms .platform-card span:last-child {
        font-size: 12px;
        line-height: 1.45;
    }
    :where(body.packages-page) .packages-platforms .platform-card .platform-icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        margin-bottom: 14px !important;
        border-radius: 14px !important;
        font-size: 20px !important;
    }
    :where(body.profile-page) .trp-stats-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    :where(body.profile-page) .trp-payment-grid {grid-template-columns:1fr;}
    
    :where(body.profile-page) .trp-history-item {grid-template-columns:1fr;}
    
    :where(body.profile-page) .trp-stats-grid,
    :where(body.profile-page) .trp-amount-grid,
    :where(body.profile-page) .trp-form-grid {grid-template-columns:1fr;}
    :where(body.profile-page) .trp-hero-card h1,
    :where(body.profile-page) .trp-page-head h1 {font-size:30px;}
    :where(body.profile-page) .trp-panel,
    :where(body.profile-page) .trp-page-head,
    :where(body.profile-page) .trp-auth-card {padding:20px 16px;}
    :where(body.profile-page) .trp-page-head {flex-direction:column;align-items:flex-start;}
    :where(body.profile-page) .trp-order-item,
    :where(body.profile-page) .trp-promo-panel {grid-template-columns:1fr;gap:18px;}
    :where(body.profile-page) .trp-promo-copy h3 {font-size:24px;}
    
    
    :where(body.profile-page) .trp-dashboard-grid {grid-template-columns:minmax(0,1fr) !important;}
    
    :where(body.profile-page) .trp-stats-grid,
    :where(body.profile-page) .trp-order-item,
    :where(body.profile-page) .trp-hero-card h1 {font-size:30px !important;}
    :where(body.profile-page) .trp-payment-grid {grid-template-columns:1fr !important;}
    :where(body.profile-page) .trp-page-head {min-height:auto;}
    
    
    :where(body.profile-page) .trp-dashboard-grid {
        grid-template-columns:minmax(0,1fr) 330px !important;
    }
    :where(body.profile-page) .trp-order-item {grid-template-columns:44px minmax(130px,1fr) 112px 76px 18px !important;}
    
    :where(body.profile-page) .trp-dashboard-grid,
:where(body.profile-page) .trp-payment-grid {
        grid-template-columns:1fr !important;
    }
    
    :where(body.profile-page) .trp-help-card {display:flex !important;}
    
    :where(body.profile-page) .trp-hero-visual {display:none !important;}
    :where(body.profile-page) .trp-stats-grid {
        grid-template-columns:1fr !important;
    }
    :where(body.profile-page) .trp-order-item {grid-template-columns:44px minmax(0,1fr) !important;}
    :where(body.profile-page) .trp-order-progress,
    :where(body.profile-page) .trp-badge,
    :where(body.profile-page) .trp-dots {grid-column:2 !important;justify-self:start !important;}
    :where(body.profile-page) .trp-dashboard-grid {
        grid-template-columns:minmax(0,1fr) 320px !important;
    }
    :where(body.profile-page) .trp-hero-copy h1{font-size:28px !important;}
    :where(body.profile-page) .trp-hero-visual {
        min-height:220px;
        display:none !important;
    }
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
    :where(body.profile-page) .trp-avatar-option,
    :where(body.profile-page) .trp-avatar-option img {width:62px;height:62px;}
    :where(body.profile-page) .trp-stat-bottom svg {width:48px !important;flex-basis:48px;}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(8,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-avatar-grid {
        gap:14px;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
    :where(body.profile-page) .trp-avatar-option, :where(body.profile-page) .trp-avatar-option img {
        width:58px;
        height:58px;
    }
    :where(body.profile-page) .trp-amount-grid-bonus {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-amount-grid-bonus {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-loyalty-head h2 {font-size:22px;}
    :where(body.profile-page) .trp-loyalty-badge {font-size:12px;padding:10px 12px;}
    :where(body.profile-page) .trp-loyalty-copy strong {font-size:16px;}
    :where(body.profile-page) .trp-loyalty-grid {
        grid-template-columns:1fr !important;
    }
    :where(body.profile-page) .trp-tier-summary {
        width:100%;
        max-width:none !important;
    }
    :where(body.profile-page) .trp-loyalty-panel {
        padding:16px !important;
    }
    :where(body.profile-page) .trp-loyalty-head {
        flex-direction:column;
        align-items:flex-start !important;
    }
    :where(body.profile-page) .trp-loyalty-card {
        padding:18px 16px;
        min-height:auto !important;
    }
    :where(body.profile-page) .trp-ticket-stats {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    :where(body.profile-page) .trp-ticket-summary-top {
        flex-direction:column;
    }
    :where(body.profile-page) .trp-ticket-stats {
        grid-template-columns:1fr;
    }
    :where(body.profile-page) .trp-ticket-reply-actions button,
    :where(body.profile-page) .trp-ticket-reply-actions a {
        width:100%;
    }
    :where(body.profile-page) .trp-account-settings-grid {
        grid-template-columns:1fr;
    }
    :where(body.profile-page) .trp-account-panel {
        padding:22px !important;
    }
    :where(body.profile-page) .trp-settings-form-grid {
        grid-template-columns:1fr;
        gap:18px;
    }
    :where(body.profile-page) .trp-settings-save-row,
    :where(body.profile-page) .trp-settings-save-row.right {
        justify-content:stretch;
    }
    :where(body.profile-page) .trp-settings-save-row .trp-gradient-btn {
        width:100%;
    }
    :where(body.profile-page) .trp-history-detail a {
        white-space:normal;
        overflow:visible;
        text-overflow:initial;
        word-break:break-word;
    }
    :where(body.profile-page) .trp-detail-url-list span {
        white-space:normal;
        word-break:break-word;
    }
    :where(body.profile-page) .trp-bundles-panel {
        padding:20px;
    }
    :where(body.profile-page) .trp-bundle-summary {
        align-items:flex-start;
        padding:20px;
    }
    :where(body.profile-page) .trp-bundle-service-row {
        grid-template-columns:1fr;
    }
    :where(body.profile-page) .trp-bundle-amount {
        justify-content:flex-start;
        flex-wrap:nowrap;
    }
    :where(body.profile-page) .trp-bundle-title-area {
        align-items:flex-start;
    }
    :where(body.profile-page) .trp-bundle-service-list-icons .trp-bundle-service-row {
        grid-template-columns:1fr;
    }
    :where(body.profile-page) .trp-loyalty-card.compact-range .trp-loyalty-copy strong {
        font-size:15px;
    }
    :where(body.profile-page) .trp-loyalty-card.compact-range .trp-loyalty-copy strong {
        white-space:normal;
        font-size:16px;
    }
    :where(body.profile-page) .trp-stats-grid {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
    :where(body.profile-page) .trp-stats-grid {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    :where(body.profile-page) .trp-stats-grid {grid-template-columns:1fr !important;}
    :where(body.profile-page) .trp-loyalty-copy strong,
    :where(body.profile-page) .trp-loyalty-card.compact-range .trp-loyalty-copy strong {
        font-size:18px !important;
    }
    :where(body.profile-page) .trp-loyalty-copy strong,
    :where(body.profile-page) .trp-loyalty-card.compact-range .trp-loyalty-copy strong {
        font-size:16px !important;
        white-space:normal !important;
    }
    :where(body.profile-page) .trp-dashboard-grid {
        grid-template-columns:1fr !important;
    }
    :where(body.profile-page) .trp-order-item {
        grid-template-columns:40px minmax(0,1fr) auto !important;
    }
    :where(body.profile-page) .trp-order-progress {
        display:none !important;
    }
    :where(body.profile-page) .trp-history-item {
        grid-template-columns:
        minmax(240px, 1.15fr)
        minmax(300px, 1.45fr)
        minmax(100px, .46fr)
        minmax(120px, .48fr)
        46px !important;
        gap: 14px !important;
    }
    :where(body.profile-page) .trp-history-suborder {
        grid-template-columns:
        minmax(240px, 1.15fr)
        minmax(300px, 1.45fr)
        minmax(100px, .46fr)
        minmax(120px, .48fr)
        46px !important;
        gap: 14px !important;
    }
    :where(body.profile-page) .trp-history-item {
        --trp-history-mobile-status-width: 96px;
        grid-template-columns: minmax(0, 1fr) var(--trp-history-mobile-status-width) !important;
        gap: 14px !important;
        align-items: start !important;
        padding: 16px !important;
    }
    :where(body.profile-page) .trp-history-suborders {
        padding-top: 12px !important;
    }
    :where(body.profile-page) .trp-history-suborder {
        --trp-history-mobile-status-width: 96px;
        grid-template-columns: minmax(0, 1fr) var(--trp-history-mobile-status-width) !important;
        gap: 14px !important;
        padding-top: 12px !important;
    }
    :where(body.profile-page) .trp-history-service,
    :where(body.profile-page) .trp-history-detail,
    :where(body.profile-page) .trp-history-meta,
    :where(body.profile-page) .trp-order-expand-cell,
    :where(body.profile-page) .trp-order-expanded,
    :where(body.profile-page) .trp-history-suborder .trp-history-service,
    :where(body.profile-page) .trp-history-suborder .trp-history-detail,
    :where(body.profile-page) .trp-history-suborder .trp-history-meta,
    :where(body.profile-page) .trp-history-suborder-spacer {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }
    :where(body.profile-page) .trp-history-suborder-spacer {
        display: none !important;
    }
    :where(body.profile-page) .trp-history-item > .trp-history-meta:nth-of-type(3),
    :where(body.profile-page) .trp-history-suborder > .trp-history-meta:nth-of-type(3) {
        grid-column: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        justify-self: start !important;
        text-align: left !important;
    }
    :where(body.profile-page) .trp-history-item > .trp-history-meta:nth-of-type(4),
    :where(body.profile-page) .trp-history-suborder > .trp-history-meta:nth-of-type(4) {
        grid-column: 2 !important;
        width: 92px !important;
        min-width: 0 !important;
        justify-self: center !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: start !important;
        text-align: left !important;
        margin-right: 120px;
    }
    :where(body.profile-page) .trp-history-meta .trp-badge {
        padding: 5px 9px !important;
        font-size: 11px !important;
    }
    :where(body.profile-page) .trp-history-item > .trp-history-meta:nth-of-type(4) small,
    :where(body.profile-page) .trp-history-suborder > .trp-history-meta:nth-of-type(4) small,
    :where(body.profile-page) .trp-history-item > .trp-history-meta:nth-of-type(4) .trp-badge,
    :where(body.profile-page) .trp-history-suborder > .trp-history-meta:nth-of-type(4) .trp-badge {
        grid-column: 1 !important;
        margin-left: 0 !important;
        justify-self: start !important;
        text-align: left !important;
    }
    :where(body.profile-page) .trp-history-item > .trp-history-meta:nth-of-type(4) .trp-badge,
    :where(body.profile-page) .trp-history-suborder > .trp-history-meta:nth-of-type(4) .trp-badge {
        width: 92px !important;
        min-width: 92px !important;
        max-width: 92px !important;
        justify-content: center !important;
    }
    :where(body.profile-page) .trp-history-detail a,
    :where(body.profile-page) .trp-detail-url-list span {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: initial !important;
        word-break: break-word !important;
    }
    :where(body.profile-page) .trp-order-expand-cell {
        flex-direction: row !important;
        justify-content: space-between !important;
        justify-self: stretch !important;
        align-items: center !important;
        width: 100% !important;
        padding-top: 2px !important;
    }
    :where(body.profile-page) .trp-order-expanded {
        padding: 12px !important;
    }
    :where(body.profile-page) .trp-order-expanded-head {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
    }
    :where(body.profile-page) .trp-order-expanded-head span {
        white-space: normal !important;
    }
    :where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row,
    :where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row--head {
        grid-template-columns: minmax(260px, 1fr) 82px 82px 82px 122px 112px !important;
        min-width: 760px !important;
    }
    :where(body.profile-page) .trp-history-item {
        padding: 12px !important;
        gap: 11px !important;
    }
    :where(body.profile-page) .trp-history-suborders {
        padding-top: 10px !important;
    }
    :where(body.profile-page) .trp-history-suborder {
        padding-top: 10px !important;
        gap: 11px !important;
    }
    :where(body.profile-page) .trp-history-service .trp-order-icon {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        flex-basis: 38px !important;
        border-radius: 13px !important;
        font-size: 18px !important;
    }
    :where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row,
    :where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row--head {
        min-width: 720px !important;
    }
    :where(body.profile-page) .trp-form-grid.two {
        grid-template-columns:1fr;
    }
    :where(body.profile-page) .trp-ticket-create-actions {
        flex-direction:column-reverse;
        align-items:stretch;
    }
    :where(body.profile-page) .trp-ticket-create-actions .trp-outline-btn,
    :where(body.profile-page) .trp-ticket-create-actions .trp-gradient-btn {
        width:100%;
        justify-content:center;
    }
    :where(body.profile-page) .trp-ticket-create-layout {
        grid-template-columns:1fr !important;
    }
    :where(body.profile-page) .trp-new-ticket-head {
        min-height:auto !important;
        padding:22px 20px !important;
    }
    :where(body.profile-page) .trp-new-ticket-head .trp-head-actions {
        width:100% !important;
    }
    :where(body.profile-page) .trp-new-ticket-head .trp-head-secondary {
        width:100% !important;
        justify-content:center !important;
    }
    :where(body.profile-page) .trp-ticket-create-panel {
        padding:20px !important;
    }
    :where(body.profile-page) .trp-ticket-create-form input,
    :where(body.profile-page) .trp-ticket-create-form select {
        height:50px !important;
    }
    :where(body.profile-page) .trp-ticket-create-form textarea {
        min-height:150px !important;
    }
    :where(body.profile-page) .trp-ticket-upload {
        min-height:86px !important;
    }
    :where(body.profile-page) .trp-ticket-create-side .trp-ticket-help-panel {
        margin-top:18px !important;
    }
    :where(body.profile-page) .trp-ticket-table-panel {
        padding:12px !important;
        border-radius:18px !important;
    }
    :where(body.profile-page) .trp-ticket-table-wrap {
        overflow-x:hidden !important;
    }
    :where(body.profile-page) .trp-ticket-table,
    :where(body.profile-page) .trp-ticket-table tbody {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
    }
    :where(body.profile-page) .trp-ticket-table thead {
        display:none !important;
    }
    :where(body.profile-page) .trp-ticket-table tbody {
        display:grid !important;
        gap:12px !important;
    }
    :where(body.profile-page) .trp-ticket-row {
        display:grid !important;
        gap:10px !important;
        padding:16px !important;
        background:#fff !important;
        border:1px solid #e7e3f2 !important;
        border-radius:16px !important;
        box-shadow:none !important;
    }
    :where(body.profile-page) .trp-ticket-table tbody td {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:14px !important;
        height:auto !important;
        min-height:auto !important;
        padding:0 !important;
        border-bottom:0 !important;
        white-space:normal !important;
        color:#4e5d80 !important;
        font-size:13px !important;
        line-height:1.35 !important;
    }
    :where(body.profile-page) .trp-ticket-table tbody td::before {
        flex:0 0 auto !important;
        color:#7d86ad !important;
        font-size:10px !important;
        font-weight:900 !important;
        line-height:1 !important;
        letter-spacing:.08em !important;
        text-transform:uppercase !important;
    }
    :where(body.profile-page) .trp-ticket-table tbody td:nth-child(1)::before {
        content:"Ticket ID";
    }
    :where(body.profile-page) .trp-ticket-table tbody td:nth-child(2)::before {
        content:"Subject";
    }
    :where(body.profile-page) .trp-ticket-table tbody td:nth-child(3)::before {
        content:"Opening Date";
    }
    :where(body.profile-page) .trp-ticket-table tbody td:nth-child(4)::before {
        content:"Last Update";
    }
    :where(body.profile-page) .trp-ticket-table tbody td:nth-child(5)::before {
        content:"Status";
    }
    :where(body.profile-page) .trp-ticket-table tbody td:nth-child(6)::before {
        content:"Detail";
    }
    :where(body.profile-page) .trp-ticket-table tbody td:nth-child(2) {
        order:-1 !important;
        display:grid !important;
        width:100% !important;
        justify-content:stretch !important;
        justify-items:start !important;
        text-align:left !important;
        gap:7px !important;
        padding-bottom:10px !important;
        border-bottom:1px solid #edf0f7 !important;
    }
    :where(body.profile-page) .trp-ticket-table tbody td:nth-child(2)::before,
    :where(body.profile-page) .trp-ticket-table tbody td:nth-child(2) a {
        justify-self:start !important;
        text-align:left !important;
    }
    :where(body.profile-page) .trp-ticket-table tbody td:nth-child(2) a {
        font-size:15px !important;
        line-height:1.25 !important;
    }
    :where(body.profile-page) .trp-ticket-table tbody td a {
        min-width:0 !important;
        overflow-wrap:anywhere !important;
    }
    :where(body.profile-page) .trp-ticket-status {
        min-width:auto !important;
        height:32px !important;
        padding:0 12px !important;
        border-radius:999px !important;
        font-size:11px !important;
    }
    :where(body.profile-page) .trp-ticket-view {
        min-width:86px !important;
        height:34px !important;
        padding:0 12px !important;
        border-radius:10px !important;
        font-size:11px !important;
    }
    :where(body.profile-page) .trp-ticket-summary-actions {
        justify-content:flex-start;
    }
    :where(body.profile-page) .trp-ticket-summary-actions .trp-head-secondary {
        width:auto !important;
        justify-content:center !important;
    }
    :where(body.profile-page) .trp-balance-table-panel {
        padding:12px !important;
        border-radius:18px !important;
    }
    :where(body.profile-page) .trp-balance-table-wrap {
        overflow-x:hidden !important;
    }
    :where(body.profile-page) .trp-balance-table,
    :where(body.profile-page) .trp-balance-table tbody {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
    }
    :where(body.profile-page) .trp-balance-table thead {
        display:none !important;
    }
    :where(body.profile-page) .trp-balance-table tbody {
        display:grid !important;
        gap:12px !important;
    }
    :where(body.profile-page) .trp-balance-table tbody tr {
        display:grid !important;
        gap:10px !important;
        padding:16px !important;
        background:#fff !important;
        border:1px solid #e7e3f2 !important;
        border-radius:16px !important;
        box-shadow:none !important;
    }
    :where(body.profile-page) .trp-balance-table tbody td {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:14px !important;
        width:100% !important;
        min-height:auto !important;
        height:auto !important;
        padding:0 !important;
        border-bottom:0 !important;
        background:transparent !important;
        white-space:normal !important;
        color:#4e5d80 !important;
        font-size:13px !important;
        line-height:1.35 !important;
    }
    :where(body.profile-page) .trp-balance-table tbody td::before {
        flex:0 0 auto !important;
        color:#7d86ad !important;
        font-size:10px !important;
        font-weight:900 !important;
        line-height:1 !important;
        letter-spacing:.08em !important;
        text-transform:uppercase !important;
    }
    :where(body.profile-page) .trp-balance-table tbody td:nth-child(1)::before {
        content:"Transaction";
    }
    :where(body.profile-page) .trp-balance-table tbody td:nth-child(2)::before {
        content:"Amount";
    }
    :where(body.profile-page) .trp-balance-table tbody td:nth-child(3)::before {
        content:"Bonus";
    }
    :where(body.profile-page) .trp-balance-table tbody td:nth-child(4)::before {
        content:"Payment";
    }
    :where(body.profile-page) .trp-balance-table tbody td:nth-child(5)::before {
        content:"Status";
    }
    :where(body.profile-page) .trp-balance-table tbody td:first-child {
        order:-1 !important;
        display:grid !important;
        justify-content:stretch !important;
        justify-items:start !important;
        text-align:left !important;
        gap:7px !important;
        padding-bottom:10px !important;
        border-bottom:1px solid #edf0f7 !important;
    }
    :where(body.profile-page) .trp-balance-table tbody td:first-child::before,
    :where(body.profile-page) .trp-balance-table tbody td:first-child strong,
    :where(body.profile-page) .trp-balance-table tbody td:first-child span {
        justify-self:start !important;
        text-align:left !important;
    }
    :where(body.profile-page) .trp-balance-table tbody td:first-child strong {
        font-size:15px !important;
        line-height:1.2 !important;
    }
    :where(body.profile-page) .trp-balance-table tbody td:first-child span {
        font-size:12px !important;
        line-height:1.25 !important;
    }
    :where(body.profile-page) .trp-balance-status {
        min-width:auto !important;
        height:32px !important;
        padding:0 12px !important;
        border-radius:999px !important;
        font-size:11px !important;
    }
    :where(body.profile-page) .trp-avatar-panel [data-avatar-grid] {
        grid-template-columns:repeat(7,minmax(60px,1fr)) !important;
        gap:18px 20px !important;
        padding:22px 22px 16px !important;
    }
    :where(body.profile-page) .trp-avatar-panel [data-avatar-grid] {
        grid-template-columns:repeat(4,minmax(58px,1fr)) !important;
        gap:18px 16px !important;
    }
    :where(body.profile-page) .trp-avatar-panel [data-avatar-grid] {
        grid-template-columns:repeat(3,minmax(58px,1fr)) !important;
        gap:16px 14px !important;
        padding:20px 18px 14px !important;
    }
    :where(body.profile-page) .trp-avatar-panel [data-avatar-save] {
        margin:8px 18px 22px !important;
        width:calc(100% - 36px) !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-grid[data-avatar-grid] {
        gap:20px 22px !important;
        padding:26px 28px 20px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-option {
        width:82px !important;
        height:82px !important;
        min-width:82px !important;
        max-width:82px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-option img {
        width:76px !important;
        height:76px !important;
        min-width:76px !important;
        max-width:76px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-save-btn {
        width:calc(100% - 56px) !important;
        margin:4px 28px 26px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-grid[data-avatar-grid] {
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:18px 16px !important;
        padding:22px 20px 18px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-option {
        width:76px !important;
        height:76px !important;
        min-width:76px !important;
        max-width:76px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-option img {
        width:70px !important;
        height:70px !important;
        min-width:70px !important;
        max-width:70px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-save-btn {
        width:calc(100% - 40px) !important;
        margin:4px 20px 24px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-grid[data-avatar-grid] {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:16px 12px !important;
        padding:20px 16px 16px !important;
    }
    :where(body.profile-page) .trp-bundle-body {
        padding:18px !important;
    }
    :where(body.profile-page) .trp-bundle-included-head {
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:4px !important;
    }
    :where(body.profile-page) .trp-bundle-body {
        padding:16px 14px 18px !important;
    }
    :where(body.profile-page) .trp-bundle-included-icons {
        padding:12px !important;
    }
    :where(body.profile-page) .trp-bundle-included-icons span {
        width:100% !important;
        justify-content:flex-start !important;
    }
    :where(body.profile-page) .trp-bundle-service-row {
        grid-template-columns:1fr !important;
        gap:14px !important;
    }
    :where(body.profile-page) .trp-bundle-amount {
        width:100% !important;
        min-width:0 !important;
        justify-self:stretch !important;
        grid-template-columns:minmax(92px,112px) minmax(96px,1fr) 92px !important;
        justify-content:stretch !important;
    }
    :where(body.profile-page) .trp-bundle-amount input {
        width:100% !important;
        min-width:0 !important;
    }
    :where(body.profile-page) .trp-bundle-amount span {
        width:auto !important;
        min-width:0 !important;
    }
    :where(body.profile-page) .trp-bundle-amount {
        grid-template-columns:94px auto !important;
        justify-content:center !important;
        justify-items:center !important;
        gap:8px !important;
        padding:7px !important;
        border-radius:14px !important;
    }
    :where(body.profile-page) .trp-bundle-amount input {
        width:94px !important;
        height:40px !important;
        font-size:13px !important;
        border-radius:11px !important;
    }
    :where(body.profile-page) .trp-bundle-amount span {
        width:auto !important;
        min-width:0 !important;
        justify-content:center !important;
        font-size:15px !important;
    }
    :where(body.profile-page) .trp-bundle-amount .trp-bundle-remaining {
        grid-column:1 / -1;
        justify-self:center;
        width:auto;
        min-width:0;
        max-width:100%;
        height:30px;
        padding:0 10px;
        font-size:10px;
    }
    :where(body.profile-page) .trp-input-wrap .trp-input-icon {
        width:26px;
        height:26px;
        left:12px;
    }
    :where(body.profile-page) .trp-input-wrap input {
        padding-left:52px;
    }
    :where(body.profile-page) .trp-password-wrap input {
        padding-right:50px;
    }
    :where(body.profile-page) .trp-password-wrap .trp-password-toggle {
        right:12px;
        width:26px;
        height:26px;
    }
    :where(body.profile-page) .trp-phone-row {
        grid-template-columns:88px minmax(0,1fr);
        gap:10px;
    }
    :where(body.profile-page) .trp-country-code input {
        padding-left:40px;
    }
    :where(body.profile-page) .trp-phone-number input {
        padding-left:16px !important;
    }
    body.profile-page.profile-auth-page {
        height:auto;
        min-height:100vh;
        overflow:auto;
    }
    body.profile-page.profile-auth-page .trp-login-screen {
        min-height:100vh;
        display:block;
    }
    body.profile-page.profile-auth-page .trp-login-panel {
        min-height:auto;
        padding:28px 18px 28px;
    }
    body.profile-page.profile-auth-page .trp-login-panel-inner {
        width:min(100%,620px);
    }
    body.profile-page.profile-auth-page .trp-login-visual {
        display:none !important;
    }
    body.profile-page.profile-auth-page .trp-login-panel {
        padding:22px 14px 24px;
    }
    body.profile-page.profile-auth-page .trp-auth-brand img {
        width:146px;
    }
    body.profile-page.profile-auth-page .trp-auth-intro h1 {
        font-size:32px;
    }
    body.profile-page.profile-auth-page .trp-login-card {
        padding:18px;
        border-radius:22px;
    }
    body.profile-page.profile-auth-page .trp-auth-name-row {
        grid-template-columns:1fr;
    }
    body.profile-page.profile-auth-page .trp-login-card .trp-auth-row {
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }
    body.profile-page.profile-auth-page .trp-login-card .trp-input-wrap > i {
        left:16px;
    }
    body.profile-page.profile-auth-page .trp-login-card .trp-input-wrap input {
        padding-left:46px !important;
    }
    body.profile-auth-page{
        height:auto;
        min-height:100vh;
        overflow:auto;
    }
    body.profile-auth-page .trp-login-screen{
        min-height:100vh;
        display:block;
    }
    body.profile-auth-page .trp-login-panel{
        min-height:auto;
        padding:28px 18px 28px;
    }
    body.profile-auth-page .trp-login-panel-inner{
        width:min(100%,620px);
    }
    body.profile-auth-page .trp-login-visual{
        display:none !important;
    }
    body.profile-auth-page .trp-login-panel{
        padding:22px 14px 24px;
    }
    body.profile-auth-page .trp-auth-brand img{
        width:146px;
    }
    body.profile-auth-page .trp-auth-intro h1{
        font-size:32px;
    }
    body.profile-auth-page .trp-login-card{
        padding:18px;
        border-radius:22px;
    }
    body.profile-auth-page .trp-auth-name-row{
        grid-template-columns:1fr;
    }
    body.profile-auth-page .trp-login-card .trp-auth-row{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }
    body.profile-auth-page .trp-login-card .trp-input-wrap > i{
        left:16px;
    }
    body.profile-auth-page .trp-login-card .trp-input-wrap input{
        padding-left:46px !important;
    }
    
    
    
    :where(body.faq-page) .faq-hero,
    :where(body.faq-page) .faq-category-grid,
    :where(body.faq-page) .faq-layout {
        width: min(calc(100% - 32px), 100%);
    }
    :where(body.faq-page) .hero-card-area,
    :where(body.faq-page) .faq-layout {
        grid-template-columns: 1fr;
    }
    :where(body.faq-page) .faq-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.faq-page) .faq-sticky-card {
        position: static;
    }
    :where(body.faq-page) .faq-assurance-panel {
        min-height: auto;
    }
    :where(body.faq-page) .faq-main-heading {
        grid-template-columns: 1fr;
    }
    :where(body.faq-page) .faq-main-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.faq-page) .faq-hero,
    :where(body.faq-page) .faq-category-grid,
    :where(body.faq-page) .faq-layout {
        width: min(100%, calc(100% - 20px));
    }
    :where(body.faq-page) .hero-card-area,
    :where(body.faq-page) .faq-group,
    :where(body.faq-page) .faq-sticky-card,
    :where(body.faq-page) .faq-assurance-panel,
    :where(body.faq-page) .faq-category-grid a {
        padding: 22px;
        border-radius: 22px;
    }
    :where(body.faq-page) .faq-hero h1 {
        font-size: clamp(34px, 11vw, 44px);
    }
    :where(body.faq-page) .faq-hero-visual {
        min-height: auto;
    }
    :where(body.faq-page) .faq-search-shell {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 8px;
        min-height: auto;
        padding: 24px;
        border-radius: 20px;
    }
    :where(body.faq-page) .faq-search-icon {
        width: 42px;
        height: 42px;
    }
    :where(body.faq-page) .faq-search-shell > input {
        height: 42px;
        font-size: 13px;
    }
    :where(body.faq-page) .faq-search-shell > button {
        grid-column: 1 / -1;
        width: 100%;
        min-width: 0;
        height: 46px;
        margin-top: 4px;
    }
    :where(body.faq-page) .faq-category-grid {
        grid-template-columns: 1fr;
    }
    :where(body.faq-page) .faq-category-grid a {
        grid-template-columns: 48px minmax(0, 1fr);
        min-height: auto;
    }
    :where(body.faq-page) .faq-main-heading {
        padding: 20px;
        border-radius: 22px;
    }
    :where(body.faq-page) .faq-main-metrics {
        grid-template-columns: 1fr;
    }
    :where(body.faq-page) .faq-group summary {
        align-items: flex-start;
        min-height: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 1.35;
    }
    :where(body.faq-page) .faq-group summary i {
        flex: 0 0 auto;
        margin-top: 2px;
    }
    :where(body.contracts-page) .contracts-hero {
        grid-template-columns: 1fr;
        padding: 24px;
    }
    :where(body.contracts-page) .contracts-hero__card {
        justify-self: start;
        min-width: 150px;
    }
    :where(body.contracts-page) .contracts-shell {
        grid-template-columns: 1fr;
    }
    :where(body.contracts-page) .contracts-sidebar {
        position: relative;
        top: 0;
    }
    :where(body.contracts-page) .contracts-content {
        min-height: auto;
    }
    :where(body.contracts-page) .contracts-hero,
    :where(body.contracts-page) .contracts-section {
        width: min(100% - 20px, 1260px);
    }
    :where(body.contracts-page) .contracts-hero {
        padding: 24px;
        border-radius: 20px;
    }
    :where(body.contracts-page) .contracts-content {
        padding: 24px;
        border-radius: 20px;
    }
    :where(body.contracts-page) .contracts-sidebar {
        border-radius: 20px;
    }
    :where(body.contracts-page) .contract-panel__header {
        display: grid;
    }
    :where(body.contracts-page) .contract-action {
        justify-content: center;
        width: 100%;
    }
    :where(body.contracts-page) .contract-menu-item {
        grid-template-columns: 40px minmax(0, 1fr) 16px;
        gap: 10px;
        padding: 15px 16px;
    }
    :where(body.contracts-page) .contracts-sidebar__head,
    :where(body.contracts-page) .contracts-search,
    :where(body.contracts-page) .contracts-sidebar__note {
        margin-left: 16px;
        margin-right: 16px;
    }
    :where(body.contracts-page) .contracts-sidebar__head {
        padding-left: 16px;
        padding-right: 16px;
    }
    :where(body.order-flow-page) .cart-btn {min-width:150px}
    :where(body.order-flow-page) .service-title {font-size:17px}
    :where(body.order-flow-page) .price .value {font-size:15px}
    :where(body.order-flow-page) .grid {gap:10px}
    :where(body.order-flow-page) .selection-overlay {width:82px}
    :where(body.order-flow-page) .meta-pill {height:32px; font-size:12px; padding:0 10px}
    :where(body.order-flow-page) .post-card {
        border-radius:18px !important;
        padding:4px !important;
    }
    :where(body.order-flow-page) .post-image,
    :where(body.order-flow-page) .post-card::after {
        border-radius:14px !important;
    }
    :where(body.order-flow-page) .comment-mode {
        min-height:72px;
        font-size:14px;
    }
    :where(body.order-flow-page) .custom-textarea {
        min-height:210px;
    }
    :where(body.order-flow-page) .prepared-modal-head h3 {
        font-size:20px;
    }
    :where(body.order-flow-page) .prepared-scroll-list {
        max-height:210px;
    }
    :where(body.order-flow-page) .selected-scroll-list {
        height:178px;
    }
    :where(body.order-flow-page) .prepared-modal-head p {
        max-width:300px;
        font-size:12px !important;
    }
    :where(body.order-flow-page) .comment-panel {
        padding:14px;
        padding-bottom:86px !important;
    }
    :where(body.order-flow-page) .prepared-actions {
        bottom:-74px;
        height:68px;
        grid-template-columns:auto 1fr 1fr !important;
        gap:7px !important;
    }
    :where(body.order-flow-page) .prepared-selected-count {
        grid-column:1 / -1;
        font-size:12px !important;
    }
    :where(body.order-flow-page) .prepared-action-btn {
        width:100%;
        padding:0 10px !important;
        font-size:12px !important;
    }
    :where(body.order-flow-page) .story-overview-card {
        padding:15px;
    }
    :where(body.order-flow-page) .story-overview-top {
        align-items:flex-start;
    }
    :where(body.order-flow-page) .story-view-pill {
        height:34px;
        padding:0 11px;
        font-size:12px;
    }
    :where(body.order-flow-page) .story-ring {
        width:42px;
        height:42px;
    }
    :where(body.order-flow-page) .story-slide {
        min-width:86px;
        max-width:86px;
        border-radius:16px;
    }
    :where(body.order-flow-page) .auto-like-card {
        padding:20px 16px 16px;
    }
    :where(body.order-flow-page) .auto-like-head h3 {
        font-size:20px;
    }
    :where(body.order-flow-page) .auto-like-input {
        height:58px;
    }
    :where(body.order-flow-page) .operation-address-card {
        border-radius:22px;
        padding:16px;
    }
    :where(body.order-flow-page) .operation-address-icon {
        width:54px;
        height:54px;
        border-radius:18px;
    }
    :where(body.order-flow-page) .operation-status-pill {
        min-width:82px;
        height:40px;
        padding:0 14px;
    }
    :where(body.order-flow-page) .operation-address-label {
        font-size:15px;
    }
    :where(body.order-flow-page) .operation-address-value {
        font-size:13px;
    }
    :where(body.order-flow-page) .facebook-f {
        font-size:34px;
    }
    html {
        height: auto;
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    body:not(.order-flow-page):not(.profile-auth-page) {
        height: auto;
        min-height: 100dvh;
        overflow-x: clip;
        overflow-y: visible;
        touch-action: auto;
    }
    body.mobile-nav-open {
        overflow: hidden;
        touch-action: none;
    }
    :where(body.blog-page, body.blog-detail-page) .blog-meta-chips {
        gap: 8px;
    }
    :where(body.blog-page, body.blog-detail-page) .blog-meta-chip {
        min-height: 32px;
        padding: 0 11px;
        font-size: 11px !important;
    }
    :where(body.blog-detail-page) .article-share-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.blog-detail-page) .article-share-actions {
        grid-template-columns: 1fr;
    }
    :where(body.blog-detail-page) .article-related-item {
        grid-template-columns: 76px minmax(0, 1fr);
    }
    :where(body.blog-detail-page) .article-related-item img {
        width: 76px;
        height: 62px;
    }
    .service-action small {
        font-size: 9px;
    }
    .service-action small b {
        font-size: 10px;
    }
    .service-card {
        grid-template-columns: 44px minmax(0, 1fr) 96px;
        min-height: 72px;
        gap: 11px;
        padding: 8px 9px;
    }
    .service-icon {
        width: 42px;
        height: 50px;
        border-radius: 11px;
        font-size: 20px;
    }
    .service-card > div:nth-child(2) {
        min-height: 44px;
    }
    .service-card h2 {
        font-size: 12.5px;
        line-height: 1.18;
    }
    body.services-page .service-card em {
        font-size: 10px !important;
        margin-bottom: 6px !important;
    }
    body.services-page .service-action {
        margin-top: -4px !important;
    }
    body.services-page .service-card {
        min-height: 94px !important;
        gap: 15px !important;
        padding: 15px 15px !important;
    }
    body.services-page .service-icon {
        width: 48px !important;
        height: 48px !important;
        border-radius: 13px !important;
        font-size: 20px !important;
    }
    body.services-page .service-icon .bi {
        font-size: 20px !important;
    }
    body.services-page .service-card {
        min-height: 92px !important;
        gap: 14px !important;
        padding: 14px 14px !important;
    }
    body.services-page .service-icon {
        width: 46px !important;
        height: 46px !important;
        border-radius: 13px !important;
        font-size: 19px !important;
    }
    body.services-page .service-icon .bi {
        font-size: 19px !important;
    }
    body.services-page .service-card > div:nth-child(2) {
        min-height: 46px !important;
    }
    body.services-page .service-card > div:nth-child(2) {
        margin-left: -6px !important;
    }
    body.services-page .service-card {
        grid-template-columns: 50px minmax(0, 1fr) 24px !important;
        grid-template-rows: auto !important;
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 0 !important;
    }
    body.services-page .service-card > div:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: block !important;
        min-height: auto !important;
        margin-left: 0 !important;
        align-self: center !important;
    }
    body.services-page .service-card h2 {
        margin: 0 0 5px !important;
    }
    body.services-page .service-mobile-price {
        display: inline-flex !important;
        align-items: baseline !important;
        color: #6f7893 !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        gap: 5px;
    }
    body.services-page .service-mobile-price b {
        color: #101b3d !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }
    body.services-page .service-action {
        display: none !important;
    }
    body.services-page .service-card > .bi-chevron-right {
        grid-column: 3 !important;
        grid-row: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #e1306c !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }
    body.services-page .service-card {
        grid-template-columns: 48px minmax(0, 1fr) 22px !important;
        column-gap: 10px !important;
        row-gap: 0 !important;
    }
    body.services-page .service-mobile-price {
        font-size: 10.5px !important;
    }
    body.services-page .service-mobile-price b {
        font-size: 11.5px !important;
    }
    body.hizmet-diger-page .services-section .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    body.hizmet-diger-page .services-section .service-card {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
        align-items: stretch !important;
        align-content: start !important;
        gap: 0 !important;
    }
    body.hizmet-diger-page .services-section .service-card > .service-top,
    body.hizmet-diger-page .services-section .service-card > .service-select {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
    }
    body.hizmet-diger-page .services-section .service-card > .service-select {
        align-self: end !important;
        min-height: 0 !important;
    }
    .services-promo {
        grid-template-columns: 56px minmax(0, 1fr) 170px !important;
        grid-template-areas:
        "icon copy price"
        "icon copy action" !important;
        gap: 12px 16px !important;
        min-height: auto !important;
        padding: 24px !important;
    }
    .services-promo-icon {
        grid-area: icon !important;
        align-self: center !important;
    }
    .services-promo-copy {
        grid-area: copy !important;
        min-width: 0 !important;
    }
    .services-promo-price {
        grid-area: price !important;
        min-height: 52px !important;
        margin-right: 0 !important;
        padding: 0 16px !important;
    }
    .services-promo > a {
        grid-area: action !important;
        min-height: 48px !important;
    }
    .services-promo {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        grid-template-areas:
        "icon copy"
        "price price"
        "action action" !important;
        gap: 12px 14px !important;
        margin-top: 20px !important;
        padding: 24px !important;
        border-width: 4px !important;
        border-radius: 20px !important;
    }
    .services-promo-price {
        display: flex !important;
        width: 100% !important;
        min-height: 52px !important;
        padding: 0 16px !important;
    }
    .services-promo > a {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 50px !important;
        overflow: visible !important;
        color: #fff !important;
    }
    .services-promo > a i {
        color: #fff !important;
        font-size: 16px !important;
    }
    .services-promo {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        grid-template-areas:
        "icon copy"
        "price price"
        "action action" !important;
        gap: 11px 12px !important;
        margin-top: 20px !important;
        padding: 24px !important;
        border-width: 3px !important;
        border-radius: 20px !important;
    }
    .services-promo-icon {
        width: 44px !important;
        height: 44px !important;
        border-radius: 13px !important;
        font-size: 21px !important;
    }
    .services-promo-copy > span {
        padding: 3px 8px !important;
        font-size: 9px !important;
    }
    .services-promo-copy strong {
        font-size: 15px !important;
        line-height: 1.18 !important;
    }
    .services-promo-copy small {
        max-width: none !important;
        font-size: 10px !important;
        line-height: 1.45 !important;
    }
    .services-promo-price {
        min-height: 48px !important;
        padding: 0 14px !important;
        border-radius: 12px !important;
    }
    .services-promo-price strong {
        font-size: 13px !important;
    }
    .services-promo-price small {
        font-size: 10px !important;
    }
    .services-promo > a {
        min-height: 48px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }
    .services-promo {
        grid-template-columns: 1fr !important;
        grid-template-areas:
        "icon"
        "copy"
        "price"
        "action" !important;
        text-align: center !important;
        justify-items: center !important;
    }
    .services-promo-copy {
        align-items: center !important;
        text-align: center !important;
    }
    .services-promo-copy > span {
        align-self: center !important;
    }
    .teaser-quick-order__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .teaser-quick-order__price,
    .teaser-quick-order__button {
        grid-column: span 1;
    }
    .teaser-quick-order {
        padding: 14px;
        border-radius: 18px;
    }
    .teaser-quick-order__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .teaser-quick-order__top {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
    .teaser-select__menu {
        position: relative;
        top: auto;
        margin-top: 10px;
    }
    body:not(.payment-page):not(.profile-settings-page) .teaser-select__menu::before {
        display: none;
    }
    body.main-home-page .main-trust-pills {
        margin-bottom: 20px !important;
    }
    body.main-home-page .teaser-quick-order {
        margin-top: 4px !important;
    }
    body.profile-page .trp-hero-card {
        min-height: auto !important;
        grid-template-columns: 1fr !important;
    }
    
    
    
    
    
    body.profile-page .trp-profile-card,
body.profile-page .trp-balance-card,
body.profile-page .trp-side-nav,
body.profile-page .trp-help-card,
body.profile-page .trp-panel,
body.profile-page .trp-hero-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    body.profile-page .trp-side-nav {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    body.profile-page .trp-hero-card {
        display: grid !important;
        grid-template-columns: 1fr !important;
        min-height: auto !important;
        padding: 24px 22px !important;
        border-radius: 22px !important;
    }
    body.profile-page .trp-hero-copy {
        width: 100% !important;
        max-width: 100% !important;
    }
    body.profile-page .trp-hero-card h1 {
        font-size: 32px !important;
        line-height: 1.08 !important;
    }
    body.profile-page .trp-hero-card p {
        max-width: 100% !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }
    body.profile-page .trp-hero-visual,
    body.profile-page .trp-hero-card-illus,
    body.profile-page .trp-orbit {
        display: none !important;
    }
    body.profile-page .trp-last-login {
        max-width: 100% !important;
        white-space: normal !important;
    }
    
    
    body.profile-page .trp-profile-card,
    body.profile-page .trp-balance-card,
    body.profile-page .trp-side-nav,
    body.profile-page .trp-panel,
    body.profile-page .trp-hero-card {
        border-radius: 18px !important;
    }
    body.profile-page .trp-hero-card {
        padding: 22px 18px !important;
    }
    body.profile-page .trp-hero-card h1 {
        font-size: 28px !important;
    }
    body.cart-page .cart-shell {
        padding-bottom: 38px !important;
    }
    .home-menu-side-right {
        gap: 7px !important;
    }
    .header-notification-panel {
        right: -128px !important;
    }
    .header-notification-panel::before {
        right: 140px !important;
    }
    .header-cart-link {
        font-size: 0 !important;
        gap: 0 !important;
    }
    .header-cart-link i {
        font-size: 17px !important;
    }
    .header-cart-link {
        font-size: 14px !important;
        gap: 7px !important;
    }
    .header-action-stack {
        gap: 8px !important;
    }
    .header-mini-action {
        width: 44px !important;
        height: 44px !important;
    }
    .header-action-stack{
        display: none !important;
    }
    .header-mini-action,
    .header-mini-bell,
    .header-mini-cart{
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }
    .header-mini-action,
    .header-mini-bell,
    .header-mini-cart {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
    }
    .header-auth-suite,
    .home-menu-side-right .header-auth-suite {
        height: 46px;
        padding: 4px;
        gap: 5px;
        border-radius: 14px;
    }
    .header-auth-suite__login,
    .home-menu-side-right .header-auth-suite__login {
        height: 38px;
        border-radius: 11px;
        font-size: 13px;
    }
    .header-auth-suite__login,
    .home-menu-side-right .header-auth-suite__login {
        min-width: 84px;
        padding: 0 11px;
    }
    .header-auth-suite,
    .home-menu-side-right .header-auth-suite {
        display: none;
    }
    body.about-modern-page .page-shell > section + section {
        margin-top: 20px !important;
    }
    body.profile-auth-page .trp-auth-topbar {
        gap: 12px;
        margin-bottom: 22px;
    }
    body.profile-auth-page .trp-auth-topbar .trp-auth-brand img {
        width: 138px;
    }
    body.profile-auth-page .trp-auth-back-site {
        min-height: 34px;
        padding: 0 13px;
        font-size: 12px;
    }
    .home-platform-services-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .home-platform-services {
        margin-top: 26px;
    }
    .home-platform-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .home-platform-service-card {
        min-height: 124px;
        padding: 16px 10px 13px;
    }
    .home-platform-service-card > i,
    .home-platform-service-card .platform-letter-icon {
        font-size: 31px;
    }
    .home-platform-service-card strong {
        font-size: 15px;
    }
    .home-platform-service-card small {
        font-size: 13px;
    }
    .main-home-page .home-faq-showcase {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 24px;
    }
    .main-home-page .home-faq-showcase__support {
        grid-template-columns: minmax(0, 1fr) 210px;
        min-height: auto;
    }
    .main-home-page .home-faq-showcase__robot img {
        width: min(100%, 210px);
        max-height: 240px;
    }
    .main-home-page .home-faq-showcase {
        padding: 24px;
        border-radius: 20px;
    }
    .main-home-page .home-faq-showcase h2 {
        font-size: 28px;
    }
    .main-home-page .home-faq-showcase__accordion .faq-item summary {
        grid-template-columns: 40px minmax(0,1fr) 16px;
        min-height: 62px;
        padding: 0 16px;
    }
    .main-home-page .home-faq-showcase__accordion .faq-item p {
        margin: -4px 18px 18px 68px;
    }
    .main-home-page .home-faq-showcase__support {
        display: flex;
        flex-direction: column;
        min-height: auto;
        padding: 20px;
        border-radius: 22px;
    }
    .main-home-page .home-faq-showcase__support-copy {
        width: 100%;
        max-width: none;
    }
    .main-home-page .home-faq-showcase__support h3,
    .main-home-page .home-faq-showcase__support p {
        max-width: 100%;
    }
    .main-home-page .home-faq-showcase__support a {
        width: 100%;
        max-width: none;
    }
    .main-home-page .home-faq-showcase__robot {
        position: absolute;
        top: 30px;
        right: 18px;
        width: auto;
        margin: 0;
    }
    .main-home-page .home-faq-showcase__robot img {
        width: 126px;
        max-height: 150px;
        filter: drop-shadow(0 18px 22px rgba(0, 0, 0, .22));
    }
    .main-home-page .home-faq-showcase__trust {
        grid-template-columns: 1fr;
        width: 100%;
        margin-top: 8px;
        padding-top: 16px;
        display: flex;
        justify-content: space-between;
    }
    .mobile-menu-panel > .home-menu-side-left,
    .mobile-menu-panel > .home-menu-side-right,
    .mobile-drawer-actions {
        display: none !important;
    }
    .mobile-menu-v2 {
        display: grid;
        gap: 14px;
        width: 100%;
        padding: 0;
        order: 1;
        background: #fff;
    }
    .mobile-v2-tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        padding-top: 4px;
    }
    .mobile-v2-tabs button,
    .mobile-v2-tabs a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 36px;
        padding: 0 8px;
        color: #42506d;
        font-family: inherit;
        font-size: 10px;
        font-weight: 800;
        text-align: center;
        text-decoration: none;
        background: #fff;
        border: 1px solid rgba(224, 234, 248, .92);
        border-radius: 10px;
        box-shadow: none;
    }
    .mobile-v2-tabs button.is-active {
        color: #ff7a45;
        background: #fff3e6;
        border-color: rgba(245, 154, 75, .30);
    }
    .mobile-v2-section {
        display: grid;
        gap: 12px;
        min-width: 0;
    }
    .mobile-v2-section[hidden] {
        display: none;
    }
    .mobile-v2-intro {
        display: grid;
        gap: 4px;
        padding: 12px 14px;
        background: linear-gradient(90deg, #fff3e6, rgba(255, 255, 255, .96));
        border: 1px solid rgba(245, 154, 75, .22);
        border-radius: 14px;
    }
    .mobile-v2-intro span {
        color: #ff7a45;
        font-size: 10px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .04em;
    }
    .mobile-v2-intro strong {
        color: #17223b;
        font-size: 12px;
        font-weight: 900;
        line-height: 1.4;
    }
    .mobile-v2-platform-scroll {
        display: grid;
        gap: 10px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        overflow: visible;
    }
    .mobile-v2-platform {
        position: relative;
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) 18px;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-height: 50px;
        padding: 7px 12px 7px 8px;
        color: #1f2a44;
        font-family: inherit;
        font-size: 12px;
        font-weight: 900;
        text-align: left;
        background: linear-gradient(90deg, var(--mobile-v2-soft), rgba(255, 255, 255, .96));
        border: 1px solid var(--mobile-v2-border);
        border-radius: 12px;
        box-shadow: none;
    }
    .mobile-v2-platform::after {
        content: "\F282";
        display: grid;
        place-items: center;
        color: var(--mobile-v2-color);
        font-family: "bootstrap-icons";
        font-size: 12px;
        line-height: 1;
        transition: transform .18s ease;
    }
    .mobile-v2-platform.is-active {
        color: #17223b;
        background: var(--mobile-v2-soft);
        border-color: var(--mobile-v2-color);
    }
    .mobile-v2-platform.is-active::after {
        transform: rotate(180deg);
    }
    .mobile-v2-platform-icon,
    .mobile-v2-head-icon {
        display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        color: var(--mobile-v2-color);
        font-size: 16px;
        background: #fff;
        border: 1px solid var(--mobile-v2-border);
        border-radius: 8px;
    }
    .mobile-v2-kick-mark {
        color: inherit;
        font-weight: 950;
        line-height: 1;
    }
    .mobile-v2-panels,
    .mobile-v2-panel {
        min-width: 0;
    }
    .mobile-v2-panels {
        display: contents;
    }
    .mobile-v2-panel {
        display: none;
        gap: 12px;
        margin-top: -2px;
        padding: 12px;
        background: #fff;
        border: 1px solid var(--mobile-v2-border);
        border-radius: 14px;
        box-shadow: none;
    }
    .mobile-v2-panel.is-active {
        display: grid;
    }
    .mobile-v2-panel-head {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        padding: 10px;
        background: linear-gradient(90deg, var(--mobile-v2-soft), rgba(255, 255, 255, .96));
        border: 1px solid var(--mobile-v2-border);
        border-radius: 12px;
    }
    .mobile-v2-panel-head strong,
    .mobile-v2-panel-head small {
        display: block;
    }
    .mobile-v2-panel-head strong {
        color: #10224d;
        font-size: 13px;
        font-weight: 950;
        line-height: 1.2;
    }
    .mobile-v2-panel-head small {
        margin-top: 4px;
        color: #67728d;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.45;
    }
    .mobile-v2-service-grid,
    .mobile-v2-free-grid {
        display: grid;
        gap: 8px;
        min-width: 0;
    }
    .mobile-v2-service-grid a,
    .mobile-v2-free-grid a {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr) 16px;
        align-items: center;
        gap: 10px;
        min-height: 46px;
        padding: 0 12px 0 8px;
        color: #1f2a44;
        font-size: 11px;
        font-weight: 900;
        text-decoration: none;
        background: #fff;
        border: 1px solid rgba(224, 234, 248, .92);
        border-radius: 12px;
        box-shadow: none;
    }
    .mobile-v2-service-grid a > .bi:first-child,
    .mobile-v2-free-grid a > .bi:first-child {
        display: grid;
        place-items: center;
        width: 32px;
        height: 32px;
        color: var(--mobile-v2-color, #ff7a45);
        font-size: 15px;
        background: var(--mobile-v2-soft, #fff3e6);
        border: 1px solid var(--mobile-v2-border, rgba(245,154,75,.28));
        border-radius: 8px;
    }
    .mobile-v2-service-grid a > .bi:last-child,
    .mobile-v2-free-grid a > .bi:last-child {
        color: #9aa6bb;
        font-size: 12px;
    }
    .mobile-v2-cta {
        display: grid;
        gap: 10px;
        padding: 12px;
        color: #5f6c86;
        font-size: 10px;
        font-weight: 900;
        text-decoration: none;
        background: linear-gradient(90deg, #fff3e6, rgba(255, 250, 244, .98));
        border: 1px solid rgba(245, 154, 75, .24);
        border-radius: 12px;
    }
    .mobile-v2-cta span,
    .mobile-v2-cta strong {
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .mobile-v2-cta span .bi {
        color: #ff8a00;
        font-size: 15px;
    }
    .mobile-v2-cta strong {
        justify-content: center;
        min-height: 38px;
        color: #fff;
        font-size: 11px;
        background: linear-gradient(135deg, #ff7a45, #ef5b68);
        border-radius: 10px;
    }
    .mobile-v2-free-grid a > .bi:first-child {
        color: #ff7a45;
        background: #fff3e6;
        border-color: rgba(245, 154, 75, .28);
    }
    .mobile-menu-panel {
        right: 0;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        width: 100vw;
        max-width: 100vw;
        height: auto;
        max-height: calc(100dvh - var(--mobile-menu-top, 112px));
        padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px));
        background: #fff;
        border-radius: 0;
    }
    .mobile-menu-v2 {
        padding-bottom: 0;
    }
    body.mobile-nav-open .mobile-menu-bottom-nav {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        transform: none;
        z-index: 120;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        width: 100vw;
        max-width: 100vw;
        margin: 0;
        padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px));
        background: #fff;
        border: 1px solid rgba(224, 234, 248, .94);
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
        backdrop-filter: none;
    }
    .mobile-menu-bottom-link {
        display: grid;
        justify-items: center;
        align-content: center;
        gap: 5px;
        min-width: 0;
        min-height: 58px;
        padding: 6px 3px;
        color: #17223b;
        font-size: 9px;
        font-weight: 900;
        line-height: 1.1;
        text-align: center;
        text-decoration: none;
        border-radius: 14px;
        transition: background .18s ease, color .18s ease, transform .18s ease;
    }
    .mobile-menu-bottom-link:active {
        transform: translateY(1px);
    }
    .mobile-menu-bottom-icon {
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        color: #4f5d79;
        font-size: 15px;
        background: #f7f9fd;
        border: 1px solid rgba(224, 234, 248, .95);
        border-radius: 11px;
    }
    .mobile-menu-bottom-link.is-primary {
        color: #ff7a45;
        background: #fff3e6;
    }
    .mobile-menu-bottom-link.is-primary .mobile-menu-bottom-icon {
        color: #fff;
        background: linear-gradient(135deg, #ff7a45, #ef5b68);
        border-color: rgba(245, 154, 75, .34);
    }
    .mobile-menu-bottom-link.is-whatsapp .mobile-menu-bottom-icon {
        color: #20b86b;
        background: rgba(37, 211, 102, .12);
        border-color: rgba(37, 211, 102, .26);
    }
    :where(body.profile-page) .trp-orders-panel .trp-order-item {
        grid-template-columns: 40px minmax(0, 1fr) 92px !important;
        column-gap: 12px !important;
        row-gap: 10px !important;
    }
    :where(body.profile-page) .trp-order-mini-meta {
        grid-column: 2 / 3 !important;
        width: auto !important;
        min-width: 92px !important;
        max-width: none !important;
        justify-self: start !important;
    }
    :where(body.profile-page) .trp-orders-panel .trp-badge {
        grid-column: 3 / 4 !important;
        grid-row: 1 / 3 !important;
        align-self: center !important;
        width: 92px !important;
        min-width: 92px !important;
    }
    :where(body.profile-page) .trp-history-service .trp-order-icon,
    :where(body.profile-page) .trp-history-service--sub .trp-order-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        flex-basis: 40px !important;
        border-radius: 12px !important;
    }
    :where(body.profile-page) .trp-history-service .trp-order-icon i,
    :where(body.profile-page) .trp-history-service--sub .trp-order-icon i {
        font-size: 19px !important;
    }
    :where(body.profile-page) .trp-comments-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
    :where(body.profile-page) .trp-comments-list {
        grid-template-columns: 1fr !important;
    }
    :where(body.profile-page) .trp-comment-row {
        grid-template-columns: 26px minmax(0, 1fr) 18px !important;
        gap: 7px !important;
        padding: 8px !important;
    }
    :where(body.profile-page) .trp-comments-list {
        max-height: 512px !important;
    }
    body.profile-page .trp-side-nav .trp-nav-link {
        width: 100% !important;
        min-height: 54px !important;
    }
    :where(body.profile-page) .trp-bundle-count {
        align-self:flex-start !important;
        height:30px !important;
        min-height:30px !important;
        padding:0 12px !important;
        font-size:11px !important;
        border-radius:999px !important;
    }
    :where(body.profile-page) .trp-bundle-accordion {
        border-radius:18px !important;
    }
    :where(body.profile-page) .trp-bundle-summary {
        min-height:auto !important;
        padding:16px 14px !important;
        align-items:flex-start !important;
        gap:10px !important;
    }
    :where(body.profile-page) .trp-bundle-title-area {
        display:grid !important;
        grid-template-columns:48px minmax(0,1fr) !important;
        align-items:start !important;
        gap:12px !important;
        width:100% !important;
        min-width:0 !important;
    }
    :where(body.profile-page) .trp-bundle-platform-icon {
        width:48px !important;
        height:48px !important;
        flex-basis:48px !important;
        border-radius:15px !important;
        font-size:21px !important;
    }
    :where(body.profile-page) .trp-bundle-summary h3 {
        max-width:170px !important;
        margin:1px 0 9px !important;
        font-size:17px !important;
        line-height:1.12 !important;
        letter-spacing:.01em !important;
        word-break:normal !important;
    }
    :where(body.profile-page) .trp-bundle-meta {
        gap:8px 10px !important;
        font-size:11.5px !important;
        line-height:1.2 !important;
    }
    :where(body.profile-page) .trp-bundle-meta span {
        gap:4px !important;
    }
    :where(body.profile-page) .trp-bundle-meta span i {
        font-size:11px !important;
    }
    :where(body.profile-page) .trp-bundle-meta strong {
        min-height:24px !important;
        padding:0 8px !important;
        border-radius:7px !important;
        font-size:10px !important;
    }
    :where(body.profile-page) .trp-bundle-toggle {
        width:36px !important;
        height:36px !important;
        flex:0 0 36px !important;
        font-size:17px !important;
        margin-top:4px !important;
    }
    :where(body.profile-page) .trp-bundle-summary h3 {
        max-width:145px !important;
        font-size:16px !important;
    }
    :where(body.profile-page) .trp-bundle-meta {
        gap:7px 8px !important;
        font-size:11px !important;
    }
    :where(body.profile-page) .trp-page-head--bundles .trp-page-head-main {
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:12px !important;
    }
    .cart-page .cart-remove-btn {
        width: 100%;
    }
    .cart-page .cart-remove-modal__dialog {
        padding: 24px 18px;
        border-radius: 22px;
    }
    .cart-page .cart-remove-modal__actions {
        grid-template-columns: 1fr;
    }
    .cart-page .cart-empty-message {
        padding: 23px;
        border-radius: 22px;
    }
    .cart-page .cart-empty-message__actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }
    .cart-page .cart-empty-message__primary,
    .cart-page .cart-empty-message__secondary {
        width: 100%;
    }
    body.faq-page .page-shell {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    body.faq-page .faq-hero,
    body.faq-page .faq-category-grid,
    body.faq-page .faq-layout {
        width: min(calc(100% - 32px), 100%) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body.faq-page .faq-hero .hero-card-area {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 24px !important;
        overflow: hidden !important;
    }
    body.faq-page .faq-hero-copy,
    body.faq-page .faq-hero-visual {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body.faq-page .faq-hero h1 {
        max-width: 100% !important;
        font-size: clamp(34px, 11vw, 44px) !important;
        line-height: 1.02 !important;
        letter-spacing: -.045em !important;
        overflow-wrap: anywhere !important;
    }
    body.faq-page .faq-hero p {
        max-width: 100% !important;
        font-size: 14px !important;
        line-height: 1.65 !important;
    }
    body.faq-page .faq-assurance-panel {
        display: grid !important;
        gap: 0 !important;
        min-height: auto !important;
        padding: 24px !important;
    }
    body.faq-page .faq-assurance-item {
        gap: 12px !important;
        padding: 14px 0 !important;
    }
    body.faq-page .faq-assurance-item > span {
        flex-basis: 44px !important;
        width: 44px !important;
        height: 44px !important;
    }
    .services-directory-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .services-directory-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .services-directory-hero {
        grid-template-columns: 1fr;
    }
    .services-directory-summary {
        max-width: 280px;
    }
    .services-directory-page .services-directory-shell {
        width: min(calc(100% - 24px), 100%);
        padding-top: 18px;
        padding-bottom: 42px;
    }
    .services-directory-hero {
        gap: 20px;
        padding: 24px 20px;
        border-radius: 18px;
    }
    .services-directory-hero h1 {
        margin-top: 14px;
        font-size: 34px;
    }
    .services-directory-summary {
        width: 100%;
        max-width: none;
    }
    .services-directory-summary span {
        min-height: 78px;
    }
    .services-directory-catalog {
        margin-top: 20px;
        padding: 24px;
        border-radius: 20px;
    }
    .services-directory-heading {
        display: block;
        margin-bottom: 18px;
        padding: 0 4px;
    }
    .services-directory-heading h2 {
        font-size: 23px;
    }
    .services-directory-heading p {
        margin-top: 8px;
        text-align: left;
    }
    .services-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .services-directory-card {
        min-height: 132px;
        padding: 14px 8px;
        border-radius: 14px;
    }
    .services-directory-icon {
        width: 44px;
        height: 44px;
        margin-bottom: 10px;
        font-size: 23px;
    }
    .services-directory-copy strong {
        font-size: 12px;
    }
    .services-directory-copy small {
        font-size: 11px;
    }
    .services-directory-arrow {
        display: none;
    }
    .follower-service-page .follower-guarantee-section {
        display: block;
        padding: 24px;
        background: #fff;
        border: 1px solid rgba(194, 213, 238, .78);
        border-radius: 20px;
    }
    .follower-service-page .follower-guarantee-kicker {
        min-height: 28px;
        margin-bottom: 8px;
        padding: 0 12px;
        font-size: 10px;
    }
    .follower-service-page .follower-guarantee-section .section-heading h2 {
        margin: 8px 0 4px;
        font-size: 20px;
        line-height: 1.16;
    }
    .follower-service-page .follower-guarantee-section .section-heading p {
        max-width: 280px;
        margin: 0 auto;
        font-size: 11px;
        line-height: 1.45;
    }
    .follower-service-page .follower-guarantee-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-top: 12px;
    }
    .follower-service-page .follower-guarantee-card {
        place-items: center;
        gap: 4px;
        min-height: 58px;
        padding: 8px 6px;
        border-radius: 12px;
        text-align: center;
    }
    .follower-service-page .follower-guarantee-check,
    .follower-service-page .follower-guarantee-card small {
        display: none;
    }
    .follower-service-page .follower-guarantee-card strong {
        font-size: 15px;
        line-height: 1;
    }
    .follower-service-page .follower-guarantee-value {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        white-space: normal;
    }
    .follower-service-page .follower-guarantee-value span {
        font-size: 10px;
        line-height: 1.1;
        white-space: nowrap;
    }
    .follower-service-page .follower-guarantee-card b {
        display: none;
    }
    .follower-service-page .order-summary-bar.is-expanded .order-main-item {
        grid-template-columns: 42px minmax(0, 1fr) !important;
    }
    .follower-service-page .order-summary-bar.is-expanded .order-guarantee-options {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px;
        width: 100%;
    }
    .follower-service-page .order-summary-bar.is-expanded .order-guarantee-option {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 54px;
        gap: 3px;
        padding: 8px 4px;
        border-radius: 10px;
        white-space: normal;
        text-align: center;
    }
    .follower-service-page .order-summary-bar.is-expanded .order-guarantee-option span {
        font-size: 14px;
    }
    .follower-service-page .order-summary-bar.is-expanded .order-guarantee-option small {
        font-size: 10px;
        line-height: 1.1;
        text-align: center;
        white-space: nowrap;
    }
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991.8px) {
    .footer-dark-content {
        grid-template-columns: 1fr;
    }
    .footer-dark-brand {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .045);
    }
    .footer-dark-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .footer-dark-content:not(.footer-dark-show-brand) {
        grid-template-columns: 1fr;
    }
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-brand {
        display: none;
    }
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-main {
        padding-right: 28px;
        padding-left: 28px;
    }
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-line,
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-bottom-row {
        width: 100%;
    }
    .site-footer.footer-dark {
        margin-bottom: -86px;
        padding: 24px 14px 112px;
    }
    .footer-dark-panel,
    .footer-dark-meta {
        width: 100%;
    }
    .footer-dark-tabs {
        display: none;
    }
    .footer-dark-tab-social {
        display: none;
    }
    .footer-dark-main {
        display: none;
    }
    .footer-dark-mobile-nav {
        display: grid;
        gap: 10px;
        padding: 22px 18px 22px;
        background: linear-gradient(90deg, rgba(21, 27, 39, .25), rgba(255, 255, 255, .025));
        border-bottom: 1px solid rgba(255, 255, 255, .045);
    }
    .footer-dark-mobile-nav details {
        overflow: hidden;
        background: rgba(255, 255, 255, .045);
        border: 1px solid rgba(255, 255, 255, .065);
        border-radius: 12px;
    }
    .footer-dark-mobile-nav summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 52px;
        padding: 0 14px;
        color: rgba(255, 255, 255, .88);
        font-size: 13px;
        font-weight: 900;
        cursor: pointer;
        list-style: none;
    }
    .footer-dark-mobile-nav summary::-webkit-details-marker {
        display: none;
    }
    .footer-dark-mobile-nav summary span {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
    }
    .footer-dark-mobile-nav summary > .bi {
        color: rgba(255, 255, 255, .55);
        font-size: 13px;
        transition: transform var(--transition-base);
    }
    .footer-dark-mobile-nav details[open] summary > .bi {
        transform: rotate(180deg);
    }
    .footer-dark-mobile-nav nav {
        display: grid;
        border-top: 1px solid rgba(255, 255, 255, .06);
    }
    .footer-dark-mobile-nav nav a {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 0 14px;
        color: rgba(255, 255, 255, .68);
        font-size: 12px;
        font-weight: 800;
        text-decoration: none;
        border-top: 1px solid rgba(255, 255, 255, .045);
    }
    .footer-dark-mobile-nav nav a:first-child {
        border-top: 0;
    }
    .footer-dark-brand {
        padding: 24px 22px 20px;
    }
    .footer-dark-brand img {
        width: 220px;
    }
    .footer-dark-brand p {
        margin: 22px 0;
        font-size: 13px;
    }
    .footer-dark-dmca {
        grid-template-columns: auto auto;
    }
    .footer-dark-dmca small {
        grid-column: 1 / -1;
        padding: 9px 12px;
    }
    .footer-dark-cards {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 0;
    }
    .footer-dark-tab-panel {
        min-height: 0;
    }
    .footer-dark-list-panel {
        grid-template-columns: 1fr;
    }
    .footer-dark-cards a {
        grid-template-columns: 42px minmax(0, 1fr);
        column-gap: 14px;
        padding: 14px;
        background: rgba(255, 255, 255, .035);
        border: 1px solid rgba(255, 255, 255, .045);
        border-radius: 12px;
    }
    .footer-dark-cards span {
        grid-row: 1 / 3;
        width: 42px;
        height: 42px;
        margin: 0;
        font-size: 17px;
    }
    .footer-dark-cards strong,
    .footer-dark-cards small {
        align-self: center;
    }
    .footer-dark-line {
        margin: 26px 0 18px;
    }
    .footer-dark-bottom-row,
    .footer-dark-meta {
        align-items: flex-start;
        flex-direction: column;
    }
    .footer-dark-bottom-row {
        padding: 0;
    }
    .footer-dark-legal {
        gap: 14px;
    }
    .footer-dark-meta {
        align-items: center;
        gap: 20px;
        margin-top: 34px;
    }
    .footer-dark-payments {
        justify-content: flex-start;
        gap: 12px;
        font-size: 14px;
    }
    .home-page {
        --home-desktop-shell-width: min(100% - 96px, 1260px);
        --home-desktop-content-width: min(100% - 140px, 1216px);
    }
    .promo-inner,
    .home-menu-row {
        width: var(--home-desktop-content-width);
    }
    .home-menu-primary {
        position: relative;
    }
    .home-menu-side-left,
    .home-menu-side-right {
        padding-inline: 0;
    }
    .home-menu-side a,
    .home-menu-side button {
        font-size: 13px;
    }
    .nav-mega-panel {
        left: 0;
        right: 0;
        grid-template-columns: 206px minmax(0, 1fr);
        gap: 0;
        width: 100%;
        transform: none;
    }
    .nav-mega-content {
        padding: 4px 20px 0;
    }
    .nav-mega-links a::before,
    .nav-mega-links a::after {
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 1;
        color: currentColor;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .nav-mega-links a::after {
        content: "";
        color: #9aa7bb;
        font-size: 17px;
    }
    .cart-shell,
    .payment-shell,
    .success-shell {
        width: min(60vw, 1500px);
    }
    .order-summary-items {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: center;
        gap: clamp(8px, .8vw, 12px);
        width: 100%;
    }
    .order-summary-item {
        flex: initial;
        width: 100%;
    }
    .order-summary-items,
    .order-summary-item,
    .summary-icon,
    .summary-adjust,
    .summary-adjust button,
    .order-buy-btn,
    .order-buy-btn strong,
    .order-summary-item small,
    .order-summary-item strong,
    .order-summary-item b {
        transition: transform .12s ease-out, opacity .12s ease-out, box-shadow .12s ease-out;
    }
    .order-summary-anchor {
        display: block;
        height: 0;
    }
    .order-summary-anchor.is-active {
        display: block;
        height: var(--order-summary-inline-space, 92px);
    }
    .order-summary-bar.is-inline {
        position: absolute;
        top: calc(var(--order-summary-inline-top, 0px) + var(--home-section-gap));
        right: 0;
        left: 0;
        bottom: auto;
        z-index: 2;
        width: auto;
        padding: 16px 18px;
        gap: 18px;
        border-radius: 20px;
        transform: none;
        border: 1px solid var(--color-border);
    }
    .home-feedback-section {
        margin-top: var(--home-section-gap);
    }
    .services-section {
        display: none !important;
    }
    .payment-layout {
        width: 100%;
        grid-template-columns: minmax(0, 1.45fr) minmax(360px, .9fr);
        gap: 30px;
    }
    .cart-shell,
    .payment-shell,
    .success-shell {
        width: min(76vw, 1500px);
    }
    .page-shell {
        width: min(1260px, calc(100% - 40px));
        padding: 0;
    }
    .topbar {
        top: auto;
        left: auto;
        right: auto;
        flex-wrap: wrap;
        gap: 8px;
        padding: 9px 10px;
        border-radius: 18px;
    }
    .home-topbar {
        left: 0;
        right: 0;
        display: block;
        width: calc(100% + 36px);
        margin-right: -18px;
        margin-bottom: 24px;
        margin-left: -18px;
        padding: 0;
        overflow-x: hidden;
        border-radius: 0;
        transform: none;
    }
    .promo-strip {
        min-height: 38px;
        padding: 0 12px;
        text-align: center;
    }
    .promo-inner {
        width: 100%;
        gap: 8px;
        padding: 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .promo-message {
        justify-content: center;
        flex-wrap: wrap;
        gap: 7px;
    }
    .promo-strip strong {
        font-size: 10px;
    }
    .fake-order-ticker {
        width: auto;
        max-width: 100%;
        padding: 4px 9px 4px 7px;
        gap: 7px;
    }
    .fake-order-ticker .fake-order-platform-icon {
        width: 34px;
        min-width: 34px;
        height: 24px;
        min-height: 24px;
    }
    .fake-order-ticker strong {
        max-width: 185px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 10px;
    }
    .fake-order-ticker small {
        padding-left: 8px;
        font-size: 9px;
    }
    .promo-actions {
        display: none;
    }
    .promo-actions a {
        min-height: 24px;
        font-size: 10px;
    }
    .promo-actions a + a {
        padding-left: 0;
        border-left: 0;
    }
    .home-menu-row {
        width: 100%;
    }
    .article-body {
        margin: 0 0 !important;
    }
    .home-menu-primary {
        position: relative;
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        justify-items: center;
        gap: 12px;
        min-height: 74px;
        background: rgba(255, 255, 255, .98);
        border-bottom: 1px solid rgba(224, 234, 248, .86);
    }
    .home-topbar .brand {
        grid-column: 2;
        grid-row: 1;
        order: initial;
    }
    .home-topbar .brand-logo {
        width: 118px;
    }
    .mobile-menu-toggle {
        display: grid;
        grid-column: 1;
        grid-row: 1;
        place-items: center;
        width: 32px;
        height: 32px;
        padding: 0;
        color: #10224d;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .mobile-menu-toggle .bi,
    .mobile-menu-close .bi {
        color: currentColor;
    }
    .mobile-user-link {
        display: grid;
        grid-column: 3;
        grid-row: 1;
        place-items: center;
        width: 32px;
        height: 32px;
        color: #10224d;
        font-size: 19px;
    }
    .mobile-user-link .bi {
        color: currentColor;
    }
    .mobile-menu-backdrop {
        position: fixed;
        top: var(--mobile-menu-top, 112px);
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 69;
        display: none;
        width: 100vw;
        height: auto;
        padding: 0;
        pointer-events: none;
        background: #fff;
        border: 0;
        opacity: 0;
        transition: opacity .24s ease;
    }
    body.mobile-nav-open .mobile-menu-backdrop {
        display: block;
        pointer-events: auto;
        opacity: 1;
    }
    body.mobile-nav-open {
        overflow: hidden;
    }
    .mobile-menu-panel {
        position: fixed;
        top: var(--mobile-menu-top, 112px);
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 70;
        display: flex;
        flex-direction: column;
        width: 100vw;
        max-width: 100vw;
        height: auto;
        max-height: calc(100dvh - var(--mobile-menu-top, 112px));
        padding: 0 18px calc(78px + env(safe-area-inset-bottom, 0px));
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        background: #fff;
        border-right: 0;
        box-shadow: none;
        transform: translateX(-102%);
        transition: transform .28s ease;
    }
    body.mobile-nav-open .mobile-menu-panel {
        transform: translateX(0);
    }
    .mobile-menu-close {
        position: sticky;
        top: 0;
        z-index: 2;
        display: none;
        place-items: center;
        align-self: flex-end;
        flex: 0 0 auto;
        width: 36px;
        height: 36px;
        margin-bottom: 14px;
        padding: 0;
        color: #24314b;
        background: rgba(248, 251, 255, .95);
        border: 1px solid rgba(224, 234, 248, .9);
        border-radius: 50%;
    }
    .home-menu-side {
        display: grid;
        flex: 0 0 auto;
        justify-content: stretch;
        width: 100%;
        gap: 9px;
    }
    .home-menu-side-left,
    .home-menu-side-right {
        grid-column: auto;
        grid-row: auto;
        justify-self: stretch;
    }
    .home-menu-side-right {
        display: none !important;
        order: 2;
        margin-top: 9px;
    }
    .home-menu-side-left {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        order: 1;
        width: 100%;
        padding-top: 14px;
    }
    .home-menu-side-left > .nav-dropdown-toggle,
    .home-menu-side-left > .desktop-packages-link {
        justify-content: center;
        min-height: 34px;
        padding: 0 8px;
        gap: 6px;
        color: #4e5b77;
        font-size: 10px;
        font-weight: 800;
        background: transparent;
        border: 1px solid rgba(224, 234, 248, .52);
        border-radius: 8px;
        box-shadow: none;
    }
    .home-menu-side-left > .nav-dropdown-toggle .chevron,
    .home-menu-side-left > .desktop-packages-link .chevron {
        display: none;
    }
    .home-menu-side-left > .nav-dropdown-toggle.is-active {
        color: #5d35f2;
        background: #fff;
        border-color: rgba(138, 108, 241, .24);
        box-shadow: 0 10px 22px rgba(92, 66, 220, .10);
    }
    .home-menu-side-left > [data-menu-toggle="services"] {
        order: 1;
    }
    .desktop-packages-link {
        order: 2;
    }
    .home-menu-side-left > [data-menu-toggle="free-tools"] {
        order: 3;
    }
    .home-menu-side-left > .nav-mega-panel {
        grid-column: 1 / -1;
        order: 4;
        margin: 6px 0 0;
    }
    .hero-showcase {
        grid-template-columns: minmax(0, 1fr) minmax(220px, .74fr);
        align-items: stretch;
        gap: 18px;
    }
    .hero-showcase-visual {
        min-height: clamp(220px, 32vw, 250px);
    }
    .package-grid {
        grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
    }
    .package-plus {
        right: -12px;
        top: 50%;
        transform: translateY(-50%);
    }
    .services-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        width: 100% !important;
    }
    .benefits-row {
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        width: 100% !important;
    }
    .feedback-summary {
        grid-template-columns: minmax(0, 1fr) minmax(260px, .86fr);
    }
    .feedback-recommend-card {
        grid-column: 1 / -1;
    }
    .feedback-form {
        grid-template-columns: minmax(0, 1fr) auto;
        width: 100%;
    }
    .feedback-form-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .feedback-track {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
    .feedback-track .feedback-card,
    .feedback-track .feedback-card:nth-child(1),
    .feedback-track .feedback-card:nth-child(2),
    .feedback-track .feedback-card:nth-child(3),
    .feedback-track .feedback-card:nth-child(4),
    .feedback-track .feedback-card:nth-child(5) {
        grid-column: auto;
        min-height: 176px;
    }
    .article-stack .article-card,
    .article-stack .article-card:nth-child(even) {
        grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr);
    }
    .article-stack .article-card:nth-child(even) .article-visual {
        order: 0;
    }
    .success-shell {
        padding: 86px 18px 34px;
    }
    .success-product-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .success-product-main {
        grid-column: 1 / -1;
    }
    .success-grid {
        grid-template-columns: 1fr;
    }
    .footer-brand-block {
        grid-column: 1 / -1;
        max-width: none;
    }
    .site-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: min(100% - 36px, 920px);
    }
    .footer-action-column {
        grid-column: 1 / -1;
    }
    .site-footer-bottom {
        grid-template-columns: 1fr;
        justify-items: center;
        width: min(100% - 36px, 920px);
        text-align: center;
    }
    .site-footer-bottom nav {
        justify-content: center;
        flex-wrap: wrap;
    }
    .site-footer {
        padding-top: 58px;
        width: calc(100% + 36px);
        margin: var(--home-section-gap) -18px -26px;
        padding: 22px 12px 25px;
        overflow-x: hidden;
    }
    .site-footer-inner {
        grid-template-columns: 1fr;
        gap: 12px;
        width: 100%;
        padding: 12px;
        border-radius: 20px 20px 0 0;
    }
    .footer-panel-card {
        padding: 20px;
        border-radius: 16px;
    }
    .footer-brand img {
        width: 170px;
    }
    .footer-brand-block p {
        max-width: none;
        margin-top: 20px;
        font-size: 13px;
        line-height: 1.7;
    }
    .footer-brand-block hr {
        margin: 22px 0 18px;
    }
    .footer-payment-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .footer-trust-list {
        grid-template-columns: 1fr;
    }
    .footer-link-column h2 {
        margin-bottom: 14px;
        font-size: 17px;
    }
    .footer-link-column a {
        min-height: 40px;
        font-size: 13px;
    }
    .footer-action-column {
        grid-template-columns: minmax(260px, 360px) minmax(220px, 1fr);
        align-items: end;
        grid-column: auto;
        gap: 20px;
    }
    .footer-support-icon {
        width: 58px;
        height: 58px;
        margin: 4px 0 14px;
        font-size: 27px;
    }
    .footer-support-card h2 {
        font-size: 20px;
    }
    .footer-support-card p {
        margin: 18px 0 20px;
        font-size: 13px;
    }
    .footer-chat-link {
        min-height: 48px;
        font-size: 13px;
    }
    .footer-social-links a {
        width: 42px;
        height: 42px;
        font-size: 19px;
    }
    .site-footer-bottom {
        gap: 12px;
        width: 100%;
        padding: 20px 14px;
        border-radius: 0 0 16px 16px;
    }
    .site-footer-bottom p,
    .site-footer-bottom a {
        font-size: 12px;
    }
    .site-footer-bottom nav {
        gap: 10px;
    }
    .site-footer-bottom nav a + a {
        padding-left: 10px;
    }
    .nav-mega-panel {
        --nav-mega-accent: #ef4f98;
        --nav-mega-accent-soft: rgba(239, 79, 152, .18);
        --nav-mega-accent-border: rgba(239, 79, 152, .34);
    }
    .nav-mega-sidebar {
        gap: 9px;
        padding: 8px;
        background: rgba(248, 251, 255, .76);
        border-color: rgba(224, 234, 248, .9);
        box-shadow: none;
    }
    .nav-mega-sidebar button {
        --nav-platform-color: #ef4f98;
        --nav-platform-bg: rgba(255, 239, 248, .64);
        --nav-platform-border: rgba(239, 79, 152, .24);
        min-height: 52px;
        padding: 0 12px;
        color: var(--nav-platform-color);
        font-size: 13px;
        font-weight: 800;
        background: var(--nav-platform-bg);
        border: 1px solid var(--nav-platform-border);
        border-left: 3px solid var(--nav-platform-color);
        border-radius: 10px;
        box-shadow: none;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="facebook"] {
        --nav-platform-color: #1877f2;
        --nav-platform-bg: rgba(24, 119, 242, .07);
        --nav-platform-border: rgba(24, 119, 242, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="twitter"] {
        --nav-platform-color: #111827;
        --nav-platform-bg: rgba(17, 24, 39, .055);
        --nav-platform-border: rgba(17, 24, 39, .18);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="spotify"] {
        --nav-platform-color: #1db954;
        --nav-platform-bg: rgba(29, 185, 84, .08);
        --nav-platform-border: rgba(29, 185, 84, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="youtube"] {
        --nav-platform-color: #ff0000;
        --nav-platform-bg: rgba(255, 0, 0, .06);
        --nav-platform-border: rgba(255, 0, 0, .20);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="tiktok"] {
        --nav-platform-color: #111827;
        --nav-platform-bg: rgba(17, 24, 39, .055);
        --nav-platform-border: rgba(17, 24, 39, .18);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="telegram"] {
        --nav-platform-color: #24a1de;
        --nav-platform-bg: rgba(36, 161, 222, .08);
        --nav-platform-border: rgba(36, 161, 222, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="twitch"] {
        --nav-platform-color: #9146ff;
        --nav-platform-bg: rgba(145, 70, 255, .075);
        --nav-platform-border: rgba(145, 70, 255, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="pinterest"] {
        --nav-platform-color: #e60023;
        --nav-platform-bg: rgba(230, 0, 35, .06);
        --nav-platform-border: rgba(230, 0, 35, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="kick"] {
        --nav-platform-color: #00e701;
        --nav-platform-bg: rgba(0, 231, 1, .08);
        --nav-platform-border: rgba(0, 231, 1, .24);
    }
    .nav-mega-sidebar button.is-active {
        color: var(--nav-platform-color);
        background: linear-gradient(90deg, var(--nav-platform-bg), rgba(255, 255, 255, .98));
        border-color: var(--nav-platform-border);
        border-left-width: 3px;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .82), 0 14px 28px rgba(66, 95, 145, .12);
    }
    .nav-mega-sidebar button .bi:first-child,
    .nav-mega-sidebar button .bi-chevron-right {
        color: currentColor;
    }
    .nav-mega-head > span {
        color: #fff;
        background: var(--nav-mega-accent);
        border-color: var(--nav-mega-accent-border);
    }
    .nav-mega-head::after {
        background: var(--nav-mega-accent);
    }
    .nav-mega-links {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 11px 20px;
        grid-auto-rows: 56px;
    }
    .nav-mega-links a {
        position: relative;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        padding: 0 18px 0 12px;
        color: #24314b;
        font-size: 13px;
        font-weight: 800;
        background: #fff;
        border: 1px solid rgba(224, 234, 248, .92);
        border-radius: 10px;
        box-shadow: 0 10px 24px rgba(66, 95, 145, .06);
        min-height: 0;
        height: 56px;
        overflow: hidden;
    }
    .nav-mega-links a::before {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        content: "";
        font-size: 22px;
        border-radius: 9px;
        color: var(--nav-mega-accent);
        background: linear-gradient(135deg, var(--nav-mega-accent-soft), rgba(255, 255, 255, .90));
    }
    .nav-mega-links a:hover {
        color: #16213a;
        border-color: var(--nav-mega-accent-border);
    }
    .nav-mega-panel[data-menu-panel="services"] {
        align-items: stretch;
        height: 445px;
        min-height: 445px;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-content {
        display: grid;
        height: 100%;
        min-height: 0;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar {
        align-self: stretch;
        height: auto;
        max-height: 445px;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-service-panel {
        display: grid;
        grid-template-rows: auto 1fr auto;
        gap: 12px;
        height: 100%;
        min-height: 0;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-service-panel[hidden] {
        display: none;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-links {
        align-self: start;
        align-content: start;
        margin-top: 8px;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-cta {
        align-self: end;
        margin-top: 0;
    }
    .nav-mega-panel[data-menu-panel="services"] {
        --nav-mega-accent: #ef4f98;
        --nav-mega-accent-soft: rgba(239, 79, 152, .18);
        --nav-mega-accent-border: rgba(239, 79, 152, .32);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-content {
        display: contents;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar {
        display: grid;
        gap: 0;
        max-height: 360px;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button {
        --nav-platform-color: #ef4f98;
        --nav-platform-bg: rgba(239, 79, 152, .055);
        --nav-platform-border: rgba(239, 79, 152, .20);
        color: #10224d;
        background: transparent;
        border-bottom-color: rgba(224, 234, 248, .76);
        transition: background 180ms ease, border-color 180ms ease;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="facebook"] {
        --nav-platform-color: #1877f2;
        --nav-platform-bg: rgba(24, 119, 242, .075);
        --nav-platform-border: rgba(24, 119, 242, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="twitter"] {
        --nav-platform-color: #111827;
        --nav-platform-bg: rgba(17, 24, 39, .055);
        --nav-platform-border: rgba(17, 24, 39, .18);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="spotify"] {
        --nav-platform-color: #1db954;
        --nav-platform-bg: rgba(29, 185, 84, .08);
        --nav-platform-border: rgba(29, 185, 84, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="youtube"] {
        --nav-platform-color: #ff0000;
        --nav-platform-bg: rgba(255, 0, 0, .06);
        --nav-platform-border: rgba(255, 0, 0, .20);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="tiktok"] {
        --nav-platform-color: #111827;
        --nav-platform-bg: rgba(17, 24, 39, .055);
        --nav-platform-border: rgba(17, 24, 39, .18);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="telegram"] {
        --nav-platform-color: #24a1de;
        --nav-platform-bg: rgba(36, 161, 222, .08);
        --nav-platform-border: rgba(36, 161, 222, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="twitch"] {
        --nav-platform-color: #9146ff;
        --nav-platform-bg: rgba(145, 70, 255, .075);
        --nav-platform-border: rgba(145, 70, 255, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="pinterest"] {
        --nav-platform-color: #e60023;
        --nav-platform-bg: rgba(230, 0, 35, .06);
        --nav-platform-border: rgba(230, 0, 35, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="kick"] {
        --nav-platform-color: #00e701;
        --nav-platform-bg: rgba(0, 231, 1, .08);
        --nav-platform-border: rgba(0, 231, 1, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button.is-active {
        display: grid;
        color: #10224d;
        background: var(--nav-platform-bg);
        border: 1px solid var(--nav-platform-border);
        border-radius: 12px 12px 0 0;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button .bi:first-child,
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button .nav-kick-mark,
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button .bi-chevron-right {
        color: var(--nav-platform-color);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-service-panel {
        display: grid;
        grid-template-rows: auto auto;
        max-height: 680px;
        overflow: hidden;
        background: linear-gradient(90deg, var(--nav-mega-accent-soft), rgba(255, 255, 255, .86));
        border: 1px solid var(--nav-mega-accent-border);
        border-top: 0;
        border-radius: 0 0 12px 12px;
        animation: mobileServiceReveal 180ms ease both;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-service-panel[hidden] {
        display: none;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-head {
        border-color: transparent;
        border-radius: 0;
        background: transparent;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-head > span {
        color: #fff;
        background: var(--nav-mega-accent);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-head::after {
        color: var(--nav-mega-accent);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-links {
        background: transparent;
        border: 0;
        border-radius: 0;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-links a::before {
        color: var(--nav-mega-accent);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-cta {
        display: none;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-links a .nav-service-icon {
        width: 22px;
        height: 22px;
        font-size: 13px;
        background: linear-gradient(135deg, var(--nav-mega-accent-soft), rgba(255, 255, 255, .90));
        border: 1px solid var(--nav-mega-accent-border);
        box-shadow: none;
    }
    .main-home-page .main-hero {
        grid-template-columns: minmax(0, 1fr) minmax(260px, .78fr);}
    .main-home-page .main-quick-order {
        grid-column: 1 / -1;
    }
    .main-home-page .main-service-strip > div,
    .main-home-page .main-package-grid,
    .main-home-page .main-service-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .main-home-page .main-hero-copy p {
        font-size: 14px;
    }
    .main-home-page .main-service-strip > div,
    .main-home-page .main-package-grid,
    .main-home-page .main-growth-section,
    .main-home-page .main-growth-cards,
    .main-home-page .main-why-row,
    .main-home-page .main-service-cards,
    .main-home-page .main-social-proof,
    .main-home-page .main-insight-grid {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-section-head,
    .main-home-page .main-happy-customers {
        display: grid;
        align-items: start;
    }
    .main-home-page .main-why-section,
    .main-home-page .main-social-proof {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-hero {
        grid-template-columns: 1fr;
        gap: 16px;
        padding-top: 132px;
        margin-top: 0;
    }
    .main-home-page .main-hero-copy h1 {
        font-size: 42px;
    }
    .main-home-page .main-package-grid,
    .main-home-page .main-growth-cards,
    .main-home-page .main-why-row,
    .main-home-page .main-insight-grid {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-growth-chart,
    .main-home-page .main-insights article {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-growth-section {
        grid-template-columns: minmax(220px, .75fr) minmax(0, 1fr);
    }
    .main-home-page .main-trust-pills {
        display: grid;
        grid-template-columns: 1fr;
        max-width: none;
    }
    .main-home-page .main-trust-pills strong,
    .main-home-page .main-trust-pills small {
        white-space: normal;
    }
    .main-home-page .main-growth-section,
    .main-home-page .main-growth-cards {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-service-cards,
    .main-home-page .main-social-proof {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-faq-strip {
        grid-template-columns: 1fr 180px;
    }
    .main-home-page .main-faq-strip,
    .main-home-page .main-faq-list > div {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-organic-panel,
    .main-home-page .main-satisfaction-panel,
    .main-home-page .smart-overview,
    .main-home-page .smart-service-panel,
    .main-home-page .suite-priority,
    .main-home-page .suite-faq {
        grid-template-columns: 1fr;
    }
    .main-home-page .organic-flow,
    .main-home-page .satisfaction-service-row,
    .main-home-page .suite-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .main-home-page .organic-flow .flow-arrow {
        display: none;
    }
    .main-home-page .smart-stat-row {
        grid-column: auto;
    }
    .main-home-page .smart-service-panel {
        height: auto;
        min-height: 0;
    }
    .main-home-page .service-panel-copy {
        justify-content: flex-start;
        overflow: visible;
    }
    .main-home-page .main-organic-panel,
    .main-home-page .main-satisfaction-panel,
    .main-home-page .main-smart-results,
    .main-home-page .main-testimonial-suite {
        margin-top: 22px;
    }
    .main-home-page .organic-feature-body,
    .main-home-page .organic-tabs,
    .main-home-page .mini-review-grid,
    .main-home-page .satisfaction-main,
    .main-home-page .smart-stat-row,
    .main-home-page .service-proof-grid,
    .main-home-page .suite-stats,
    .main-home-page .suite-faq aside {
        grid-template-columns: 1fr;
    }
    .main-home-page .organic-flow,
    .main-home-page .satisfaction-service-row {
        grid-template-columns: 1fr;
    }
    .main-home-page .organic-flow article {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 2px 12px;
        align-items: center;
        align-content: center;
        min-height: 96px;
        padding: 14px;
    }
    .main-home-page .organic-flow article > .bi {
        grid-row: 1 / 3;
        margin-bottom: 0;
    }
    .main-home-page .organic-flow strong {
        align-self: end;
    }
    .main-home-page .organic-flow small {
        align-self: start;
        max-width: none;
    }
    .main-home-page .smart-overview,
    .main-home-page .suite-faq,
    .main-home-page .suite-priority,
    .main-home-page .satisfaction-main {
        padding: 24px;
    }
    .main-home-page .smart-overview {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        gap: 14px;
        align-items: stretch;
        overflow: hidden;
    }
    .main-home-page .smart-copy,
    .main-home-page .smart-chart-card,
    .main-home-page .top-countries,
    .main-home-page .smart-stat-row {
        grid-column: auto;
        grid-row: auto;
        width: 100%;
    }
    .main-home-page .smart-copy {
        align-self: stretch;
    }
    .main-home-page .smart-copy a {
        margin-bottom: 14px;
    }
    .main-home-page .smart-copy h2,
    .main-home-page .smart-copy p {
        max-width: none;
    }
    .main-home-page .smart-chart {
        gap: 10px;
        padding-left: 28px;
        overflow: hidden;
    }
    .main-home-page .smart-chart span {
        min-width: 0;
    }
    .main-home-page .chart-months {
        gap: 10px;
        padding-left: 28px;
    }
    .main-home-page .top-countries {
        align-self: stretch;
    }
    .main-home-page .top-countries span {
        height: auto;
        min-height: 52px;
    }
    .main-home-page .smart-service-panel {
        gap: 14px;
    }
    .main-home-page .smart-service-panel > figure {
        min-height: 300px;
        padding: 18px;
        display: grid;
        place-items: end center;
        overflow: hidden;
    }
    .main-home-page .smart-service-panel figure::before {
        right: 50%;
        top: 34px;
        width: min(72vw, 260px);
        height: min(72vw, 260px);
        transform: translateX(50%);
    }
    .main-home-page .smart-service-panel figure img {
        position: relative;
        right: auto;
        bottom: auto;
        z-index: 1;
        width: min(72vw, 250px);
        height: 258px;
        object-fit: cover;
        object-position: center top;
        border-radius: 24px;
    }
    .main-home-page .smart-service-panel figure span {
        z-index: 2;
        min-width: 76px;
        padding: 8px 10px;
        font-size: 10px;
    }
    .main-home-page .smart-service-panel .pink {
        left: 18px;
        top: 42px;
    }
    .main-home-page .smart-service-panel .blue {
        right: 18px;
        top: 72px;
    }
    .main-home-page .smart-service-panel .green {
        right: 22px;
        bottom: 24px;
    }
    .main-home-page .service-panel-copy {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .main-home-page .service-panel-copy h2,
    .main-home-page .service-panel-copy p {
        max-width: none;
    }
    .main-home-page .service-proof-grid {
        width: 100%;
    }
    .main-home-page .service-panel-copy dl {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px;
        text-align: center;
    }
    .main-home-page .service-panel-copy > a {
        margin-right: auto;
        margin-left: auto;
    }
    .main-home-page .suite-review-card {
        padding: 24px 18px 20px;
    }
    .main-home-page .suite-review-arrow {
        position: static;
        display: inline-grid;
        margin: 14px 4px 0;
        vertical-align: top;
    }
    .main-home-page .suite-avatar-row {
        justify-content: center;
        gap: 10px;
        width: 100%;
        margin: 18px auto 18px;
        padding: 8px 0 12px;
        overflow-x: visible;
        overflow-y: visible;
    }
    .main-home-page .suite-avatar-row button,
    .main-home-page .suite-avatar-row img {
        width: 48px;
        height: 48px;
    }
    .main-home-page .suite-avatar-row button {
        flex: 0 0 48px;
        overflow: visible;
    }
    .main-home-page .suite-avatar-row button:nth-child(n+6) {
        display: none;
    }
    .main-home-page .suite-avatar-row img {
        object-position: center top;
    }
    .main-home-page .suite-avatar-row button.is-active {
        transform: scale(1.08);
    }
    .main-home-page .suite-review-card footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
    .main-home-page .suite-priority {
        gap: 14px;
    }
    .main-home-page .suite-priority > img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        border-radius: 18px;
    }
    .main-home-page .suite-priority h2,
    .main-home-page .suite-priority p {
        max-width: none;
    }
    .main-home-page .suite-priority article {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 2px 12px;
        align-items: center;
        align-content: center;
        min-height: 66px;
        padding: 10px 12px;
        text-align: left;
        border: 1px solid rgba(205, 219, 241, .58);
        border-radius: 14px;
        background: rgba(255, 255, 255, .72);
    }
    .main-home-page .suite-priority article .bi {
        grid-row: 1 / 3;
        margin: 0;
    }
    .main-home-page .suite-priority article strong {
        align-self: end;
    }
    .main-home-page .suite-priority article small {
        align-self: start;
        max-width: none;
        margin: 0;
    }
    .main-home-page .suite-support-panel .suite-faq {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 20px;
    }
    .main-home-page .suite-support-panel .suite-faq aside {
        grid-template-columns: 1fr;
        min-height: 0;
    }
    .main-home-page .suite-support-panel .suite-faq aside > div {
        padding: 20px;
    }
    .main-home-page .suite-support-panel .suite-faq aside h3 {
        white-space: nowrap;
        font-size: clamp(18px, 6vw, 22px);
    }
    .main-home-page .suite-support-panel .suite-faq aside p {
        white-space: nowrap;
        font-size: clamp(11px, 3.2vw, 13px);
    }
    .main-home-page .suite-support-panel .suite-faq aside::before,
    .main-home-page .suite-support-panel .suite-faq aside::after {
        display: none;
    }
    .main-home-page .suite-support-panel .suite-faq aside img {
        display: none;
    }
    .main-home-page .suite-support-panel .suite-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .main-home-page .suite-support-panel .suite-stats span {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        min-height: 86px;
        padding: 14px;
        border-bottom: 1px solid rgba(205, 219, 241, .38);
    }
    .main-home-page .suite-support-panel .suite-stats span:nth-child(odd) {
        border-right: 1px solid rgba(205, 219, 241, .38);
    }
    .main-home-page .suite-support-panel .suite-stat-icon {
        width: 48px;
        height: 48px;
    }
    .main-home-page .suite-support-panel .suite-stat-copy {
        align-self: center;
        min-width: 0;
    }
    .main-home-page .main-hero.main-hero-showcase {
        grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr);
        padding: 40px 48px 24px;}
    .main-home-page .main-hero-showcase .main-hero-copy h1 {
        font-size: clamp(36px, 4.2vw, 48px);
    }
    .main-home-page .main-hero-showcase .main-order-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .main-home-page .main-hero-showcase .main-order-price,
    .main-home-page .main-hero-showcase .main-hero-order button {
        grid-column: span 1;
    }
    html,
    body {
        min-height: 100%;
    }
    body.home-page {
        min-height: 100svh;
    }
    body.main-home-page {
        overflow-x: hidden;
        overflow-y: visible;
    }
    .main-home-page .page-shell {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        min-height: auto;
        padding-top: 0;
        overflow: visible;
    }
    .order-summary-bar {
        max-height: calc(100svh - 52px);
    }
    .order-summary-bar.is-expanded .order-summary-items {
        max-height: calc(100svh - 160px);
    }
    .mobile-menu-backdrop {
        top: var(--mobile-menu-top, 112px);
        bottom: 0;
        height: auto;
        background: #fff;
    }
    .main-home-page .main-hero.main-hero-showcase {
        grid-template-columns: 1fr;
        min-height: 0;
        margin-top: 20px;
        padding: 24px;
        border-radius: 20px;
    }
    .main-home-page .main-hero-showcase .main-hero-copy h1 {
        margin-top: 20px;
        font-size: clamp(32px, 10vw, 44px);
    }
    .main-home-page .main-hero-showcase .main-hero-copy p {
        font-size: 13px;
    }
    .main-home-page .main-hero-showcase .main-trust-pills {
        grid-template-columns: 1fr;
        gap: 9px;
        max-width: none;
    }
    .main-home-page .main-hero-showcase .main-trust-pills > span {
        min-height: 44px;
        justify-content: flex-start;
    }
    .main-home-page .main-hero-showcase .main-hero-visual {
        min-height: 280px;
        margin-top: 20px;
    }
    .main-home-page .main-hero-showcase .main-hero-visual img {
        right: 50%;
        width: auto;
        max-width: 100%;
        height: 100%;
        max-height: 300px;
        object-fit: contain;
        transform: translateX(50%);
        bottom: 0;
        z-index: 9;
    }
    .main-home-page .main-hero-showcase .main-order-grid {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-hero-showcase .main-hero-order {
        margin-top: 0;
        padding: 13px;
    }
    .main-home-page .main-hero-showcase .main-order-head {
        flex-wrap: wrap;
    }
    .services-hero { min-height: 320px; padding: 24px;}
    .services-hero-copy { max-width: 48%; }
    .services-hero-art { left: 48%; }
    .instagram-cube { right: 100px; }
    .hero-orbit { right: 25px; }
    .hero-orbit.orbit-two { right: 70px; }
    .services-promo { grid-template-columns: 58px 1fr 160px 160px; }
    .service-tabs { overflow-x: auto; grid-template-columns: 160px repeat(8, 120px); }
    .service-tabs a,
    .service-tabs button { justify-content: flex-start; }
    .service-card { grid-template-columns: 52px minmax(0, 1fr) 96px 8px; gap: 9px; }
    .proof-card { padding: 24px; }
    .services-page .services-hero,
    .services-page .services-promo,
    .services-page .services-catalog,
    .services-page .services-proof { width: 100%; }
    .services-hero { min-height: 470px; padding: 24px;}
    .services-hero-copy { max-width: none; text-align: center; }
    .services-hero-copy p { margin: 0 auto; }
    .services-hero-art { inset: 190px 0 0; }
    .instagram-cube {display: none !important; }
    .instagram-cube .bi { font-size: 55px; }
    .hero-orbit { top: 49%; right: 50%; width: 340px; height: 150px; transform: translate(50%, -20%) rotate(10deg); }
    .hero-orbit.orbit-two { right: 50%; width: 270px; height: 125px; transform: translate(50%, -20%) rotate(-15deg); }
    .bubble-left { top: 115px; left: calc(50% - 150px); }
    .bubble-right { right: calc(50% - 160px); bottom: 25px; }
    .service-grid { grid-template-columns: 1fr; }
    .services-proof { grid-template-columns: 1fr; }
    .proof-card { min-height: auto; }
    .home-combo-packages-section {
        margin-top: 46px !important;
        margin-bottom: 46px !important;
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .home-combo-packages-inner {
        width: min(100%, calc(100% - 22px)) !important;
    }
    .home-combo-packages-inner {
        width: min(100%, calc(100% - 44px)) !important;
    }
    .home-combo-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .home-combo-packages-section {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    body > .topbar.home-topbar .promo-inner,
    body > .topbar.home-topbar .home-menu-row,
    body > .page-shell {
        width: min(100% - 32px, 1260px) !important;
        max-width: 1260px !important;
    }
    body > .page-shell,
    .cart-shell,
    .payment-shell,
    .success-shell {
        margin-top: 24px !important;
    }
    .services-page .service-card {
        grid-template-columns: 56px minmax(0, 1fr) 112px 8px;
        min-height: 94px;
        gap: 12px;
    }
    .services-page .service-tabs a,
    .services-page .service-tabs button {
        min-height: 66px;
        font-size: 11px;
    }
    .services-page .service-grid {
        gap: 12px;
        padding: 18px 14px 18px;
    }
    .services-page .service-card {
        grid-template-columns: 54px minmax(0, 1fr) 112px;
        min-height: 92px;
        padding: 12px;
    }
    .services-page .service-card > .bi-chevron-right {
        display: none;
    }
    .services-page .service-tabs {
        grid-template-columns: 160px repeat(6, 136px);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }
    .services-page .service-tabs a,
    .services-page .service-tabs button {
        scroll-snap-align: start;
    }
    .services-page .service-tabs {
        grid-template-columns: repeat(7, 132px);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }
    .services-page .service-tabs a,
    .services-page .service-tabs button {
        scroll-snap-align: start;
    }
    .services-page .services-trust-updated {
        grid-template-columns: 1fr;
    }
    .services-page .services-trust-updated .proof-card {
        min-height: auto;
    }
    .services-page .services-trust-updated .proof-why h2 {
        white-space: normal;
        font-size: 20px;
    }
    .services-page .services-benefits-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 14px 12px;
    }
    .services-page .services-benefits-row .benefit-card {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 9px;
        min-height: 142px;
        padding: 16px 12px;
        text-align: center;
    }
    .services-page .services-benefits-row .benefit-trust-card {
        grid-column: 1 / -1;
        grid-template-columns: 46px minmax(0, 1fr);
        justify-items: start;
        min-height: auto;
        padding: 18px;
        text-align: left;
    }
    .services-page .services-benefits-row .benefit-icon {
        width: 44px;
        height: 44px;
        font-size: 22px;
    }
    .services-page .services-benefits-row .benefit-card strong {
        font-size: 12px;
    }
    .services-page .services-benefits-row .benefit-trust-card strong {
        font-size: 16px;
    }
    .services-page .services-benefits-row .benefit-card small {
        max-width: 130px;
        font-size: 9px;
        line-height: 1.35;
    }
    .services-page .services-benefits-row .benefit-trust-card small {
        max-width: 210px;
        margin-top: 10px;
        font-size: 10px;
    }
    body.payment-page .payment-hero-card,
    body.payment-page .payment-layout {
        grid-template-columns: 1fr;
    }
    body.payment-page .payment-hero-card {
        padding: 24px;}
    body.payment-page .payment-hero-visual {
        display: none;
    }
    body.payment-page .payment-side {
        grid-template-columns: 1fr;
    }
    body.payment-page .payment-shell {
        width: min(100% - 32px, 1260px) !important;
        margin-top: 24px !important;
        padding-bottom: 52px !important;
    }
    body.payment-page .payment-layout {
        gap: 18px;
        padding: 24px !important;
        border-radius: 20px !important;
    }
    body.payment-page .payment-field-row,
    body.payment-page .payment-field-row-2 {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    body.payment-page .payment-summary-card,
    body.payment-page .payment-method-card,
    body.payment-page .payment-inline-code {
        padding: 18px !important;
    }
    .cart-modern-hero {
        grid-template-columns:1fr;}
    .cart-modern-preview {
        justify-self:stretch;
        width:100%;
        min-height:160px;
    }
    .cart-modern-layout {
        grid-template-columns:1fr;
    }
    .cart-summary-card {
        position:relative;
        top:auto;
        margin-top:0;
    }
    .cart-page .cart-payment-benefits-row {
        grid-template-columns: 1fr 1fr;
    }
    .cart-page .cart-payment-benefits-row .benefit-trust-card {
        grid-column: 1 / -1;
    }
    body.order-status-page .success-meta-card,
    body.order-status-page .success-grid,
    body.order-status-page .success-product-row {
        grid-template-columns: 1fr;
    }
    body.order-status-page > .topbar.home-topbar .promo-inner,
    body.order-status-page > .topbar.home-topbar .home-menu-row,
    body.order-status-page > main.page-shell.success-shell {
        width: min(100% - 32px, 1260px) !important;
    }
    body.order-status-page > main.page-shell.success-shell {
        margin-top: 24px !important;
        padding-bottom: 34px !important;
    }
    body.order-status-page .success-product-link strong {
        white-space: normal;
        overflow-wrap: anywhere;
    }
    body.order-status-page .success-details-card {
        overflow: visible !important;
    }
    body.order-status-page .success-details-card .success-product-row {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) auto !important;
        grid-template-areas:
        "icon title price"
        "links links qty" !important;
        align-items: start !important;
        gap: 12px 12px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 16px !important;
        overflow: visible !important;
        border-radius: 16px !important;
    }
    body.order-status-page .success-product-main {
        display: contents !important;
        min-width: 0 !important;
    }
    body.order-status-page .success-product-icon {
        grid-area: icon !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border-radius: 13px !important;
        font-size: 20px !important;
    }
    body.order-status-page .success-product-main > div {
        grid-area: title !important;
        min-width: 0 !important;
        align-self: center !important;
    }
    body.order-status-page .success-product-main strong {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        color: #17264d !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: initial !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }
    body.order-status-page .success-product-link {
        grid-area: links !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    body.order-status-page .success-product-quantity {
        grid-area: qty !important;
        min-width: 64px !important;
        width: auto !important;
        justify-self: end !important;
        text-align: right !important;
    }
    body.order-status-page .success-product-price {
        grid-area: price !important;
        min-width: 64px !important;
        justify-self: end !important;
        align-self: center !important;
        text-align: right !important;
        padding: 0 !important;
    }
    body.order-status-page .success-product-link small,
    body.order-status-page .success-product-quantity small,
    body.order-status-page .success-product-price small {
        display: block !important;
        margin: 0 0 6px !important;
        color: #8d9abb !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
    }
    body.order-status-page .success-link-list,
    body.order-status-page .success-qty-list {
        display: grid !important;
        gap: 6px !important;
    }
    body.order-status-page .success-link-list span {
        display: block !important;
        max-width: 100% !important;
        min-width: 0 !important;
        color: #17264d !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: initial !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
    body.order-status-page .success-qty-list span {
        display: block !important;
        color: #17264d !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }
    body.order-status-page .success-product-price strong {
        color: #17264d !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }
    body.about-modern-page .about-v2-hero {
        grid-template-columns: 1fr;
    }
    body.about-modern-page .about-v2-hero-copy {
        min-height: 0;
    }
    body.about-modern-page .about-v2-focus {
        grid-template-columns: 1fr;
    }
    body.about-modern-page .about-v2-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.about-modern-page .about-v2-article-grid {
        grid-template-columns: 1fr;
    }
    body.about-modern-page .about-v2-storyline {
        grid-template-columns: 1fr;
    }
    body.about-modern-page .about-v2-storyline article {
        min-height: 0;
    }
    body.about-modern-page .about-v2-platform-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.error404-page) .error404-links-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.blog-detail-page) .article-hero,
    :where(body.blog-detail-page) .article-content-wrap {
        grid-template-columns: 1fr;
    }
    :where(body.blog-detail-page) .article-side {
        position: static;
    }
    :where(body.blog-page) .blog-hero,
    :where(body.blog-page) .blog-card-large {
        grid-template-columns: 1fr;
    }
    :where(body.blog-page) .blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.blog-page) .blog-toolbar {
        align-items: stretch;
        flex-direction: column;
    }
    :where(body.blog-page) .blog-search {
        min-width: 0;
    }
    :where(body.blog-page) .blog-filter-pills {
        justify-content: flex-start;
    }
    :where(body.blog-page) .blog-card-large .blog-card-visual {
        min-height: 240px;
    }
    :where(body.blog-page) .blog-card-large .blog-card-visual img {
        min-height: 240px;
    }
    :where(body.blog-page) .blog-search {
        min-width: 0;
        max-width: none;
        flex: 1 1 100%;
    }
    :where(body.blog-page) .blog-hero h1 {
        max-width: 100%;
        font-size: clamp(36px, 7vw, 54px);
    }
    :where(body.blog-page) .blog-feature-post {
        grid-template-rows: auto auto;
    }
    :where(body.blog-page) .blog-feature-image,
    :where(body.blog-page) .blog-feature-image img {
        min-height: 260px;
    }
    :where(body.contact-page) .hero-card-area,
    :where(body.contact-page) .contact-panel {
        grid-template-columns: 1fr;
    }
    :where(body.contact-page) .contact-channels {
        grid-template-columns: 1fr;
    }
    :where(body.contact-page) .contact-channels,
    :where(body.contact-page) .contact-topic-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    :where(body.contact-page) .contact-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .contact-page .contact-panel {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        width: min(100%, calc(100% - 26px)) !important;
        max-width: none !important;
        align-items: start !important;
    }
    .contact-page .contact-form-card,
    .contact-page .contact-side-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
        box-sizing: border-box !important;
    }
    .contact-page .contact-form-with-icons .contact-form-grid,
    .contact-page .contact-form-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .contact-page .contact-form-with-icons label,
    .contact-page .contact-form-wide,
    .contact-page .contact-order-number-field {
        grid-column: 1 / -1 !important;
        min-width: 0 !important;
    }
    .contact-page .contact-input-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    .contact-page .contact-input-wrap input,
    .contact-page .contact-input-wrap select,
    .contact-page .contact-input-wrap textarea {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .contact-page .contact-hero {
        max-width: none !important;
    }
    .contact-page .contact-hero-card {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        padding: 24px !important;
        overflow: hidden !important;
    }
    .contact-page .contact-hero-copy,
    .contact-page .contact-status-card {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
        box-sizing: border-box !important;
        transform: none !important;
    }
    .contact-page .contact-status-card {
        margin: 0 !important;
        align-self: stretch !important;
    }
    .contact-page .contact-status-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    .contact-page .contact-status-card * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    :where(body.order-tracking-page) .hero-card-area,
    :where(body.order-tracking-page) .order-track-panel {
        grid-template-columns: 1fr;
    }
    :where(body.order-tracking-page) .order-track-status-card {
        min-height: auto;
    }
    :where(body.order-tracking-page) .order-track-hero,
    :where(body.order-tracking-page) .order-track-panel,
    :where(body.order-tracking-page) .order-track-info-grid {
        width: 100%;
    }
    :where(body.order-tracking-page) .hero-card-area,
    :where(body.order-tracking-page) .order-track-form-card,
    :where(body.order-tracking-page) .order-track-result-card,
    :where(body.order-tracking-page) .order-track-info-grid article {
        padding: 24px;
    }
    :where(body.order-tracking-page) .order-track-metrics,
    :where(body.order-tracking-page) .order-track-info-grid {
        grid-template-columns: 1fr;
    }
    :where(body.order-tracking-page) .order-track-result-head {
        flex-direction: column;
    }
    :where(body.packages-page) .packages-hero,
    :where(body.packages-page) .packages-request {
        grid-template-columns: 1fr;
    }
    :where(body.packages-page) .packages-platforms {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.packages-page) .package-card.is-popular {
        transform: none;
    }
    :where(body.packages-page) .special-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.packages-page) .special-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.packages-page) .special-package-card.is-featured {
        transform: none;
    }
    :where(body.packages-page) .special-package-card {
        min-height: 456px;
    }
    :where(body.packages-page) .special-package-group + .special-package-group {
        margin-top: 56px !important;
    }
    :where(body.packages-page) .special-package-heading {
        width: 100% !important;
        padding: 24px 24px 20px !important;
        margin-bottom: 28px !important;
    }
    :where(body.packages-page) .special-package-heading::before {
        height: 5px !important;
    }
    :where(body.packages-page) .special-package-heading h2 {
        font-size: clamp(32px, 5.6vw, 46px) !important;
    }
    :where(body.packages-page) .special-package-heading p {
        max-width: 760px !important;
        font-size: 15px !important;
    }
    :where(body.packages-page) .packages-compare-tabs {
        padding: 24px;
    }
    :where(body.packages-page) .compare-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        border-radius: 18px;
        scrollbar-width: none;
    }
    :where(body.packages-page) .compare-tabs::-webkit-scrollbar {
        display: none;
    }
    :where(body.packages-page) .compare-tab {
        flex: 0 0 auto;
    }
    :where(body.packages-page) .compare-row,
    :where(body.packages-page) .compare-head {
        grid-template-columns: 1fr;
        gap: 8px;
        align-items: start;
    }
    :where(body.packages-page) .compare-row > div:last-child {
        text-align: left;
    }
    :where(body.packages-page) .compare-head {
        display: none;
    }
    :where(body.packages-page) .packages-platforms {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.packages-page) .packages-hero-single h1 {
        white-space: normal;
        font-size: 38px;
    }
    :where(body.profile-page) .trp-stats-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    :where(body.profile-page) .trp-payment-grid {grid-template-columns:1fr;}
    
    :where(body.profile-page) .trp-history-item {grid-template-columns:1fr;}
    
    :where(body.profile-page) .trp-stats-grid,
    :where(body.profile-page) .trp-amount-grid,
    :where(body.profile-page) .trp-form-grid {grid-template-columns:1fr;}
    :where(body.profile-page) .trp-hero-card h1,
    :where(body.profile-page) .trp-page-head h1 {font-size:30px;}
    :where(body.profile-page) .trp-panel,
    :where(body.profile-page) .trp-page-head,
    :where(body.profile-page) .trp-auth-card {padding:20px 16px;}
    :where(body.profile-page) .trp-page-head {flex-direction:column;align-items:flex-start;}
    :where(body.profile-page) .trp-order-item,
    :where(body.profile-page) .trp-promo-panel {grid-template-columns:1fr;gap:18px;}
    :where(body.profile-page) .trp-promo-copy h3 {font-size:24px;}
    
    
    :where(body.profile-page) .trp-dashboard-grid {grid-template-columns:minmax(0,1fr) !important;}
    
    :where(body.profile-page) .trp-stats-grid,
    :where(body.profile-page) .trp-order-item,
    :where(body.profile-page) .trp-hero-card h1 {font-size:30px !important;}
    :where(body.profile-page) .trp-payment-grid {grid-template-columns:1fr !important;}
    :where(body.profile-page) .trp-page-head {min-height:auto;}
    
    
    :where(body.profile-page) .trp-dashboard-grid {
        grid-template-columns:minmax(0,1fr) 330px !important;
    }
    :where(body.profile-page) .trp-order-item {grid-template-columns:44px minmax(130px,1fr) 112px 76px 18px !important;}
    
    :where(body.profile-page) .trp-dashboard-grid,
:where(body.profile-page) .trp-payment-grid {
        grid-template-columns:1fr !important;
    }
    
    :where(body.profile-page) .trp-help-card {display:flex !important;}
    
    :where(body.profile-page) .trp-hero-visual {display:none !important;}
    :where(body.profile-page) .trp-stats-grid {
        grid-template-columns:1fr !important;
    }
    :where(body.profile-page) .trp-order-item {grid-template-columns:44px minmax(0,1fr) !important;}
    :where(body.profile-page) .trp-order-progress,
    :where(body.profile-page) .trp-badge,
    :where(body.profile-page) .trp-dots {grid-column:2 !important;justify-self:start !important;}
    :where(body.profile-page) .trp-dashboard-grid {
        grid-template-columns:minmax(0,1fr) 320px !important;
    }
    :where(body.profile-page) .trp-hero-copy h1{font-size:28px !important;}
    :where(body.profile-page) .trp-hero-visual {
        min-height:220px;
        display:none !important;
    }
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
    :where(body.profile-page) .trp-avatar-option,
    :where(body.profile-page) .trp-avatar-option img {width:62px;height:62px;}
    :where(body.profile-page) .trp-stat-bottom svg {width:48px !important;flex-basis:48px;}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(8,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-avatar-grid {
        gap:14px;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
    :where(body.profile-page) .trp-avatar-option, :where(body.profile-page) .trp-avatar-option img {
        width:58px;
        height:58px;
    }
    :where(body.profile-page) .trp-amount-grid-bonus {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-loyalty-grid {
        grid-template-columns:1fr !important;
    }
    :where(body.profile-page) .trp-ticket-stats {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    :where(body.profile-page) .trp-account-settings-grid {
        grid-template-columns:1fr;
    }
    :where(body.profile-page) .trp-history-detail a {
        white-space:normal;
        overflow:visible;
        text-overflow:initial;
        word-break:break-word;
    }
    :where(body.profile-page) .trp-detail-url-list span {
        white-space:normal;
        word-break:break-word;
    }
    :where(body.profile-page) .trp-bundles-panel {
        padding:20px;
    }
    :where(body.profile-page) .trp-bundle-summary {
        align-items:flex-start;
        padding:20px;
    }
    :where(body.profile-page) .trp-bundle-service-row {
        grid-template-columns:1fr;
    }
    :where(body.profile-page) .trp-bundle-amount {
        justify-content:flex-start;
        flex-wrap:nowrap;
    }
    :where(body.profile-page) .trp-bundle-title-area {
        align-items:flex-start;
    }
    :where(body.profile-page) .trp-bundle-service-list-icons .trp-bundle-service-row {
        grid-template-columns:1fr;
    }
    :where(body.profile-page) .trp-loyalty-card.compact-range .trp-loyalty-copy strong {
        font-size:15px;
    }
    :where(body.profile-page) .trp-stats-grid {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
    :where(body.profile-page) .trp-stats-grid {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    :where(body.profile-page) .trp-loyalty-copy strong,
    :where(body.profile-page) .trp-loyalty-card.compact-range .trp-loyalty-copy strong {
        font-size:18px !important;
    }
    :where(body.profile-page) .trp-dashboard-grid {
        grid-template-columns:1fr !important;
    }
    :where(body.profile-page) .trp-history-item {
        grid-template-columns:
        minmax(240px, 1.15fr)
        minmax(300px, 1.45fr)
        minmax(100px, .46fr)
        minmax(120px, .48fr)
        46px !important;
        gap: 14px !important;
    }
    :where(body.profile-page) .trp-history-suborder {
        grid-template-columns:
        minmax(240px, 1.15fr)
        minmax(300px, 1.45fr)
        minmax(100px, .46fr)
        minmax(120px, .48fr)
        46px !important;
        gap: 14px !important;
    }
    :where(body.profile-page) .trp-history-item {
        --trp-history-mobile-status-width: 96px;
        grid-template-columns: minmax(0, 1fr) var(--trp-history-mobile-status-width) !important;
        gap: 14px !important;
        align-items: start !important;
        padding: 16px !important;
    }
    :where(body.profile-page) .trp-history-suborders {
        padding-top: 12px !important;
    }
    :where(body.profile-page) .trp-history-suborder {
        --trp-history-mobile-status-width: 96px;
        grid-template-columns: minmax(0, 1fr) var(--trp-history-mobile-status-width) !important;
        gap: 14px !important;
        padding-top: 12px !important;
    }
    :where(body.profile-page) .trp-history-service,
    :where(body.profile-page) .trp-history-detail,
    :where(body.profile-page) .trp-history-meta,
    :where(body.profile-page) .trp-order-expand-cell,
    :where(body.profile-page) .trp-order-expanded,
    :where(body.profile-page) .trp-history-suborder .trp-history-service,
    :where(body.profile-page) .trp-history-suborder .trp-history-detail,
    :where(body.profile-page) .trp-history-suborder .trp-history-meta,
    :where(body.profile-page) .trp-history-suborder-spacer {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }
    :where(body.profile-page) .trp-history-suborder-spacer {
        display: none !important;
    }
    :where(body.profile-page) .trp-history-item > .trp-history-meta:nth-of-type(3),
    :where(body.profile-page) .trp-history-suborder > .trp-history-meta:nth-of-type(3) {
        grid-column: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        justify-self: start !important;
        text-align: left !important;
    }
    :where(body.profile-page) .trp-history-item > .trp-history-meta:nth-of-type(4),
    :where(body.profile-page) .trp-history-suborder > .trp-history-meta:nth-of-type(4) {
        grid-column: 2 !important;
        width: 92px !important;
        min-width: 0 !important;
        justify-self: center !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: start !important;
        text-align: left !important;
        margin-right: 120px;
    }
    :where(body.profile-page) .trp-history-meta .trp-badge {
        padding: 5px 9px !important;
        font-size: 11px !important;
    }
    :where(body.profile-page) .trp-history-item > .trp-history-meta:nth-of-type(4) small,
    :where(body.profile-page) .trp-history-suborder > .trp-history-meta:nth-of-type(4) small,
    :where(body.profile-page) .trp-history-item > .trp-history-meta:nth-of-type(4) .trp-badge,
    :where(body.profile-page) .trp-history-suborder > .trp-history-meta:nth-of-type(4) .trp-badge {
        grid-column: 1 !important;
        margin-left: 0 !important;
        justify-self: start !important;
        text-align: left !important;
    }
    :where(body.profile-page) .trp-history-item > .trp-history-meta:nth-of-type(4) .trp-badge,
    :where(body.profile-page) .trp-history-suborder > .trp-history-meta:nth-of-type(4) .trp-badge {
        width: 92px !important;
        min-width: 92px !important;
        max-width: 92px !important;
        justify-content: center !important;
    }
    :where(body.profile-page) .trp-history-detail a,
    :where(body.profile-page) .trp-detail-url-list span {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: initial !important;
        word-break: break-word !important;
    }
    :where(body.profile-page) .trp-order-expand-cell {
        flex-direction: row !important;
        justify-content: space-between !important;
        justify-self: stretch !important;
        align-items: center !important;
        width: 100% !important;
        padding-top: 2px !important;
    }
    :where(body.profile-page) .trp-order-expanded {
        padding: 12px !important;
    }
    :where(body.profile-page) .trp-order-expanded-head {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
    }
    :where(body.profile-page) .trp-order-expanded-head span {
        white-space: normal !important;
    }
    :where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row,
    :where(body.profile-page) .trp-order-expanded-table--targets .trp-order-expanded-row--head {
        grid-template-columns: minmax(260px, 1fr) 82px 82px 82px 122px 112px !important;
        min-width: 760px !important;
    }
    :where(body.profile-page) .trp-ticket-create-layout {
        grid-template-columns:1fr !important;
    }
    :where(body.profile-page) .trp-ticket-create-side .trp-ticket-help-panel {
        margin-top:18px !important;
    }
    :where(body.profile-page) .trp-avatar-panel [data-avatar-grid] {
        grid-template-columns:repeat(7,minmax(60px,1fr)) !important;
        gap:18px 20px !important;
        padding:22px 22px 16px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-grid[data-avatar-grid] {
        gap:20px 22px !important;
        padding:26px 28px 20px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-option {
        width:82px !important;
        height:82px !important;
        min-width:82px !important;
        max-width:82px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-option img {
        width:76px !important;
        height:76px !important;
        min-width:76px !important;
        max-width:76px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-save-btn {
        width:calc(100% - 56px) !important;
        margin:4px 28px 26px !important;
    }
    :where(body.profile-page) .trp-bundle-body {
        padding:18px !important;
    }
    :where(body.profile-page) .trp-bundle-included-head {
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:4px !important;
    }
    :where(body.profile-page) .trp-bundle-service-row {
        grid-template-columns:1fr !important;
        gap:14px !important;
    }
    :where(body.profile-page) .trp-bundle-amount {
        width:100% !important;
        min-width:0 !important;
        justify-self:stretch !important;
        grid-template-columns:minmax(92px,112px) minmax(96px,1fr) 92px !important;
        justify-content:stretch !important;
    }
    :where(body.profile-page) .trp-bundle-amount input {
        width:100% !important;
        min-width:0 !important;
    }
    :where(body.profile-page) .trp-bundle-amount span {
        width:auto !important;
        min-width:0 !important;
    }
    body.profile-page.profile-auth-page {
        height:100vh;
        overflow:hidden;
    }
    body.profile-page.profile-auth-page .trp-login-screen {
        height:100vh;
        overflow:hidden;
        align-items:stretch;
    }
    body.profile-page.profile-auth-page .trp-login-panel {
        height:100vh;
        overflow-y:auto;
        scrollbar-gutter:stable;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }
    body.profile-page.profile-auth-page .trp-login-panel::-webkit-scrollbar {
        width:0;
        height:0;
    }
    body.profile-page.profile-auth-page .trp-login-visual {
        height:100vh;
        min-height:100vh;
        align-self:stretch;
    }
    body.profile-page.profile-auth-page .trp-login-screen {
        grid-template-columns:minmax(390px,46%) minmax(0,54%);
    }
    body.profile-page.profile-auth-page .trp-login-panel {
        padding-left:30px;
        padding-right:30px;
    }
    body.profile-page.profile-auth-page {
        height:auto;
        min-height:100vh;
        overflow:auto;
    }
    body.profile-page.profile-auth-page .trp-login-screen {
        min-height:100vh;
        display:block;
    }
    body.profile-page.profile-auth-page .trp-login-panel {
        min-height:auto;
        padding:28px 18px 28px;
    }
    body.profile-page.profile-auth-page .trp-login-panel-inner {
        width:min(100%,620px);
    }
    body.profile-page.profile-auth-page .trp-login-visual {
        display:none !important;
    }
    body.profile-auth-page{
        height:100vh;
        overflow:hidden;
    }
    body.profile-auth-page .trp-login-screen{
        height:100vh;
        overflow:hidden;
        align-items:stretch;
    }
    body.profile-auth-page .trp-login-panel{
        height:100vh;
        overflow-y:auto;
        scrollbar-gutter:stable;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }
    body.profile-auth-page .trp-login-panel::-webkit-scrollbar{
        width:0;
        height:0;
    }
    body.profile-auth-page .trp-login-visual{
        height:100vh;
        min-height:100vh;
        align-self:stretch;
    }
    body.profile-auth-page .trp-login-screen{
        grid-template-columns:minmax(390px,46%) minmax(0,54%);
    }
    body.profile-auth-page .trp-login-panel{
        padding-left:30px;
        padding-right:30px;
    }
    body.profile-auth-page{
        height:auto;
        min-height:100vh;
        overflow:auto;
    }
    body.profile-auth-page .trp-login-screen{
        min-height:100vh;
        display:block;
    }
    body.profile-auth-page .trp-login-panel{
        min-height:auto;
        padding:28px 18px 28px;
    }
    body.profile-auth-page .trp-login-panel-inner{
        width:min(100%,620px);
    }
    body.profile-auth-page .trp-login-visual{
        display:none !important;
    }
    
    
    
    :where(body.faq-page) .faq-hero,
    :where(body.faq-page) .faq-category-grid,
    :where(body.faq-page) .faq-layout {
        width: min(calc(100% - 32px), 100%);
    }
    :where(body.faq-page) .hero-card-area,
    :where(body.faq-page) .faq-layout {
        grid-template-columns: 1fr;
    }
    :where(body.faq-page) .faq-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.faq-page) .faq-sticky-card {
        position: static;
    }
    :where(body.faq-page) .faq-assurance-panel {
        min-height: auto;
    }
    :where(body.faq-page) .faq-main-heading {
        grid-template-columns: 1fr;
    }
    :where(body.faq-page) .faq-main-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.contracts-page) .contracts-hero {
        grid-template-columns: 1fr;
        padding: 24px;
    }
    :where(body.contracts-page) .contracts-hero__card {
        justify-self: start;
        min-width: 150px;
    }
    :where(body.contracts-page) .contracts-shell {
        grid-template-columns: 1fr;
    }
    :where(body.contracts-page) .contracts-sidebar {
        position: relative;
        top: 0;
    }
    :where(body.contracts-page) .contracts-content {
        min-height: auto;
    }
    html body.order-flow-page,body.order-flow-page{
        min-height:100%;
        overflow:hidden;
    }
    body.order-flow-page::before{
        content:"";
        position:fixed;
        inset:22px;
        border-radius:38px;
        border:1px solid rgba(255,255,255,.72);
        pointer-events:none;
        box-shadow:inset 0 0 0 1px rgba(28,32,48,.04);
    }
    :where(body.order-flow-page) .screen{
        border-radius:36px;
        overflow:hidden;
    }
    :where(body.order-flow-page) .topbar{
        height:96px !important;
        padding:22px 34px !important;
        background:rgba(255,255,255,.86) !important;
        border-bottom:1px solid rgba(28,32,48,.08) !important;
        backdrop-filter:blur(22px);
    }
    :where(body.order-flow-page) .service-icon{
        width:54px !important;
        height:54px !important;
        border-radius:18px !important;
        box-shadow:0 16px 30px rgba(255,13,103,.22) !important;
    }
    :where(body.order-flow-page) .service-icon svg{
        width:27px !important;
        height:27px !important;
    }
    :where(body.order-flow-page) .platform{
        color:#ff0d67 !important;
        font-size:15px !important;
        font-weight:850 !important;
    }
    :where(body.order-flow-page) .service-title{
        color:#121827 !important;
        font-size:23px !important;
        font-weight:950 !important;
        letter-spacing:-.35px;
    }
    :where(body.order-flow-page) .back-btn{
        height:46px !important;
        min-width:106px !important;
        border-radius:16px !important;
        background:#f3f5fa !important;
        border:1px solid rgba(28,32,48,.08) !important;
        color:#31384a !important;
        box-shadow:0 10px 24px rgba(18,22,34,.06) !important;
    }
    :where(body.order-flow-page) .back-btn svg{
        stroke:#31384a !important;
    }
    :where(body.order-flow-page) .content{
        top:96px !important;
        padding:34px 36px !important;
    }
    :where(body.order-flow-page) .cart-footer::before{
        content:"Order Summary";
        display:block;
        color:#111827;
        font-size:18px;
        font-weight:950;
        letter-spacing:-.25px;
        margin-bottom:2px;
    }
    :where(body.order-flow-page) .cart-footer::after{
        content:"Review your package and continue securely.";
        display:block;
        color:#8a93a5;
        font-size:13px;
        font-weight:750;
        line-height:1.45;
        margin-top:auto;
        padding-top:18px;
        border-top:1px solid rgba(28,32,48,.07);
    }
    :where(body.order-flow-page) .btn-cart-icon{
        width:36px !important;
        height:36px !important;
    }
    :where(body.order-flow-page) .input-box{
        height:68px !important;
        border-radius:22px !important;
        background:rgba(255,255,255,.82) !important;
        border:1px solid rgba(28,32,48,.09) !important;
        box-shadow:0 18px 40px rgba(18,22,34,.08);
    }
    :where(body.order-flow-page) .input-box input{
        color:#151827 !important;
    }
    :where(body.order-flow-page) .notice{
        background:#fff7e8 !important;
        color:#9a661a !important;
        border:1px solid rgba(245,158,11,.18);
        box-shadow:0 14px 30px rgba(18,22,34,.06);
    }
    :where(body.order-flow-page) .profile-card{
        max-width:760px;
        padding:22px !important;
        border-radius:26px !important;
    }
    :where(body.order-flow-page) .profile-head{
        padding-bottom:18px !important;
    }
    :where(body.order-flow-page) .avatar{
        width:68px !important;
        height:68px !important;
    }
    :where(body.order-flow-page) .name{
        font-size:19px !important;
    }
    :where(body.order-flow-page) .username{
        font-size:14px !important;
    }
    :where(body.order-flow-page) .stats{
        gap:24px !important;
        padding-top:18px !important;
    }
    :where(body.order-flow-page) .stat .label{
        font-size:13px !important;
    }
    :where(body.order-flow-page) .stat .value{
        font-size:18px !important;
    }
    :where(body.order-flow-page) .pill{
        height:38px;
        padding:0 15px !important;
        display:flex;
        align-items:center;
    }
    :where(body.order-flow-page) .section-head{
        max-width:100%;
        margin:2px 0 18px !important;
    }
    :where(body.order-flow-page) .section-title{
        color:#121827 !important;
        font-size:17px !important;
    }
    :where(body.order-flow-page) .grid{
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        gap:16px !important;
    }
    :where(body.order-flow-page) .post-card{
        border-radius:24px !important;
        box-shadow:0 16px 32px rgba(18,22,34,.10) !important;
    }
    :where(body.order-flow-page) .post-image,
    :where(body.order-flow-page) .post-card::after{
        border-radius:18px !important;
    }
    :where(body.order-flow-page) .selection-overlay{
        width:92px !important;
    }
    :where(body.order-flow-page) .comment-mode-wrap,
    :where(body.order-flow-page) .comment-panel{
        max-width:760px;
    }
    :where(body.order-flow-page) .comment-mode-wrap{
        gap:16px !important;
    }
    :where(body.order-flow-page) .comment-mode{
        min-height:84px !important;
        font-size:16px !important;
    }
    :where(body.order-flow-page) .comment-panel{
        border-radius:26px !important;
    }
    :where(body.order-flow-page) .prepared-scroll-list{
        max-height:220px !important;
    }
    :where(body.order-flow-page) .selected-scroll-list{
        height:176px !important;
    }
    :where(body.order-flow-page) .custom-textarea{
        min-height:300px !important;
    }
    :where(body.order-flow-page) .story-overview-card,
    :where(body.order-flow-page) .auto-story-note{
        max-width:760px;
    }
    :where(body.order-flow-page) .story-track{
        padding-bottom:10px !important;
    }
    :where(body.order-flow-page) .story-slide{
        min-width:108px !important;
        max-width:108px !important;
        padding:15px 10px !important;
    }
    :where(body.order-flow-page) .story-ring{
        width:54px !important;
        height:54px !important;
    }
    :where(body.order-flow-page) .auto-like-card{
        max-width:560px;
        margin:18px auto 0;
        padding:30px 28px 24px !important;
        border-radius:30px !important;
    }
    :where(body.order-flow-page) .auto-like-head h3{
        font-size:25px !important;
    }
    :where(body.order-flow-page) .auto-like-amount{
        font-size:20px !important;
        margin-top:8px !important;
    }
    :where(body.order-flow-page) .auto-like-input{
        height:66px !important;
    }
    :where(body.order-flow-page) .auto-like-preview{
        gap:14px !important;
    }
    :where(body.order-flow-page) .pager button{
        width:54px !important;
        height:48px !important;
        border-radius:16px !important;
        font-size:17px !important;
        background:#eef2f8 !important;
        color:#596174 !important;
    }
    :where(body.order-flow-page) .pager button.active{
        background:linear-gradient(135deg,#ff3b84,#ff0d67) !important;
        color:#fff !important;
        box-shadow:0 12px 22px rgba(255,13,103,.24) !important;
    }
    :where(body.order-flow-page) .content.has-cart {
        right:0 !important;
        bottom:118px !important;
        padding-bottom:34px !important;
    }
    :where(body.order-flow-page) .cart-footer {
        flex-direction:column !important;
        justify-content:flex-start !important;
        top:auto !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:auto !important;
        height:118px !important;
        padding:22px 36px !important;
        display:grid !important;
        grid-template-columns:auto 1fr auto !important;
        align-items:center !important;
        gap:18px !important;
        background:rgba(255,255,255,.92) !important;
        border-left:none !important;
        border-top:1px solid rgba(28,32,48,.08) !important;
        box-shadow:0 -18px 42px rgba(18,22,34,.08) !important;
        backdrop-filter:blur(24px);
    }
    :where(body.order-flow-page) .cart-footer::before,
    :where(body.order-flow-page) .cart-footer::after{
        display:none !important;
        content:none !important;
    }
    :where(body.order-flow-page) .cart-icon {
        box-shadow:0 18px 34px rgba(255,13,103,.20) !important;
        width:58px !important;
        height:58px !important;
        border-radius:20px !important;
    }
    :where(body.order-flow-page) .price {
        width:auto !important;
        max-width:300px;
        padding:0 !important;
        border:none !important;
        background:transparent !important;
        border-radius:0 !important;
    }
    :where(body.order-flow-page) .price .label {
        font-size:13px !important;
        margin-bottom:5px !important;
    }
    :where(body.order-flow-page) .price .value {
        color:#121827 !important;
        font-weight:950 !important;
        font-size:21px !important;
    }
    :where(body.order-flow-page) .cart-btn {
        border-radius:18px !important;
        font-size:16px !important;
        box-shadow:0 18px 34px rgba(255,13,103,.24) !important;
        width:260px !important;
        min-width:260px !important;
        height:58px !important;
        margin-top:0 !important;
    }
    :where(body.order-flow-page) #page1 .content {
        max-width:560px;
        margin:0 auto;
        left:0 !important;
        right:0 !important;
        display:flex;
        flex-direction:column;
        padding-bottom:110px !important;
        justify-content:center;
    }
    :where(body.order-flow-page) #page1 .input-box,
    :where(body.order-flow-page) #page1 .primary-btn,
    :where(body.order-flow-page) #page1 .notice{
        width:min(100%, 520px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    :where(body.order-flow-page) #page2 .profile-card,
    :where(body.order-flow-page) #page4 .comment-mode-wrap,
    :where(body.order-flow-page) #page4 .comment-panel,
    :where(body.order-flow-page) #page5 .profile-card,
    :where(body.order-flow-page) #page5 .story-overview-card,
    :where(body.order-flow-page) #page6 .auto-like-card,
    :where(body.order-flow-page) #page7 .profile-card,
    :where(body.order-flow-page) #page7 .auto-story-note{
        width:min(100%, 760px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    :where(body.order-flow-page) #page6 .auto-like-card{
        width:min(100%, 560px) !important;
    }
    :where(body.order-flow-page) #page4 .comment-mode-wrap,
    :where(body.order-flow-page) #page4 .comment-panel{
        max-width:none !important;
    }
    :where(body.order-flow-page) #page5 .profile-card,
    :where(body.order-flow-page) #page7 .profile-card{
        margin-bottom:0 !important;
    }
    :where(body.order-flow-page) #page5 .story-overview-card,
    :where(body.order-flow-page) #page7 .auto-story-note{
        margin-top:16px !important;
    }
    body.order-flow-page {
        align-items:center;
        background:
        radial-gradient(circle at 10% 14%, rgba(255,13,103,.16), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(123,97,255,.18), transparent 30%),
        radial-gradient(circle at 72% 92%, rgba(20,185,122,.12), transparent 28%),
        linear-gradient(135deg,#eef2f8 0%,#f7f8fc 48%,#edf1f8 100%) !important;
        justify-content:center !important;
        padding:24px 34px 24px 120px !important;
        overflow:hidden !important;
    }
    :where(body.order-flow-page) .app {
        border-radius:36px !important;
        overflow:hidden !important;
        border:1px solid rgba(255,255,255,.78) !important;
        background:
        radial-gradient(circle at 8% 8%, rgba(255,13,103,.08), transparent 28%),
        radial-gradient(circle at 96% 14%, rgba(123,97,255,.09), transparent 30%),
        linear-gradient(145deg,#ffffff 0%,#f7f9fd 48%,#eef2f8 100%) !important;
        box-shadow:
        0 34px 90px rgba(27,35,55,.20),
        0 14px 34px rgba(27,35,55,.10),
        inset 0 1px 0 rgba(255,255,255,.82) !important;
        width:min(620px, calc(100vw - 220px)) !important;
        max-width:min(620px, calc(100vw - 220px)) !important;
        height:min(860px, calc(100vh - 48px)) !important;
        min-height:720px !important;
        margin:0 auto !important;
        transition:width .24s ease, max-width .24s ease !important;
    }
    :where(body.order-flow-page) .app.desktop-wide{
        width:min(1180px, calc(100vw - 220px)) !important;
        max-width:min(1180px, calc(100vw - 220px)) !important;
    }
    :where(body.order-flow-page) .content,
    :where(body.order-flow-page) .content.has-cart{
        left:0 !important;
        right:0 !important;
        width:auto !important;
        max-width:none !important;
    }
    :where(body.order-flow-page) #page1 .content, :where(body.order-flow-page) #page2 .content, :where(body.order-flow-page) #page4 .content, :where(body.order-flow-page) #page5 .content, :where(body.order-flow-page) #page6 .content, :where(body.order-flow-page) #page7 .content {
        display:flex;
        flex-direction:column;
        align-items:stretch !important;
    }
    :where(body.order-flow-page) #page1 .input-box,
    :where(body.order-flow-page) #page1 .primary-btn,
    :where(body.order-flow-page) #page1 .notice,
    :where(body.order-flow-page) #page2 .profile-card,
    :where(body.order-flow-page) #page4 .comment-mode-wrap,
    :where(body.order-flow-page) #page4 .comment-panel,
    :where(body.order-flow-page) #page5 .profile-card,
    :where(body.order-flow-page) #page5 .story-overview-card,
    :where(body.order-flow-page) #page6 .auto-like-card,
    :where(body.order-flow-page) #page7 .profile-card,
    :where(body.order-flow-page) #page7 .auto-story-note{
        width:100% !important;
        max-width:none !important;
    }
    :where(body.order-flow-page) #page3 .content.has-cart{
        bottom:118px !important;
    }
    :where(body.order-flow-page) .pager {
        top:50% !important;
        bottom:auto !important;
        transform:translateY(-50%) !important;
        flex-direction:column !important;
        gap:10px !important;
        padding:10px !important;
        border-radius:24px !important;
        background:rgba(255,255,255,.76) !important;
        border:1px solid rgba(255,255,255,.78) !important;
        box-shadow:0 24px 50px rgba(27,35,55,.18) !important;
        backdrop-filter:blur(22px);
        left:22px !important;
    }
    :where(body.follower-check-page) .profile-requirements {
        gap:11px;
    }
    :where(body.follower-check-page) .modern-notice {
        padding:14px 15px !important;
    }
    :where(body.follower-check-page) .notice-icon {
        width:42px;
        height:42px;
        border-radius:14px;
    }
    :where(body.follower-check-page) .notice-text strong {
        font-size:14.5px;
    }
    :where(body.follower-check-page) .notice-text span {
        font-size:12.5px;
    }
    :where(body.order-flow-page) #page8 .content {
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    :where(body.order-flow-page) #page8 .operation-address-card {
        width:min(100%, 760px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    html body.order-flow-page,body.order-flow-page{
        min-height:100%;
        overflow:hidden;
    }
    body.order-flow-page{
        padding:18px 24px !important;
        align-items:center !important;
        justify-content:center !important;
        background:
        radial-gradient(circle at 10% 12%, rgba(255,13,103,.15), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(123,97,255,.16), transparent 32%),
        radial-gradient(circle at 72% 92%, rgba(20,185,122,.10), transparent 30%),
        linear-gradient(135deg,#eef2f8 0%,#f8f9fd 50%,#eef2f8 100%) !important;
    }
    :where(body.order-flow-page) .app{
        width:min(720px, calc(100vw - 48px)) !important;
        max-width:min(720px, calc(100vw - 48px)) !important;
        height:min(920px, calc(100vh - 36px)) !important;
        min-height:760px !important;
        border-radius:34px !important;
        overflow:hidden !important;
        border:1px solid rgba(255,255,255,.76) !important;
        box-shadow:
        0 28px 80px rgba(27,35,55,.18),
        0 12px 30px rgba(27,35,55,.10),
        inset 0 1px 0 rgba(255,255,255,.84) !important;
    }
    :where(body.order-flow-page) .screen{
        border-radius:34px;
        overflow:hidden;
    }
    :where(body.order-flow-page) .topbar{
        height:94px !important;
        padding:20px 28px !important;
        background:rgba(255,255,255,.88) !important;
        border-bottom:1px solid rgba(28,32,48,.08) !important;
        backdrop-filter:blur(22px);
    }
    :where(body.order-flow-page) .service-icon{
        width:54px !important;
        height:54px !important;
        border-radius:18px !important;
    }
    :where(body.order-flow-page) .service-title{
        font-size:22px !important;
        letter-spacing:-.35px;
    }
    :where(body.order-flow-page) .platform{
        font-size:14px !important;
    }
    :where(body.order-flow-page) .back-btn{
        height:46px !important;
        min-width:104px !important;
        border-radius:16px !important;
    }
    :where(body.order-flow-page) .content{
        top:94px !important;
        left:0 !important;
        right:0 !important;
        padding:30px 32px !important;
    }
    :where(body.order-flow-page) .content.has-cart{
        bottom:112px !important;
        padding-bottom:30px !important;
    }
    :where(body.order-flow-page) .cart-footer{
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        height:112px !important;
        padding:18px 32px !important;
        display:grid !important;
        grid-template-columns:auto 1fr auto !important;
        align-items:center !important;
        gap:18px !important;
        background:rgba(255,255,255,.92) !important;
        border-top:1px solid rgba(28,32,48,.08) !important;
        box-shadow:0 -16px 38px rgba(18,22,34,.08) !important;
        backdrop-filter:blur(22px);
    }
    :where(body.order-flow-page) .cart-icon{
        width:58px !important;
        height:58px !important;
        border-radius:20px !important;
    }
    :where(body.order-flow-page) .price .label{
        font-size:13px !important;
    }
    :where(body.order-flow-page) .price .value{
        font-size:20px !important;
    }
    :where(body.order-flow-page) .cart-btn{
        width:240px !important;
        min-width:240px !important;
        height:58px !important;
        border-radius:18px !important;
        font-size:16px !important;
    }
    :where(body.order-flow-page) .pager{
        left:50% !important;
        right:auto !important;
        bottom:14px !important;
        top:auto !important;
        transform:translateX(-50%) !important;
        flex-direction:row !important;
        gap:8px !important;
        padding:8px !important;
        border-radius:22px !important;
        background:rgba(255,255,255,.76) !important;
        border:1px solid rgba(255,255,255,.78) !important;
        box-shadow:0 18px 42px rgba(27,35,55,.16) !important;
        backdrop-filter:blur(22px);
    }
    :where(body.order-flow-page) .pager button{
        width:48px !important;
        height:44px !important;
        border-radius:15px !important;
        font-size:16px !important;
    }
    :where(body.order-flow-page) #page1 .content,
    :where(body.order-flow-page) #page2 .content,
    :where(body.order-flow-page) #page4 .content,
    :where(body.order-flow-page) #page5 .content,
    :where(body.order-flow-page) #page6 .content,
    :where(body.order-flow-page) #page7 .content,
    :where(body.order-flow-page) #page8 .content{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
    }
    :where(body.order-flow-page) #page1 .content{
        justify-content:center !important;
        padding-bottom:120px !important;
    }
    :where(body.order-flow-page) #page1 .input-box,
    :where(body.order-flow-page) #page1 .primary-btn,
    :where(body.order-flow-page) #page1 .notice,
    :where(body.order-flow-page) #page2 .profile-card,
    :where(body.order-flow-page) #page4 .comment-mode-wrap,
    :where(body.order-flow-page) #page4 .comment-panel,
    :where(body.order-flow-page) #page5 .profile-card,
    :where(body.order-flow-page) #page5 .story-overview-card,
    :where(body.order-flow-page) #page6 .auto-like-card,
    :where(body.order-flow-page) #page7 .profile-card,
    :where(body.order-flow-page) #page7 .auto-story-note,
    :where(body.order-flow-page) #page8 .operation-address-card{
        width:min(100%, 600px) !important;
        max-width:600px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    :where(body.order-flow-page) #page6 .auto-like-card{
        width:min(100%, 520px) !important;
        max-width:520px !important;
    }
    :where(body.order-flow-page) .profile-card{
        padding:22px !important;
        border-radius:26px !important;
    }
    :where(body.order-flow-page) .avatar{
        width:66px !important;
        height:66px !important;
    }
    :where(body.order-flow-page) .name{
        font-size:19px !important;
    }
    :where(body.order-flow-page) .stats{
        gap:22px !important;
    }
    :where(body.order-flow-page) #page3 .grid{
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
        gap:14px !important;
    }
    :where(body.order-flow-page) #page3 .content{
        align-items:stretch !important;
    }
    :where(body.order-flow-page) .post-card{
        border-radius:22px !important;
    }
    :where(body.order-flow-page) .post-image,
    :where(body.order-flow-page) .post-card::after{
        border-radius:17px !important;
    }
    :where(body.order-flow-page) .comment-mode{
        min-height:82px !important;
        font-size:16px !important;
    }
    :where(body.order-flow-page) .prepared-scroll-list{
        max-height:225px !important;
    }
    :where(body.order-flow-page) .selected-scroll-list{
        height:170px !important;
    }
    :where(body.order-flow-page) .custom-textarea{
        min-height:280px !important;
    }
    :where(body.order-flow-page) .story-slide{
        min-width:104px !important;
        max-width:104px !important;
    }
    :where(body.order-flow-page) .operation-address-card{
        padding:20px !important;
    }
    :where(body.order-flow-page) .operation-address-icon{
        width:62px !important;
        height:62px !important;
        border-radius:21px !important;
    }
    html {
        height: auto;
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    body:not(.order-flow-page):not(.profile-auth-page) {
        height: auto;
        min-height: 100dvh;
        overflow-x: clip;
        overflow-y: visible;
        touch-action: auto;
    }
    body.mobile-nav-open {
        overflow: hidden;
        touch-action: none;
    }
    :where(body.blog-detail-page) .article-share-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.hizmet-diger-page .services-section .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .services-promo {
        grid-template-columns: 56px minmax(0, 1fr) 170px !important;
        grid-template-areas:
        "icon copy price"
        "icon copy action" !important;
        gap: 12px 16px !important;
        min-height: auto !important;
        padding: 24px !important;
    }
    .services-promo-icon {
        grid-area: icon !important;
        align-self: center !important;
    }
    .services-promo-copy {
        grid-area: copy !important;
        min-width: 0 !important;
    }
    .services-promo-price {
        grid-area: price !important;
        min-height: 52px !important;
        margin-right: 0 !important;
        padding: 0 16px !important;
    }
    .services-promo > a {
        grid-area: action !important;
        min-height: 48px !important;
    }
    .services-promo {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        grid-template-areas:
        "icon copy"
        "price price"
        "action action" !important;
        gap: 12px 14px !important;
        margin-top: 20px !important;
        padding: 24px !important;
        border-width: 4px !important;
        border-radius: 20px !important;
    }
    .services-promo-price {
        display: flex !important;
        width: 100% !important;
        min-height: 52px !important;
        padding: 0 16px !important;
    }
    .services-promo > a {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 50px !important;
        overflow: visible !important;
        color: #fff !important;
    }
    .services-promo > a i {
        color: #fff !important;
        font-size: 16px !important;
    }
    .teaser-quick-order__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .teaser-quick-order__price,
    .teaser-quick-order__button {
        grid-column: span 1;
    }
    
    
    
    
    
    body.profile-page .trp-profile-card,
body.profile-page .trp-balance-card,
body.profile-page .trp-side-nav,
body.profile-page .trp-help-card,
body.profile-page .trp-panel,
body.profile-page .trp-hero-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    body.profile-page .trp-side-nav {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    body.profile-page .trp-hero-card {
        display: grid !important;
        grid-template-columns: 1fr !important;
        min-height: auto !important;
        padding: 24px 22px !important;
        border-radius: 22px !important;
    }
    body.profile-page .trp-hero-copy {
        width: 100% !important;
        max-width: 100% !important;
    }
    body.profile-page .trp-hero-card h1 {
        font-size: 32px !important;
        line-height: 1.08 !important;
    }
    body.profile-page .trp-hero-card p {
        max-width: 100% !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }
    body.profile-page .trp-hero-visual,
    body.profile-page .trp-hero-card-illus,
    body.profile-page .trp-orbit {
        display: none !important;
    }
    body.profile-page .trp-last-login {
        max-width: 100% !important;
        white-space: normal !important;
    }
    .home-menu-side-right {
        gap: 7px !important;
    }
    .header-notification-panel {
        right: -128px !important;
    }
    .header-notification-panel::before {
        right: 140px !important;
    }
    .header-cart-link {
        font-size: 0 !important;
        gap: 0 !important;
    }
    .header-cart-link i {
        font-size: 17px !important;
    }
    .header-cart-link {
        font-size: 14px !important;
        gap: 7px !important;
    }
    .header-action-stack {
        gap: 8px !important;
    }
    .header-mini-action {
        width: 44px !important;
        height: 44px !important;
    }
    .header-action-stack{
        display: none !important;
    }
    .header-mini-action,
    .header-mini-bell,
    .header-mini-cart{
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }
    .header-mini-action,
    .header-mini-bell,
    .header-mini-cart {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
    }
    .header-auth-suite,
    .home-menu-side-right .header-auth-suite {
        height: 46px;
        padding: 4px;
        gap: 5px;
        border-radius: 14px;
    }
    .header-auth-suite__login,
    .home-menu-side-right .header-auth-suite__login {
        height: 38px;
        border-radius: 11px;
        font-size: 13px;
    }
    .header-auth-suite__login,
    .home-menu-side-right .header-auth-suite__login {
        min-width: 84px;
        padding: 0 11px;
    }
    .header-auth-suite,
    .home-menu-side-right .header-auth-suite {
        display: none;
    }
    .home-platform-services-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .main-home-page .home-faq-showcase {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 24px;
    }
    .main-home-page .home-faq-showcase__support {
        grid-template-columns: minmax(0, 1fr) 210px;
        min-height: auto;
    }
    .main-home-page .home-faq-showcase__robot img {
        width: min(100%, 210px);
        max-height: 240px;
    }
    .mobile-menu-panel > .home-menu-side-left,
    .mobile-menu-panel > .home-menu-side-right,
    .mobile-drawer-actions {
        display: none !important;
    }
    .mobile-menu-v2 {
        display: grid;
        gap: 14px;
        width: 100%;
        padding: 0;
        order: 1;
        background: #fff;
    }
    .mobile-v2-tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        padding-top: 4px;
    }
    .mobile-v2-tabs button,
    .mobile-v2-tabs a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 36px;
        padding: 0 8px;
        color: #42506d;
        font-family: inherit;
        font-size: 10px;
        font-weight: 800;
        text-align: center;
        text-decoration: none;
        background: #fff;
        border: 1px solid rgba(224, 234, 248, .92);
        border-radius: 10px;
        box-shadow: none;
    }
    .mobile-v2-tabs button.is-active {
        color: #ff7a45;
        background: #fff3e6;
        border-color: rgba(245, 154, 75, .30);
    }
    .mobile-v2-section {
        display: grid;
        gap: 12px;
        min-width: 0;
    }
    .mobile-v2-section[hidden] {
        display: none;
    }
    .mobile-v2-intro {
        display: grid;
        gap: 4px;
        padding: 12px 14px;
        background: linear-gradient(90deg, #fff3e6, rgba(255, 255, 255, .96));
        border: 1px solid rgba(245, 154, 75, .22);
        border-radius: 14px;
    }
    .mobile-v2-intro span {
        color: #ff7a45;
        font-size: 10px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .04em;
    }
    .mobile-v2-intro strong {
        color: #17223b;
        font-size: 12px;
        font-weight: 900;
        line-height: 1.4;
    }
    .mobile-v2-platform-scroll {
        display: grid;
        gap: 10px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        overflow: visible;
    }
    .mobile-v2-platform {
        position: relative;
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) 18px;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-height: 50px;
        padding: 7px 12px 7px 8px;
        color: #1f2a44;
        font-family: inherit;
        font-size: 12px;
        font-weight: 900;
        text-align: left;
        background: linear-gradient(90deg, var(--mobile-v2-soft), rgba(255, 255, 255, .96));
        border: 1px solid var(--mobile-v2-border);
        border-radius: 12px;
        box-shadow: none;
    }
    .mobile-v2-platform::after {
        content: "\F282";
        display: grid;
        place-items: center;
        color: var(--mobile-v2-color);
        font-family: "bootstrap-icons";
        font-size: 12px;
        line-height: 1;
        transition: transform .18s ease;
    }
    .mobile-v2-platform.is-active {
        color: #17223b;
        background: var(--mobile-v2-soft);
        border-color: var(--mobile-v2-color);
    }
    .mobile-v2-platform.is-active::after {
        transform: rotate(180deg);
    }
    .mobile-v2-platform-icon,
    .mobile-v2-head-icon {
        display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        color: var(--mobile-v2-color);
        font-size: 16px;
        background: #fff;
        border: 1px solid var(--mobile-v2-border);
        border-radius: 8px;
    }
    .mobile-v2-kick-mark {
        color: inherit;
        font-weight: 950;
        line-height: 1;
    }
    .mobile-v2-panels,
    .mobile-v2-panel {
        min-width: 0;
    }
    .mobile-v2-panels {
        display: contents;
    }
    .mobile-v2-panel {
        display: none;
        gap: 12px;
        margin-top: -2px;
        padding: 12px;
        background: #fff;
        border: 1px solid var(--mobile-v2-border);
        border-radius: 14px;
        box-shadow: none;
    }
    .mobile-v2-panel.is-active {
        display: grid;
    }
    .mobile-v2-panel-head {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        padding: 10px;
        background: linear-gradient(90deg, var(--mobile-v2-soft), rgba(255, 255, 255, .96));
        border: 1px solid var(--mobile-v2-border);
        border-radius: 12px;
    }
    .mobile-v2-panel-head strong,
    .mobile-v2-panel-head small {
        display: block;
    }
    .mobile-v2-panel-head strong {
        color: #10224d;
        font-size: 13px;
        font-weight: 950;
        line-height: 1.2;
    }
    .mobile-v2-panel-head small {
        margin-top: 4px;
        color: #67728d;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.45;
    }
    .mobile-v2-service-grid,
    .mobile-v2-free-grid {
        display: grid;
        gap: 8px;
        min-width: 0;
    }
    .mobile-v2-service-grid a,
    .mobile-v2-free-grid a {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr) 16px;
        align-items: center;
        gap: 10px;
        min-height: 46px;
        padding: 0 12px 0 8px;
        color: #1f2a44;
        font-size: 11px;
        font-weight: 900;
        text-decoration: none;
        background: #fff;
        border: 1px solid rgba(224, 234, 248, .92);
        border-radius: 12px;
        box-shadow: none;
    }
    .mobile-v2-service-grid a > .bi:first-child,
    .mobile-v2-free-grid a > .bi:first-child {
        display: grid;
        place-items: center;
        width: 32px;
        height: 32px;
        color: var(--mobile-v2-color, #ff7a45);
        font-size: 15px;
        background: var(--mobile-v2-soft, #fff3e6);
        border: 1px solid var(--mobile-v2-border, rgba(245,154,75,.28));
        border-radius: 8px;
    }
    .mobile-v2-service-grid a > .bi:last-child,
    .mobile-v2-free-grid a > .bi:last-child {
        color: #9aa6bb;
        font-size: 12px;
    }
    .mobile-v2-cta {
        display: grid;
        gap: 10px;
        padding: 12px;
        color: #5f6c86;
        font-size: 10px;
        font-weight: 900;
        text-decoration: none;
        background: linear-gradient(90deg, #fff3e6, rgba(255, 250, 244, .98));
        border: 1px solid rgba(245, 154, 75, .24);
        border-radius: 12px;
    }
    .mobile-v2-cta span,
    .mobile-v2-cta strong {
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .mobile-v2-cta span .bi {
        color: #ff8a00;
        font-size: 15px;
    }
    .mobile-v2-cta strong {
        justify-content: center;
        min-height: 38px;
        color: #fff;
        font-size: 11px;
        background: linear-gradient(135deg, #ff7a45, #ef5b68);
        border-radius: 10px;
    }
    .mobile-v2-free-grid a > .bi:first-child {
        color: #ff7a45;
        background: #fff3e6;
        border-color: rgba(245, 154, 75, .28);
    }
    .mobile-menu-panel {
        right: 0;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        width: 100vw;
        max-width: 100vw;
        height: auto;
        max-height: calc(100dvh - var(--mobile-menu-top, 112px));
        padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px));
        background: #fff;
        border-radius: 0;
    }
    .mobile-menu-v2 {
        padding-bottom: 0;
    }
    body.mobile-nav-open .mobile-menu-bottom-nav {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        transform: none;
        z-index: 120;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        width: 100vw;
        max-width: 100vw;
        margin: 0;
        padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px));
        background: #fff;
        border: 1px solid rgba(224, 234, 248, .94);
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
        backdrop-filter: none;
    }
    .mobile-menu-bottom-link {
        display: grid;
        justify-items: center;
        align-content: center;
        gap: 5px;
        min-width: 0;
        min-height: 58px;
        padding: 6px 3px;
        color: #17223b;
        font-size: 9px;
        font-weight: 900;
        line-height: 1.1;
        text-align: center;
        text-decoration: none;
        border-radius: 14px;
        transition: background .18s ease, color .18s ease, transform .18s ease;
    }
    .mobile-menu-bottom-link:active {
        transform: translateY(1px);
    }
    .mobile-menu-bottom-icon {
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        color: #4f5d79;
        font-size: 15px;
        background: #f7f9fd;
        border: 1px solid rgba(224, 234, 248, .95);
        border-radius: 11px;
    }
    .mobile-menu-bottom-link.is-primary {
        color: #ff7a45;
        background: #fff3e6;
    }
    .mobile-menu-bottom-link.is-primary .mobile-menu-bottom-icon {
        color: #fff;
        background: linear-gradient(135deg, #ff7a45, #ef5b68);
        border-color: rgba(245, 154, 75, .34);
    }
    .mobile-menu-bottom-link.is-whatsapp .mobile-menu-bottom-icon {
        color: #20b86b;
        background: rgba(37, 211, 102, .12);
        border-color: rgba(37, 211, 102, .26);
    }
    :where(body.profile-page) .trp-comments-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
    :where(body.profile-page) .trp-comments-list {
        grid-template-columns: 1fr !important;
    }
    :where(body.profile-page) .trp-comments-list {
        max-height: 512px !important;
    }
    body.profile-page .trp-side-nav .trp-nav-link {
        width: 100% !important;
        min-height: 54px !important;
    }
    :where(body.profile-page) .trp-page-head--bundles .trp-page-head-main {
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:12px !important;
    }
    .services-directory-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .services-directory-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .services-directory-hero {
        grid-template-columns: 1fr;
    }
    .services-directory-summary {
        max-width: 280px;
    }
    .order-total-mobile {
        display: none;
    }
    .follower-service-page .follower-guarantee-section {
        display: block;
        padding: 24px;
        background: #fff;
        border: 1px solid rgba(194, 213, 238, .78);
        border-radius: 20px;
    }
    .follower-service-page .follower-guarantee-kicker {
        min-height: 28px;
        margin-bottom: 8px;
        padding: 0 12px;
        font-size: 10px;
    }
    .follower-service-page .follower-guarantee-section .section-heading h2 {
        margin: 8px 0 4px;
        font-size: 20px;
        line-height: 1.16;
    }
    .follower-service-page .follower-guarantee-section .section-heading p {
        max-width: 280px;
        margin: 0 auto;
        font-size: 11px;
        line-height: 1.45;
    }
    .follower-service-page .follower-guarantee-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-top: 12px;
    }
    .follower-service-page .follower-guarantee-card {
        place-items: center;
        gap: 4px;
        min-height: 58px;
        padding: 8px 6px;
        border-radius: 12px;
        text-align: center;
    }
    .follower-service-page .follower-guarantee-check,
    .follower-service-page .follower-guarantee-card small {
        display: none;
    }
    .follower-service-page .follower-guarantee-card strong {
        font-size: 15px;
        line-height: 1;
    }
    .follower-service-page .follower-guarantee-value {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        white-space: normal;
    }
    .follower-service-page .follower-guarantee-value span {
        font-size: 10px;
        line-height: 1.1;
        white-space: nowrap;
    }
    .follower-service-page .follower-guarantee-card b {
        display: none;
    }
    .follower-service-page .order-summary-bar.is-expanded .order-main-item {
        grid-template-columns: 42px minmax(0, 1fr) !important;
    }
    .follower-service-page .order-summary-bar.is-expanded .order-guarantee-options {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px;
        width: 100%;
    }
    .follower-service-page .order-summary-bar.is-expanded .order-guarantee-option {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 54px;
        gap: 3px;
        padding: 8px 4px;
        border-radius: 10px;
        white-space: normal;
        text-align: center;
    }
    .follower-service-page .order-summary-bar.is-expanded .order-guarantee-option span {
        font-size: 14px;
    }
    .follower-service-page .order-summary-bar.is-expanded .order-guarantee-option small {
        font-size: 10px;
        line-height: 1.1;
        text-align: center;
        white-space: nowrap;
    }
    .follower-service-page .order-buy-btn .order-total-mobile {
        display: inline-block;
        font-size: 14px;
        line-height: 1;
    }
}
/* Küçük desktop / laptop */
@media (min-width: 992px) and (max-width: 1279.8px) {
    .footer-dark-content {
        grid-template-columns: 1fr;
    }
    .footer-dark-brand {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .045);
    }
    .footer-dark-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .footer-dark-content:not(.footer-dark-show-brand) {
        grid-template-columns: 1fr;
    }
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-brand {
        display: none;
    }
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-main {
        padding-right: 28px;
        padding-left: 28px;
    }
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-line,
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-bottom-row {
        width: 100%;
    }
    .home-page {
        --home-desktop-shell-width: min(100% - 96px, 1260px);
        --home-desktop-content-width: min(100% - 140px, 1216px);
    }
    .promo-inner,
    .home-menu-row {
        width: var(--home-desktop-content-width);
    }
    .home-menu-primary {
        position: relative;
    }
    .home-menu-side-left,
    .home-menu-side-right {
        padding-inline: 0;
    }
    .home-menu-side a,
    .home-menu-side button {
        font-size: 13px;
    }
    .nav-mega-panel {
        left: 0;
        right: 0;
        grid-template-columns: 206px minmax(0, 1fr);
        gap: 0;
        width: 100%;
        transform: none;
    }
    .nav-mega-content {
        padding: 4px 20px 0;
    }
    .nav-mega-links a::before,
    .nav-mega-links a::after {
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 1;
        color: currentColor;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .nav-mega-links a::after {
        content: "";
        color: #9aa7bb;
        font-size: 17px;
    }
    .cart-shell,
    .payment-shell,
    .success-shell {
        width: min(60vw, 1500px);
    }
    .order-summary-items {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: center;
        gap: clamp(8px, .8vw, 12px);
        width: 100%;
    }
    .order-summary-item {
        flex: initial;
        width: 100%;
    }
    .order-summary-items,
    .order-summary-item,
    .summary-icon,
    .summary-adjust,
    .summary-adjust button,
    .order-buy-btn,
    .order-buy-btn strong,
    .order-summary-item small,
    .order-summary-item strong,
    .order-summary-item b {
        transition: transform .12s ease-out, opacity .12s ease-out, box-shadow .12s ease-out;
    }
    .order-summary-anchor {
        display: block;
        height: 0;
    }
    .order-summary-anchor.is-active {
        display: block;
        height: var(--order-summary-inline-space, 92px);
    }
    .order-summary-bar.is-inline {
        position: absolute;
        top: calc(var(--order-summary-inline-top, 0px) + var(--home-section-gap));
        right: 0;
        left: 0;
        bottom: auto;
        z-index: 2;
        width: auto;
        padding: 16px 18px;
        gap: 18px;
        border-radius: 20px;
        transform: none;
        border: 1px solid var(--color-border);
    }
    .home-feedback-section {
        margin-top: var(--home-section-gap);
    }
    .services-section {
        display: none !important;
    }
    .payment-layout {
        width: 100%;
        grid-template-columns: minmax(0, 1.45fr) minmax(360px, .9fr);
        gap: 30px;
    }
    .cart-shell,
    .payment-shell,
    .success-shell {
        width: min(76vw, 1500px);
    }
    .site-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: min(100% - 36px, 920px);
    }
    .footer-action-column {
        grid-column: 1 / -1;
    }
    .site-footer-bottom {
        grid-template-columns: 1fr;
        justify-items: center;
        width: min(100% - 36px, 920px);
        text-align: center;
    }
    .site-footer-bottom nav {
        justify-content: center;
        flex-wrap: wrap;
    }
    .nav-mega-panel {
        --nav-mega-accent: #ef4f98;
        --nav-mega-accent-soft: rgba(239, 79, 152, .18);
        --nav-mega-accent-border: rgba(239, 79, 152, .34);
    }
    .nav-mega-sidebar {
        gap: 9px;
        padding: 8px;
        background: rgba(248, 251, 255, .76);
        border-color: rgba(224, 234, 248, .9);
        box-shadow: none;
    }
    .nav-mega-sidebar button {
        --nav-platform-color: #ef4f98;
        --nav-platform-bg: rgba(255, 239, 248, .64);
        --nav-platform-border: rgba(239, 79, 152, .24);
        min-height: 52px;
        padding: 0 12px;
        color: var(--nav-platform-color);
        font-size: 13px;
        font-weight: 800;
        background: var(--nav-platform-bg);
        border: 1px solid var(--nav-platform-border);
        border-left: 3px solid var(--nav-platform-color);
        border-radius: 10px;
        box-shadow: none;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="facebook"] {
        --nav-platform-color: #1877f2;
        --nav-platform-bg: rgba(24, 119, 242, .07);
        --nav-platform-border: rgba(24, 119, 242, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="twitter"] {
        --nav-platform-color: #111827;
        --nav-platform-bg: rgba(17, 24, 39, .055);
        --nav-platform-border: rgba(17, 24, 39, .18);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="spotify"] {
        --nav-platform-color: #1db954;
        --nav-platform-bg: rgba(29, 185, 84, .08);
        --nav-platform-border: rgba(29, 185, 84, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="youtube"] {
        --nav-platform-color: #ff0000;
        --nav-platform-bg: rgba(255, 0, 0, .06);
        --nav-platform-border: rgba(255, 0, 0, .20);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="tiktok"] {
        --nav-platform-color: #111827;
        --nav-platform-bg: rgba(17, 24, 39, .055);
        --nav-platform-border: rgba(17, 24, 39, .18);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="telegram"] {
        --nav-platform-color: #24a1de;
        --nav-platform-bg: rgba(36, 161, 222, .08);
        --nav-platform-border: rgba(36, 161, 222, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="twitch"] {
        --nav-platform-color: #9146ff;
        --nav-platform-bg: rgba(145, 70, 255, .075);
        --nav-platform-border: rgba(145, 70, 255, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="pinterest"] {
        --nav-platform-color: #e60023;
        --nav-platform-bg: rgba(230, 0, 35, .06);
        --nav-platform-border: rgba(230, 0, 35, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="kick"] {
        --nav-platform-color: #00e701;
        --nav-platform-bg: rgba(0, 231, 1, .08);
        --nav-platform-border: rgba(0, 231, 1, .24);
    }
    .nav-mega-sidebar button.is-active {
        color: var(--nav-platform-color);
        background: linear-gradient(90deg, var(--nav-platform-bg), rgba(255, 255, 255, .98));
        border-color: var(--nav-platform-border);
        border-left-width: 3px;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .82), 0 14px 28px rgba(66, 95, 145, .12);
    }
    .nav-mega-sidebar button .bi:first-child,
    .nav-mega-sidebar button .bi-chevron-right {
        color: currentColor;
    }
    .nav-mega-head > span {
        color: #fff;
        background: var(--nav-mega-accent);
        border-color: var(--nav-mega-accent-border);
    }
    .nav-mega-head::after {
        background: var(--nav-mega-accent);
    }
    .nav-mega-links {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 11px 20px;
        grid-auto-rows: 56px;
    }
    .nav-mega-links a {
        position: relative;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        padding: 0 18px 0 12px;
        color: #24314b;
        font-size: 13px;
        font-weight: 800;
        background: #fff;
        border: 1px solid rgba(224, 234, 248, .92);
        border-radius: 10px;
        box-shadow: 0 10px 24px rgba(66, 95, 145, .06);
        min-height: 0;
        height: 56px;
        overflow: hidden;
    }
    .nav-mega-links a::before {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        content: "";
        font-size: 22px;
        border-radius: 9px;
        color: var(--nav-mega-accent);
        background: linear-gradient(135deg, var(--nav-mega-accent-soft), rgba(255, 255, 255, .90));
    }
    .nav-mega-links a:hover {
        color: #16213a;
        border-color: var(--nav-mega-accent-border);
    }
    .nav-mega-panel[data-menu-panel="services"] {
        align-items: stretch;
        height: 445px;
        min-height: 445px;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-content {
        display: grid;
        height: 100%;
        min-height: 0;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar {
        align-self: stretch;
        height: auto;
        max-height: 445px;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-service-panel {
        display: grid;
        grid-template-rows: auto 1fr auto;
        gap: 12px;
        height: 100%;
        min-height: 0;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-service-panel[hidden] {
        display: none;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-links {
        align-self: start;
        align-content: start;
        margin-top: 8px;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-cta {
        align-self: end;
        margin-top: 0;
    }
    .main-home-page .main-hero {
        grid-template-columns: minmax(0, 1fr) minmax(260px, .78fr);}
    .main-home-page .main-quick-order {
        grid-column: 1 / -1;
    }
    .main-home-page .main-service-strip > div,
    .main-home-page .main-package-grid,
    .main-home-page .main-service-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .main-home-page .main-why-section,
    .main-home-page .main-social-proof {
        grid-template-columns: 1fr;
    }
    .main-home-page .main-growth-section {
        grid-template-columns: minmax(220px, .75fr) minmax(0, 1fr);
    }
    .main-home-page .main-faq-strip {
        grid-template-columns: 1fr 180px;
    }
    .main-home-page .main-organic-panel,
    .main-home-page .main-satisfaction-panel,
    .main-home-page .smart-overview,
    .main-home-page .smart-service-panel,
    .main-home-page .suite-priority,
    .main-home-page .suite-faq {
        grid-template-columns: 1fr;
    }
    .main-home-page .organic-flow,
    .main-home-page .satisfaction-service-row,
    .main-home-page .suite-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .main-home-page .organic-flow .flow-arrow {
        display: none;
    }
    .main-home-page .smart-stat-row {
        grid-column: auto;
    }
    .main-home-page .smart-service-panel {
        height: auto;
        min-height: 0;
    }
    .main-home-page .service-panel-copy {
        justify-content: flex-start;
        overflow: visible;
    }
    .main-home-page .main-hero.main-hero-showcase {
        grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr);
        padding: 40px 48px 24px;}
    .main-home-page .main-hero-showcase .main-hero-copy h1 {
        font-size: clamp(36px, 4.2vw, 48px);
    }
    .main-home-page .main-hero-showcase .main-order-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .main-home-page .main-hero-showcase .main-order-price,
    .main-home-page .main-hero-showcase .main-hero-order button {
        grid-column: span 1;
    }
    .services-hero { min-height: 320px; padding: 24px;}
    .services-hero-copy { max-width: 48%; }
    .services-hero-art { left: 48%; }
    .instagram-cube { right: 100px; }
    .hero-orbit { right: 25px; }
    .hero-orbit.orbit-two { right: 70px; }
    .services-promo { grid-template-columns: 58px 1fr 160px 160px; }
    .service-tabs { overflow-x: auto; grid-template-columns: 160px repeat(8, 120px); }
    .service-tabs a,
    .service-tabs button { justify-content: flex-start; }
    .service-card { grid-template-columns: 52px minmax(0, 1fr) 96px 8px; gap: 9px; }
    .proof-card { padding: 24px; }
    .home-combo-packages-inner {
        width: min(100%, calc(100% - 44px)) !important;
    }
    .home-combo-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .home-combo-packages-section {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .home-combo-packages-inner {
        width: min(1140px, calc(100% - 120px)) !important;
        max-width: 1140px !important;
    }
    .home-combo-panel {
        max-width: 1140px !important;
        gap: 16px !important;
    }
    .home-combo-card {
        min-height: 530px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .home-combo-metrics {
        gap: 9px !important;
    }
    .home-combo-metrics li {
        min-height: 76px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .home-combo-metrics strong {
        font-size: 19px !important;
    }
    .home-combo-price strong {
        font-size: 25px !important;
    }
    .services-page .service-card {
        grid-template-columns: 56px minmax(0, 1fr) 112px 8px;
        min-height: 94px;
        gap: 12px;
    }
    .services-page .service-tabs {
        grid-template-columns: 160px repeat(6, 136px);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }
    .services-page .service-tabs a,
    .services-page .service-tabs button {
        scroll-snap-align: start;
    }
    .services-page .service-tabs {
        grid-template-columns: repeat(7, 132px);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }
    .services-page .service-tabs a,
    .services-page .service-tabs button {
        scroll-snap-align: start;
    }
    .services-page .services-trust-updated {
        grid-template-columns: 1fr;
    }
    .services-page .services-trust-updated .proof-card {
        min-height: auto;
    }
    body.payment-page .payment-hero-card,
    body.payment-page .payment-layout {
        grid-template-columns: 1fr;
    }
    body.payment-page .payment-hero-card {
        padding: 24px;}
    body.payment-page .payment-hero-visual {
        display: none;
    }
    body.payment-page .payment-side {
        grid-template-columns: 1fr;
    }
    .cart-modern-hero {
        grid-template-columns:1fr;}
    .cart-modern-preview {
        justify-self:stretch;
        width:100%;
        min-height:160px;
    }
    .cart-modern-layout {
        grid-template-columns:1fr;
    }
    .cart-summary-card {
        position:relative;
        top:auto;
        margin-top:0;
    }
    .cart-page .cart-payment-benefits-row {
        grid-template-columns: 1fr 1fr;
    }
    .cart-page .cart-payment-benefits-row .benefit-trust-card {
        grid-column: 1 / -1;
    }
    body.about-modern-page .about-v2-hero {
        grid-template-columns: 1fr;
    }
    body.about-modern-page .about-v2-hero-copy {
        min-height: 0;
    }
    body.about-modern-page .about-v2-focus {
        grid-template-columns: 1fr;
    }
    body.about-modern-page .about-v2-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.about-modern-page .about-v2-article-grid {
        grid-template-columns: 1fr;
    }
    :where(body.contact-page) .hero-card-area,
    :where(body.contact-page) .contact-panel {
        grid-template-columns: 1fr;
    }
    :where(body.contact-page) .contact-channels {
        grid-template-columns: 1fr;
    }
    :where(body.contact-page) .contact-channels,
    :where(body.contact-page) .contact-topic-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    :where(body.contact-page) .contact-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.order-tracking-page) .hero-card-area,
    :where(body.order-tracking-page) .order-track-panel {
        grid-template-columns: 1fr;
    }
    :where(body.order-tracking-page) .order-track-status-card {
        min-height: auto;
    }
    :where(body.packages-page) .special-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.packages-page) .special-package-card.is-featured {
        transform: none;
    }
    :where(body.packages-page) .special-package-card {
        min-height: 456px;
    }
    :where(body.packages-page) .special-package-group + .special-package-group {
        margin-top: 56px !important;
    }
    :where(body.packages-page) .special-package-heading {
        width: 100% !important;
        padding: 24px 24px 20px !important;
        margin-bottom: 28px !important;
    }
    :where(body.packages-page) .special-package-heading::before {
        height: 5px !important;
    }
    :where(body.packages-page) .special-package-heading h2 {
        font-size: clamp(32px, 5.6vw, 46px) !important;
    }
    :where(body.packages-page) .special-package-heading p {
        max-width: 760px !important;
        font-size: 15px !important;
    }
    :where(body.packages-page) .packages-platforms {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(body.profile-page) .trp-stats-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    :where(body.profile-page) .trp-payment-grid {grid-template-columns:1fr;}
    
    :where(body.profile-page) .trp-history-item {grid-template-columns:1fr;}
    
    
    :where(body.profile-page) .trp-dashboard-grid {grid-template-columns:minmax(0,1fr) !important;}
    
    :where(body.profile-page) .trp-payment-grid {grid-template-columns:1fr !important;}
    
    
    :where(body.profile-page) .trp-dashboard-grid {
        grid-template-columns:minmax(0,1fr) 330px !important;
    }
    :where(body.profile-page) .trp-order-item {grid-template-columns:44px minmax(130px,1fr) 112px 76px 18px !important;}
    
    :where(body.profile-page) .trp-dashboard-grid,
:where(body.profile-page) .trp-payment-grid {
        grid-template-columns:1fr !important;
    }
    
    :where(body.profile-page) .trp-help-card {display:flex !important;}
    :where(body.profile-page) .trp-dashboard-grid {
        grid-template-columns:minmax(0,1fr) 320px !important;
    }
    :where(body.profile-page) .trp-hero-copy h1{font-size:28px !important;}
    :where(body.profile-page) .trp-hero-visual {
        min-height:220px;
        display:none !important;
    }
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(8,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-amount-grid-bonus {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
    :where(body.profile-page) .trp-loyalty-grid {
        grid-template-columns:1fr !important;
    }
    :where(body.profile-page) .trp-ticket-stats {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    :where(body.profile-page) .trp-account-settings-grid {
        grid-template-columns:1fr;
    }
    
    
    .profile-page .trp-profile-card {
        grid-area:profile !important;
        height:178px !important;
        min-height:178px !important;
        margin:0 !important;
        padding:18px !important;
        border-radius:24px !important;
        display:grid !important;
        grid-template-columns:72px minmax(0,1fr) !important;
        grid-template-rows:1fr auto !important;
        grid-template-areas:"avatar user" "level level" !important;
        align-items:center !important;
        gap:14px !important;
        text-align:left !important;
        background:linear-gradient(180deg,#ffffff 0%,#fffaf6 100%) !important;
        color:var(--trp-text) !important;
        border:1px solid rgba(255,122,69,.24) !important;
        box-shadow:0 16px 34px rgba(31,47,104,.06) !important;
        overflow:hidden !important;
        position:relative !important;
    }
    .profile-page .trp-profile-card::before {
        display:none !important;
        content:none !important;
    }
    .profile-page .trp-profile-card .trp-profile-photo,
    .profile-page .trp-profile-card .trp-avatar-fallback {
        width:100% !important;
        height:100% !important;
        min-width:100% !important;
        min-height:100% !important;
        border-radius:50% !important;
        display:block !important;
        object-fit:cover !important;
        object-position:center !important;
    }
    .profile-page .trp-profile-card .trp-avatar-fallback {
        display:none !important;
    }
    .profile-page .trp-profile-card h3 {
        grid-area:user !important;
        margin:0 !important;
        color:var(--trp-text) !important;
        font-size:19px !important;
        font-weight:900 !important;
        line-height:1.16 !important;
        letter-spacing:-.02em !important;
        align-self:center !important;
        text-align:left !important;
    }
    .profile-page .trp-profile-card .trp-tier-summary {
        grid-area:level !important;
        margin:0 !important;
        width:100% !important;
        max-width:none !important;
        min-height:48px !important;
        padding:8px 10px !important;
        border-radius:16px !important;
        background:#fff3e6 !important;
        border:1px solid rgba(255,122,69,.20) !important;
        box-shadow:none !important;
        backdrop-filter:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:10px !important;
        text-align:left !important;
    }
    .profile-page .trp-profile-card .trp-tier-label {
        display:block !important;
        margin:0 0 3px !important;
        font-size:9px !important;
        line-height:1 !important;
        text-transform:uppercase !important;
        letter-spacing:.08em !important;
        color:#7d86ad !important;
        font-weight:800 !important;
    }
    .profile-page .trp-profile-card .trp-tier-current strong {
        display:block !important;
        font-size:15px !important;
        line-height:1.1 !important;
        color:var(--trp-text) !important;
        font-weight:900 !important;
        white-space:nowrap !important;
    }
    .profile-page .trp-profile-card .trp-tier-discount {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:8px 11px !important;
        border-radius:999px !important;
        background:#ff7a45 !important;
        color:#fff !important;
        font-size:11px !important;
        font-weight:900 !important;
        white-space:nowrap !important;
        box-shadow:none !important;
    }
    .profile-page .trp-side-nav {
        grid-area:menu !important;
        height:178px !important;
        min-height:178px !important;
        margin:0 !important;
        padding:16px !important;
        border-radius:24px !important;
        background:#fff !important;
        border:1px solid var(--trp-line) !important;
        box-shadow:var(--trp-shadow) !important;
        display:grid !important;
        grid-template-columns:repeat(4,minmax(132px,1fr)) !important;
        gap:10px !important;
        align-content:center !important;
    }
    .profile-page .trp-balance-card {
        grid-area:balance !important;
        height:178px !important;
        min-height:178px !important;
        margin:0 !important;
        padding:22px 20px !important;
        border-radius:24px !important;
        background:#fff !important;
        border:1px solid var(--trp-line) !important;
        box-shadow:var(--trp-shadow) !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        gap:14px !important;
    }
    .profile-page .trp-balance-card .trp-balance-head {
        margin:0 !important;
    }
    .profile-page .trp-balance-card .trp-balance-head span {
        font-size:13px !important;
        font-weight:800 !important;
        color:#7d86ad !important;
    }
    .profile-page .trp-balance-card .trp-balance-head i {
        font-size:15px !important;
        color:#99a3c8 !important;
    }
    .profile-page .trp-balance-card strong {
        margin:0 !important;
        font-size:24px !important;
        line-height:1.1 !important;
        letter-spacing:-.02em !important;
        color:var(--trp-text) !important;
    }
    .profile-page .trp-help-card {
        display:none !important;
    }
    
    
    .profile-page .trp-side-nav {
        height:auto !important;
        min-height:178px !important;
    }
    
    .profile-page .trp-profile-card,
    .profile-page .trp-side-nav,
    .profile-page .trp-balance-card {
        height:auto !important;
        min-height:auto !important;
    }
    :where(body.profile-page) .trp-loyalty-card.compact-range .trp-loyalty-copy strong {
        font-size:15px;
    }
    :where(body.profile-page) .trp-stats-grid {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
    :where(body.profile-page) .trp-loyalty-copy strong,
    :where(body.profile-page) .trp-loyalty-card.compact-range .trp-loyalty-copy strong {
        font-size:18px !important;
    }
    :where(body.profile-page) .trp-dashboard-grid {
        grid-template-columns:1fr !important;
    }
    :where(body.profile-page) .trp-history-item {
        grid-template-columns:
        minmax(240px, 1.15fr)
        minmax(300px, 1.45fr)
        minmax(100px, .46fr)
        minmax(120px, .48fr)
        46px !important;
        gap: 14px !important;
    }
    :where(body.profile-page) .trp-history-suborder {
        grid-template-columns:
        minmax(240px, 1.15fr)
        minmax(300px, 1.45fr)
        minmax(100px, .46fr)
        minmax(120px, .48fr)
        46px !important;
        gap: 14px !important;
    }
    :where(body.profile-page) .trp-ticket-create-layout {
        grid-template-columns:1fr !important;
    }
    :where(body.profile-page) .trp-ticket-create-layout{
        align-items:stretch !important;
    }
    :where(body.profile-page) .trp-ticket-create-side{
        display:flex !important;
        flex-direction:column !important;
        height:100% !important;
        min-height:100% !important;
    }
    :where(body.profile-page) .trp-ticket-create-side .trp-ticket-help-panel{
        margin-top:auto !important;
    }
    :where(body.profile-page) .trp-ticket-create-side .trp-ticket-help-panel {
        margin-top:18px !important;
    }
    :where(body.profile-page) .trp-avatar-panel [data-avatar-grid] {
        grid-template-columns:repeat(7,minmax(60px,1fr)) !important;
        gap:18px 20px !important;
        padding:22px 22px 16px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-grid[data-avatar-grid] {
        gap:20px 22px !important;
        padding:26px 28px 20px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-option {
        width:82px !important;
        height:82px !important;
        min-width:82px !important;
        max-width:82px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-option img {
        width:76px !important;
        height:76px !important;
        min-width:76px !important;
        max-width:76px !important;
    }
    :where(body.profile-page) .trp-avatar-panel .trp-avatar-save-btn {
        width:calc(100% - 56px) !important;
        margin:4px 28px 26px !important;
    }
    body.profile-page.profile-auth-page {
        height:100vh;
        overflow:hidden;
    }
    body.profile-page.profile-auth-page .trp-login-screen {
        height:100vh;
        overflow:hidden;
        align-items:stretch;
    }
    body.profile-page.profile-auth-page .trp-login-panel {
        height:100vh;
        overflow-y:auto;
        scrollbar-gutter:stable;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }
    body.profile-page.profile-auth-page .trp-login-panel::-webkit-scrollbar {
        width:0;
        height:0;
    }
    body.profile-page.profile-auth-page .trp-login-visual {
        height:100vh;
        min-height:100vh;
        align-self:stretch;
    }
    body.profile-page.profile-auth-page .trp-login-screen {
        grid-template-columns:minmax(390px,46%) minmax(0,54%);
    }
    body.profile-page.profile-auth-page .trp-login-panel {
        padding-left:30px;
        padding-right:30px;
    }
    body.profile-auth-page{
        height:100vh;
        overflow:hidden;
    }
    body.profile-auth-page .trp-login-screen{
        height:100vh;
        overflow:hidden;
        align-items:stretch;
    }
    body.profile-auth-page .trp-login-panel{
        height:100vh;
        overflow-y:auto;
        scrollbar-gutter:stable;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }
    body.profile-auth-page .trp-login-panel::-webkit-scrollbar{
        width:0;
        height:0;
    }
    body.profile-auth-page .trp-login-visual{
        height:100vh;
        min-height:100vh;
        align-self:stretch;
    }
    body.profile-auth-page .trp-login-screen{
        grid-template-columns:minmax(390px,46%) minmax(0,54%);
    }
    body.profile-auth-page .trp-login-panel{
        padding-left:30px;
        padding-right:30px;
    }
    :where(body.contracts-page) .contracts-hero {
        grid-template-columns: 1fr;
        padding: 24px;
    }
    :where(body.contracts-page) .contracts-hero__card {
        justify-self: start;
        min-width: 150px;
    }
    :where(body.contracts-page) .contracts-shell {
        grid-template-columns: 1fr;
    }
    :where(body.contracts-page) .contracts-sidebar {
        position: relative;
        top: 0;
    }
    :where(body.contracts-page) .contracts-content {
        min-height: auto;
    }
    html body.order-flow-page,body.order-flow-page{
        min-height:100%;
        overflow:hidden;
    }
    body.order-flow-page::before{
        content:"";
        position:fixed;
        inset:22px;
        border-radius:38px;
        border:1px solid rgba(255,255,255,.72);
        pointer-events:none;
        box-shadow:inset 0 0 0 1px rgba(28,32,48,.04);
    }
    :where(body.order-flow-page) .screen{
        border-radius:36px;
        overflow:hidden;
    }
    :where(body.order-flow-page) .topbar{
        height:96px !important;
        padding:22px 34px !important;
        background:rgba(255,255,255,.86) !important;
        border-bottom:1px solid rgba(28,32,48,.08) !important;
        backdrop-filter:blur(22px);
    }
    :where(body.order-flow-page) .service-icon{
        width:54px !important;
        height:54px !important;
        border-radius:18px !important;
        box-shadow:0 16px 30px rgba(255,13,103,.22) !important;
    }
    :where(body.order-flow-page) .service-icon svg{
        width:27px !important;
        height:27px !important;
    }
    :where(body.order-flow-page) .platform{
        color:#ff0d67 !important;
        font-size:15px !important;
        font-weight:850 !important;
    }
    :where(body.order-flow-page) .service-title{
        color:#121827 !important;
        font-size:23px !important;
        font-weight:950 !important;
        letter-spacing:-.35px;
    }
    :where(body.order-flow-page) .back-btn{
        height:46px !important;
        min-width:106px !important;
        border-radius:16px !important;
        background:#f3f5fa !important;
        border:1px solid rgba(28,32,48,.08) !important;
        color:#31384a !important;
        box-shadow:0 10px 24px rgba(18,22,34,.06) !important;
    }
    :where(body.order-flow-page) .back-btn svg{
        stroke:#31384a !important;
    }
    :where(body.order-flow-page) .content{
        top:96px !important;
        padding:34px 36px !important;
    }
    :where(body.order-flow-page) .cart-footer::before{
        content:"Order Summary";
        display:block;
        color:#111827;
        font-size:18px;
        font-weight:950;
        letter-spacing:-.25px;
        margin-bottom:2px;
    }
    :where(body.order-flow-page) .cart-footer::after{
        content:"Review your package and continue securely.";
        display:block;
        color:#8a93a5;
        font-size:13px;
        font-weight:750;
        line-height:1.45;
        margin-top:auto;
        padding-top:18px;
        border-top:1px solid rgba(28,32,48,.07);
    }
    :where(body.order-flow-page) .btn-cart-icon{
        width:36px !important;
        height:36px !important;
    }
    :where(body.order-flow-page) .input-box{
        height:68px !important;
        border-radius:22px !important;
        background:rgba(255,255,255,.82) !important;
        border:1px solid rgba(28,32,48,.09) !important;
        box-shadow:0 18px 40px rgba(18,22,34,.08);
    }
    :where(body.order-flow-page) .input-box input{
        color:#151827 !important;
    }
    :where(body.order-flow-page) .notice{
        background:#fff7e8 !important;
        color:#9a661a !important;
        border:1px solid rgba(245,158,11,.18);
        box-shadow:0 14px 30px rgba(18,22,34,.06);
    }
    :where(body.order-flow-page) .profile-card{
        max-width:760px;
        padding:22px !important;
        border-radius:26px !important;
    }
    :where(body.order-flow-page) .profile-head{
        padding-bottom:18px !important;
    }
    :where(body.order-flow-page) .avatar{
        width:68px !important;
        height:68px !important;
    }
    :where(body.order-flow-page) .name{
        font-size:19px !important;
    }
    :where(body.order-flow-page) .username{
        font-size:14px !important;
    }
    :where(body.order-flow-page) .stats{
        gap:24px !important;
        padding-top:18px !important;
    }
    :where(body.order-flow-page) .stat .label{
        font-size:13px !important;
    }
    :where(body.order-flow-page) .stat .value{
        font-size:18px !important;
    }
    :where(body.order-flow-page) .pill{
        height:38px;
        padding:0 15px !important;
        display:flex;
        align-items:center;
    }
    :where(body.order-flow-page) .section-head{
        max-width:100%;
        margin:2px 0 18px !important;
    }
    :where(body.order-flow-page) .section-title{
        color:#121827 !important;
        font-size:17px !important;
    }
    :where(body.order-flow-page) .grid{
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        gap:16px !important;
    }
    :where(body.order-flow-page) .post-card{
        border-radius:24px !important;
        box-shadow:0 16px 32px rgba(18,22,34,.10) !important;
    }
    :where(body.order-flow-page) .post-image,
    :where(body.order-flow-page) .post-card::after{
        border-radius:18px !important;
    }
    :where(body.order-flow-page) .selection-overlay{
        width:92px !important;
    }
    :where(body.order-flow-page) .comment-mode-wrap,
    :where(body.order-flow-page) .comment-panel{
        max-width:760px;
    }
    :where(body.order-flow-page) .comment-mode-wrap{
        gap:16px !important;
    }
    :where(body.order-flow-page) .comment-mode{
        min-height:84px !important;
        font-size:16px !important;
    }
    :where(body.order-flow-page) .comment-panel{
        border-radius:26px !important;
    }
    :where(body.order-flow-page) .prepared-scroll-list{
        max-height:220px !important;
    }
    :where(body.order-flow-page) .selected-scroll-list{
        height:176px !important;
    }
    :where(body.order-flow-page) .custom-textarea{
        min-height:300px !important;
    }
    :where(body.order-flow-page) .story-overview-card,
    :where(body.order-flow-page) .auto-story-note{
        max-width:760px;
    }
    :where(body.order-flow-page) .story-track{
        padding-bottom:10px !important;
    }
    :where(body.order-flow-page) .story-slide{
        min-width:108px !important;
        max-width:108px !important;
        padding:15px 10px !important;
    }
    :where(body.order-flow-page) .story-ring{
        width:54px !important;
        height:54px !important;
    }
    :where(body.order-flow-page) .auto-like-card{
        max-width:560px;
        margin:18px auto 0;
        padding:30px 28px 24px !important;
        border-radius:30px !important;
    }
    :where(body.order-flow-page) .auto-like-head h3{
        font-size:25px !important;
    }
    :where(body.order-flow-page) .auto-like-amount{
        font-size:20px !important;
        margin-top:8px !important;
    }
    :where(body.order-flow-page) .auto-like-input{
        height:66px !important;
    }
    :where(body.order-flow-page) .auto-like-preview{
        gap:14px !important;
    }
    :where(body.order-flow-page) .pager button{
        width:54px !important;
        height:48px !important;
        border-radius:16px !important;
        font-size:17px !important;
        background:#eef2f8 !important;
        color:#596174 !important;
    }
    :where(body.order-flow-page) .pager button.active{
        background:linear-gradient(135deg,#ff3b84,#ff0d67) !important;
        color:#fff !important;
        box-shadow:0 12px 22px rgba(255,13,103,.24) !important;
    }
    :where(body.order-flow-page) .content.has-cart {
        right:0 !important;
        bottom:118px !important;
        padding-bottom:34px !important;
    }
    :where(body.order-flow-page) .cart-footer {
        flex-direction:column !important;
        justify-content:flex-start !important;
        top:auto !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:auto !important;
        height:118px !important;
        padding:22px 36px !important;
        display:grid !important;
        grid-template-columns:auto 1fr auto !important;
        align-items:center !important;
        gap:18px !important;
        background:rgba(255,255,255,.92) !important;
        border-left:none !important;
        border-top:1px solid rgba(28,32,48,.08) !important;
        box-shadow:0 -18px 42px rgba(18,22,34,.08) !important;
        backdrop-filter:blur(24px);
    }
    :where(body.order-flow-page) .cart-footer::before,
    :where(body.order-flow-page) .cart-footer::after{
        display:none !important;
        content:none !important;
    }
    :where(body.order-flow-page) .cart-icon {
        box-shadow:0 18px 34px rgba(255,13,103,.20) !important;
        width:58px !important;
        height:58px !important;
        border-radius:20px !important;
    }
    :where(body.order-flow-page) .price {
        width:auto !important;
        max-width:300px;
        padding:0 !important;
        border:none !important;
        background:transparent !important;
        border-radius:0 !important;
    }
    :where(body.order-flow-page) .price .label {
        font-size:13px !important;
        margin-bottom:5px !important;
    }
    :where(body.order-flow-page) .price .value {
        color:#121827 !important;
        font-weight:950 !important;
        font-size:21px !important;
    }
    :where(body.order-flow-page) .cart-btn {
        border-radius:18px !important;
        font-size:16px !important;
        box-shadow:0 18px 34px rgba(255,13,103,.24) !important;
        width:260px !important;
        min-width:260px !important;
        height:58px !important;
        margin-top:0 !important;
    }
    :where(body.order-flow-page) #page1 .content {
        max-width:560px;
        margin:0 auto;
        left:0 !important;
        right:0 !important;
        display:flex;
        flex-direction:column;
        padding-bottom:110px !important;
        justify-content:center;
    }
    :where(body.order-flow-page) #page1 .input-box,
    :where(body.order-flow-page) #page1 .primary-btn,
    :where(body.order-flow-page) #page1 .notice{
        width:min(100%, 520px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    :where(body.order-flow-page) #page2 .profile-card,
    :where(body.order-flow-page) #page4 .comment-mode-wrap,
    :where(body.order-flow-page) #page4 .comment-panel,
    :where(body.order-flow-page) #page5 .profile-card,
    :where(body.order-flow-page) #page5 .story-overview-card,
    :where(body.order-flow-page) #page6 .auto-like-card,
    :where(body.order-flow-page) #page7 .profile-card,
    :where(body.order-flow-page) #page7 .auto-story-note{
        width:min(100%, 760px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    :where(body.order-flow-page) #page6 .auto-like-card{
        width:min(100%, 560px) !important;
    }
    :where(body.order-flow-page) #page4 .comment-mode-wrap,
    :where(body.order-flow-page) #page4 .comment-panel{
        max-width:none !important;
    }
    :where(body.order-flow-page) #page5 .profile-card,
    :where(body.order-flow-page) #page7 .profile-card{
        margin-bottom:0 !important;
    }
    :where(body.order-flow-page) #page5 .story-overview-card,
    :where(body.order-flow-page) #page7 .auto-story-note{
        margin-top:16px !important;
    }
    body.order-flow-page {
        align-items:center;
        background:
        radial-gradient(circle at 10% 14%, rgba(255,13,103,.16), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(123,97,255,.18), transparent 30%),
        radial-gradient(circle at 72% 92%, rgba(20,185,122,.12), transparent 28%),
        linear-gradient(135deg,#eef2f8 0%,#f7f8fc 48%,#edf1f8 100%) !important;
        justify-content:center !important;
        padding:24px 34px 24px 120px !important;
        overflow:hidden !important;
    }
    :where(body.order-flow-page) .app {
        border-radius:36px !important;
        overflow:hidden !important;
        border:1px solid rgba(255,255,255,.78) !important;
        background:
        radial-gradient(circle at 8% 8%, rgba(255,13,103,.08), transparent 28%),
        radial-gradient(circle at 96% 14%, rgba(123,97,255,.09), transparent 30%),
        linear-gradient(145deg,#ffffff 0%,#f7f9fd 48%,#eef2f8 100%) !important;
        box-shadow:
        0 34px 90px rgba(27,35,55,.20),
        0 14px 34px rgba(27,35,55,.10),
        inset 0 1px 0 rgba(255,255,255,.82) !important;
        width:min(620px, calc(100vw - 220px)) !important;
        max-width:min(620px, calc(100vw - 220px)) !important;
        height:min(860px, calc(100vh - 48px)) !important;
        min-height:720px !important;
        margin:0 auto !important;
        transition:width .24s ease, max-width .24s ease !important;
    }
    :where(body.order-flow-page) .app.desktop-wide{
        width:min(1180px, calc(100vw - 220px)) !important;
        max-width:min(1180px, calc(100vw - 220px)) !important;
    }
    :where(body.order-flow-page) .content,
    :where(body.order-flow-page) .content.has-cart{
        left:0 !important;
        right:0 !important;
        width:auto !important;
        max-width:none !important;
    }
    :where(body.order-flow-page) #page1 .content, :where(body.order-flow-page) #page2 .content, :where(body.order-flow-page) #page4 .content, :where(body.order-flow-page) #page5 .content, :where(body.order-flow-page) #page6 .content, :where(body.order-flow-page) #page7 .content {
        display:flex;
        flex-direction:column;
        align-items:stretch !important;
    }
    :where(body.order-flow-page) #page1 .input-box,
    :where(body.order-flow-page) #page1 .primary-btn,
    :where(body.order-flow-page) #page1 .notice,
    :where(body.order-flow-page) #page2 .profile-card,
    :where(body.order-flow-page) #page4 .comment-mode-wrap,
    :where(body.order-flow-page) #page4 .comment-panel,
    :where(body.order-flow-page) #page5 .profile-card,
    :where(body.order-flow-page) #page5 .story-overview-card,
    :where(body.order-flow-page) #page6 .auto-like-card,
    :where(body.order-flow-page) #page7 .profile-card,
    :where(body.order-flow-page) #page7 .auto-story-note{
        width:100% !important;
        max-width:none !important;
    }
    :where(body.order-flow-page) #page3 .content.has-cart{
        bottom:118px !important;
    }
    :where(body.order-flow-page) .pager {
        top:50% !important;
        bottom:auto !important;
        transform:translateY(-50%) !important;
        flex-direction:column !important;
        gap:10px !important;
        padding:10px !important;
        border-radius:24px !important;
        background:rgba(255,255,255,.76) !important;
        border:1px solid rgba(255,255,255,.78) !important;
        box-shadow:0 24px 50px rgba(27,35,55,.18) !important;
        backdrop-filter:blur(22px);
        left:22px !important;
    }
    :where(body.follower-check-page) .profile-requirements {
        gap:11px;
    }
    :where(body.follower-check-page) .modern-notice {
        padding:14px 15px !important;
    }
    :where(body.follower-check-page) .notice-icon {
        width:42px;
        height:42px;
        border-radius:14px;
    }
    :where(body.follower-check-page) .notice-text strong {
        font-size:14.5px;
    }
    :where(body.follower-check-page) .notice-text span {
        font-size:12.5px;
    }
    :where(body.order-flow-page) #page8 .content {
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    :where(body.order-flow-page) #page8 .operation-address-card {
        width:min(100%, 760px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .services-promo {
        grid-template-columns: 56px minmax(0, 1fr) 170px !important;
        grid-template-areas:
        "icon copy price"
        "icon copy action" !important;
        gap: 12px 16px !important;
        min-height: auto !important;
        padding: 24px !important;
    }
    .services-promo-icon {
        grid-area: icon !important;
        align-self: center !important;
    }
    .services-promo-copy {
        grid-area: copy !important;
        min-width: 0 !important;
    }
    .services-promo-price {
        grid-area: price !important;
        min-height: 52px !important;
        margin-right: 0 !important;
        padding: 0 16px !important;
    }
    .services-promo > a {
        grid-area: action !important;
        min-height: 48px !important;
    }
    .teaser-quick-order__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .teaser-quick-order__price,
    .teaser-quick-order__button {
        grid-column: span 1;
    }
    .home-menu-side-right {
        gap: 7px !important;
    }
    .header-notification-panel {
        right: -128px !important;
    }
    .header-notification-panel::before {
        right: 140px !important;
    }
    .header-action-stack {
        gap: 8px !important;
    }
    .header-mini-action {
        width: 44px !important;
        height: 44px !important;
    }
    .header-mini-action,
    .header-mini-bell,
    .header-mini-cart{
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }
    .header-mini-action,
    .header-mini-bell,
    .header-mini-cart {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
    }
    .header-auth-suite,
    .home-menu-side-right .header-auth-suite {
        height: 46px;
        padding: 4px;
        gap: 5px;
        border-radius: 14px;
    }
    .header-auth-suite__login,
    .home-menu-side-right .header-auth-suite__login {
        height: 38px;
        border-radius: 11px;
        font-size: 13px;
    }
    .header-auth-suite__login,
    .home-menu-side-right .header-auth-suite__login {
        min-width: 84px;
        padding: 0 11px;
    }
    .home-platform-services-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .main-home-page .home-faq-showcase {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 24px;
    }
    .main-home-page .home-faq-showcase__support {
        grid-template-columns: minmax(0, 1fr) 210px;
        min-height: auto;
    }
    .main-home-page .home-faq-showcase__robot img {
        width: min(100%, 210px);
        max-height: 240px;
    }
    body.profile-page .trp-side-nav .trp-nav-link {
        height: 56px !important;
        min-height: 56px !important;
        padding-left: 14px !important;
        padding-right: 12px !important;
        gap: 8px !important;
    }
    body.profile-page .trp-side-nav .trp-nav-link {
        gap: 7px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .services-directory-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .services-directory-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .services-directory-hero {
        grid-template-columns: 1fr;
    }
    .services-directory-summary {
        max-width: 280px;
    }
    .order-total-mobile {
        display: none;
    }
}
/* Geniş desktop */
@media (min-width: 1280px) {
    .footer-dark-content:not(.footer-dark-show-brand) {
        grid-template-columns: 1fr;
    }
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-brand {
        display: none;
    }
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-main {
        padding-right: 28px;
        padding-left: 28px;
    }
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-line,
    .footer-dark-content:not(.footer-dark-show-brand) .footer-dark-bottom-row {
        width: 100%;
    }
    .home-page {
        --home-desktop-shell-width: min(100% - 96px, 1260px);
        --home-desktop-content-width: min(100% - 140px, 1216px);
    }
    .promo-inner,
    .home-menu-row {
        width: var(--home-desktop-content-width);
    }
    .home-menu-primary {
        position: relative;
    }
    .home-menu-side-left,
    .home-menu-side-right {
        padding-inline: 0;
    }
    .home-menu-side a,
    .home-menu-side button {
        font-size: 13px;
    }
    .nav-mega-panel {
        left: 0;
        right: 0;
        grid-template-columns: 206px minmax(0, 1fr);
        gap: 0;
        width: 100%;
        transform: none;
    }
    .nav-mega-content {
        padding: 4px 20px 0;
    }
    .nav-mega-links a::before,
    .nav-mega-links a::after {
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 1;
        color: currentColor;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .nav-mega-links a::after {
        content: "";
        color: #9aa7bb;
        font-size: 17px;
    }
    .cart-shell,
    .payment-shell,
    .success-shell {
        width: min(60vw, 1500px);
    }
    .order-summary-items {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: center;
        gap: clamp(8px, .8vw, 12px);
        width: 100%;
    }
    .order-summary-item {
        flex: initial;
        width: 100%;
    }
    .order-summary-items,
    .order-summary-item,
    .summary-icon,
    .summary-adjust,
    .summary-adjust button,
    .order-buy-btn,
    .order-buy-btn strong,
    .order-summary-item small,
    .order-summary-item strong,
    .order-summary-item b {
        transition: transform .12s ease-out, opacity .12s ease-out, box-shadow .12s ease-out;
    }
    .order-summary-anchor {
        display: block;
        height: 0;
    }
    .order-summary-anchor.is-active {
        display: block;
        height: var(--order-summary-inline-space, 92px);
    }
    .order-summary-bar.is-inline {
        position: absolute;
        top: calc(var(--order-summary-inline-top, 0px) + var(--home-section-gap));
        right: 0;
        left: 0;
        bottom: auto;
        z-index: 2;
        width: auto;
        padding: 16px 18px;
        gap: 18px;
        border-radius: 20px;
        transform: none;
        border: 1px solid var(--color-border);
    }
    .home-feedback-section {
        margin-top: var(--home-section-gap);
    }
    .services-section {
        display: none !important;
    }
    .payment-layout {
        width: 100%;
        grid-template-columns: minmax(0, 1.45fr) minmax(360px, .9fr);
        gap: 30px;
    }
    .cart-shell,
    .payment-shell,
    .success-shell {
        width: min(76vw, 1500px);
    }
    .nav-mega-panel {
        --nav-mega-accent: #ef4f98;
        --nav-mega-accent-soft: rgba(239, 79, 152, .18);
        --nav-mega-accent-border: rgba(239, 79, 152, .34);
    }
    .nav-mega-sidebar {
        gap: 9px;
        padding: 8px;
        background: rgba(248, 251, 255, .76);
        border-color: rgba(224, 234, 248, .9);
        box-shadow: none;
    }
    .nav-mega-sidebar button {
        --nav-platform-color: #ef4f98;
        --nav-platform-bg: rgba(255, 239, 248, .64);
        --nav-platform-border: rgba(239, 79, 152, .24);
        min-height: 52px;
        padding: 0 12px;
        color: var(--nav-platform-color);
        font-size: 13px;
        font-weight: 800;
        background: var(--nav-platform-bg);
        border: 1px solid var(--nav-platform-border);
        border-left: 3px solid var(--nav-platform-color);
        border-radius: 10px;
        box-shadow: none;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="facebook"] {
        --nav-platform-color: #1877f2;
        --nav-platform-bg: rgba(24, 119, 242, .07);
        --nav-platform-border: rgba(24, 119, 242, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="twitter"] {
        --nav-platform-color: #111827;
        --nav-platform-bg: rgba(17, 24, 39, .055);
        --nav-platform-border: rgba(17, 24, 39, .18);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="spotify"] {
        --nav-platform-color: #1db954;
        --nav-platform-bg: rgba(29, 185, 84, .08);
        --nav-platform-border: rgba(29, 185, 84, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="youtube"] {
        --nav-platform-color: #ff0000;
        --nav-platform-bg: rgba(255, 0, 0, .06);
        --nav-platform-border: rgba(255, 0, 0, .20);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="tiktok"] {
        --nav-platform-color: #111827;
        --nav-platform-bg: rgba(17, 24, 39, .055);
        --nav-platform-border: rgba(17, 24, 39, .18);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="telegram"] {
        --nav-platform-color: #24a1de;
        --nav-platform-bg: rgba(36, 161, 222, .08);
        --nav-platform-border: rgba(36, 161, 222, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="twitch"] {
        --nav-platform-color: #9146ff;
        --nav-platform-bg: rgba(145, 70, 255, .075);
        --nav-platform-border: rgba(145, 70, 255, .24);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="pinterest"] {
        --nav-platform-color: #e60023;
        --nav-platform-bg: rgba(230, 0, 35, .06);
        --nav-platform-border: rgba(230, 0, 35, .22);
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar button[data-service-category="kick"] {
        --nav-platform-color: #00e701;
        --nav-platform-bg: rgba(0, 231, 1, .08);
        --nav-platform-border: rgba(0, 231, 1, .24);
    }
    .nav-mega-sidebar button.is-active {
        color: var(--nav-platform-color);
        background: linear-gradient(90deg, var(--nav-platform-bg), rgba(255, 255, 255, .98));
        border-color: var(--nav-platform-border);
        border-left-width: 3px;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .82), 0 14px 28px rgba(66, 95, 145, .12);
    }
    .nav-mega-sidebar button .bi:first-child,
    .nav-mega-sidebar button .bi-chevron-right {
        color: currentColor;
    }
    .nav-mega-head > span {
        color: #fff;
        background: var(--nav-mega-accent);
        border-color: var(--nav-mega-accent-border);
    }
    .nav-mega-head::after {
        background: var(--nav-mega-accent);
    }
    .nav-mega-links {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 11px 20px;
        grid-auto-rows: 56px;
    }
    .nav-mega-links a {
        position: relative;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        padding: 0 18px 0 12px;
        color: #24314b;
        font-size: 13px;
        font-weight: 800;
        background: #fff;
        border: 1px solid rgba(224, 234, 248, .92);
        border-radius: 10px;
        box-shadow: 0 10px 24px rgba(66, 95, 145, .06);
        min-height: 0;
        height: 56px;
        overflow: hidden;
    }
    .nav-mega-links a::before {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        content: "";
        font-size: 22px;
        border-radius: 9px;
        color: var(--nav-mega-accent);
        background: linear-gradient(135deg, var(--nav-mega-accent-soft), rgba(255, 255, 255, .90));
    }
    .nav-mega-links a:hover {
        color: #16213a;
        border-color: var(--nav-mega-accent-border);
    }
    .nav-mega-panel[data-menu-panel="services"] {
        align-items: stretch;
        height: 445px;
        min-height: 445px;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-content {
        display: grid;
        height: 100%;
        min-height: 0;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-sidebar {
        align-self: stretch;
        height: auto;
        max-height: 445px;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-service-panel {
        display: grid;
        grid-template-rows: auto 1fr auto;
        gap: 12px;
        height: 100%;
        min-height: 0;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-service-panel[hidden] {
        display: none;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-links {
        align-self: start;
        align-content: start;
        margin-top: 8px;
    }
    .nav-mega-panel[data-menu-panel="services"] .nav-mega-cta {
        align-self: end;
        margin-top: 0;
    }
    .home-combo-packages-section {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .home-combo-packages-inner {
        width: min(1140px, calc(100% - 120px)) !important;
        max-width: 1140px !important;
    }
    .home-combo-panel {
        max-width: 1140px !important;
        gap: 16px !important;
    }
    .home-combo-card {
        min-height: 530px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .home-combo-metrics {
        gap: 9px !important;
    }
    .home-combo-metrics li {
        min-height: 76px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .home-combo-metrics strong {
        font-size: 19px !important;
    }
    .home-combo-price strong {
        font-size: 25px !important;
    }
    :where(body.profile-page) .trp-stats-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    
    
    :where(body.profile-page) .trp-dashboard-grid {grid-template-columns:minmax(0,1fr) !important;}
    
    
    :where(body.profile-page) .trp-dashboard-grid {
        grid-template-columns:minmax(0,1fr) 330px !important;
    }
    :where(body.profile-page) .trp-order-item {grid-template-columns:44px minmax(130px,1fr) 112px 76px 18px !important;}
    :where(body.profile-page) .trp-dashboard-grid {
        grid-template-columns:minmax(0,1fr) 320px !important;
    }
    :where(body.profile-page) .trp-hero-copy h1{font-size:28px !important;}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
    :where(body.profile-page) .trp-avatar-grid {grid-template-columns:repeat(8,minmax(0,1fr)) !important;}
    
    
    .profile-page .trp-profile-card {
        grid-area:profile !important;
        height:178px !important;
        min-height:178px !important;
        margin:0 !important;
        padding:18px !important;
        border-radius:24px !important;
        display:grid !important;
        grid-template-columns:72px minmax(0,1fr) !important;
        grid-template-rows:1fr auto !important;
        grid-template-areas:"avatar user" "level level" !important;
        align-items:center !important;
        gap:14px !important;
        text-align:left !important;
        background:linear-gradient(180deg,#ffffff 0%,#fffaf6 100%) !important;
        color:var(--trp-text) !important;
        border:1px solid rgba(255,122,69,.24) !important;
        box-shadow:0 16px 34px rgba(31,47,104,.06) !important;
        overflow:hidden !important;
        position:relative !important;
    }
    .profile-page .trp-profile-card::before {
        display:none !important;
        content:none !important;
    }
    .profile-page .trp-profile-card .trp-profile-photo,
    .profile-page .trp-profile-card .trp-avatar-fallback {
        width:100% !important;
        height:100% !important;
        min-width:100% !important;
        min-height:100% !important;
        border-radius:50% !important;
        display:block !important;
        object-fit:cover !important;
        object-position:center !important;
    }
    .profile-page .trp-profile-card .trp-avatar-fallback {
        display:none !important;
    }
    .profile-page .trp-profile-card h3 {
        grid-area:user !important;
        margin:0 !important;
        color:var(--trp-text) !important;
        font-size:19px !important;
        font-weight:900 !important;
        line-height:1.16 !important;
        letter-spacing:-.02em !important;
        align-self:center !important;
        text-align:left !important;
    }
    .profile-page .trp-profile-card .trp-tier-summary {
        grid-area:level !important;
        margin:0 !important;
        width:100% !important;
        max-width:none !important;
        min-height:48px !important;
        padding:8px 10px !important;
        border-radius:16px !important;
        background:#fff3e6 !important;
        border:1px solid rgba(255,122,69,.20) !important;
        box-shadow:none !important;
        backdrop-filter:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:10px !important;
        text-align:left !important;
    }
    .profile-page .trp-profile-card .trp-tier-label {
        display:block !important;
        margin:0 0 3px !important;
        font-size:9px !important;
        line-height:1 !important;
        text-transform:uppercase !important;
        letter-spacing:.08em !important;
        color:#7d86ad !important;
        font-weight:800 !important;
    }
    .profile-page .trp-profile-card .trp-tier-current strong {
        display:block !important;
        font-size:15px !important;
        line-height:1.1 !important;
        color:var(--trp-text) !important;
        font-weight:900 !important;
        white-space:nowrap !important;
    }
    .profile-page .trp-profile-card .trp-tier-discount {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:8px 11px !important;
        border-radius:999px !important;
        background:#ff7a45 !important;
        color:#fff !important;
        font-size:11px !important;
        font-weight:900 !important;
        white-space:nowrap !important;
        box-shadow:none !important;
    }
    .profile-page .trp-side-nav {
        grid-area:menu !important;
        height:178px !important;
        min-height:178px !important;
        margin:0 !important;
        padding:16px !important;
        border-radius:24px !important;
        background:#fff !important;
        border:1px solid var(--trp-line) !important;
        box-shadow:var(--trp-shadow) !important;
        display:grid !important;
        grid-template-columns:repeat(4,minmax(132px,1fr)) !important;
        gap:10px !important;
        align-content:center !important;
    }
    .profile-page .trp-balance-card {
        grid-area:balance !important;
        height:178px !important;
        min-height:178px !important;
        margin:0 !important;
        padding:22px 20px !important;
        border-radius:24px !important;
        background:#fff !important;
        border:1px solid var(--trp-line) !important;
        box-shadow:var(--trp-shadow) !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        gap:14px !important;
    }
    .profile-page .trp-balance-card .trp-balance-head {
        margin:0 !important;
    }
    .profile-page .trp-balance-card .trp-balance-head span {
        font-size:13px !important;
        font-weight:800 !important;
        color:#7d86ad !important;
    }
    .profile-page .trp-balance-card .trp-balance-head i {
        font-size:15px !important;
        color:#99a3c8 !important;
    }
    .profile-page .trp-balance-card strong {
        margin:0 !important;
        font-size:24px !important;
        line-height:1.1 !important;
        letter-spacing:-.02em !important;
        color:var(--trp-text) !important;
    }
    .profile-page .trp-help-card {
        display:none !important;
    }
    
    
    .profile-page .trp-side-nav {
        height:auto !important;
        min-height:178px !important;
    }
    :where(body.profile-page) .trp-stats-grid {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
    :where(body.profile-page) .trp-ticket-create-layout{
        align-items:stretch !important;
    }
    :where(body.profile-page) .trp-ticket-create-side{
        display:flex !important;
        flex-direction:column !important;
        height:100% !important;
        min-height:100% !important;
    }
    :where(body.profile-page) .trp-ticket-create-side .trp-ticket-help-panel{
        margin-top:auto !important;
    }
    body.profile-page.profile-auth-page {
        height:100vh;
        overflow:hidden;
    }
    body.profile-page.profile-auth-page .trp-login-screen {
        height:100vh;
        overflow:hidden;
        align-items:stretch;
    }
    body.profile-page.profile-auth-page .trp-login-panel {
        height:100vh;
        overflow-y:auto;
        scrollbar-gutter:stable;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }
    body.profile-page.profile-auth-page .trp-login-panel::-webkit-scrollbar {
        width:0;
        height:0;
    }
    body.profile-page.profile-auth-page .trp-login-visual {
        height:100vh;
        min-height:100vh;
        align-self:stretch;
    }
    body.profile-auth-page{
        height:100vh;
        overflow:hidden;
    }
    body.profile-auth-page .trp-login-screen{
        height:100vh;
        overflow:hidden;
        align-items:stretch;
    }
    body.profile-auth-page .trp-login-panel{
        height:100vh;
        overflow-y:auto;
        scrollbar-gutter:stable;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }
    body.profile-auth-page .trp-login-panel::-webkit-scrollbar{
        width:0;
        height:0;
    }
    body.profile-auth-page .trp-login-visual{
        height:100vh;
        min-height:100vh;
        align-self:stretch;
    }
    html body.order-flow-page,body.order-flow-page{
        min-height:100%;
        overflow:hidden;
    }
    body.order-flow-page::before{
        content:"";
        position:fixed;
        inset:22px;
        border-radius:38px;
        border:1px solid rgba(255,255,255,.72);
        pointer-events:none;
        box-shadow:inset 0 0 0 1px rgba(28,32,48,.04);
    }
    :where(body.order-flow-page) .screen{
        border-radius:36px;
        overflow:hidden;
    }
    :where(body.order-flow-page) .topbar{
        height:96px !important;
        padding:22px 34px !important;
        background:rgba(255,255,255,.86) !important;
        border-bottom:1px solid rgba(28,32,48,.08) !important;
        backdrop-filter:blur(22px);
    }
    :where(body.order-flow-page) .service-icon{
        width:54px !important;
        height:54px !important;
        border-radius:18px !important;
        box-shadow:0 16px 30px rgba(255,13,103,.22) !important;
    }
    :where(body.order-flow-page) .service-icon svg{
        width:27px !important;
        height:27px !important;
    }
    :where(body.order-flow-page) .platform{
        color:#ff0d67 !important;
        font-size:15px !important;
        font-weight:850 !important;
    }
    :where(body.order-flow-page) .service-title{
        color:#121827 !important;
        font-size:23px !important;
        font-weight:950 !important;
        letter-spacing:-.35px;
    }
    :where(body.order-flow-page) .back-btn{
        height:46px !important;
        min-width:106px !important;
        border-radius:16px !important;
        background:#f3f5fa !important;
        border:1px solid rgba(28,32,48,.08) !important;
        color:#31384a !important;
        box-shadow:0 10px 24px rgba(18,22,34,.06) !important;
    }
    :where(body.order-flow-page) .back-btn svg{
        stroke:#31384a !important;
    }
    :where(body.order-flow-page) .content{
        top:96px !important;
        padding:34px 36px !important;
    }
    :where(body.order-flow-page) .cart-footer::before{
        content:"Order Summary";
        display:block;
        color:#111827;
        font-size:18px;
        font-weight:950;
        letter-spacing:-.25px;
        margin-bottom:2px;
    }
    :where(body.order-flow-page) .cart-footer::after{
        content:"Review your package and continue securely.";
        display:block;
        color:#8a93a5;
        font-size:13px;
        font-weight:750;
        line-height:1.45;
        margin-top:auto;
        padding-top:18px;
        border-top:1px solid rgba(28,32,48,.07);
    }
    :where(body.order-flow-page) .btn-cart-icon{
        width:36px !important;
        height:36px !important;
    }
    :where(body.order-flow-page) .input-box{
        height:68px !important;
        border-radius:22px !important;
        background:rgba(255,255,255,.82) !important;
        border:1px solid rgba(28,32,48,.09) !important;
        box-shadow:0 18px 40px rgba(18,22,34,.08);
    }
    :where(body.order-flow-page) .input-box input{
        color:#151827 !important;
    }
    :where(body.order-flow-page) .notice{
        background:#fff7e8 !important;
        color:#9a661a !important;
        border:1px solid rgba(245,158,11,.18);
        box-shadow:0 14px 30px rgba(18,22,34,.06);
    }
    :where(body.order-flow-page) .profile-card{
        max-width:760px;
        padding:22px !important;
        border-radius:26px !important;
    }
    :where(body.order-flow-page) .profile-head{
        padding-bottom:18px !important;
    }
    :where(body.order-flow-page) .avatar{
        width:68px !important;
        height:68px !important;
    }
    :where(body.order-flow-page) .name{
        font-size:19px !important;
    }
    :where(body.order-flow-page) .username{
        font-size:14px !important;
    }
    :where(body.order-flow-page) .stats{
        gap:24px !important;
        padding-top:18px !important;
    }
    :where(body.order-flow-page) .stat .label{
        font-size:13px !important;
    }
    :where(body.order-flow-page) .stat .value{
        font-size:18px !important;
    }
    :where(body.order-flow-page) .pill{
        height:38px;
        padding:0 15px !important;
        display:flex;
        align-items:center;
    }
    :where(body.order-flow-page) .section-head{
        max-width:100%;
        margin:2px 0 18px !important;
    }
    :where(body.order-flow-page) .section-title{
        color:#121827 !important;
        font-size:17px !important;
    }
    :where(body.order-flow-page) .grid{
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        gap:16px !important;
    }
    :where(body.order-flow-page) .post-card{
        border-radius:24px !important;
        box-shadow:0 16px 32px rgba(18,22,34,.10) !important;
    }
    :where(body.order-flow-page) .post-image,
    :where(body.order-flow-page) .post-card::after{
        border-radius:18px !important;
    }
    :where(body.order-flow-page) .selection-overlay{
        width:92px !important;
    }
    :where(body.order-flow-page) .comment-mode-wrap,
    :where(body.order-flow-page) .comment-panel{
        max-width:760px;
    }
    :where(body.order-flow-page) .comment-mode-wrap{
        gap:16px !important;
    }
    :where(body.order-flow-page) .comment-mode{
        min-height:84px !important;
        font-size:16px !important;
    }
    :where(body.order-flow-page) .comment-panel{
        border-radius:26px !important;
    }
    :where(body.order-flow-page) .prepared-scroll-list{
        max-height:220px !important;
    }
    :where(body.order-flow-page) .selected-scroll-list{
        height:176px !important;
    }
    :where(body.order-flow-page) .custom-textarea{
        min-height:300px !important;
    }
    :where(body.order-flow-page) .story-overview-card,
    :where(body.order-flow-page) .auto-story-note{
        max-width:760px;
    }
    :where(body.order-flow-page) .story-track{
        padding-bottom:10px !important;
    }
    :where(body.order-flow-page) .story-slide{
        min-width:108px !important;
        max-width:108px !important;
        padding:15px 10px !important;
    }
    :where(body.order-flow-page) .story-ring{
        width:54px !important;
        height:54px !important;
    }
    :where(body.order-flow-page) .auto-like-card{
        max-width:560px;
        margin:18px auto 0;
        padding:30px 28px 24px !important;
        border-radius:30px !important;
    }
    :where(body.order-flow-page) .auto-like-head h3{
        font-size:25px !important;
    }
    :where(body.order-flow-page) .auto-like-amount{
        font-size:20px !important;
        margin-top:8px !important;
    }
    :where(body.order-flow-page) .auto-like-input{
        height:66px !important;
    }
    :where(body.order-flow-page) .auto-like-preview{
        gap:14px !important;
    }
    :where(body.order-flow-page) .pager button{
        width:54px !important;
        height:48px !important;
        border-radius:16px !important;
        font-size:17px !important;
        background:#eef2f8 !important;
        color:#596174 !important;
    }
    :where(body.order-flow-page) .pager button.active{
        background:linear-gradient(135deg,#ff3b84,#ff0d67) !important;
        color:#fff !important;
        box-shadow:0 12px 22px rgba(255,13,103,.24) !important;
    }
    :where(body.order-flow-page) .grid {
        grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    }
    :where(body.order-flow-page) .content.has-cart {
        right:0 !important;
        bottom:118px !important;
        padding-bottom:34px !important;
    }
    :where(body.order-flow-page) .cart-footer {
        flex-direction:column !important;
        justify-content:flex-start !important;
        top:auto !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:auto !important;
        height:118px !important;
        padding:22px 36px !important;
        display:grid !important;
        grid-template-columns:auto 1fr auto !important;
        align-items:center !important;
        gap:18px !important;
        background:rgba(255,255,255,.92) !important;
        border-left:none !important;
        border-top:1px solid rgba(28,32,48,.08) !important;
        box-shadow:0 -18px 42px rgba(18,22,34,.08) !important;
        backdrop-filter:blur(24px);
    }
    :where(body.order-flow-page) .cart-footer::before,
    :where(body.order-flow-page) .cart-footer::after{
        display:none !important;
        content:none !important;
    }
    :where(body.order-flow-page) .cart-icon {
        box-shadow:0 18px 34px rgba(255,13,103,.20) !important;
        width:58px !important;
        height:58px !important;
        border-radius:20px !important;
    }
    :where(body.order-flow-page) .price {
        width:auto !important;
        max-width:300px;
        padding:0 !important;
        border:none !important;
        background:transparent !important;
        border-radius:0 !important;
    }
    :where(body.order-flow-page) .price .label {
        font-size:13px !important;
        margin-bottom:5px !important;
    }
    :where(body.order-flow-page) .price .value {
        color:#121827 !important;
        font-weight:950 !important;
        font-size:21px !important;
    }
    :where(body.order-flow-page) .cart-btn {
        border-radius:18px !important;
        font-size:16px !important;
        box-shadow:0 18px 34px rgba(255,13,103,.24) !important;
        width:260px !important;
        min-width:260px !important;
        height:58px !important;
        margin-top:0 !important;
    }
    :where(body.order-flow-page) #page1 .content {
        max-width:560px;
        margin:0 auto;
        left:0 !important;
        right:0 !important;
        display:flex;
        flex-direction:column;
        padding-bottom:110px !important;
        justify-content:center;
    }
    :where(body.order-flow-page) #page1 .input-box,
    :where(body.order-flow-page) #page1 .primary-btn,
    :where(body.order-flow-page) #page1 .notice{
        width:min(100%, 520px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    :where(body.order-flow-page) #page2 .profile-card,
    :where(body.order-flow-page) #page4 .comment-mode-wrap,
    :where(body.order-flow-page) #page4 .comment-panel,
    :where(body.order-flow-page) #page5 .profile-card,
    :where(body.order-flow-page) #page5 .story-overview-card,
    :where(body.order-flow-page) #page6 .auto-like-card,
    :where(body.order-flow-page) #page7 .profile-card,
    :where(body.order-flow-page) #page7 .auto-story-note{
        width:min(100%, 760px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    :where(body.order-flow-page) #page6 .auto-like-card{
        width:min(100%, 560px) !important;
    }
    :where(body.order-flow-page) #page4 .comment-mode-wrap,
    :where(body.order-flow-page) #page4 .comment-panel{
        max-width:none !important;
    }
    :where(body.order-flow-page) #page5 .profile-card,
    :where(body.order-flow-page) #page7 .profile-card{
        margin-bottom:0 !important;
    }
    :where(body.order-flow-page) #page5 .story-overview-card,
    :where(body.order-flow-page) #page7 .auto-story-note{
        margin-top:16px !important;
    }
    body.order-flow-page {
        align-items:center;
        background:
        radial-gradient(circle at 10% 14%, rgba(255,13,103,.16), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(123,97,255,.18), transparent 30%),
        radial-gradient(circle at 72% 92%, rgba(20,185,122,.12), transparent 28%),
        linear-gradient(135deg,#eef2f8 0%,#f7f8fc 48%,#edf1f8 100%) !important;
        justify-content:center !important;
        padding:24px 34px 24px 120px !important;
        overflow:hidden !important;
    }
    :where(body.order-flow-page) .app {
        border-radius:36px !important;
        overflow:hidden !important;
        border:1px solid rgba(255,255,255,.78) !important;
        background:
        radial-gradient(circle at 8% 8%, rgba(255,13,103,.08), transparent 28%),
        radial-gradient(circle at 96% 14%, rgba(123,97,255,.09), transparent 30%),
        linear-gradient(145deg,#ffffff 0%,#f7f9fd 48%,#eef2f8 100%) !important;
        box-shadow:
        0 34px 90px rgba(27,35,55,.20),
        0 14px 34px rgba(27,35,55,.10),
        inset 0 1px 0 rgba(255,255,255,.82) !important;
        width:min(620px, calc(100vw - 220px)) !important;
        max-width:min(620px, calc(100vw - 220px)) !important;
        height:min(860px, calc(100vh - 48px)) !important;
        min-height:720px !important;
        margin:0 auto !important;
        transition:width .24s ease, max-width .24s ease !important;
    }
    :where(body.order-flow-page) .app.desktop-wide{
        width:min(1180px, calc(100vw - 220px)) !important;
        max-width:min(1180px, calc(100vw - 220px)) !important;
    }
    :where(body.order-flow-page) .content,
    :where(body.order-flow-page) .content.has-cart{
        left:0 !important;
        right:0 !important;
        width:auto !important;
        max-width:none !important;
    }
    :where(body.order-flow-page) #page1 .content, :where(body.order-flow-page) #page2 .content, :where(body.order-flow-page) #page4 .content, :where(body.order-flow-page) #page5 .content, :where(body.order-flow-page) #page6 .content, :where(body.order-flow-page) #page7 .content {
        display:flex;
        flex-direction:column;
        align-items:stretch !important;
    }
    :where(body.order-flow-page) #page1 .input-box,
    :where(body.order-flow-page) #page1 .primary-btn,
    :where(body.order-flow-page) #page1 .notice,
    :where(body.order-flow-page) #page2 .profile-card,
    :where(body.order-flow-page) #page4 .comment-mode-wrap,
    :where(body.order-flow-page) #page4 .comment-panel,
    :where(body.order-flow-page) #page5 .profile-card,
    :where(body.order-flow-page) #page5 .story-overview-card,
    :where(body.order-flow-page) #page6 .auto-like-card,
    :where(body.order-flow-page) #page7 .profile-card,
    :where(body.order-flow-page) #page7 .auto-story-note{
        width:100% !important;
        max-width:none !important;
    }
    :where(body.order-flow-page) #page3 .content.has-cart{
        bottom:118px !important;
    }
    :where(body.order-flow-page) .pager {
        top:50% !important;
        bottom:auto !important;
        transform:translateY(-50%) !important;
        flex-direction:column !important;
        gap:10px !important;
        padding:10px !important;
        border-radius:24px !important;
        background:rgba(255,255,255,.76) !important;
        border:1px solid rgba(255,255,255,.78) !important;
        box-shadow:0 24px 50px rgba(27,35,55,.18) !important;
        backdrop-filter:blur(22px);
        left:22px !important;
    }
    :where(body.follower-check-page) .profile-requirements {
        gap:11px;
    }
    :where(body.follower-check-page) .modern-notice {
        padding:14px 15px !important;
    }
    :where(body.follower-check-page) .notice-icon {
        width:42px;
        height:42px;
        border-radius:14px;
    }
    :where(body.follower-check-page) .notice-text strong {
        font-size:14.5px;
    }
    :where(body.follower-check-page) .notice-text span {
        font-size:12.5px;
    }
    :where(body.order-flow-page) #page8 .content {
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    :where(body.order-flow-page) #page8 .operation-address-card {
        width:min(100%, 760px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    body.profile-page .trp-side-nav .trp-nav-link {
        height: 56px !important;
        min-height: 56px !important;
        padding-left: 14px !important;
        padding-right: 12px !important;
        gap: 8px !important;
    }
    body.profile-page .trp-side-nav .trp-nav-link {
        gap: 7px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .order-total-mobile {
        display: none;
    }
}

/* Profile layout: single source of truth. The global .page-shell controls page width. */
:where(body.profile-page) .trp-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 0 48px;
}
:where(body.profile-page) .trp-layout {
    display: grid;
    grid-template-columns: 228px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    width: 100%;
    max-width: none;
    isolation: isolate;
}
:where(body.profile-page) .trp-sidebar {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: sticky;
    top: 24px;
    min-width: 0;
}
:where(body.profile-page) .trp-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
@media (min-width: 1280px) {
    :where(body.profile-page) .trp-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        align-items: start;
    }
    :where(body.profile-page) .trp-sidebar {
        position: relative;
        top: auto;
        display: grid;
        grid-template-columns: 245px minmax(0, 1fr) 215px;
        grid-template-areas: "profile menu balance";
        align-items: stretch;
        gap: 16px;
        margin: 0;
    }
    :where(body.profile-page) .trp-profile-card {
        grid-area: profile;
    }
    :where(body.profile-page) .trp-side-nav {
        grid-area: menu;
    }
    :where(body.profile-page) .trp-balance-card {
        grid-area: balance;
    }
    :where(body.profile-page) .trp-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}

@media (max-width: 991.8px) {
    :where(body.profile-page) .trp-shell {
        padding-bottom: 42px;
    }
    :where(body.profile-page) .trp-layout {
        grid-template-columns: minmax(0, 1fr);
    }
    :where(body.profile-page) .trp-sidebar {
        position: relative;
        top: auto;
        width: 100%;
    }
    :where(body.profile-page) .trp-content {
        width: 100%;
    }
}
@media (max-width: 767.8px) {
    :where(body.profile-page) .trp-shell {
        padding-bottom: 36px;
    }
    :where(body.profile-page) .trp-layout {
        gap: 12px;
    }
    :where(body.profile-page) .trp-sidebar {
        gap: 12px;
    }
    :where(body.profile-page) .trp-content {
        gap: 16px;
    }
}